#setting-error-tgmpa {
	display: none;
}



.atticthemes-social-icons-wrapper {
	padding: 20px;
	padding-top: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.atticthemes-social-icons-title-wrapper {
	margin-bottom: 30px;
}

.atticthemes-social-icons-title-wrapper em {
	display: block;
	font-size: 13px;
	color: #888;
}

.atticthemes-social-icons-title {
	display: block;
	font-size: 23px;
	font-weight: 400;
	padding: 9px 15px 4px 0;
	line-height: 29px;
}





.atticthemes-social-icons-set-preloader {
	position: absolute;

	left: 26px;
	bottom: -48px;

	visibility: visible;
	display: none;
}

.atticthemes-social-icon-set-container {
	width: 100%;
	float: left;
	clear: both;

	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: padding-left 0.3s, background-color 0.3s;
	-moz-transition: padding-left 0.3s, background-color 0.3s;
	-o-transition: padding-left 0.3s, background-color 0.3s;
	transition: padding-left 0.3s, background-color 0.3s;
}


.atticthemes-social-icon-set-trash {
	display: block;
	width: 7%;
	float: left;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 20px 20px 10px 20px;
	margin: 0;
	margin-right: 2.5%;

	border: 1px solid #ededed;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	min-height: 84px;
	max-height: 84px;

	background: #f8f8f8 url(../images/trash.png) center no-repeat;

	-webkit-transition: border 0.3s, background-color 0.3s;
	-moz-transition: border 0.3s, background-color 0.3s;
	-o-transition: border 0.3s, background-color 0.3s;
	transition: border 0.3s, background-color 0.3s;
}

.atticthemes-social-icon-set-trash.over-trash {
	border: 3px solid #FF4747;
	/*background-color: #FF6161;*/
}

.atticthemes-social-icon-set-trash li {
	float: none;
	margin: 0 auto;
}

.atticthemes-social-icon-set-trash li.ui-state-highlight {
	visibility: hidden;
}

.atticthemes-social-icon-set {
	display: block;
	list-style: none;
	width: 57.5%;
	float: left;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 20px 20px 10px 20px;
	margin: 0;

	background-color: #f8f8f8;
	border: 1px solid #ededed;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	min-height: 84px;
}

.atticthemes-social-icon-set li {
	position: relative;
	float: left;
	margin: 0;
	margin-right: 10px;
	margin-bottom: 10px;

	cursor: move;
}

li.atticthemes-social-icon-add-icon {
	position: relative;
	display: block;

	width: 42px;
	height: 42px;

	border: 2px solid #e4e4e4;
	background-color: #ededed;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	margin: 0;
	margin-bottom: 10px;
	margin-right: 10px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor: pointer;
}

li.atticthemes-social-icon-add-icon::before {
	position: absolute;

	top: 0;
	left: -0.5px;

	width: 100%;
	height: 100%;

	line-height: 42px;
	text-align: center;

	color: #ccc;
}

.atticthemes-social-icon-set li.no-link::after {
	content: '*';
	position: absolute;

	width: 12px;
	height: 12px;

	top: -5px;
	right: -5px;

	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	
	color: #9dc563;
}

.atticthemes-social-icon-set li.ui-state-highlight,
li.atticthemes-social-icon-set-dummy-icon {
	position: relative;
	display: block;

	width: 42px;
	height: 42px;

	border: 2px dashed #ccc;
	background-color: #ededed;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	margin: 0;
	margin-bottom: 10px;
	margin-right: 10px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

li.atticthemes-social-icon-set-dummy-icon {
	display: none;
}
















.atticthemes-social-icon-set-size {
	float: right;
	width: 30%;
}

input.atticthemes-social-icon-set-shortcode-text {
	float: left;
	width: 65%;
	margin-top: 2px;
	color: #888;
	background-color: #fff;
	border-color: transparent; 
}

input.atticthemes-social-icon-set-shortcode-text:focus {
	border-color: transparent;
	webkit-box-shadow: none;
	box-shadow: none;
}

.atticthemes-social-icon-set-shortcode {
	display: block;
	width: 30.5%;
	float: right;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 23px;
	margin-left: 2.5%;

	min-height: 74px;

	color: #888;
	background-color: #fff;
	border: 1px solid #ededed;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}











/* icons selecotr */

.atticthemes-social-icons-list-wrapp {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	z-index: 9999;

	display: none;
}

.atticthemes-social-icons-list-wrapp:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	background-color: #383c3f;
	opacity: 0.85;
}

.atticthemes-social-icons-list-cont {
	position: relative;
	width: 811px;
	margin: 0 auto;
	top: 50%;
	margin-top: -225px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 40px;

	background-color: #fff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	text-align: right;

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.atticthemes-social-icons-list-wrapper {
	position: relative;
	width: 100%;
	padding: 20px 20px 10px 20px;
	background-color: #f8f8f8;
	margin-bottom: 15px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.atticthemes-social-icons-list-title {
	display: block;
	font-size: 23px;
	font-weight: 400;
	padding: 0 15px 4px 0;
	line-height: 29px;

	text-align: left;
	margin-top: 0;
}

.atticthemes-social-icons-list-title-wrap {
	position: relative;
	display: inline-block;
}

.atticthemes-social-icons-list-preloader {
	position: absolute;
	top: 1px;
	right: -37px;
	
	visibility: visible;
	display: none;
}

.atticthemes-social-icons-list-status-bar {
	float: left;
	padding: 4px 0;
	color: #888;
}

.atticthemes-social-icons-list-close {
	position: absolute;

	top: 0;
	right: 0;

	width: 20px;
	height: 20px;
	padding: 10px;

	text-align: center;
	cursor: pointer;
}

.atticthemes-social-icons-list {
	list-style: none;
	margin: 0;
	overflow: hidden;
}

.atticthemes-social-icons-list li,
.atticthemes-social-icon {
	position: relative;
	display: block;
	float: left;
	margin: 0;

	margin-right: 11px;
	margin-bottom: 11px;

	width: 42px;
	height: 42px;

	/*background-color: #333;*/

	cursor: pointer;
	background-size: 100%;
}

.atticthemes-social-icons-list li:nth-child(14n+0) {
	margin-right: 0;
}

.atticthemes-social-icons-list li.atticthemes-social-icon-no-link {
	opacity: 0.2;
	cursor: pointer;
}

.atticthemes-social-icons-list-cont h4 {
	text-align: left;
	margin-top: 0;
}







/* editor */

.atticthemes-social-icon-editor-wrapp {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	z-index: 9999;

	display: none;
}

.atticthemes-social-icon-editor-wrapp:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	background-color: #383c3f;
	opacity: 0.85;
}

.atticthemes-social-icon-editor {
	position: relative;
	width: 500px;
	margin: 0 auto;
	top: 50%;
	margin-top: -100px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 40px;

	background-color: #fff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	text-align: right;

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}


.atticthemes-social-icon-editor span.atticthemes-social-icon-editor-title {
	display: block;
	font-size: 23px;
	font-weight: 400;
	padding: 9px 15px 4px 0;
	line-height: 29px;

	text-align: left;
	margin-top: 0;
}

.atticthemes-social-icon-editor h4 {
	text-align: left;
	margin-top: 0;
}

.atticthemes-social-icon-editor input {
	width: 100%;
	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.atticthemes-social-icon-editor button.button {
	display: inline-block;
	margin-left: 6px;
}

.atticthemes-social-icon-editor-preloader {
	position: absolute;
	bottom: 44px;
	right: 170px;

	visibility: visible;
	display: none;
}

.atticthemes-social-icon-editor-status-bar {
	float: left;
	padding: 4px 0;
	color: #888;
}

















/* Set id Editor */

.atticthemes-social-icon-set-id-editor-wrapp {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	z-index: 9999;

	display: none;
}

.atticthemes-social-icon-set-id-editor-wrapp:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	background-color: #383c3f;
	opacity: 0.85;
}

.atticthemes-social-icon-set-id-editor {
	position: relative;
	width: 500px;
	margin: 0 auto;
	top: 50%;
	margin-top: -100px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 40px;

	background-color: #fff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	text-align: right;

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.atticthemes-social-icon-set-id-editor span.atticthemes-social-icon-set-id-editor-title {
	display: block;
	font-size: 23px;
	font-weight: 400;
	padding: 9px 15px 4px 0;
	line-height: 29px;

	text-align: left;
	margin-top: 0;
}

.atticthemes-social-icon-set-id-editor h4 {
	text-align: left;
	margin-top: 0;
}

.atticthemes-social-icon-set-id-editor input {
	width: 100%;
	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.atticthemes-social-icon-set-id-editor button.button {
	display: inline-block;
	margin-left: 6px;
}

.atticthemes-social-icon-set-id-editor-preloader {
	position: absolute;
	bottom: 44px;
	right: 170px;

	visibility: visible;
	display: none;
}

.atticthemes-social-icon-set-id-editor-status-bar {
	float: left;
	padding: 4px 0;
	color: #888;
}






















li.ui-draggable-dragging {
	width: 42px !important;
	height: 42px !important;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;

	background-color: #ccc;
}




.atsi {
	display: inline-block;

	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 49px;

	background-color: #e7e7e7;
	text-align: center;
	text-decoration: none;
	color: #8e9296;

	border-radius: 3px;

	-webkit-transition: opacity 0.3s, background-color 0.3s ease;
	-moz-transition: opacity 0.3s, background-color 0.3s ease;
	-o-transition: opacity 0.3s, background-color 0.3s ease;
	transition: opacity 0.3s, background-color 0.3s ease;

	margin-right: 5px;
}

.atsi:hover {
	background-color: #ccc;
}

.atsi::before {
	display: block;
	/*content: attr(data-icon);*/

	width: inherit;
	height: inherit;

	line-height: inherit;

	font-size: inherit;
	font-family: 'Mono Social Icons Font';

	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}