.calc.constructor { min-height: 500px; max-width: 900px; margin: 0 auto; } .calc.constructor > .buttons { margin: 10px 0; } .calc.constructor .calc-steps > .step { display: none; } .calc.constructor .calc-steps > .step0 { display: block; } .ui-datepicker { z-index: 10 !important; } .calc.constructor .ui.form .fields { width: 100%; margin: 0; } .calc.constructor .ui.form .fields .field{ position: relative; margin: 10px 0; } .calc.constructor .ui.mini.ordered.steps { width: 100%; } .calc.constructor .ui.mini.ordered.steps .step { padding: 5px; } .calc.constructor .ui.mini.ordered.steps .content { max-width: 80%; padding: 0; } .calc.constructor .steps [type="file"] { padding: 0.54em 1em; } .calc.constructor .subfields { display: none; } .calc.constructor .subfields.show { display: inline-block !important; } .calc.constructor .subfields.show.flex { display: flex !important; } .calc.constructor .readonly { background: #eee !important; } .calc.constructor .field.error { min-height: 50px; } .calc.constructor .errormessage { font-size: 11px; color: red; display: block; position: absolute; } .calc.constructor input.datepicker { background-image: url(/theme/img/calendar-50-opacity.png) !important; background-size: 24px !important; background-repeat: no-repeat !important; background-position: 95% 9px !important; background-color: #fff !important; } .calc.constructor .ui.loader { } .calc.constructor .calc-items { margin: 0 } .calc.constructor .calc-items { width: 100%; } .calc.constructor .calc-items .item { width: 100%; margin: 20px 0 0 0; background: #fff; padding: 10px; flex-wrap: wrap; } .calc.constructor .calc-items .item .desc,.calc.constructor .calc-items .item .price,.calc.constructor .calc-items .item .action,.calc.constructor .calc-items .item .detail { align-self: center; } .calc.constructor .calc-items .item .price .header .currency { margin:0 0 0 5px; font-weight: 300px; font-size: 16px; } .calc.constructor .calc-items .item .price .kv { display: none; color: #333; } .calc.constructor .calc-items .item .price .kv .summ { margin:0 0 0 5px; font-weight: 300px; font-size: 14px; } .calc.constructor .calc-items .item .price .kv .currency { margin:0 0 0 5px; font-weight: 300px; font-size: 14px; } .calc.constructor .calc-items .item .image { max-width: 15%; } .calc.constructor .calc-items .item .image img { opacity: 0.8; } .calc.constructor .calc-items .item .price { max-width: 15%; } .calc.constructor .calc-items .item .action { max-width: 20%; } .calc.constructor .calc-items .item .detail { max-width: 20%; } .calc.constructor .calc-items .item .dop-options { max-width: 80%; flex-basis: 80%; } .calc.constructor .dop-options .ui.checkbox { margin: 10px 0 0 0; } .calc.constructor .calc-items .item .detail .ui.dropdown { font-size: 14px; } .calc.constructor .calc-items .item { position: relative } .calc.constructor .calc-items .item .options { flex-basis: 100%; background: #f7f7f7; padding: 10px; margin: 10px 0 0 0; display: none; } .calc.constructor .calc-items .item .options .option { width: 40%; float: left; margin: 0 5%; } .calc.constructor .calc-items .item .detail .icon.open:before { transform: rotate(180deg); display: inline-block; } .calc.constructor .calc-items .item .options i { color: green; } .calc.constructor .ui.message { width: 100%; } .calc.constructor .field label i.question { position: absolute; right: 10px; color: #aaa; } .calc.constructor .field label .required { color: red; } .calc.constructor .calc-navigation .completed { cursor: pointer; } .calc.constructor .calc-navigation .completed:hover { background: #f5f5f5; } .calc.constructor .ui.ordered.steps .step > .content { max-width: 80%; } .calc.constructor .ui.ordered.steps .step:before { font-size: 2em; } .calc.constructor .ui.form .four.wide.field { width: 24.5% !important; } .calc.constructor .ui.checkbox { margin: 5px 0; } .calc.constructor .step .fields .field.margin_t100_auto { margin: 100px auto 0; } .calc.constructor .step .fields .field.margin_b100_auto { margin: 0 auto 100px; } .calc.constructor .step .fields .field.margin_auto { margin: 0 auto; } .calc.constructor .ui.icon.button.clone-delete { font-size: 16px !important; margin: 0 0 0 10px; } .calc.constructor .ui.ordered.steps .step:before { display: none; } .calc.constructor .ui.ordered.steps .step .step-number { display: block; position: static; text-align: center; -webkit-align-self: middle; -ms-flex-item-align: middle; align-self: middle; margin-right: 1rem; font-size: 2.5em; counter-increment: ordered; font-family: inherit; font-weight: 700; } .calc.constructor .ui.ordered.steps .step.completed .step-number { font-size: 0; } .calc.constructor .ui.ordered.steps .step.completed .step-number:after { font-size: 20px; color: #21BA45; content: '\e800'; font-family: 'Step'; } .calc.constructor .ui.checkbox { width: 100% } .calc.constructor h2 { margin: 20px 0 0 0; } .compactstep .ui.table td { padding: 8px; } .calc.constructor .compactstep .subfields.show { display: table-cell !important; } @media only screen and (max-width: 767px) { .calc.constructor .step .fields .field.margin_t100_auto { margin: 0; } .calc.constructor .step .fields .field.margin_b100_auto { margin: 0; } .calc.constructor .step .fields .field.margin_auto { margin: 0; } .calc.constructor .ui.mini.ordered.steps .step { max-width: 100% !important; } .calc.constructor .buttons { margin: 10px 0 0 0 } .calc.constructor .calc-items .item .options .option { max-width: 100%; } .calc.constructor .calc-items .item .image { max-width: 50%; } .calc.constructor .calc-items .item .price { max-width: 100%; margin: 10px; } .calc.constructor .calc-items .item .desc { max-width: 100%; padding: 0; } .calc.constructor .calc-items .item .action { max-width: 100%; } .calc.constructor .calc-items .item .detail { max-width: 100%; margin: 10px; } .calc.constructor .ui.checkbox { margin: 5px 0; } .calc.constructor .ui.ordered.steps .step:before,.calc.constructor .ui.steps .step>.icon { margin: 0.5rem 0 0.5rem; } .calc.constructor .fields { margin: 10px 0 0 0 } .calc.constructor .ui.form .four.wide.field { width: 100% !important; } }