a[disabled], a[disabled]:hover {pointer-events: none;color: var(--body-color);cursor: default; } .fence-grid {position: fixed;inset: 0;display: grid;grid-template-rows: 5.2857142857rem auto;grid-template-columns: 7.1428571429rem auto 0;grid-template-areas: "fence-grid-item-1 fence-grid-item-1 fence-grid-item-1" "fence-grid-item-2 fence-grid-item-3 fence-grid-item-4"; } @media (max-width: 991.98px) {.fence-grid {grid-template-rows: 5.2857142857rem auto 0 7.1428571429rem;grid-template-columns: auto;grid-template-areas: "fence-grid-item-1" "fence-grid-item-3" "fence-grid-item-4" "fence-grid-item-2";} } .fence-grid .fence-grid-item-1 {grid-area: fence-grid-item-1; } .fence-grid .fence-grid-item-2 {grid-area: fence-grid-item-2;z-index: 10; } .fence-grid .fence-grid-item-3 {grid-area: fence-grid-item-3;position: relative; } .fence-grid .fence-grid-item-3 .tab-content-fence {position: absolute;inset: 0; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane {position: absolute;inset: 0; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane.material {overflow: auto; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-visual {position: absolute;top: 0;bottom: 0;left: 0;right: 0; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-visual.show {left: -25rem;right: -25rem; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-measure {position: absolute;inset: 0;display: grid;grid-template-rows: min-content;grid-template-areas: "fence-measure-grid-item-1" "fence-measure-grid-item-2"; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-measure .fence-measure-grid-item-1 {grid-area: fence-measure-grid-item-1; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-measure .fence-measure-grid-item-2 {grid-area: fence-measure-grid-item-2;position: relative; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-measure .fence-measure-grid-item-2 > .tab-pane {position: absolute;inset: 0; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-measure .fence-measure-grid-item-2 > .tab-pane .fence-measure-holder {position: absolute;inset: 0; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-measure .fence-measure-grid-item-2 > .tab-pane .fence-measure-holder .fence-measure-side {position: absolute;inset: 0;overflow: auto; } .fence-grid .fence-grid-item-3 .tab-content-fence > .tab-pane .fence-measure .fence-measure-grid-item-2 > .tab-pane .fence-measure-holder .fence-measure-side .fence-measure-side-holder {position: relative;width: 100%;height: 100%;min-width: 100%;min-height: 100%;overflow: hidden; } .fence-grid .fence-grid-item-4 {grid-area: fence-grid-item-4;overflow: hidden auto;position: relative; } .fence-grid .fence-grid-item-4 .fence-toolbar {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 25rem;height: 100%;border-left: solid 1px var(--light); } @media (max-width: 991.98px) {.fence-grid .fence-grid-item-4 .fence-toolbar {position: fixed;top: auto;bottom: 7.1428571429rem;width: 100%;height: calc(100% - 22.8571428571rem);border-left: 0;border-top: solid 1px var(--light);transition-duration: 0.1s;transition-property: bottom;} } .fence-grid.show {grid-template-columns: 7.1428571429rem auto 25rem; } @media (max-width: 991.98px) {.fence-grid.show {grid-template-columns: auto;} } .fence-grid.show .fence-grid-item-4 .fence-toolbar {bottom: -100%; } .fence-grid:not(.active) {grid-template-columns: 7.1428571429rem auto 0; } @media (max-width: 991.98px) {.fence-grid:not(.active) {grid-template-columns: auto;} } .fence-grid:not(.active) .fence-grid-item-4 {display: none; } .fence-measure.dimensions-hide .dimensions {display: none !important; } .fence-measure.dimensions-hide .layout-part .border {stroke: transparent !important; } .fence-measure.dimensions-hide .layout-part .overlay {fill: transparent !important; } .fence-measure.dimensions-hide .layout-part.post .overlay {fill: transparent !important; } .fence-measure.dimensions-hide svg.btn-circle {display: none !important; } .fence-measure.types-hide .brick-text {display: none !important; } .fence-measure.types-hide svg.brick.type-1 rect {filter: brightness(100%) !important; } .fence-measure.types-hide svg.brick.type-2 rect {filter: brightness(100%) !important; } .fence-measure.types-hide svg.brick.type-3 rect {filter: brightness(100%) !important; } .fence-measure.types-hide svg.brick.type-4 rect {filter: brightness(100%) !important; } .fence-measure.types-hide svg.brick.type-5 rect {filter: brightness(100%) !important; } .fence-measure:not(.types-hide) .brick-text {display: block !important; } .fence-measure.fence-slope svg.layout-part.post .overlay {fill: rgba(255, 255, 255, 0.25); } .fence-measure.fence-slope svg.layout-part.active .overlay {fill: rgba(255, 255, 255, 0.5); } .fence-measure.fence-slope svg.layout-part.active .border {stroke: var(--black); } .fence-measure.fence-slope svg.layout-part.active.post .overlay {fill: rgba(255, 255, 255, 0.5); } .alert-holder {position: absolute;z-index: 8;bottom: 7.8571428571rem;left: 3.5714285714rem;right: 3.5714285714rem;margin-bottom: 0; } .alert-help {padding-right: 2.5rem; } .alert-help:last-child {margin-bottom: 0; } .alert-help:not(.show) {display: none; } .alert-help .btn-close {position: absolute;right: 0;top: 0;padding: 0.5rem 0.3571428571rem;box-shadow: none; } .alert-help .content *:last-child {margin-bottom: 0; } .alert-primary .btn-close {color: var(--primary-alert-color); } .fence-measure-scale {position: absolute;background: var(--primary);top: 1.1428571429rem;right: 1.1428571429rem;border: solid 1px var(--light);padding: 0.3571428571rem 0.7142857143rem;color: var(--white); } .btn-undo {position: absolute;bottom: 1.1428571429rem;left: 1.1428571429rem; } .nav-sides {padding-left: 1.1428571429rem;padding-right: 1.1428571429rem;padding-top: 1.1428571429rem; } .nav-sides .nav-item {position: relative; } .nav-sides .nav-item .nav-item-holder {display: flex;flex-direction: row;align-items: center; } .nav-sides .nav-item .custom-checkbox {position: absolute;left: 1.2857142857rem; } .nav-sides .nav-item .nav-link {background-color: #F0EBEB;border-color: #F0EBEB;color: var(--black); } .nav-sides .nav-item .nav-link.disabled {background-color: #F0EBEB;border-color: #F0EBEB;color: #DED9D9; } .nav-sides .nav-item .nav-link.active {color: var(--white);background-color: var(--primary);border: solid 1px var(--primary); } .col-card-radioselect .card {cursor: pointer;aspect-ratio: 4/3;border-radius: 0; } .col-card-radioselect .card-img-top {position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: #ccc;border-radius: 0; } .col-card-radioselect .card-img-top .img-fluid {object-fit: cover;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%; } .col-card-radioselect .card-text {background: rgba(0, 0, 0, 0.6);color: var(--white);font-size: 1rem;text-align: center;padding-left: 0.7142857143rem;padding-right: 0.7142857143rem;text-transform: uppercase;position: absolute;width: 100%;bottom: 0; } .col-card-radioselect input[type=radio] {visibility: hidden;opacity: 0;width: 0;height: 0;display: none; } .col-card-radioselect input[type=radio]:checked ~ .card {border-color: var(--primary); } .col-card-radioselect input[type=radio]:disabled ~ .card {opacity: 0.5; } .fence-insert-space.collapsed, .fence-insert-fill.collapsed, .fence-insert-wall.collapsed, .fence-insert-post.collapsed {background: var(--primary);color: var(--white); } .fence-insert-space.collapsed span, .fence-insert-fill.collapsed span, .fence-insert-wall.collapsed span, .fence-insert-post.collapsed span {color: var(--white) !important; } svg .dimension-marker-text {fill: black;stroke-width: 0.5;font-size: 1rem !important; } svg.dimension-line-vertical {cursor: col-resize; } svg.dimension-line-horizontal {cursor: row-resize;display: block !important; } svg.dimension-line-horizontal.d-none {display: none !important; } svg.btn-circle {filter: drop-shadow(0px 0px 0.3571428571rem rgba(0, 0, 0, 0.5));cursor: pointer;display: block !important; } svg.btn-circle path {fill: black; } svg.btn-circle:hover .circle, svg.btn-circle:focus .circle {fill: #f2f2f2; } svg.plane {height: 100%;transform-origin: left top; } svg.plane.dimension-drag .dimension-line-vertical.drag .line, svg.plane.dimension-drag .dimension-line-horizontal.drag .line {stroke-width: 4; } svg.plane:not(.dimension-drag) .dimension-line-vertical:hover .line, svg.plane:not(.dimension-drag) .dimension-line-horizontal:hover .line {stroke-width: 4; } svg.placeholder, svg.placeholder-fill, svg.placeholder-wall, svg.placeholder-post {display: none; } svg.placeholder.show, svg.placeholder-fill.show, svg.placeholder-wall.show, svg.placeholder-post.show {display: block !important; } svg.placeholder rect, svg.placeholder-fill rect, svg.placeholder-wall rect, svg.placeholder-post rect {fill: var(--color1);stroke: var(--white);stroke-width: 3;cursor: ew-resize; } svg.brick.highlight rect {fill: green !important; } svg.brick.type-1 rect {filter: brightness(80%); } svg.brick.type-2 rect {filter: brightness(90%); } svg.brick.type-3 rect {filter: brightness(100%); } svg.brick.type-4 rect {filter: brightness(110%); } svg.brick.type-5 rect {filter: brightness(120%); } svg.brick .brick-text {fill: black;stroke-width: 0.25;font-size: 0.7857142857rem; }