.imgo-wp-plugin
	width: 100%
	height: auto
	overflow: hidden
	min-height: 200px
	padding: 20px

	.equal
  		display: flex
  		display: -webkit-flex
  		flex-wrap: wrap

	.panel
		width: 100%
		height: auto
		min-height: 100px
		overflow: hidden
		padding: 20px
		margin-bottom: 20px
		background: #FFFFFF
		box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.08)

		input
			font-family: 'Source Sans Pro', sans-serif
			background: #FFFFFF
			font-size: 15px
			padding-left: 10px
			border-radius: 3px

		label
			font-family: 'Source Sans Pro', sans-serif
			margin-bottom: 0px
			font-weight: 600
			font-size: 14px

		.resetImages
			color: #e74c3c
			transition-duration: 0.3s
			font-family: 'Source Sans Pro', sans-serif

			&:hover
				transition-duration: 0.3s
				cursor: pointer
				text-decoration: none
				color: #c0392b

		h3
			font-family: 'Source Sans Pro', sans-serif
			font-size: 18px
			color: #525252
			letter-spacing: 0
			font-weight: 600
			margin-bottom: 10px

		p
			font-family: 'Source Sans Pro', sans-serif
			font-size: 16px
			color: #525252
			letter-spacing: 0
			font-weight: 400
			opacity: 0.8

		button.optimize
			background: #2ECC71
			width: fit-content
			font-family: 'Source Sans Pro', sans-serif
			max-width: 100%
			padding-left: 15px
			padding-right: 15px
			margin-top: 16px
			border: none
			color: white
			height: 40px
			box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.1)


	.header
		width: 100%
		height: 100px

		.logo
			height: 50px
			margin-top: 10px
			float: left

		.api-container
			width: 100%
			max-width: 400px
			height: 60px
			float: right

			.title
				font-size: 15px
				float: left
				width: fit-content
				font-family: 'Source Sans Pro', sans-serif
				color: #000000
				font-weight: 600
				letter-spacing: 0

			.getKey
				font-size: 15px
				float: right
				width: fit-content
				text-align: right
				font-family: 'Source Sans Pro', sans-serif
				color: #000000
				font-weight: 600
				letter-spacing: 0

				a
					font-family: 'Source Sans Pro', sans-serif
					font-weight: 400
					color: #2ECC71

			.apiKeyForm
				width: 100%
				margin-top: 5px
				height: 50px
				float: left



				input
					width: calc(100% - 90px)
					float: left
					height: 40px
					line-height: 40px
					font-family: 'Source Sans Pro', sans-serif
					background: #FFFFFF
					font-size: 15px
					padding-left: 15px
					border: none
					box-shadow: 0 0 5px 0 rgba(0,0,0,0.13)
					border-radius: 3px

				button
					background: #2ECC71
					box-shadow: 0 0 4px 0 rgba(0,0,0,0.14)
					border-radius: 3px
					width: 80px
					border: none
					color: white
					float: left
					margin-left: 10px
					height: 40px


@media screen and (max-width: 630px)
	.imgo-wp-plugin
		.header
			height: 170px
			text-align: center

			.logo
				float: unset
				margin-bottom: 10px
				margin-left: auto
				margin-right: auto
				position: relative

			.api-container
				width: 100%
				max-width: unset