* {
  font-family: 'Open Sans', sans-serif !important;
}
.x-form-readonly .x-form-text-wrap {
  border-style: dotted;
  border-color: #c5c5c5;
}
.x-form-readonly .x-form-text-wrap input {
  background: transparent;
}
.row-red {
  background: rgba(231,76,60,0.7);
  color: #fff;
}
.row-yellow {
  background: rgba(255,255,0,0.23);
}
body {
  background-image: url("/core/assets/images/pattern.png");
}
.sip-available [data-callto] .x-grid-cell-inner:before,
.sip-available [data-callto].callto:before {
  content: '';
  position: relative;
  display: inline-block;
  background-image: url("/core/assets/icons-d/phone72.svg");
  background-size: cover;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 2px;
  border: none;
}
.sip-available [data-callto]:hover {
  text-decoration: underline;
  color: #2ecc71;
  cursor: pointer;
}
.login-logo {
  padding: 15px;
  background-color: rgba(255,255,255,0.4);
  width: 100%;
}
.login-logo:before {
  height: 100%;
  display: block;
  content: '';
  background-image: url("/core/assets/images/logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.x-panel-body-default {
  font-size: 13px;
}
.x-fieldset.yellow,
.x-fieldset.yellow > .x-fieldset-header {
  background-color: #ffffed;
}
.x-form-invalid-under-default {
  color: #c0392b;
  background-image: url("/core/assets/icons/textfield_delete.png");
}
.icon-add {
  background-image: url("/core/assets/icons-64/add.png");
  background-size: cover;
}
.icon-accept {
  background-image: url("/core/assets/icons-64/accept.png");
  background-size: cover;
}
.ajax-loader {
  background-image: url("/core/assets/images/ajax-loader.gif");
  background-size: cover;
}
.icon-application-delete {
  background-image: url("/core/assets/icons-64/application-delete.png");
  background-size: cover;
}
.icon-application-key {
  background-image: url("/core/assets/icons-64/application-key.png");
  background-size: cover;
}
.icon-page-white-copy {
  background-image: url("/core/assets/icons-64/page-white-copy.png");
  background-size: cover;
}
.icon-page-paste {
  background-image: url("/core/assets/icons-64/page-paste.png");
  background-size: cover;
}
.icon-comment {
  background-image: url("/core/assets/icons-64/comment.png");
  background-size: cover;
}
.icon-comments {
  background-image: url("/core/assets/icons-64/comments.png");
  background-size: cover;
}
.icon-vcard {
  background-image: url("/core/assets/icons-64/vcard.png");
  background-size: cover;
}
.icon-car {
  background-image: url("/core/assets/icons/car.png");
  background-size: cover;
}
.icon-chart-bar {
  background-image: url("/core/assets/icons-64/chart-bar.png");
  background-size: cover;
}
.icon-close {
  background-image: url("/core/assets/icons-64/close.png");
  background-size: cover;
}
.icon-delete {
  background-image: url("/core/assets/icons-64/delete.png");
  background-size: cover;
}
.icon-bullet-delete {
  background-image: url("/core/assets/icons-64/bullet-delete.png");
  background-size: cover;
}
.icon-printer {
  background-image: url("/core/assets/icons-64/printer.png");
  background-size: cover;
}
.icon-drive-down {
  background-image: url("/core/assets/icons-64/drive-down.png");
  background-size: cover;
}
.icon-arrow-refresh {
  background-image: url("/core/assets/icons-64/arrow-refresh.png");
  background-size: cover;
}
.icon-brush {
  background-image: url("/core/assets/icons-64/brush.png");
  background-size: cover;
}
.icon-page-bottom {
  background-image: url("/core/assets/icons-64/page-bottom.png");
  background-size: cover;
}
.icon-drive-magnify {
  background-image: url("/core/assets/icons-64/drive-magnify.png");
  background-size: cover;
}
.icon-bullet-error {
  background-image: url("/core/assets/icons-64/bullet-error.png");
  background-size: cover;
}
.icon-tick {
  background-image: url("/core/assets/icons-64/tick.png");
  background-size: cover;
}
.icon-cross {
  background-image: url("/core/assets/icons-64/cross.png");
  background-size: cover;
}
.icon-cross-white {
  background-image: url("/core/assets/icons-64/cross-white.png");
  background-size: cover;
}
.icon-resultset-vertical-first {
  background-image: url("/core/assets/icons-64/resultset-vertical-first.png");
  background-size: cover;
}
.icon-resultset-vertical-last {
  background-image: url("/core/assets/icons-64/resultset-vertical-last.png");
  background-size: cover;
}
.icon-resultset-vertical-previous {
  background-image: url("/core/assets/icons-64/resultset-vertical-previous.png");
  background-size: cover;
}
.icon-resultset-vertical-next {
  background-image: url("/core/assets/icons-64/resultset-vertical-next.png");
  background-size: cover;
}
.icon-cog {
  background-image: url("/core/assets/icons-64/cog.png");
  background-size: cover;
}
.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.x-display-none {
  display: none;
}
.x-grid-cell .icon {
  margin-top: -4px;
  margin-bottom: -2px;
}
.icon-water61 {
  background-image: url("/core/assets/icons-d/water61.svg");
  background-size: cover;
}
.icon-phone72 {
  background-image: url("/core/assets/icons-d/phone72.svg");
  background-size: cover;
}
.icon-phone325 {
  background-image: url("/core/assets/icons-d/phone325.svg");
  background-size: cover;
}
.icon-discount3 {
  background-image: url("/core/assets/icons-d/discount3.svg");
  background-size: cover;
}
.icon-logistics3 {
  background-image: url("/core/assets/icons-d/logistics3.svg");
  background-size: cover;
}
.icon-Home-50 {
  background-image: url("/core/assets/icons-d/Home-50.png");
  background-size: cover;
}
.icon-Trash-50 {
  background-image: url("/core/assets/icons-d/Trash-50.png");
  background-size: cover;
}
.icon-Services-50 {
  background-image: url("/core/assets/icons-d/Services-50.png");
  background-size: cover;
}
.icon-Ingredients-50 {
  background-image: url("/core/assets/icons-d/Ingredients-50.png");
  background-size: cover;
}
.icon-ShoppingCart-50 {
  background-image: url("/core/assets/icons-d/Shopping Cart-50.png");
  background-size: cover;
}
.icon-Historical-50 {
  background-image: url("/core/assets/icons-d/Historical-50.png");
  background-size: cover;
}
.icon-Toolbox-50 {
  background-image: url("/core/assets/icons-d/Toolbox-50.png");
  background-size: cover;
}
.icon-Search-50 {
  background-image: url("/core/assets/icons-d/Search-50.png");
  background-size: cover;
}
.icon-Play-50 {
  background-image: url("/core/assets/icons-d/Play-50.png");
  background-size: cover;
}
.icon-Pause-50 {
  background-image: url("/core/assets/icons-d/Pause-50.png");
  background-size: cover;
}
.icon-Online-Support-50 {
  background-image: url("/core/assets/icons-d/Online Support-50.png");
  background-size: cover;
}
.toolbar-sip {
  padding: 0px 0 0px 2px;
  border: none;
  background: #fff;
  border-radius: 10px;
}
.toolbar-sip .x-btn {
  border-radius: 10px;
}
.row-orange {
  background-color: #f7eee1;
}
.add-tab-top,
.add-tab-top:focus {
  background: none;
  box-shadow: none;
  border: none;
  padding: 3px 9px 1px 9px;
}
.add-tab-top .add-tab-button {
  background-image: url("/core/assets/icons-64/add.png");
  background-size: cover;
}
.x-tip-default {
  background-color: #fff8c4;
  border-color: #bbbb7c;
  border-radius: 5px;
}
.panel-backgroundSquare > .x-panel-body {
  background-image: url("/core/assets/images/square.gif");
}
.x-panel-info,
.x-panel-info-center {
  background-color: rgba(255,242,189,0.4);
  border: 1px dotted #f1c40f;
  padding: 10px;
}
.x-panel-info-center {
  text-align: center;
}
.x-panel-green,
.x-panel-green-center {
  background-color: rgba(46,204,113,0.1);
  border: 1px dotted #2ecc71;
  padding: 10px;
}
.x-panel-green-center {
  text-align: center;
}
.x-clock {
  font-weight: bold;
  background-color: #fff;
  cursor: default;
}
.rouble-sign {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
}
.selected-grid .x-grid-empty {
  padding: 2px;
}
.x-hidden-clip {
  height: 12px;
  width: 12px;
}
.x-fieldset-header-default {
  -webkit-user-select: none;
  user-select: none;
}
tr.x-grid-row-summary * {
  font-weight: 600;
}
.statusfield .toggle-select-all,
.statusfield .toggle-select-none {
  cursor: pointer;
}
.statusfield .toggle-select-all:hover,
.statusfield .toggle-select-none:hover {
  text-decoration: underline;
}
.statusfield .x-form-item-label .toggle-cont {
  opacity: 0.2;
  transition: opacity 0.2s;
}
.statusfield .x-form-item-label:hover .toggle-cont {
  opacity: 1;
}
.x-grid-dirty-cell {
  background-color: #f7d7d7;
}
.css-shadow-color-orange {
  box-shadow: 0px 0px 24px 0px rgba(255,160,8,0.86) !important;
}
.x-mask-msg.none > .x-mask-msg-inner > .x-mask-msg-text {
  padding: 5px;
  background-image: none;
}
.x-combo-grayed-out-item:not(.x-boundlist-selected) {
  color: #d3d3d3;
  cursor: default;
}
.x-combo-grayed-out-item:not(.x-boundlist-selected).x-boundlist-item-over {
  background-color: transparent !important;
  border-color: transparent !important;
}
.x-form-item-label-arrow .x-form-item-label-inner:after {
  content: '';
  display: inline-block;
  width: 8px;
  background-image: url("/core/assets/extjs/build/classic/theme-cm/resources/images/button/arrow.gif");
  padding-right: 0px;
  height: 8px;
  opacity: 0.2;
  transition: opacity 0.2s;
  float: right;
}
.x-form-item-label-arrow:hover {
  cursor: pointer;
}
.x-form-item-label-arrow:hover .x-form-item-label-inner {
  text-decoration: underline;
}
.x-form-item-label-arrow:hover .x-form-item-label-inner:after {
  opacity: 1;
}
#print-preview {
  padding: 10px;
}
#print-preview .thumb-wrap {
  float: left;
  width: 200px;
  margin: 15px 10px 10px 10px;
  height: 310px;
}
#print-preview .header {
  padding: 5px 0px;
}
#print-preview .thumb {
  border: 1px solid #2980b9;
  text-align: center;
  width: 100%;
  height: 300px;
  padding: 0;
  overflow: hidden;
}
#print-preview .thumb iframe {
  margin: 10px;
  width: 1280px;
  height: 786px;
  border: 0;
  transform: scale(0.38);
  transform-origin: 0 0;
}
#print-preview .thumb iframe.landscape {
  transform: scale(0.38) rotate(90deg);
  margin-left: 190px;
}

.phpdebugbar-fa {
  font-family: PhpDebugbarFontAwesome !important;
}
.handsontable .htDimmed {
  white-space: nowrap !important;
}

.switcher .x-slider-horz {
  width: 40px !important;
  height: 20px !important;
  background-image: none !important;
}

.switcher.toggleoff .x-slider-horz {
    background-color: #eee;
    padding-left: 0px !important;
  border-radius: 10px;
}

.switcher.toggleoff .x-slider-horz .x-slider-end {
  background-color: inherit;
  background-image: none;
  height: 20px !important;
  border-radius: 10px;
}

.switcher.toggleoff .x-slider-horz .x-slider-inner {
  background-color: inherit;
  background-image: none;
  height: 20px !important;
  border-radius: 10px;
}

.switcher.toggleoff .x-slider-horz .x-slider-thumb {
    width: 18px !important;
    height: 18px !important;
    border-radius: 9px !important;
    margin-left: 1px !important;
    margin-top: 1px !important;
  background-color: white;
  background-image: none;
}

.switcher.toggleon .x-slider-horz {
  background-color: #2fbf00;
  background-image: none;
  padding-left: 0px !important;
  border-radius: 10px;
}

.switcher.toggleon .x-slider-horz .x-slider-end {
  background-color: inherit;
  background-image: none;
  height: 20px !important;
  border-radius: 10px;
}

.switcher.toggleon .x-slider-horz .x-slider-inner {
  background-color: inherit;
  background-image: none;
  height: 20px !important;
  border-radius: 10px;
}

.switcher.toggleon .x-slider-horz .x-slider-thumb {
    width: 18px !important;
    height: 18px !important;
    border-radius: 9px !important;
    background-color: white;
    margin-top: 1px !important;
    margin-left: -12px !important;
  background-image: none;
}

.comments_date_col,
.comments_author_col {
  font-weight: bold;
}

.comments_comment_col {
  overflow-wrap: anywhere;
}

.icon-premium-dish {
  background-image: url("/core/assets/icons-svg/premium-dish.svg");
  background-size: cover;
}

.icon-diamond-dish {
  background-image: url("/core/assets/icons-svg/diamond-dish.svg");
  background-size: contain;
  background-repeat: no-repeat
}

/* стили итоговой суммы в составе заказа */
.order-content-in-order-existing .x-docked-summary table {
  height: 100%;
}
.order-content-in-order-existing .x-docked-summary table .x-grid-row-summary .x-grid-cell-inner {
  text-align: left;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%;
}