// network selection
.options.networks {

	.see-more {
		//display: none;
		//padding: 10px;
		//background-color: #21759b;
		//color: #fff;
		//margin: 15px 0;
		width: 70%;
		.title {
			font-size: 16px;

			color:  #21759b;
			padding: 0;
			margin: 8px 0;
			display: block;
			&:after {
				font-size: 28px;
				font-family: 'Dashicons';
				font-weight: 400;
				content: "\f140";
				vertical-align: top;
			}
		}
		&.toggle_active .title:after {
			content: "\f142";
		}
	}
	.see-more-wrap {
		display: none;
		width: 100%;
	//	display: inline-block;
		.drag-area { width: 100%; }
	}
	.drag-area {
		width: 70%;
		min-height: 50px;
		border: 1px dashed #ccc;
		padding: 10px

	}

	.item {
	//	@include socialcolors('svg');
		//@include socialcolors('.mb-icon'); // transfer period

		display: inline-block;
		vertical-align: bottom;
		width: 50px;
		height: 45px;
//		margin-right: 6px;
		margin: 5px 6px 5px 0;
		position: relative;

		.legend-circle {
			//box-shadow: 2px -2px 2px #114989;
			width: 10px;
			height: 10px;
			border-radius: 50% 50%;
			position: absolute;
			bottom: -2px;
			left: -1px;
			&.social-icon { // colorize different behaviors
					background-color: #114989;

			}
			&.share-icon {
				 //box-shadow: 2px -2px 2px #008e00;
				 background-color: #008e00;
				 left: 10px;
			}

		}

		//&.social-share.share-icon
	//			box-shadow: 2px -2px 2px #114989, -1px 1px 2px #008e00;

				/*border-left: 2px solid #008e00;
				border-right: 2px solid #114989;
				border-bottom: 2px solid #008e00;
				border-top: 2px solid #114989;*/
	//	}

		.mb-icon {
			color: #fff;
			//border-radius: 2px;
			//border: 1px solid #ccc;
			display: inline-block;
			padding: 12px 0;

			cursor: move;
			font-size: 20px;
			text-align: center;
			position: absolute;
			left: 0;
			right:0;
			top: 0;
			bottom: 0;

			&:before {

				padding-top: 6px;
				display: inline;

			}
			&.png {
					height: 100%;
					width: inherit;
					max-width: 100%;
					max-height: 100%;
					padding: 0;
			}
		}

		svg {
		 position: relative;
		 width: 100%;
		}

		.config_button {
				display: inline-block;
				cursor: pointer;

				button {
						font-size: 10px;
						font-weight: 700;
						text-transform: uppercase;
						z-index: 2;
						position: absolute;
						bottom: 0;
						padding: 0 1px;
						left: 0;
						right: 0;
						width: 100%;
						line-height: 11px;
						height: 13px;
						box-shadow: none;
						text-shadow: none;
						margin: 0;
						border-radius: 0;
				}
		}
	} // .item

	.network-help {
			margin-top: 35px;
			//display: flex;
			label { display: none; }
			div { margin-right: 15px; }
			.item {
					width: auto;
					height: 20px;

					.legend-circle {
						position: relative;
						display: inline-block;
						left: auto;
						margin-right: 2px;

					}
			}
	}

} // .options.networks

.help-side
{
			.legend-circle {
				position: relative;
				display: inline-block;
				left: auto;
				margin: 0 5px;
					//box-shadow: 2px -2px 2px #114989;
					width: 10px;
					height: 10px;
					border-radius: 50% 50%;
					&.social-icon { // colorize different behaviors
							background-color: #114989;
					}
					&.share-icon {
						 background-color: #008e00;
					}


			}

}