@import "var.less";

.rp-item-wrap {
    margin: 35px 0 0;
    > .rp-child > label,
    > label {
	display: block;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
	margin: 0 0 12px;
	font-weight: 600;
    }
    > input[type="url"],
    > input[type="number"],
    > input[type="password"],
    > input[type="text"] {
	padding: 10px 15px;
	width: 100%;
    }
    textarea {
	min-height: 125px;
	padding: 10px 15px;
	width: 100%;
    }
    .rp-item-checkbox {
	line-height: 24px;
	vertical-align: middle;
	> label {
	    font-size: 14px;
	    font-weight: 400;
	    margin-left: 2px;
	    line-height: 28px;
	    cursor: pointer;
	}
    }
    .rp-item-radio {
	line-height: 24px;
	vertical-align: middle;
	position: relative;
	> label {
	    color: @text-color;
	    font-size: 14px;
	    font-weight: 400;
	    margin-left: 2px;
	    line-height: 28px;
	    cursor: pointer;
	    position: absolute;
	    left: 20px;
	    top: -3px;
	}
    }
    &#rp-item-floor_plan_wrap-wrap {
	.after_cler;
    }
}

#rp-item-floor_plan-wrap {
    margin-top: -13px;
}

#rp-item-property_photo-wrap {
    margin-top: -8px;
}

.remove-floor-plan {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #FFC7C7;
    color: #fff;
    display: block;
    &:hover {
	background: darken(#FFC7C7, 30%);
    }
}

.rp-floor-plans-wrap {
    background: #fff;
    margin-top: 30px;
    padding: 0 30px 30px;
    border: 1px solid @border-color;
    .remove-floor-plan {
	// display: none;
    }
    .show-remove {
	display: block;
    }
}

.rp-clone-floor-plan {
    float: left;
    position: relative;
    width: 100%;
    button {
	margin-top: 30px;
    }
}

#rp-item-description-wrap {
    margin: 20px 0 30px;
}

#rp-item-agree-term-of-service-wrap {
    margin-top: 15px;
}