.Flipbox_ac-panel {
	background: #fff;
	margin: 0 15px 15px 0;
	padding: 30px;
	width: 100%;
	cursor: move;
	float: left;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	box-sizing: border-box;
}

#Flipbox_panel
{
	padding:0px;
}

.flipbox_ac_label 
{
	font-size:16px;
}

.flip_upload_image_button
{
	margin-bottom:10px;
}

.myplugin-upload-wrap
{
	margin-top:10px;
}

.flipbox_ac_label_text {
	width: 100%;
	padding: 9px;
	margin-bottom: 10px;
	margin-top:10px;
}

.Flipbox_ac-panel textarea {
	height: 150px;
	text-align:left !important;
	margin-top:10px;
}

.Flipbox_ac-panel .remove_flip_button {
	display: block;
	float: right;
	height: 40px;   
	margin-right: -30px;
	margin-bottom: -30px;
	outline: 0 none;   
	width: 40px;
	font-size: 27px;
	background: transparent;   
	text-align: center;
	line-height: 1.3;
	color: #000;
	margin-top: 20px;   
}

.add_flipbox_ac_new {
	text-align: center;
	padding-top: 3.8%;
	padding-bottom: 3.8%;
	background: #D110A5;
	cursor: pointer;
	box-shadow: 0 0 0px rgba(0,0,0,.7);
	color: #ffffff;
	font-size: 20px;
}

.add_flipbox_ac_new:hover {
	color: #ffffff;
}

.add_flipbox_ac_new:hover p {
	color: #ffffff;
}

.add_flipbox_ac_new:hover .dashicons {
	background: none repeat scroll 0 0 #ffffff;
	color: #0074a2;
}

.add_flipbox_ac_new .dashicons {
	background: none repeat scroll 0 0 rgba(153, 153, 153, 0.1);
	border-radius: 50%;
	color: #999;
	content: "?";
	display: inline-block;
	font: 400 74px/115px;
	height: 100px;
	font-size: 80px;
	padding: 0;
	line-height: 110px;
	text-align: center;
	text-indent: -4px;
	text-shadow: none;
	top: 30%;
	vertical-align: middle;
	width: 100px;
	z-index: 4;
}



@media (max-width:1500px) {
	.Flipbox_ac-panel {
		padding: 21px;
	}

	.Flipbox_ac-panel .remove_flip_button {
		margin-right: -21px;
		margin-bottom: -22px;
	}
}

@media (max-width:1200px) {
	.Flipbox_ac-panel {
		width: 100%;
		cursor: move;
		float: left;
	}
}

@media (max-width:460px) {
	.Flipbox_ac-panel {
		width: 95% important;
		cursor: move;
		float: left;
	}
}

/* .iconpicker-container .input-group-addon { */
	/* color: #fff !important; */
	/* text-align: center; */
	/* background-color: #31a3dd !important; */
	/* border: 1px solid #31a3dd!important; */
/* } */


/* New Icon Picker */
.icon-picker-list {
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	padding-left: 0;
}

.icon-picker-list li {
	display: flex;
	flex: 0 0 20%;
	float: left;
	width: 20%;
}

.icon-picker-list a {
	background-color: #f9f9f9;
	border: 1px solid #fff;
	color: black;
	display: block;
	flex: 1 1 auto;
	font-size: 12px;
	line-height: 1.4;
	/* min-height: 100px; */
	padding: 10px;
	text-align: center;
	user-select: none;
}

.icon-picker-list a:hover,
.icon-picker-list a.active{
	background-color: #D110A5;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.icon-picker-list .fa {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.icon-picker-list .name-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}

.demo-icon
{
	padding:10px;
	padding-top:7px;
	border-radius:5px;
	background:#D110A5;
	color:#fff;
	font-size:14px !important;
}


.fb-btn-iconpicker {
    font-family: sans-serif;
    color: #fff;
    border: 0;
    outline: 0;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 3px;
    cursor: pointer;
	 background-color: #D110A5;
	 margin-bottom:10px;
}