/**
 * admin.scss
 * General admin styles.
 *
 * @package WC_Store_Credit/Assets/CSS
 * @since   3.2.0
 */

/**
 * Edit product
 */
#woocommerce-product-data {

	ul.wc-tabs {

		li.store_credit_options {

			a {

				&::before {
					content: "\f524";
				}
			}
		}
	}
}

.woocommerce_options_panel {

	.options_group_heading {
		margin: 0;
		padding: 0.75em 1em;
		border-bottom: 1px solid #eee;
		background-color: #fdfdfd;
		font-size: 1em;
	}

	p.form-field {

		&.time-period {

			.fields-container {
				display: block;
				width: 50%;
				float: left;

				input {
					width: 48%;
					margin-right: 3.8%;

				}

				select {
					width: 48%;
				}
			}
		}
	}
}

@media only screen and (max-width: 1280px) {

	.woocommerce_options_panel {

		p.form-field {

			&.time-period {

				.fields-container {
					width: 80%;
				}
			}
		}
	}
}

#wc-store-credit-coupon-usage {

	.inside {
		margin: 0;
		padding: 0;
	}
}

.store-credit-coupon-usage {
	margin: 0;
	overflow: auto;

	.empty-message {
		margin: 22px 12px;
	}

	table {
		width: 100%;
		background: #fff;
		border-collapse: collapse;

		thead th {
			background: #f8f8f8;
			padding: 8px;
			font-size: 11px;
			text-align: left;
			color: #555;
			user-select: none;

			&:last-of-type {
				text-align: right;
			}

			&:last-child {
				padding-right: 12px;
			}

			&:first-child {
				padding-left: 12px;
			}
		}

		tbody td {
			padding: 8px;
			text-align: left;
			line-height: 26px;
			vertical-align: top;
			border-bottom: 1px dotted #ececec;

			&:last-of-type {
				text-align: right;
			}
		}

		tbody tr:last-child td {
			border-bottom: none;
		}
	}
}