
#iconlist div {
	padding: 0 40px 40px 0;
	font-size: 32px;
	line-height: 1;
	width: 30%;
}

.dashicons {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-family: 'dashicons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: top;
	-moz-transition: color .1s ease-in 0;
	-webkit-transition: color .1s ease-in 0;
	text-align: left;
}


/* Admin Menu Icons */

.dashicons-menu:before {
	content:'\f228';
}

.dashicons-site:before {
	content:'\f319';
}

.dashicons-admin-dashboard:before {
	content: '\f102';
	margin-top: 6px;
}

.dashicons-admin-media:before {
	content: '\f104';
}

.dashicons-admin-page:before {
	content: '\f105';
}

.dashicons-admin-comments:before {
	content: '\f101';
}

.dashicons-admin-appearance:before {
	content: '\f100';
}

.dashicons-admin-plugins:before {
	content: '\f106';
}

.dashicons-admin-users:before {
	content: '\f110';
}

.dashicons-admin-tools:before {
	content: '\f107';
}

.dashicons-admin-settings:before {
	content: '\f108';
}

.dashicons-admin-site:before {
	content: '\f112'
}

.dashicons-admin-generic:before {
	content: '\f111';
}

.dashicons-admin-collapse:before {
	content:'\f148';
}


/* Both */

.dashicons-admin-links:before,
.dashicons-format-links:before {
	content: '\f103';
}

.dashicons-admin-post:before,
.dashicons-format-standard:before {
	content: '\f109';
}


/* Post Format Icons */

.dashicons-format-image:before {
	content: '\f128';
}

.dashicons-format-gallery:before {
	content: '\f161';
}

.dashicons-format-audio:before {
	content: '\f127';
}

.dashicons-format-video:before {
	content: '\f126';
}

.dashicons-format-chat:before {
	content: '\f125';
}

.dashicons-format-status:before {
	content: '\f130';
}

.dashicons-format-aside:before {
	content: '\f123';
}

.dashicons-format-quote:before {
	content: '\f122';
}


/* Welcome Screen Icons */

.dashicons-welcome-write-blog:before,
.dashicons-welcome-edit-page:before {
	content:'\f119';
}

.dashicons-welcome-add-page:before {
	content:'\f133';
}

.dashicons-welcome-view-site:before {
	content:'\f115';
}

.dashicons-welcome-widgets-menus:before {
	content:'\f116';
}

.dashicons-welcome-comments:before {
	content:'\f117';
}

.dashicons-welcome-learn-more:before {
	content:'\f118';
	top: -1px;
}


/* Image Editing Icons */

.dashicons-imgedit-crop:before {
	content:'\f165';
}

.dashicons-imgedit-rleft:before {
	content:'\f166';	
}

.dashicons-imgedit-rright:before {
	content:'\f167';
}

.dashicons-imgedit-flipv:before {
	content:'\f168';
}

.dashicons-imgedit-fliph:before {
	content:'\f169';
}

.dashicons-imgedit-undo:before {
	content:'\f171';
}

.dashicons-imgedit-redo:before {
	content:'\f172';
}


/* Post Icons */

.dashicons-align-left:before {
	content:'\f135';
}

.dashicons-align-right:before {
	content:'\f136';
}

.dashicons-align-center:before {
	content:'\f134';
}

.dashicons-align-none:before {
	content:'\f138';
}

.dashicons-lock:before {
	content:'\f160';
}

.dashicons-backup:before {
	content:'\f321';
}

.dashicons-calendar:before {
	content:'\f145';
}

.dashicons-visibility:before {
	content:'\f177';
}

.dashicons-post-status:before {
	content:'\f173';
}

.dashicons-post-trash:before {
	content:'\f182';
}


/* TinyMCE Icons */

.dashicons-tinymce-bold:before {
	content:'\f200';	
}

.dashicons-tinymce-italic:before {
	content:'\f201';	
}

.dashicons-tinymce-ul:before {
	content:'\f203';	
}

.dashicons-tinymce-ol:before {
	content:'\f204';	
}

.dashicons-tinymce-quote:before {
	content:'\f205';	
}

.dashicons-tinymce-alignleft:before {
	content:'\f206';	
}

.dashicons-tinymce-aligncenter:before {
	content:'\f207';	
}

.dashicons-tinymce-alignright:before {
	content:'\f208';	
}

.dashicons-tinymce-insertmore:before {
	content:'\f209';	
}

.dashicons-tinymce-spellcheck:before {
	content:'\f210';	
}

.dashicons-tinymce-distractionfree:before {
	content:'\f211';	
}

.dashicons-tinymce-kitchensink:before {
	content:'\f212';	
}

.dashicons-tinymce-underline:before {
	content:'\f213';	
}

.dashicons-tinymce-justify:before {
	content:'\f214';	
}

.dashicons-tinymce-textcolor:before {
	content:'\f215';	
}

.dashicons-tinymce-word:before {
	content:'\f216';	
}

.dashicons-tinymce-plaintext:before {
	content:'\f217';	
}

.dashicons-tinymce-removeformatting:before {
	content:'\f218';
}

.dashicons-tinymce-video:before {
	content:'\f219';
}

.dashicons-tinymce-customchar:before {
	content:'\f220';
}

.dashicons-tinymce-outdent:before {
	content:'\f221';
}

.dashicons-tinymce-indent:before {
	content:'\f222';
}

.dashicons-tinymce-help:before {
	content:'\f223';
}

.dashicons-tinymce-strikethrough:before {
	content:'\f224';
}

.dashicons-tinymce-unlink:before {
	content:'\f225';
}

.dashicons-tinymce-rtl:before {
	content:'\f320';
}


/* Sorting */

.dashicons-arr-up:before {
	content:'\f142';
}

.dashicons-arr-down:before {
	content:'\f140';
}

.dashicons-arr-left:before {
	content:'\f141';
}

.dashicons-arr-right:before {
	content:'\f139';
}

.dashicons-sort:before {
	content:'\f156';
}

.dashicons-list-view:before {
	content:'\f163';
}

.dashicons-exerpt-view:before {
	content:'\f164';
}


/* Social Icons */

.dashicons-share:before {
	content:'\f237';
}

.dashicons-share1:before { 
	content:'\f237';
}

.dashicons-share2:before { 
	content:'\f240';
}

.dashicons-share3:before { 
	content:'\f242';
}

.dashicons-twitter1:before { 
	content:'\f301';
}

.dashicons-twitter2:before { 
	content:'\f302';
}

.dashicons-rss:before { 
	content:'\f303';
}

.dashicons-facebook1:before { 
	content:'\f304';
}

.dashicons-facebook2:before { 
	content:'\f305';
}


/* Jobs Icons */

.dashicons-jobs-developers:before { 
	content:'\f308';
}

.dashicons-jobs-designers:before { 
	content:'\f309';
}

.dashicons-jobs-migration:before { 
	content:'\f310';
}

.dashicons-jobs-performance:before { 
	content:'\f311';
}


/* Misc Icons */

.dashicons-wordpress:before {
	content:'\f120';
}

.dashicons-pressthis:before {
	content:'\f157';
}

.dashicons-update:before {
	content:'\f113';
}

.dashicons-yes:before {
	content:'\f147';
}

.dashicons-no:before {
	content:'\f158';
}

.dashicons-plus-small:before {
	content:'\f132';
}

.dashicons-xit:before {
	content:'\f153';
}

.dashicons-marker:before {
	content:'\f159';
}

.dashicons-star-filled:before {
	content:'\f155';
}

.dashicons-star-empty:before {
	content:'\f154';
}

.dashicons-screenoptions:before {
	content:'\f180';
}

.dashicons-flag:before {
	content:'\f227';
}

.dashicons-leftright:before {
	content:'\f229';
}

.dashicons-location:before {
	content:'\f230';
}

.dashicons-location-alt:before {
	content:'\f231';
}

.dashicons-camera2:before { 
	content:'\f306';
}

.dashicons-images-alt1:before {
	content:'\f232';
}

.dashicons-images-alt2:before {
	content:'\f233';
}

.dashicons-video-alt1:before {
	content:'\f234';
}

.dashicons-video-alt2:before {
	content:'\f235';
}

.dashicons-video-alt3:before {
	content:'\f236';
}

.dashicons-cart:before {
	content:'\f174';
}

.dashicons-feedback:before {
	content:'\f175';
}

.dashicons-cloud:before {
	content:'\f176';
}

.dashicons-vault:before {
	content:'\f178';
}

.dashicons-search:before {
	content:'\f179';
}

.dashicons-slides:before {
	content:'\f181';
}

.dashicons-analytics:before {
	content:'\f183';
}

.dashicons-piechart:before {
	content:'\f184';
}

.dashicons-bargraph:before {
	content:'\f185';
}

.dashicons-bargraph2:before { 
	content:'\f238';
}

.dashicons-bargraph3:before { 
	content:'\f239';
}

.dashicons-gauge:before {
	content:'\f226';
}

.dashicons-groups:before { 
	content:'\f307';
}

.dashicons-products:before { 
	content:'\f312';
}

.dashicons-awards:before { 
	content:'\f313';
}

.dashicons-forms:before { 
	content:'\f314';
}

.dashicons-portfolio:before { 
	content:'\f322';
}

.dashicons-arrow-down:before { 
	content:'\f316';
}

.dashicons-arrow-up:before { 
	content:'\f317';
}

.dashicons-tag:before { 
	content:'\f323';
}

.dashicons-category:before { 
	content:'\f318';
}
/*
 * New one since WP 5.5.
 * @see https://make.wordpress.org/core/2020/07/15/dashicons-in-wordpress-5-5-the-final-update/
*/
.dashicons-align-pull-left:before {
	content: '\f10a';
}
.dashicons-align-pull-right:before {
	content: '\f10b';
}
.dashicons-block-default:before {
	content: '\f12b';
}
.dashicons-cloud-saved:before {
	content: '\f137';
}
.dashicons-cloud-upload:before {
	content: '\f13b';
}
.dashicons-columns:before {
	content: '\f13c';
}
.dashicons-cover-image:before {
	content: '\f13d';
}
.dashicons-embed-audio:before {
	content: '\f13e';
}
.dashicons-embed-generic:before {
	content: '\f13f';
}
.dashicons-embed-photo:before {
	content: '\f144';
}
.dashicons-embed-post:before {
	content: '\f146';
}
.dashicons-embed-video:before {
	content: '\f149';
}
.dashicons-exit:before {
	content: '\f14a';
}
.dashicons-html:before {
	content: '\f14b';
}
.dashicons-info-outline:before {
	content: '\f14c';
}
.dashicons-insert-after:before {
	content: '\f14d';
}
.dashicons-insert-before:before {
	content: '\f14e';
}
.dashicons-insert:before {
	content: '\f10f';
}
.dashicons-remove:before {
	content: '\f14f';
}
.dashicons-shortcode:before {
	content: '\f150';
}
.dashicons-table-col-after:before {
	content: '\f151';
}
.dashicons-table-col-before:before {
	content: '\f152';
}
.dashicons-table-col-delete:before {
	content: '\f15a';
}
.dashicons-table-row-after:before {
	content: '\f15b';
}
.dashicons-table-row-before:before {
	content: '\f15c';
}
.dashicons-table-row-delete:before {
	content: '\f15d';
}
.dashicons-saved:before {
	content: '\f15e';
}
.dashicons-amazon:before {
	content: '\f162';
}
.dashicons-google:before {
	content: '\f18b';
}
.dashicons-linkedin:before {
	content: '\f18d';
}
.dashicons-pinterest:before {
	content: '\f192';
}
.dashicons-podio:before {
	content: '\f19c';
}
.dashicons-reddit:before {
	content: '\f195';
}
.dashicons-spotify:before {
	content: '\f196';
}
.dashicons-twitch:before {
	content: '\f199';
}
.dashicons-whatsapp:before {
	content: '\f19a';
}
.dashicons-xing:before {
	content: '\f19d';
}
.dashicons-youtube:before {
	content: '\f19b';
}
.dashicons-database-add:before {
	content: '\f170';
}
.dashicons-database-export:before {
	content: '\f17a';
}
.dashicons-database-import:before {
	content: '\f17b';
}
.dashicons-database-remove:before {
	content: '\f17c';
}
.dashicons-database-view:before {
	content: '\f17d';
}
.dashicons-database:before {
	content: '\f17e';
}
.dashicons-bell:before {
	content: '\f16d';
}
.dashicons-airplane:before {
	content: '\f15f';
}
.dashicons-car:before {
	content: '\f16b';
}
.dashicons-calculator:before {
	content: '\f16e';
}
dasicons-games:before {
	content: '\f18a';
}
.dashicons-printer:before {
	content: '\f193';
}
.dashicons-beer:before {
	content: '\f16c';
}
.dashicons-coffee:before {
	content: '\f16f';
}
.dashicons-drumstick:before {
	content: '\f17f';
}
.dashicons-food:before {
	content: '\f187';
}
.dashicons-bank:before {
	content: '\f16a';
}
.dashicons-hourglass:before {
	content: '\f18c';
}
.dashicons-money-alt:before {
	content: '\f18e';
}
.dashicons-open-folder:before {
	content: '\f18f';
}
.dashicons-pdf:before {
	content: '\f190';
}
.dashicons-pets:before {
	content: '\f191';
}
.dashicons-privacy:before {
	content: '\f194';
}
.dashicons-superhero:before {
	content: '\f198';
}
.dashicons-superhero-alt:before {
	content: '\f197';
}
.dashicons-edit-page:before {
	content: '\f186';
}
.dashicons-fullscreen-alt:before {
	content: '\f188';
}
.dashicons-fullscreen-exit-alt:before {
	content: '\f189';
}

/* Dashicons Picker */
.dashicon-picker-container {
	position: absolute;
	width: auto;
	max-width: 800px;
	height: auto;
	font-size: 14px;
	background-color:#fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 15px;
	box-sizing: border-box;
}

	.dashicon-picker-container ul {
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
	}

		.dashicon-picker-container ul .dashicons {
			width: 20px;
			height: 20px;
			font-size: 20px;
		}

		.dashicon-picker-container ul li {
			display: inline-block;
			margin: 5px;
			float: left;
		}

			.dashicon-picker-container ul li a {
				display: block;
				text-decoration: none;
				color:#373737;
				padding: 6px 10px;
				border: 1px solid #eee;
			}

				.dashicon-picker-container ul li a:hover {
					border-color:#999;
					background: #efefef;
				}

	.dashicon-picker-control {
		height:32px;
	}

		.dashicon-picker-control a {
			padding:5px;
			text-decoration: none;
			line-height: 32px;
			width:25px;
		}

			.dashicon-picker-control a span {
				display: inline;
				vertical-align: middle;
			}

		.dashicon-picker-control input {
			width:200px;
		}

