.wp-picker-container {
	&.wp-picker-active {
		background: #4444;
		padding: 10px;
		span {
			&.wp-picker-input-wrap {
				display: inline-flex !important;
				flex-direction: row;
			}
		}
	}
	.wp-color-result {
		&.button {
			margin-bottom: 0 !important;
		}
	}
}

.arqvww-settings-tabs {
	max-width: 99%;
	display: flex;
	th[scope="row"] {
		display: none;
	}
	ul#tabs-nav {
		list-style: none;
		margin: 0;
		overflow: auto;
		display: flex;
		flex-direction: column;
		background-color: #2271b1;
		width: 240px;
		padding-top: 50px;
		li {
			font-weight: bold;
			margin-bottom: 0;
			cursor: pointer;
			a {
				text-decoration: none;
				color: #fff;
				padding: 15px 40px;
				display: block;
				&:focus {
					box-shadow: none;
					outline: none;
				}
			}
			&:hover,
			&.active { 
				a {
					background-color: #fff;
					color: #000;
				}
			}
		}
	}
	.tab-contents-wrapper {
		width: calc(100% - 240px);
		background: #fff;
		padding: 0 30px;
		.tab-content {
			height: 600px;
			overflow: auto;
			&#tab_menu_welcome {
				max-width: 60%;
			}
			margin: 30px 0;
			.tab-section {
				margin-top: 40px;
			}
			.section-title {
				padding: 10px 0;
				border-bottom: 1px solid #ededed;
			}
			.settings-item {
				margin-bottom: 20px;
				display: flex;
				align-items: center;
				label {
					width: 200px;
					display: inline-block;
				}
				input {
					margin-right: 10px;
				}
			}
			.sub-section {
				display: flex;
				flex-direction: column;
				label {
					width: 200px;
					display: inline-block;
				}
				.settings-items {
					display: flex;
					.settings-item {
						flex-direction: column;
						align-items: baseline;
						width: 80px;
						margin-bottom: 0;
						input {
							width: 80px;
							margin-right: 0;
							border-radius: 0px;
						}
						&:first-child input {
							border-top-left-radius: 3px;
							border-bottom-left-radius: 3px;
							border-right: none;
						}
						&:last-child input {
							border-top-right-radius: 3px;
							border-bottom-right-radius: 3px;
							border-left-width: 0px;
						}
						&:nth-of-type(2) input {
							border-left-width: 1px;
						}
					}
				}
				
			}
			
			.arqvww-features-list-wrapper {
				display: flex;
				gap: 40px;
				margin-bottom: 20px;
				.arqvww-features-list {
					background: #f3f3f3;
					padding: 10px 40px;
					border-radius: 3px;
					min-width: 220px;
					li {
						font-size: 15px;
						span {
							margin-right: 3px;
							&.dashicons {
								&.dashicons-no {
									color: red;
								}
							}
						}
					}
					
				}
			}
		}
		
	}

}
li#toplevel_page_arqvww-global-settings img {
    width: 100%;
    height: 18px;
}