/* General MyStyle Style Rules */

/* Note: Typoed version (for backwards compatibilty with mystyle addons). */
h2.mystyle-admin-title,
h2.mytyle-admin-title {
	background-color: #28c;
	padding: 10px !important;
	border-left: 5px solid #12486c;
	color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	font-weight: bolder !important;
	margin-top: 35px !important;
	margin-bottom: 15px !important;
}

div#icon-options-general.icon100, /* for backwards compatibility */
span#mystyle-icon-general.icon100 {
	background: url(../images/mystyle-logo-v2-100x100.png);
	display: inline-block;
	height: 100px;
	width: 100px;
	position: relative;
	margin-top: -35px;
	margin-bottom: -26px;
	margin-left: -10px;
}

.mystyle-notice {
	background: #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	margin: 5px 0 2px;
	padding: 1px 12px;
}

.mystyle-notice p {
	margin: 0.5em 0;
	padding: 2px;
}

/* MyStyle Toggle/Panel Rules */
.mystyle-toggle {
	cursor: pointer;
	white-space: nowrap;
	min-width: 130px;
}

.mystyle-toggle.section-title,
#mystyle_product_data .mystyle-toggle.section-title {
	display: block;
}

.mystyle-toggle:hover {
	white-space: nowrap;
	min-width: 130px;
}

.mystyle-toggle-link {
	display: inline-block;
	height: 2em;
	float: left;
	width: 80px;
}

.mystyle-toggle-handle {
	font-family: inherit;
	color: #f00;
	display: inline-block;
	float: left;
	margin-left: 2em;
	width: 10px;
}

.mystyle-toggle-handle::after {
	/* stylelint-disable */
	font-family: dashicons;
	font-weight: 400;
	font-size: 20px;
	color: #a0a5aa;
	content: "\f140";
}

.mystyle-toggle-handle.mystyle-closed::after {
	content: "\f142";
}

.mystyle-panel {
	clear: both;
}

.mystyle-clear {
	clear: both;
}

.mystyle-spacer {
	height: 40px;
	display: block;
}

/* MyStyle Dashboard Page */
.mystyle-admin-box h2 {
    font-size: 2.2em;
}

.toplevel_page_mystyle ul.statistics, .toplevel_page_mystyle ul.products {
	overflow: hidden;
}

.toplevel_page_mystyle ul.statistics li, .toplevel_page_mystyle ul.products li {
	width: 300px;
	float: left;
	margin-right: 1em;
}

.toplevel_page_mystyle li a h3 {
	background: #fff none repeat scroll 0 0;
	padding: 20px !important;
	color: #23282d;
	font-size: 1.3em;
	margin: 1em 0;
	border-bottom: 1px solid #f1f1f1;
}

.toplevel_page_mystyle li a:hover,
.toplevel_page_mystyle li a:hover h3,
.toplevel_page_mystyle ul.products li a:hover,
.toplevel_page_mystyle ul.products li a:hover h3 {
	color: #28c;
}

.toplevel_page_mystyle ul.statistics li, .toplevel_page_mystyle ul.products li {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	display: block;
	text-align: center;
	text-decoration: none;
	background: #f5f5f5 none repeat scroll 0 0;
	border: 1px solid #ddd;
}

.toplevel_page_mystyle ul.statistics li:hover, .toplevel_page_mystyle ul.products li:hover {
	background: #fff none repeat scroll 0 0;
}

.toplevel_page_mystyle ul.statistics li img, .toplevel_page_mystyle ul.products li img {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	max-width: 100%;
}

.toplevel_page_mystyle ul.statistics li a img,
.toplevel_page_mystyle ul.statistics li a p,
.toplevel_page_mystyle ul.products li a img,
.toplevel_page_mystyle ul.products lik a p {
	margin: 0.3em;
}

.toplevel_page_mystyle ul.statistics li a img, .toplevel_page_mystyle ul.products li a img {
	margin: 0;
	padding: 5%;
	box-sizing: border-box;
}

.toplevel_page_mystyle ul.statistics li a p, .toplevel_page_mystyle ul.products li p a {
	font-family: "Open Sans", sans-serif;
	color: #444;
	border-top: 1px solid #f1f1f1;
	margin-top: 0;
	padding-top: 1em;
	min-height: 8em;
}

.toplevel_page_mystyle ul.statistics p {
    font-size: 3.3em;
}


.toplevel_page_mystyle ul.statistics span.dashicons {
    margin-top: -20px;
    font-size: 2.5em;
    width: 130px;
}

.toplevel_page_mystyle ul.statistics span.dashicons-yes {
	color: green;
}

.toplevel_page_mystyle ul.statistics span.dashicons-no {
	color: #a00;
}

.toplevel_page_mystyle ul.statistics span a {
    font-size: 2.5em;
    width: 150px;
    height: 103px;
    font-size: 0.5em;
}

.toplevel_page_mystyle ul.products p {
    padding: 1em;
    text-align: left;
}

.toplevel_page_mystyle ul.products li a p {
	font-family: "Open Sans", sans-serif;
	color: #444;
	border-top: 1px solid #f1f1f1;
	margin-top: 0;
	padding-top: 1em;
	min-height: 8em;
}

.toplevel_page_mystyle ul.products li a {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	display: block;
	text-align: center;
	text-decoration: none;
	background: #f5f5f5 none repeat scroll 0 0;
	border: 1px solid #ddd;
}

.toplevel_page_mystyle a.alert {
    color: darkred;
}

.toplevel_page_mystyle span.green {
    color: darkgreen;
}

/* MyStyle Add-Ons Page */
.mystyle_page_mystyle_addons ul.products {
	overflow: hidden;
}

.mystyle_page_mystyle_addons ul.products li {
	width: 300px;
	float: left;
	margin-right: 1em;
}

.mystyle_page_mystyle_addons li a h3 {
	background: #fff none repeat scroll 0 0;
	padding: 20px !important;
	color: #23282d;
	font-size: 1.3em;
	margin: 1em 0;
	border-bottom: 1px solid #f1f1f1;
}

.mystyle_page_mystyle_addons li a:hover,
.mystyle_page_mystyle_addons li a:hover h3 {
	color: #28c;
}

.mystyle_page_mystyle_addons ul.products li a {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	display: block;
	text-align: center;
	text-decoration: none;
	background: #f5f5f5 none repeat scroll 0 0;
	border: 1px solid #ddd;
}

.mystyle_page_mystyle_addons ul.products li a:hover {
	background: #fff none repeat scroll 0 0;
}

.mystyle_page_mystyle_addons ul.products li img {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	max-width: 100%;
}

.mystyle_page_mystyle_addons ul.products li a img,
.mystyle_page_mystyle_addons ul.products li a p {
	margin: 1em;
}

.mystyle_page_mystyle_addons ul.products li a img {
	margin: 0;
	padding: 5%;
	box-sizing: border-box;
}

.mystyle_page_mystyle_addons ul.products li a p {
	font-family: "Open Sans", sans-serif;
	color: #444;
	border-top: 1px solid #f1f1f1;
	margin-top: 0;
	padding-top: 1em;
	min-height: 8em;
}

/* WooCommerce Product Admin Page */
#mystyle_product_data h3 {
	text-indent: 15px;
}

#mystyle_product_data.woocommerce_options_panel p.form-field,
#mystyle_product_data.woocommerce_options_panel fieldset.form-field,
#mystyle_product_data.woocommerce_options_panel p,
#mystyle_product_data.woocommerce_options_panel fieldset {
	margin-left: 20px;
}

#mystyle_product_data.woocommerce_options_panel p.description {
	text-align: center;
	display: block;
}

#mystyle_product_data .mystyle-toggle {
	margin: 0 1em;
	padding: 0 1em;
	background-color: #f2f2f2;
	overflow: hidden;
	height: 2em;
}

#mystyle_product_data .mystyle-toggle-link {
	line-height: 2;
}

#mystyle_product_data .mystyle-toggle-handle {
	line-height: 1.2;
	float: right;
}

.mystyle-admin-box {
	padding: 20px 50px;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	border-top: 5px solid #28c;
}

.mystyle-admin-box.warning {
	border-top-color: #ffb900;
}

/**
woocommerce order mystyle data area
*/
.woocommerce_order_items .mystyle-panel a.button {
    display: block;
    text-align: center;
    max-width: 190px;
    margin: 8px auto;
}

.woocommerce_order_items .mystyle-panel img {
    margin: auto;
    display: block;
}

a.mystyle-toggle-link.button {
	min-width: 100px;
}