/* PLAN CONSTRUCTOR Begin */

.plan-image {
    width: 530px;
    height: 322px;
    top: 0;
    left: 0;
}

.plan-image-preview {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#info-plan, #canvas-plan {
	position: relative;
}

.locked, .drawing-canvas {
	cursor: not-allowed;
}

.image-layers {
	width: 530px;
	height: 322px;
	position: relative;
	padding: 0;
	margin: 0;
}

.crossroads-elements {
	margin-top: 1rem;
}

.crossroad-item {
	cursor: pointer;
}

.image-background {
	position: absolute;
    overflow: hidden;
    background: #b6ddc7;
}

.grid-canvas {
	position: absolute;
}

.drawing-canvas {
	position: absolute;
}

.sduso-roads, .sduso-roads-preview {
    position: absolute;
    overflow: hidden;
}

.sduso-markup, .sduso-markup-preview {
    position: absolute;
    overflow: hidden;
}

.markup-line, .markup-line-preview {
    position: absolute;
    overflow: hidden;
}

.sduso-directions, .sduso-directions-preview {
    position: absolute;
    overflow: hidden;
}

/* text */

.sduso-text, .sduso-text-preview {
    position: absolute;
    overflow: hidden;
}

.text-line {
    position: absolute;
}

.sduso-trafficlights, .sduso-trafficlights-preview {
    position: absolute;
    overflow: hidden;
}

.sduso-detectors, .sduso-detectors-preview {
    position: absolute;
    overflow: hidden;
}

.sduso-signs, .sduso-signs-preview {
    position: absolute;
    overflow: hidden;
}

.show-hide, .lock-unlock {
	width: 32px;
	height: 32px;
}

#layer-items {
	cursor: pointer;
}

.object-type {
	margin: 0.35rem 0;
}

@media (min-width: 1450px) {
	.col-xxl-6 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
    }
    
    .crossroads-elements {
    	margin-top: 0;
    }
}

/* PLAN CONSTRUCTOR End */