.max-modal.view-icons  .modal_content
{
	height: inherit; 
	.controls { 
	
		margin-bottom: 25px;
	}
}

.icon-list 
{
   list-style-type: none; 
   clear: both;
   display: inline-block;
   
   li {
		float: left;
		margin-right: 5px;
		background: #fff;
		transition: all 0.5s ease;
		padding: 10px;
		border: 1px solid #eeeeee;
		cursor: pointer; 
						
		&:hover {
			background: #eee;
		}
		
		i {

			color: #0073aa; 
			display: block;
			text-align: center;
			font-size: 25px;
			transition: all 0.5s ease;		
			width: 30px;

			line-height: 30px;
		}
	}


}

 .font-awesome-preview 
 {
 	.remove_fa_icon {
 		display: block;
 		display: none;
 		font-size: 12px; 
 		color: #ff0000;
		cursor: pointer;
 	}
 
 
}

// switch, always on look
.use_fa_icon
{
	.the_switch{
		background: #6fbeb5;

		&:after {
			background: #179588;
		}
	}
}

// image preview

.icon_preview {
	max-width: 350px; 
	width: 350px;
	height: 250px;
	max-height: 250px; 

	display: block;
	float:left;
	border: 1px solid #eee;
	border-radius: 10px;
	position: relative; 
	margin-bottom: 8px;
	
	img {
		max-width: 100%;
		max-height: 100%; 
	
	}
	.remove_icon {
		font-size: 25px;
		width: 30px; 
		height: 30px; 
		position: absolute; 
		top: -10px;
		right: -10px;
		cursor: pointer;
	}
}

.icon_data { 
	float: left;
	display: inline-block;
	margin-left: 25px;
	height: 250px;
	label { 
		float: left;
		width: 150px;
		line-height: 18px;
		clear: left;
		margin: 5px 10px 5px 0;
	}
	span { 
		float: left; 

	}
	&:after { clear: both; }
}

#icon_url_button
{
	clear: left;
	display: block;
}

