@import "variables";
.cp-uni-goods {
	.cpug-form {
		display: flex;
		margin-bottom: 16px;
		@media(max-width: 1199px){
			flex-direction: column;
		}
		.cpug-form__side {
			width: 250px;
			min-width: 250px;
			margin-right: 16px;
			@media(max-width: 1199px){
				margin-bottom: 8px;
				margin-right: 0;
			}
		}
		.cpug-form__body {
			flex-grow: 1;
			display: flex;
			justify-content: right;
			@media(max-width: 1199px){
				justify-content: left;
			}
			@media(max-width: 767px){
				flex-direction: column;
			}
			.form-group {
				width: 250px;
				& + .form-group {
					margin-top: 8px;
					@media(min-width: 768px){
						margin-top: 0;
						margin-left: 16px;
					}
				}
			}
		}
	}
	.cpug-table {
		.sticky-header {
			.sticky-header__head {
				background: $white;
			}
		}
		.table {
			tr {
				th, td {
					border-bottom: 1px solid rgba(0,0,0,.1);
					&:not(:first-child){
						border-left: 1px solid rgba(0,0,0,.1);
					}
				}
			}
			.thead-clear {
				th, td {
					background: $white;
					font-weight: normal;
					vertical-align: bottom;
				}
			}
			.rotate {
				vertical-align: bottom;
				height: 75px;
				white-space: nowrap;
				.rotate-title {
					position: relative;
					span {
						position: absolute; left: 0; bottom: 0;
						overflow: hidden;
						max-width: 100px;
						font-weight: bold;
						white-space: nowrap;
						text-overflow: ellipsis;
						transform:
							translate(0, 12px)
							rotate(-45deg);
						transform-origin: 0 0;
					}
				}
			}
		}
	}

	.cpug-table-dlist {
		margin: 0;
		padding: 0;
		list-style: none;
		dt {
			a {
				color: rgba(0,0,0,1);
				&:hover {
					color: $blue;
				}
			}
		}
		dd {
			a {
				color: rgba(0,0,0,0.75);
				&:hover {
					color: $blue;
				}
			}
		}
	}
	.cpug-table-product {
		display: flex;
		.image {
			width: 40px;
			margin-right: 8px;
			img {
				display: block;
				width: 100%;
			}
		}
		.body {
			flex-grow: 1;
		}
	}
}