/***** ADMIN *****/
.ipModuleInlineManagementSocialIconsModal {}
.ipModuleInlineManagementSocialIconsModal ul { list-style: none; }

.ipModuleInlineManagementSocialIconsModal .social-profiles { vertical-align: middle; margin: 15px 0; }
.ipModuleInlineManagementSocialIconsModal .social-profiles .profile { margin: 5px 0; }

.ipModuleInlineManagementSocialIconsModal .social-profiles input.checkbox,
.ipModuleInlineManagementSocialIconsModal .social-icon-themes input.radio-btn { display: inline; margin: 0 5px; min-height: 0; }
.ipModuleInlineManagementSocialIconsModal .social-profiles input.text-input { border-bottom: 1px dotted #CCCCCC; padding: 2px; }
.ipModuleInlineManagementSocialIconsModal .social-icon-themes {}

.ipModuleInlineManagementSocialIconsModal #socialDataForm .input-group {
	width: 100%;
	margin: 0 0 15px;
}
.ipModuleInlineManagementSocialIconsModal #socialDataForm .iconSelection {
	background-color: #e8e8e8;
    padding: 3% 2% 2%;
    width: 100%;
}
.ipModuleInlineManagementSocialIconsModal #socialDataForm .input-group ul.social-icons {
	background-color: #e7e7e7;
	position: relative;
	text-align: center;
	position: relative;
}
.ipModuleInlineManagementSocialIconsModal #socialDataForm .input-group ul.social-icons li {
	display: inline-block;
	position: relative;
	min-width: 20px;
	margin: 5px;	
}
.ipModuleInlineManagementSocialIconsModal #preview-icons .ui-sortable li.ui-sortable-placeholder {
	height: auto!important;
}
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.social-icons li i {
	display: none;
}
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.social-icons li:hover {
	background-color: #fff;
}
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.theme-round-white li:hover,
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.theme-round-black li:hover,
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.theme-round-color li:hover {
	border-radius: 100%;
}
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.social-icons li:hover i {
	left: 0;
	right: 0;
	z-index: 1;
	color: #000;
	margin: 0 auto;
	display: block;
	font-size: 20px;
	position: absolute;
}
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.small li:hover i {
	top: 21%;
}
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.medium li:hover i {
	top: 31%;
}
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.large li:hover i {
	top: 35%;
}
.ipModuleInlineManagementSocialIconsModal #preview-icons ul.social-icons li:hover img {
	opacity: .3;
}

@media only screen and (min-width: 800px) {
	.ipModuleInlineManagementSocialIconsModal #socialDataForm .input-group ul.social-icons li {
		top: 0%!important;
	}
}
@media only screen and (min-width: 768px) {
	.ipModuleInlineManagementSocialIconsModal .modal-dialog {
    	width: 78%;
	}
}
.socialSlot-container .info {
	background: url(./images/example-social.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
}
.socialSlot-container .info p {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	background: rgba(255,255,255,.7);
	text-align: center;
	min-height: 48px;
	line-height: 48px;
	font-size: 18px;
	padding: 0 15px;
	color: #fff;
}

/***** FRONT END *****/
.socialSlot-container { 
	float: right; 
	min-width: auto;
	display: inline-block;
}
.socialSlot-container .social-icons {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	//min-height: 48px;
	height: 100%;
	width: auto;
	list-style: none;
	text-align: center;
}
.socialSlot-container .social-icons li { 
	display: inline-block;
	padding: 5px; 
}
.socialSlot-container .social-icons li a {
	display: block;
	//height: 48px;
	//width: 48px;
	// text-indent: -9999em;
	// background-position: left top;
	padding: 0;
	opacity: 1;
	-moz-opacity: 1;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);

	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
.socialSlot-container .social-icons li a img {
	width: 100%;
}
.socialSlot-container .social-icons li a:hover {
	-moz-opacity: 0.80;
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}
.socialSlot-container .social-icons.small {
	height: 42px;	
}
.socialSlot-container .social-icons.medium {
	height: 58px;	
}
.socialSlot-container .social-icons.large {
	height: 74px;	
}
.social-icons.small li a,
.social-icons.small li img {
	height: 32px;
	width: 32px;
}
.social-icons.medium li a,
.social-icons.medium li img {
	height: 48px;
	width: 48px;
}
.social-icons.large li a,
.social-icons.large li img {
	height: 64px;
	width: 64px;
}
@media only screen and (max-width: 640px) { 
	.socialSlot-container .info p {
		line-height: 24px;
	}
}
@media only screen and (max-width: 480px) { 
	.socialSlot-container .social-icons li {
		padding: 5px;
	}
}