@import "var.less";
.rp-box-popup {
    display: none;
    .rp-form-register,
    .rp-form-login {
	background: #fff;
	padding: 15px 30px;
	min-width: 420px;
    }
    .rp-item-wrap {
	margin: 0 0 15px;
    }
    .rp-login-member-action {
	.rp-button {
	    margin: 0 0 8px;
	}
    }
    .rp-label {
	background: @border-color;
	text-align: center;
	padding: 12px;
    }
}

.menu-item-profile {
    margin-left: 25px;
    .rp-avatar {
	width: 40px;
    }
    #thumb-info {
	padding: 0;
    }
    &.menu-item-has-children {
	> a {
	    &:after {
		right: -20px !important;
	    }
	}
	&:hover,
	&.focus {
	    > ul {
		right: -30px;
	    }
	}
    }
}

.rp-box-menu {
    background: #fff;
    border: 1px solid @border-color;
    margin-bottom: 30px;
    .rp-avatar-agent {
	img {
	    width: 100%;
	}
    }
    .rp-list-menu {
	margin: 0;
	padding: 22px 25px;
	list-style: none;
	li {
	    margin-bottom: 5px;
	    i {
		font-size: 18px;
		display: inline-block;
		width: 20px;
		.translate(0, 2px);
	    }
	    a {
		&.rp-item {
		    color: #515666;
		    font-size: 14px;
		    text-transform: uppercase;
		    font-weight: 500;
		    &.active {
			font-weight: 600;
			i {
			    font-weight: 600;
			}
		    }
		}
		&.rp-button {
		    width: 100%;
		    text-align: center;
		}
	    }
	    &:hover,
	    &.active {
		a.rp-item, i {
		    font-weight: bold;
		}
	    }
	}
    }
    .rp-box-title {
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	margin: 0 20px 30px;
	&:after {
	    background: currentColor;
	    content: '';
	    position: absolute;
	    width: 30px;
	    height: 3px;
	    bottom: -15px;
	    left: 0;
	}
    }
    ul.rp-box-content {
		list-style: none;
		margin: 0;
		padding: 0 25px 35px;
		li {
		    border-bottom: 1px solid @border-color;
		    padding: 15px 0 10px;
		    &.package-title {
				color: #3a3f4c;
				font-size: 16px;
				line-height: 26px;
				font-weight: 600;
				text-transform: uppercase;
				border-bottom: none;
				padding: 0;
		    }
		    &:last-child {
				border-bottom: none;
		    }
		}
    }
    form.rp-box-content {
	padding: 10px 20px 45px;
	select {
	    width: 100%;
	    border: 1px solid @border-color;
	    padding: 6px 10px;
	}
	.rp-more-detail {
	    display: block;
	    text-align: center;
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 15px;
	}
	.notice {
	    text-align: center;
	    padding: 15px 0 0;
	}
    }
}

.rp-box-contact-agent {
    .rp-form-action {
	margin-top: 30px;
    }
    .rp-item-wrap {
	&:first-child {
	    margin-top: 6px;
	}
    }
}

.rp-agent-meta {
    .after_cler;
    .rp-thumbnail {
	float: left;
	width: 150px;
    }
    .rp-content {
	padding: 0 30px;
	float: left;
	width: ~"calc(100% - 150px)";
	.agent-title {
	    font-size: 20px;
	    line-height: 28px;
	}
    }
}

.rp-agent {
    .agent-properties {
	margin: 20px 0;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 600;
    }
}

.rp-agent-profile {
    margin-bottom: 30px;
}

.rp-agent-filter-property {
    margin-bottom: 30px;
    select {
	border: 1px solid @border-color;
	display: inline-block;
	padding: 8px 15px;
	width: 185px;
    }
    .rp-box-search {
	display: inline-block;
	position: relative;
	margin-right: 15px;
	input[type="text"] {
	    border: 1px solid @border-color;
	    padding: 8px 15px;
	    margin-right: 15px;
	    &:focus {
		outline: none;
	    }
	}
	button {
	    border: none;
	    padding: 8px 15px;
	    background: transparent;
	    position: absolute;
	    right: 0;
	    top: -3px;
	    line-height: 28px;
	    i {
		color: @brand-primary;
	    }
	    &:focus {
		outline: none;
	    }
	}
    }
    .results {
	margin-left: 15px;
	display: none;
	> .number {
	    color: @secondary-color;
	    font-weight: 500;
	}
    }
}

ul.agents {
    list-style: none;
    margin: 0 !important;
    > li {
	padding: 30px;
	margin: 0;
	border: 1px solid @border-color;
	+ .profile-detail-block {
	    margin-top: 20px;
	}
	a {
	    .box-shadow(none);
	}
	.media, .media-body {
	    zoom: 1;
	    overflow: hidden;
	}
	.media-left {
	    padding-right: 30px;
	    display: table-cell;
	    vertical-align: top;
	}
	figure {
	    margin-bottom: 20px;
	    display: block;
	    width: 239px;
	    position: relative;
	}
	.media-body {
	    display: table-cell;
	    vertical-align: top;
	}
	.agent-title {
	    font-size: 18px;
	    line-height: 24px;
	    margin: 0;
	    font-weight: 500;
	    text-transform: inherit;
	    text-align: inherit;
	}
	.position {
	    font-size: 13px;
	    line-height: 21px;
	    font-weight: 300;
	    text-transform: inherit;
	    text-align: inherit;
	    margin-bottom: 8px;
	}
	p {
	    font-size: 14px;
	    line-height: 21px;
	    margin: 0 0 8px;
	    font-weight: 300;
	    text-transform: inherit;
	    text-align: inherit;
	}
	.profile-social {
	    margin: 0;
	    font-size: 0;
	    li {
		display: inline-block;
		margin-right: 12px !important;
		a {
		    font-size: 27px;
		    display: inline-block;
		    vertical-align: middle;
		}
	    }
	}
	ul {
	    margin: 0 !important;
	    list-style: none;
	}
    }
}
.rp-shortcode-member{
	.noo-box-login.noo-popup-main{
		display: block;
		.open-form-toggle{
			background-color: #e7e7e7;
		}
	}

}