.imgwb-admin-header {
	background-image: linear-gradient(176deg, #0474ba, #0081c5, #008dcf, #009ad8, #00a7e1);
	padding: 20px 0px 12px 20px;
	margin-left: -20px;
	display: flex;
	color: #EBEBEB;
}
.imgwb-admin-header a {
	color: #EBEBEB;
}
.imgwb-admin-header-email {
	flex: 1;
	padding-right: 20px;
	font-size: 16px;
	text-align: right;
}

.imgwb-variant-strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, 120px);
	grid-auto-rows: 1fr;
	grid-gap: 20px;
}
.imgwb-variant {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.imgwb-preview {
	display: flex;
	flex-direction: column;
	padding: 4px;
	background-color: #eeeeee99;
	transition: 400ms;
}
.imgwb-preview:hover {
	display: flex;
	flex-direction: column;
	padding: 4px;
	background-color: #eeeeeeee;
	transition: 400ms;
}
.imgwb-thumb {
  position: relative;
  width: 100%;
  height: 0;
}
.imgwb-preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Scale the image while preserving its aspect ratio */
  object-position: center center; /* Center the image within its container */
  display: block;
}
.imgwb-variant-label {
	font-size: 10px;
	line-height: 1.5em;
	margin-top: 4px;
}
.imgwb-stars {
    display: flex;
    align-items: flex-end;
	font-size: 16px;
	color: #008450;
}
.imgwb-inactive .imgwb-stars {
	color: #B81D13;
}
.imgwb-suggested .imgwb-stars {
	color: #EFB700;
}
.imgwb-stars .dashicons-star-empty {
	opacity: 0.5;
}

.imgwb-variant-status-container {
	display: flex;
}
select.imgwb-variant-status {
	width: 100%;
}
select.imgwb-variant-status option {
	text-transform:capitalize
}
.imgwb-variant-results {
	display: flex;
	flex-direction: column;
	text-transform: capitalize;
}

.imgwb-result-table td {
	padding: 0 2px;
	height: 24px;
	vertical-align: middle;
}
.imgwb-result-table td:nth-child(2) {
	text-align: center;
}
.imgwb-result-table td:nth-child(3) {
	width: 50%;
	white-space: nowrap;
}
.imgwb-result-table img {
	width: 24px;
	vertical-align: bottom;
}

.imgwb-section {
	margin-top: 20px;
}
.imgwb-optimize-goal {
	text-align: center;
}
#imgwb-section-enhance .form-table th {
	font-size: 13px;
	width: 72px;
}

#imgwb_wizard_loading {
	margin-top: 20px;
}
#imgwb_wizard_goal table {
	width: 500px;
	border-spacing: 10px;

}
#imgwb_wizard_goal table th {
	display: none;
}
#imgwb_wizard_goal table td {
	padding: 8px;
	vertical-align: top;
}
#imgwb_wizard_goal table td:first-child {
  font-weight: bold;
}
#imgwb_wizard_goal table td:last-child {
  background-color: #fff;
}
#imgwb_wizard_goal table ul {
	list-style: disc;
	padding: 0 0 0 12px
}

#imgwb-section-wizard .button {
	margin-top: 20px;
}
#imgwb_wizard_candidate_images img {
	margin: 16px;
	padding: 4px;
	border: 2px solid transparent;
	cursor: pointer;
}
#imgwb_wizard_candidate_images img:hover {
	border: 2px solid #0474BA;
}

.dashicons.spin {
   animation: dashicons-spin 1s infinite;
   animation-timing-function: linear;
}

@keyframes dashicons-spin {
   0% {
      transform: rotate( 0deg );
   }
   100% {
      transform: rotate( 360deg );
   }
}

.imgwb-variant-strip .imgwb-variant-add-button {
	border: dashed 2px #eeeeee;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	transition: 400ms;
}

.imgwb-variant-strip .imgwb-variant-add-button:hover {
	background-color: #eeeeee66;
}

.goal_word {
	font-family: monospace;
	font-size: 18px;
}

.imgwb-placeholder {
	width:120px;
	height:180px;
	background-color:#eee;
}