@import "../../../../frappe/frappe/public/less/variables.less";

body[data-route^="Hub/"] {
	.freeze .image-view-container {
		.list-row-col {
			background-color: @light-bg;
			color: @light-bg;
		}

		.placeholder-text {
			color: @light-bg;
		}
	}

	.freeze {
		display: none;
	}

	.image-view-container {
		justify-content: space-around;
	}
}

.img-wrapper {
	border: 1px solid #d1d8dd;
	border-radius: 3px;
	padding: 12px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;

	.helper {
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
}

/* hub */
div[data-page-route="hub"] {
	.page-head {
		height: 80px;

		.title-text {
			cursor: pointer;
		}
	}

	.page-content {
		margin-top: 80px;
	}

	.page-title h1 {
		margin-bottom: 0px;
	}

	.account-details {
		margin-top: 20px;
	}

	[data-original-title="Search"] {
		float: right;
		width: 220px;
	}

	.hub-main-section {
		padding: 30px;
	}

	.listing-body {
		margin: 0;
	}

	.main-list-section {
		padding: 0;
		// border-right: 1px solid #d1d8dd;
	}

	.side-list-section {
		padding: 0;
	}

	.item-list-header h3 {
		font-weight: normal;
	}

	.hub-item-page {

		h2 {
			margin-top: 10px;
		}

		.item-header {
			display: flex;
		}

		.item-page-image {
			flex: 1;
		}

		.title-content {
			flex: 3;

			.description {
				margin: 30px 0px;
			}

			.actions {
				margin-top: 30px;

				.rfq-btn.disabled {
					background-color: #b1bdca;
					color: #fff;
					border-color: #b1bdca;
				}
			}
		}

		.company-items {
			margin-top: 40px;
		}
	}

	.company-header {
		display: flex;
	}

	.item-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.hub-item-wrapper {
		margin-bottom: 20px;
	}

	.img-wrapper {
		border: 1px solid @border-color;
		border-radius: 3px;
		padding: 12px;
		overflow: hidden;
		text-align: center;
		white-space: nowrap;

		img {
			max-width: 100%;
			max-height: 100%;
			display: inline-block;
			vertical-align: middle;
		}

		.helper {
			height: 100%;
			display: inline-block;
			vertical-align: middle;
		}

		.standard-image {
			font-size: 72px;
			border: none;
			background-color: @light-bg;
		}
	}

	.hub-item-title {
		width: 100%;
	}

	.breadcrumb {
		padding-left: 0;
		padding-top: 0;
		margin-bottom: 10px;
	}

}