/*
// File generated by gulpfile.js. DO NOT EDIT.
// Этот файл генерируется по исходникам "Styles/"
*/
body {
  background-color: #f6f8f9;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-stretch: normal;
  font-size: 9px;
  line-height: normal;
  letter-spacing: normal;
  /*padding: 6px;*/
}

.container {
  width: revert;
}

.container.page {
  padding: 0px;
}

button {
  border-style: none;
  border-radius: 2px;
  height: 24px;
}

button:focus {
  outline: dotted 2px darkgray;
}

button:disabled {
  opacity: 0.5;
}

input, select {
  min-width: 10px;
  height: 20px;
  border-radius: 2px;
  border: solid 1px gainsboro;
}

input[readonly], textarea[readonly] {
  background-color: whitesmoke;
}

.CEComboBox {
  min-width: 50px;
}

.padding6px {
  padding-left: 6px;
  padding-right: 6px;
}

.vertical-margin {
  margin-top: 6px;
  margin-bottom: 6px;
}

/*Горизонтальное меню для всех страниц*/
.IndexPage {
  position: relative;
  background-color: white;
}

.page-name {
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  color: rgba(26, 33, 47, 0.8);
  flex-grow: 1;
}

.main-menu {
  padding-top: 6px;
}

.main-menu img {
  height: 12px;
}

.main-menu button {
  height: auto;
}

/*Вертикальное меню*/
.vertical-menu {
  list-style: none;
  position: relative;
  margin-top: 8px;
}

.vertical-menu li {
  margin-right: 0px;
  margin-top: 6px;
}

.vertical-menu a {
  text-decoration: none;
  background: #fff;
  color: #464b56;
  padding: 10px;
  font-size: 11px;
  border-radius: 2px;
  display: block;
  background-repeat: no-repeat;
  background-position: 7px, right;
  text-indent: 37px;
  font-weight: normal;
  text-align: left;
  height: 34px;
}

.settings-form label {
  display: unset;
  font-weight: unset;
  margin-bottom: unset;
}

.settings-form input + label {
  margin-left: 5px;
}

/*CEWebCoreTools.CEBarCodeTagHelper.Class*/
.ce-barcode.CETextBox {
  margin-top: 5px;
  background-image: url(/images/barcode.ico);
  background-repeat: no-repeat;
  background-position: left 4px center;
  background-size: 16px;
  padding-left: 24px;
  width: 100%;
}

/*CEWebCoreTools.CEBarCodeExtTagHelper.ButtonClass*/
.barcode-button {
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: left;
  width: 100%;
  height: 33px;
}

.CETextArea {
  width: 100%;
  resize: none;
  border-radius: 2px;
  border: solid 1px gainsboro;
  margin-bottom: 3px;
}

.CENumber {
  text-align: right;
}

.flex-layout {
  display: flex;
  align-items: center;
}

.flex-layout > label {
  white-space: nowrap;
  padding-right: 3px;
}

.margin-left-auto {
  margin-left: auto;
}

.align-right {
  justify-content: flex-end;
  text-align: right;
}

.refresh-button {
  width: 20px;
  height: 20px;
  background-color: #067dfe;
  background-image: url(/images/refresh-page-option.ico);
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
}

.show-weight {
  white-space: nowrap;
  margin-left: 6px;
  margin-right: 6px;
}

.show-weight.ask-connection span:not(.ask-connection),
.show-weight:not(.ask-connection) span.ask-connection {
  display: none;
}

.okcancel-box {
  display: flex;
}

.okcancel-box > button + button {
  margin-left: auto;
}

form button + button {
  margin-left: 4px;
}

.ok-button {
  background-color: #067dfe;
  color: white;
}

.ok-button:empty {
  background-image: url(/images/button-ok.ico);
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
  width: 24px;
}

#th-item-ok-button:not([type=button]) :not(:first-child),
#th-item-ok-button[type=button] :first-child,
#th-item-cancel-button:not([type=button]) :not(:first-child),
#th-item-cancel-button[type=button] :first-child,
#goods-inventory .okcancel-box > button[value=Cancel],
#bywaybill .okcancel-box > button[value=Cancel] {
  display: none;
}

.emptystring {
  height: 6px;
  position: relative;
}

.is-hidden, .ce-tab:not(.current-tab) {
  display: none;
}

/*div.w2ui-tabs {
    background-color: inherit;
}

.w2ui-tabs .w2ui-scroll-wrapper div.w2ui-tab {
    border-style: hidden;
    border-radius: 0;
    font-family: Roboto, sans-serif;
    font-size: 9px;
    font-weight: 500;
    margin-bottom: 0;
}

    .w2ui-tabs .w2ui-scroll-wrapper div.w2ui-tab.active {
        border-style: hidden;
        color: #067dfe;
        border-bottom: solid medium #067dfe;
        margin-bottom: 0;
    }*/
.ce-tabs-header {
  display: flex;
  border-bottom: 1px solid silver;
  margin-top: 4px;
  margin-bottom: 3px;
  padding-left: 7px;
  padding-right: 7px;
  gap: 1px;
  font-size: 9px;
  overflow-x: auto;
}

.ce-tabs-header .ce-tab-btn {
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  /*margin-bottom: -1px;*/
  background-color: transparent;
  outline-style: none;
  height: auto;
}

.ce-tabs-header .ce-tab-btn.active {
  color: #067dfe;
  border-bottom: solid medium #067dfe;
  background-color: white;
}

.edit-ceweb {
  margin-left: auto;
  align-self: center;
  white-space: pre;
}

.w2ui-grid-data input {
  height: auto;
}

.ce-grid {
  height: 450px;
}

.th-place-item-control .unit-code {
  max-width: 100px;
}

.th-place-item-control .ext-ammount.CENumber {
  margin-left: 5px;
}

@font-face {
  font-family: "dotsfont";
  src: url("/fonts/dotsfont.woff2") format("woff2"), url("/fonts/dotsfont.woff") format("woff"), url("/fonts/dotsfont.ttf") format("truetype");
}
#PIN {
  -webkit-text-security: disc;
  font-family: "dotsfont";
}

#ErrorPage #ErrorDetails, #ErrorPage #ErrorDetails:not(:checked) + * {
  display: none;
}

#ErrorPage .error-buttons {
  display: flex;
}

#ErrorPage .error-details-button {
  margin-left: auto;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  background-color: ButtonFace;
  padding: 0 6px;
  font-weight: inherit;
}

.checkbox-top {
  width: 100%;
}

.checkbox-top label {
  font-weight: unset;
  position: relative;
}

.checkbox-top input {
  height: auto;
}

.triangle-icon {
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #455368;
}

.qc-title {
  font-size: 12px;
  font-weight: 400;
  margin-top: 15px;
}

/*.quality-control-panel {
    margin-top: 10px;
    margin-bottom: 10px;
}*/
.quality-control-panel label {
  width: 40%;
}

.qc-field {
  margin: 10px 0;
}

.qc-field > div {
  display: flex;
  width: 60%;
}

.qc-field input[type=checkbox] {
  height: auto;
  margin-top: 8px;
}

div.qc-field-input textarea {
  margin: 0;
}

.qc-field-input {
  flex-basis: 0;
  flex-direction: column;
}

.qc-field-textarea {
  flex-direction: column;
}

.qc-field-checkbox {
  flex-direction: row;
}

/*
    Стили поля для контроля качества с ошибкой как в Semantic UI
    start
*/
div .qc-field {
  display: flex;
}

div .qc-field.error label,
div .qc-field.error .input {
  color: #9F3A38;
}

div .qc-field.error .corner.label {
  border-color: #9F3A38;
  color: #FFFFFF;
}

div .qc-field.error textarea,
div .qc-field.error select,
div .qc-field.error input:not([type]),
div .qc-field.error input[type=date],
div .qc-field.error input[type=datetime-local],
div .qc-field.error input[type=email],
div .qc-field.error input[type=number],
div .qc-field.error input[type=password],
div .qc-field.error input[type=search],
div .qc-field.error input[type=tel],
div .qc-field.error input[type=time],
div .qc-field.error input[type=text],
div .qc-field.error input[type=file],
div .qc-field.error input[type=url] {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
}

div .qc-field.error textarea:focus,
div .qc-field.error select:focus,
div .qc-field.error input:not([type]):focus,
div .qc-field.error input[type=date]:focus,
div .qc-field.error input[type=datetime-local]:focus,
div .qc-field.error input[type=email]:focus,
div .qc-field.error input[type=number]:focus,
div .qc-field.error input[type=password]:focus,
div .qc-field.error input[type=search]:focus,
div .qc-field.error input[type=tel]:focus,
div .qc-field.error input[type=time]:focus,
div .qc-field.error input[type=text]:focus,
div .qc-field.error input[type=file]:focus,
div .qc-field.error input[type=url]:focus {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

div .qc-field .prompt.label {
  display: table;
  white-space: normal;
  background: #FFFFFF !important;
  border: 1px solid #E0B4B4 !important;
  color: #9F3A38 !important;
  font-size: 0.65em;
  padding: 0.78571429em 0.833em 0.78571429em 0.833em;
}

div .inline.qc-field .prompt {
  vertical-align: top;
  margin: -0.25em 0em -0.5em 0.5em;
}

div .inline.qc-field .prompt:before {
  border-width: 0px 0px 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}

.ui.basic.red.label {
  background: none #FFFFFF !important;
  color: #DB2828 !important;
  border-color: #DB2828 !important;
}

.qc-field-checkbox.error .prompt.label {
  margin-top: -0.25em;
  margin-left: 0.5em;
}

/*-------------------
       Pointing
--------------------*/
.ui.pointing.label {
  position: relative;
}

.ui.attached.pointing.label {
  position: absolute;
}

.ui.pointing.label:before {
  background-color: inherit;
  background-image: inherit;
  border-style: solid;
  border-color: inherit;
}

/* Arrow */
.ui.pointing.label:before {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

/*--- Above ---*/
.ui.pointing.label,
.ui[class*="pointing above"].label {
  margin-top: 0.5em;
}

.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
  border-width: 1px 0px 0px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0%;
  left: 50%;
}

/*--- Below ---*/
.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
  margin-top: 0em;
  margin-bottom: 0.5em;
}

.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
  border-width: 0px 1px 1px 0px;
  top: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  left: 50%;
}

/*--- Left ---*/
.ui[class*="left pointing"].label {
  margin-top: 0em;
  margin-left: 0.6666em;
}

.ui[class*="left pointing"].label:before {
  border-width: 0px 0px 1px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}

/*--- Right ---*/
.ui[class*="right pointing"].label {
  margin-top: 0em;
  margin-right: 0.6666em;
}

.ui[class*="right pointing"].label:before {
  border-width: 1px 1px 0px 0px;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
}

/* Basic Pointing */
/*--- Above ---*/
.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
  margin-top: -1px;
}

/*--- Below ---*/
.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
  bottom: auto;
  top: 100%;
  margin-top: 1px;
}

/*--- Left ---*/
.ui.basic[class*="left pointing"].label:before {
  top: 50%;
  left: -1px;
}

/*--- Right ---*/
.ui.basic[class*="right pointing"].label:before {
  top: 50%;
  right: -1px;
}

/*
    Стили поля для контроля качества с ошибкой как в Semantic UI
    end
*/