/* This stylesheet is used to style the admin option form of the plugin. */

/**
* Start Dashicon related
* Generated by Glyphter (http://www.glyphter.com)
*/
@font-face {
    font-family: 'wpexpresscheckout';
    src: url('../fonts/wpexpresscheckout.eot');
    src: url('../fonts/wpexpresscheckout.eot?#iefix') format('embedded-opentype'),
        url('../fonts/wpexpresscheckout.woff') format('woff'),
        url('../fonts/wpexpresscheckout.ttf') format('truetype'),
        url('../fonts/wpexpresscheckout.svg#wpexpresscheckout') format('svg');
    font-weight: normal;
    font-style: normal;
}
.dashicons-wpec-dashicon-1:before{
    display: inline-block;
    font-family: 'wpexpresscheckout';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.dashicons-wpec-dashicon-1:before{
    content:'\0043';
}
/* End dashicons */

.wpec-stars-container {
	text-align: center;
	margin-top: 10px;
}

.wpec-stars-container span {
	vertical-align: text-top;
	color: #ffb900;
}

.wpec-stars-container a {
	text-decoration: none;
}

div.postbox.yellowish {
	background-color: #ffffc8;
}

.wpec_product_type_cont {
	display: none;
}

.wpec_product_type_active {
	display: block;
}

.wpec_product_type_select_cont label {
	margin-right: 10px;
}

/*----- Variations ----- */

.wpec-html-tpl {
	display: none;
}

.wpec-variations-group-cont {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ddd;
}

.wpec-variations-group-title {
	padding: 5px;
}

.wpec-variations-group-name {
	width: 60%;
	display: inline-block;
}

.wpec-variations-tbl {
	margin-bottom: 5px;
}

.wpec-variations-buttons-cont {
	text-align: right;
}

#wpec-variations-cont {
	margin-bottom: 10px;
}

.wpec-variations-tbl input {
	width: 100%;
}

.wpec-btn-small {
	padding: 0 5px !important;
}

.wpec-btn-small .dashicons {
	font-size: 18px;
}

.wpec-variations-select-from-ml-btn {
	position: absolute;
	top: 50%;
	bottom: 50%;
	margin: auto 0 !important;
	right: 7px;
}

.wpec-variations-display-type-cont {
	float: right;
}

@media screen and (max-width: 782px) {
	.wpec-variations-display-type-cont {
		float: none;
	}
}

/*----- END Variations ----- */

/* Hover over help hint */

.wpec-help {
	position: relative;
	display: inline-block;
	cursor: help;
	vertical-align: text-bottom;
	color: #aaa;
}

.wpec-help:hover {
	color: blue;
}

.wpec-help .dashicons {
	height: auto;
	width: auto;
}

.wpec-help:hover .wpec-help-text {
	visibility: visible;
}

.wpec-help .wpec-help-text p {
	font-size: 0.95em;
}

.wpec-help .wpec-help-text {
	font-size: 0.95em;
	min-width: 200px;
	top: -10px;
	left: 50%;
	transform: translate(-50%, -100%);
	padding: 7px 10px;
	color: #fff;
	background-color: #111;
	font-weight: normal;
	border-radius: 8px;
	position: absolute;
	z-index: 99999999;
	box-sizing: border-box;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
	visibility: hidden;
	text-align: center;
}

.wpec-help .wpec-help-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

input[name="ppec_product_shortcode"] {
    max-width: 100%;
}

@media screen and (max-width: 782px) {
	.wpec-help .wpec-help-text::after {
		top: 50%;
		left: 100%;
		/* To the right of the tooltip */
		margin-left: auto;
		margin-top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent black;
	}
	.wpec-help {
		float: right;
	}
	.wpec-help .wpec-help-text {
		min-width: auto;
		top: 50%;
		right: 100%;
		left: auto;
		margin-right: 10px;
		transform: translate(0, -50%);
	}
	.wpec-help .dashicons {
		vertical-align: bottom;
		width: 30px;
		height: 30px;
		font-size: 200%;
	}
}

/* END Hover over help hint */