*, *:after, *:before {box-sizing: border-box;line-height:1.4em; }
html {font-size:10px;font-family: 'GolosText', sans-serif;}
body {margin: 0; padding: 0;font:1.4rem/1.4em 'GolosText', sans-serif;color: var(--el-text-color-primary);}
img {max-width: 100%;border:none;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6, fieldset, hr {margin:0.4em 0;color:inherit;font:inherit;}
strong {font-weight: 600;}
h1 {font-weight: 700; font-size:2.9rem;}
h2 {font-weight: 700; font-size:2.2rem;}
h3 {font-weight: 700; font-size:1.8rem;}
h4 {font-weight: 700; font-size:1.3rem;}
h5 {font-weight: 700; font-size:1.3rem;}
h6 {font-weight: 700; font-size:1.3rem;}
button {cursor: pointer}
.el-input__inner::selection {color: #fff;background: #000}
.box {width: 100%;max-width: 1200px;margin: 0 auto;}
.box > .wrap {padding: 24px 12px;}

.header-title {font-size: 1.5rem;}
.header-small-title {font-size: 1.2rem;color: var(--el-color-info);}
.header-user-item.hui-switch {margin-left: 12px;}
.el-dropdown-link {cursor: pointer;}
.empty-info {font-size: 2.4rem;color: var(--el-text-color-primary);text-align: center;padding: 24px 0;}
.form-item-btn-right .el-form-item__content {justify-content: flex-end;}
.panel-filter-box {display: flex;flex-direction: row;align-items: center;justify-content: flex-start; flex-wrap: wrap;}
.panel-filter-box > div {margin-right: 12px;}

.door-card-price-factor + .door-card-price-factor {margin-top: 8px;}

.el-page-header__left {position: static;}
.el-page-header__header {position: relative;padding-top: 8px;}
.header-title {position: absolute;top: -20px;left: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.el-page-header__extra .el-dropdown-link {white-space: nowrap;}
.header-user-item.hui-name {width: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.header-user-item {display: inline-block;vertical-align: middle;}

@media only screen and (min-width: 350px) {
  .header-user-item.hui-name {width: auto;max-width: 100px;}
}

@media only screen and (min-width: 500px) {
  .header-title {font-size: 1.7rem;}
  .header-small-title {font-size: 1.3rem;}
  .header-user-item.hui-name {max-width: 150px;}
}

@media only screen and (min-width: 768px) {
  .header-title {font-size: 2.1rem;position: static;top: auto;width: auto;}
  .el-page-header__header {padding-top: 0;}
}

/*dark calendar*/
.mx-datepicker .mx-input {color: var(--el-input-text-color, var(--el-text-color-regular));background: var(--el-input-bg-color,var(--el-fill-color-blank));border-color: var(--el-input-border-color,var(--el-border-color));box-shadow: none;}
.mx-datepicker-main {background: var(--el-bg-color,var(--el-fill-color-blank));border-color: var(--el-input-border-color,var(--el-border-color));}
.mx-calendar-range .mx-calendar+.mx-calendar {border-color: var(--el-input-border-color,var(--el-border-color));}
.mx-datepicker svg {fill:var(--el-input-border-color,var(--el-border-color));}

/*LOGIN*/
.login-form-container {width: 100%;max-width: 300px;margin: 0 auto;padding:50px 0 0 0;}
.login-form-container > .wrap {padding: 24px;box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;border-radius: var(--el-input-border-radius,var(--el-border-radius-base));}

/*CALCULATOR*/
.no-back .el-page-header__left .el-page-header__back, .el-page-header__breadcrumb {display: none;}
.no-back .el-page-header__left .el-page-header__back + .el-divider {display: none;}
.c-form-col {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}
.c-form-col > * {margin: 12px;}
.calc-selected-door-btn {display: flex;flex-direction: column;align-items:center;justify-content: center;}
.calc-selected-door-btn > .el-form-item + .el-form-item {margin-left: 12px;}

.el-radio-doors {margin-top: 12px;width: 100%;}
.el-radio-doors .el-radio-button__inner {border:var(--el-border);border-radius: 0;width: 100%;}
.el-radio-doors .el-radio-button:first-child .el-radio-button__inner {border-radius: 0;}
.el-radio-doors .el-radio-button:last-child .el-radio-button__inner {border-radius: 0;}
.el-radio-doors .el-radio-button {margin-top: -1px;width: 100%;}
.door-select-item-content {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.door-select-item-content .dselic-title {flex-basis: 100%;width: 100%;text-align: left;font-size: 1.6rem;padding-bottom: 12px;}
.door-select-item-content .dselic-image {flex-basis: 120px;width: 120px;text-align: left;}
.door-select-item-content .dselic-description {flex-basis: calc(100% - 120px);width:calc(100% - 120px);white-space: normal;text-align: left;font-weight: 400;}
.door-select-item-content .dselic-selbtn {text-align: right;padding: 8px 0;}

.calculator-form .el-select {width: 100%;}
.frm-label-next-tag {margin-right: 12px;}

.calc-form-door-card {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.door-card-image {width: 100%;max-width: 260px;position: relative;max-height: 250px;}
.door-card-image img {display: block;margin: 0 auto;max-height: 260px;}
.door-card-image-setting {position: absolute;top: 0;left: 0;}

.dcd-title-name {font-size: 1.9rem;}
.dcd-title-name .el-button {margin-left: 12px;}
.dcd-title-price {font-size: 1.6rem;}
.dcd-title-price.dcd-title-price-order {font-size: 2rem;margin-top: 4px;color: var(--el-color-success-dark-2);}
.dcd-title-price span {font-size: 0.7em;color: var(--el-text-color-regular);}
.dcd-text {padding: 12px 0;font-size: 1.4rem;}

.dcd-total-price {display: flex;flex-direction: row;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dcd-total-price-title {font-size: 1.8rem;font-weight: 400;margin-bottom: 4px;flex-basis: 100%;}
.dcd-total-price-title span {font-weight: 500;}
.dcd-total-price-title i {font-style: normal;font-size: 0.8em;}
.dcdtotal-item {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;max-width: 220px;font-size: 1.5rem;flex-basis: 100%;}
.dcdtotal-sum {font-size: 1.7rem;}
.dcdtotal-sum i {font-style: normal;font-size: 0.7em;}

.calculator-form .el-tabs {margin-top: 34px;}
.form-option-container {display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;padding: 24px 0;}
.form-option-container > .el-form-item {width: 100%;}
/*.form-option-container > .el-form-item.form-option-checkbox .el-checkbox {width: 100%;}*/

.elcheckbox-price-tag {display: inline-block;vertical-align: baseline;font-size: 0.8em;padding: 2px 8px;background: var(--el-color-info-light-9);border: 1px solid var(--el-color-info-light-8);color: var(--el-color-info);border-radius: 4px;font-weight: 400;margin-left: 8px;}
.door-card-descr {padding-top: 46px;}

.calc-order-prepare {padding: 12px;background-color: var(--el-fill-color-dark);margin-top: 70px;border-radius: 4px;display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.calc-order-prepare > .el-form-item {flex-basis: 100%;width:100%;}
.form-option-checkbox-added-select {padding-left: 24px;margin-bottom: 8px;}
.el-radio-group.form-option-checkbox-added-select {padding-left: 24px;margin-bottom: 8px;width: 100%;}
.frm-item-border-group {border: var(--el-border);width: 100%;padding: 12px;margin-bottom: 8px;border-radius: 4px;}

@media only screen and (min-width: 768px) {
  .calc-order-prepare > .el-form-item  {flex-basis:48%;width:48%;}
  .calc-order-prepare > .el-form-item.cop-full {flex-basis:100%;width:100%;}
}

.sel-door-filter {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.sel-door-filter > div + div {margin-left: 24px;}

/*.el-scrollbar {padding: 24px}
.el-scrollbar .el-radio-group {display: flex;flex-wrap: nowrap;}
.el-radio-doors .el-radio-button {margin: 0 8px;}
.el-radio-doors .el-radio-button__inner {border: 1px solid #ccc;}*/
@media only screen and (min-width: 360px) {
  .c-form-col {flex-direction: row;}
}
@media only screen and (min-width: 500px) {
  .calc-selected-door-btn {flex-direction: row;align-items: flex-end;justify-content: center;}
}
@media only screen and (min-width: 768px) {
  .calc-form-door-card {flex-direction: row;align-items: stretch;flex-basis: 600px;}
  .door-card-image {flex-basis: 250px;}
  .door-card-descr {flex-basis: calc(100% - 250px);padding-left: 32px;padding-top: 0;}

  .form-option-container {flex-direction: row;}
  .form-option-container > .el-form-item {flex-basis: 45%;width: 45%;}
  .form-option-container > .el-form-item.form-option-checkbox, .form-option-container > .el-form-item.form-option-radio {flex-basis: 100%;width: 100%;}
}
@media only screen and (min-width: 1000px) {
  .calc-form-door-card {flex-basis: 800px;}
}

/*OPTION SETTING*/
.option-box, .dcd-setting-sizes {box-shadow: var(--el-box-shadow);padding: 24px;margin-bottom: 32px;}
/*.optb-title .el-input-group__prepend {max-width: 120px;}*/
.optb-title-name-opt-item .el-input__wrapper .el-input__inner, .optbv-form-item-name .el-input__wrapper .el-input__inner {font-weight: 600;}
.optb-title .el-form-item.optb-title-name-opt-item {margin: 0;}
.optb-title.optb-title-2col {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.optb-title.optb-title-2col .optb-title-left {flex-basis: 100%;width: 100%;}
.optb-title.optb-title-2col .optb-title-right {flex-basis: 100%;width: 100%;}
ul.optb-values-list {list-style: none;padding: 6px 0 6px 32px;margin: 0;}
ul.optb-values-list > li {margin: 0;padding: 4px 0;}
.optb-title-added-values {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap;padding-top: 8px;}
.el-form-item.optb-set-label-left {display: flex;margin: 0 12px 0 0;}
.el-form-item.optb-set-label-left label {margin-bottom: 0 !important;font-size: 1.2rem;}
/*ul.optb-values-list > li + li {border-top: var(--el-border);}*/
.optb-values-list-row {display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.optbv-form-item-name .el-input__inner {font-weight: 500;}
.optbv-form-item-name .el-input-group__prepend {padding: 0 8px;}
.optbv-form-item-name .el-input-group__prepend .el-input-number--small {width: 40px;}
.optbv-form-item-name .el-input-number.is-without-controls .el-input__wrapper {padding-left: 4px;padding-right: 4px;}
.optbv-form-item-name .el-input-number.is-without-controls .el-input__wrapper .el-input__inner {font-weight: 400;}
.optb-add-new {text-align: right;width: 100%;}
.optb-values-empty {color: var(--el-color-info-light-3);font-size: 1.6rem;text-align: center;}
.optbv-form-item-name-set-door {padding-right: 24px;}
.optbv-form-item-name-set-door .el-checkbox__label {white-space: normal;}
.alsetdoor-price-title {flex-basis: 100%;font-size: 1.1rem;color: var(--el-text-color-secondary);}

.optb-title-name-opt-item .el-input-group__prepend {padding:0 8px;}
.optb-title-name-opt-item .el-input-group__prepend .el-input-number .el-input__wrapper {padding-left: 4px;padding-right: 4px;}
.optb-title-name-opt-item .el-input-group__prepend .el-input-number .el-input__inner {font-weight: 400;}
.optb-title-name-opt-item .el-input-group__prepend .el-input-number--small {width: 40px;}
.optb-title-name-opt-item .el-input-group__prepend .el-select {margin: 0 0 0 8px;width: 120px;}

.optb-title-right-image {text-align: center;}
.optb-title-right-image a, .optb-title-right-image img {display: block;margin: 0 auto;}
.optb-title-right-image a {width: fit-content;}
.optb-title-right-image img {max-width: 90px;height: 90px;cursor: pointer;}
.optb-title-right-image img:hover {border: var(--el-border);}

.dcd-setting-prices.panel-prices {margin-top: 8px;padding-top: 8px;border-top: var(--el-border);}


@media only screen and (min-width: 768px) {
  .optb-values-list-row {flex-direction: row;align-items: flex-start;}
  .optb-values-list-row > .el-form-item {flex-basis: 33%;width: 33%;}
  .optb-values-list-row > .el-form-item.optbv-form-item-name {flex-basis: 100%;width: 100%;}
  .optb-values-list-row .el-form-item {margin-bottom: 8px;}
  .el-form--default.el-form--label-top .optb-values-list-row .el-form-item .el-form-item__label {margin-bottom: 3px;font-size: 1.1rem;}

  .optb-title.optb-title-2col .optb-title-left {flex-basis: calc(100% - 100px);width: calc(100% - 100px);}
  .optb-title.optb-title-2col .optb-title-right {flex-basis: 100px;width: 100px;}
  .dcd-setting-prices.panel-prices .el-form-item {margin-bottom: 0;}
}

@media only screen and (min-width: 1000px) {
  .set-door .optb-values-list-row > .el-form-item {flex-basis: 25%;width: 25%;}
}

@media only screen and (min-width: 1100px) {
  .optb-values-list-row > .el-form-item {flex-basis: 12%;width: 12%;margin-bottom: 0;}
  .optb-values-list-row > .el-form-item.optbv-form-item-name {flex-basis: 60%;width: 60%;}
}

/*DOOR SETTING*/
.dcd-setting-sizes, .dcd-setting-prices {display: flex;flex-direction: row;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.dcd-setting-sizes .dcdss-item {flex-basis: 100%;}
.optbv-form-item-name-set-door-default {flex-basis: 100%;}

@media only screen and (min-width: 400px) {
  .dcd-setting-sizes .dcdss-item {flex-basis: 50%;}
}

@media only screen and (min-width: 600px) {
  .dcd-setting-sizes .dcdss-item {flex-basis: 33%;}
}

@media only screen and (min-width: 1000px) {
  .dcd-setting-sizes .dcdss-item {flex-basis: 25%;}
}

@media only screen and (min-width: 1200px) {
  .dcd-setting-sizes .dcdss-item {flex-basis: 20%;}
}

/*IMAGE UPLOAD*/
.image-component-preview {width: 100%;max-width: 200px;margin: 0 auto;}

/*CALCULATOR PANELS*/
.option-tabs {flex-basis: 100%;width: 100%;}
.calculator-form .el-tabs.option-tabs {margin-top: 0}

ul.calc-panel-list {padding: 0;margin: 0;list-style: none;}
ul.calc-panel-list > li {margin: 0 0 12px 0;padding: 0;}
.panlist-item {display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 12px;border: var(--el-border);border-radius: 4px;}
.panlist-item:hover {background-color: var(--el-fill-color-extra-light);}
.panlist-item-image {width: 100%;}
.panlist-item-image img {max-width: 100px;height: 100px;display: block;margin: 0 auto;cursor: pointer;}
.panlist-item-descr-price {text-align: right;}
.panlist-item-descr-price .el-tag {margin-right: 12px;}
.panlist-item-descr-text {padding: 12px 0;}

.panel-filter {flex-basis: 100%; width: 100%;display:flex;flex-direction: column;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 12px;border: var(--el-border);border-radius: 4px;position: relative;margin-top: 12px;}
.panel-filter .panel-filter-title {position: absolute;top: -9px;left: 8px;background: var(--el-bg-color);;padding: 0 12px;font-size: 1.2rem;color: var(--el-text-color-placeholder);}

@media only screen and (min-width: 400px) {
  .panlist-item {flex-direction: row;}
  .panlist-item-image {flex-basis: 85px;width: 85px;}
  .panlist-item-descr {flex-basis: calc(100% - 85px);width: calc(100% - 85px);padding-left: 12px;}
}

@media only screen and (min-width: 768px) {
  .panel-filter {flex-direction: row;}
  
  .panel-filter > .el-form-item {flex-basis: 48%;width: 48%;}
}

@media only screen and (min-width: 1000px) {
  ul.calc-panel-list {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
  ul.calc-panel-list > li {flex-basis: 50%;width: 50%;margin: 0;padding: 8px;}
}

/*CALCULATOR FRAMUGA*/
.framuga-packet-sizes {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;border: var(--el-border);padding: 12px;width: 100%;border-radius: 4px;margin: 12px 0;}
.framuga-packet-sizes .framuga-packet-sizes-title {flex-basis: 100%;width: 100%;padding-bottom: 21px;font-weight: 500;font-size: 1.7rem;}
.framuga-packet-sizes > .el-form-item + .el-form-item {margin-left: 12px;}
.framuga-packet-sizes .packet-tital-price {width: 100%;text-align: right;}

/* ORDER PRIVIEW */
.order-view-component-container {width: 100%;max-width: 900px;margin: 0 auto;}
.order-view-table-param-box {padding: 12px;}
.ov-param-emty {text-align: center;}
.ov-param-emty > span {font-size: 1.7rem;padding-top: 4px;color: var(--el-text-color-disabled);font-style: italic;}
.ov-param-box-title {font-weight: 500;font-size: 1.7rem;text-align: center;padding: 8px 0;}
.ov-param-box-value {width: 100%;}
.ov-param-box-value-label {flex-basis: 100%;width: 100%;text-align: left;background-color: var(--el-fill-color-light);padding: 6px 8px;border-radius: 4px;font-weight: 500;margin-top: 12px;}
.oov-pboxv-box {display: flex;flex-direction: row;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-left: 24px;padding: 4px 8px;}
.oov-pboxv-box:hover {background-color: var(--el-fill-color-light);}
.oov-pboxv-box .ov-pboxv-value {flex-basis: calc(100% - 120px);width: calc(100% - 120px);padding-right: 24px;}
.oov-pboxv-box .ov-boxv-price {flex-basis: 120px;width: 120px;}
.ov-price-unit {font-size: 0.8em;}

.order-view-table-form-block {padding: 12px;margin-top: 30px;border-radius: 4px;display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.order-view-table-form-block .ov-frm-item {flex-basis: 100%;width:100%;border: var(--el-border);margin-bottom: 24px;position: relative;padding: 12px;border-radius: 4px;}
.ov-frm-item .ov-frm-item-title {position: absolute;top: -9px;left: 8px;background: var(--el-bg-color);padding: 0 12px;font-size: 1.2rem; color: var(--el-text-color-placeholder);}
.ov-frm-btn {width: 100%;flex-basis: 100%;text-align: right;}

.order-view-table-door-box {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.ov-dpar-img img {width: 110px;display: block;margin: 0 auto;}
.ov-dpar-img, .ov-dpar-descr, .ov-dpar-info, .ov-dpar-param {width: 100%;}
.ov-dpar-img {margin-bottom: 12px;}

.ov-dpar-d-name {font-size: 1.7rem;font-weight: 500;margin-bottom: 0px;}
.ov-dpar-descr {padding: 12px 0;}
.ov-dpar-descr.odd-desck {display: none;}
.ov-dpar-param-item {display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 8px 12px;}

@media only screen and (min-width: 350px) {
  .order-view-table-door-box {flex-direction: row;align-items: flex-start;}
  .ov-dpar-img {flex-basis: 120px;width:120px;margin-bottom: 0;}
  .ov-dpar-info {flex-basis: calc(100% - 120px);width: calc(100% - 120px);padding-left: 12px;}
}

@media only screen and (min-width: 600px) {
  .ov-dpar-param {display: flex;flex-direction: row;align-items: center;justify-content: space-between;flex-wrap: wrap}
  .ov-dpar-param-item {flex-basis: 50%;width: 50%;}
}

@media only screen and (min-width: 768px) {
  .order-view-table-form-block .ov-frm-item {flex-basis:48%;width:48%;}
  .order-view-table-form-block .ov-frm-item.ov-frm-item-full-width {flex-basis:100%;width:100%;}
  .ov-dpar-descr.odd-desck {display: block;}
  .ov-dpar-descr.odd-mob {display: none;}
}

/* USERS SETTING */
.add-user-row {padding-top: 24px;}

/* IMPORT EXPORT */
.iex-container {margin-bottom: 24px;border: var(--el-border);border-radius: 4px;box-shadow: var(--el-box-shadow-lighter);background-color: var(--el-bg-color);padding: 12px;}
.iex-container .iex-title {font-size: 1.7rem;padding-bottom: 24px;}
.iex-container .import-container-file-upload-box {margin-bottom: 16px;}

/*OPTIONS HAND*/
.el-select-dropdown__item.coi-img-title {height: auto;display: flex;flex-wrap: wrap;line-height: 1.4em;padding: 4px 8px;}
.c-option-image {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;}
.coi-image {flex-basis: 150px;width: 150px;}
.coi-descr {flex-basis: calc(100% - 150px);width: calc(100% - 150px);white-space: normal;padding-left: 12px;}