.width-100{
	width: 100% !important;
}

.width-auto-form-field{
	width: 300px;
}

.jconfirm-buttons{
	float: none!important;
	display: block!important;
	margin: auto!important;
	text-align: center!important;
}

.jconfirm-buttons > button{

	border-radius: 0!important;
	background-color: transparent!important;

	&:first-child{		
		color: #f00!important;
		border: 1px solid #f00!important;
	}

}

#flexible_ean_menu{
	li {
		display: inline-block;

		a{
			text-decoration: none;
		}

		&:last-child:before{
			display: inline-block;
			content: " | ";
			margin-right: 5px;
		}
	}
}

.woocommerce_page_flexible-ean-settings .form-table{
	width: auto;
}

.flexible-ean-validator{
	color: #f00;

	&.valid{
		color: rgb(0, 172, 0);
	}
}

#ean_generator, #ean_copy{
	text-align: right;

	.flexible-ean-loader{
		width: 50px;
		height: 50px;
	}

	*{
		vertical-align: top;
	}

	button{
		margin-top:15px;
	}

	&.stops{
		.show-when-progress-stops{
			display: inline;
		}
		.show-when-progress-starts{
			display: none;
		}
	}
	&.starts{
		.show-when-progress-stops{
			display: none;
		}
		.show-when-progress-starts{
			display: inline;
		}
	}
}


.flexible-ean-generate{

	clear: right;
    display: inline-block;
	margin-top: 2px;
    margin-left: 15px;

	a{
		display: inline-block;
		min-height: 26px;
		line-height: 2.18181818;
		padding: 0 8px;
		font-size: 11px;
		background: #2271b1;
		border-color: #2271b1;
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		vertical-align: top;
		margin: 0;
		padding: 0 10px;
		border-width: 1px;
		border-style: solid;
		border-radius: 3px;
		white-space: nowrap;
		box-sizing: border-box;
	}
}


._flexible_ean_field, p[class*=' variable_flexible_ean'] {

	.description{
		float: left;
		clear: both;
		width: 100%;
	}

}

.flexible-ean-loader{
	width: 28px;
	height: 28px;
	display: none;
}

.loading .flexible-ean-loader{
	display: inline-block;
}

p[class*=' variable_flexible_ean'] .flexible-ean-generate{
	float: right;
}


.woocommerce_page_flexible-ean-settings{

	.select2-container .select2-selection--single .select2-selection__rendered{
		text-align: left;
	}
	
	.forminp > input[type=text]:focus, .forminp > input[type=number]:focus{
		border-color: #ffd100!important;
		outline: #ffd100!important;
		box-shadow: #ffd100 0 0 0 1px!important;
	}


	.select2-container.select2-container--focus .select2-selection--single, .select2-container.select2-container--open .select2-selection--multiple, .select2-container.select2-container--open .select2-selection--single{
		box-shadow: 0 0 0 1px #ffd100!important;
		border-color: #ffd100!important;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
		background-color:  #ffd100!important;
	}

	.select2-container--default .select2-results__option--highlighted[data-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffd100!important;
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #ffd100!important;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #ffd100!important;
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #ffd100!important;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #ffd100!important;
}

.select2-container--classic .select2-results__option--highlighted[data-selected],
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #ffd100!important;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #ffd100!important;
}

.select2-dropdown--below {
    box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #ffd100), 0 2px 1px rgba(0, 0, 0, .1)!important;
}

.select2-dropdown {
    border-color: var(--wp-admin-theme-color, #ffd100)!important;
}
.select2-dropdown--below {
    box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #ffd100), 0 2px 1px rgba(0, 0, 0, .1)!important;
}
.select2-dropdown {
    border-color: var(--wp-admin-theme-color, #ffd100)!important;
}
}

#flexible_ean_menu{
	li {
		a{
			color: #0073ff!important;
		}
	}
}

#flexible-ean-settings_general, #flexible-ean-settings_tools{
	a{
		color: #ffd100!important;
		font-weight: bold;
		text-decoration: none;
	}
}

.show-when-progress-starts.button, .show-when-progress-starts.button-secondary {
    color: #b12222!important;
    border-color: #b12222!important;
}

.column-flexible_ean{
	width: 80px!important;
}

.ean-small{
	font-size: smaller;
}
.description.single{
	display:block!important;
	clear:both!important;
}

.flexible-ean-generate.variation{
	margin-left: 0;
	margin-right: 15px;
}