/* Icon Manager */

.sl_icons_admin_box {

}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.container-fluid:before,
.container-fluid:after {
	display: table;
	content: " ";
}
.container-fluid:after,
.row:after {
	clear: both;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row:before,
.row:after {
	display: table;
	content: " ";
}
.row:after {
	clear: both;
}
.col-xs-6, .col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-xs-6 {
	float: left;
	width: 50%;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*[id*="icons_table"] { 
    max-height : 330px;
	overflow : auto;
}

.sl_icon_container {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	margin: 0;
}

.sl_icon_container:hover {
    cursor : pointer; box-shadow: 0px 0px 0px 2px #DDD;
}

.sl_icon_container i {
	font-size: 30px; line-height: 50px;
}
.sl_all_icons_container {background-color: #fff; border: 1px #eeeeee solid;}
.sl_icons_service_block  h3 span {font-size : 16px; margin : 0 0 0 30px; }
.sl_icons_service_block .button {margin-bottom: 10px;}

#selected_icon { position : relative; width : 50px; border : 1px solid; margin : 10px 10px 10px 0; text-align: center; height : 50px; }
#selected_icon span {line-height: 50px; font-size: 36px;}
#remove_icon { position : absolute; left : 100%; top : -50%; margin : 10px 10px 10px 20px; width : 100px; }


#for_available_skins { float : left; margin : 5px 10px 0 0; }

.icons_table_title { padding : 10px 0 10px 0; font-size : 20px; font-weight : 500; }
.sl_icons_block {
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	padding: 15px 15px;
	margin: 20px 0 20px 0;
	max-height: 250px;
	overflow-x: scroll;
}
.admin_sl_add_icon_button {}
.sl_icons_admin_box .meta_btn {margin-bottom: 50px}
#sl_icons_admin_box {
	margin-top: 30px;
	padding-right: 30px;
}
.sl_icons_service_block h3 {
	margin-top: 0;
}
.sl_icons_service_block h3 {
	margin-top: 0;
	text-transform: uppercase;
	width: 400px;
	display: inline-block;
}
.sl_icons_service_block .icons-count {
	font-size: 14px;
	margin-left: 10px;
	font-weight: 300;
	text-transform: lowercase;
}

.sl_icons_service_block .button {
	float: right;
	background-color: #ef5229;
	font-weight: bold;
	color: #fff;
}
#sl_icons_upload {
	background-color: #86af49;
	font-weight: bold;
	padding: 10px 40px;
	height: 44px;
	color: #fff;
	font-size: 15px;
}
#sl_icons_upload.not-allowed {
	pointer-events: none;
	cursor: not-allowed;
}
#sl_admin_icons_search {background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	padding: 15px 15px;
	margin: 30px 0;
}

/*Menu Icon Manager*/
.sl-clearfix {
	float: none !important;
	clear: both !important;
	overflow: hidden !important;
	display: block !important;
	height: 0px !important;
	width: 0px !important;
}

.sl_admin_icon_fonts_container {
	width: 100%;
	height: auto;
	z-index: 999;
	position: fixed;
	margin: 0 auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: none;
	background-color: rgba( 0,0,0,0.7 );
}

.sl_icons_admin_box {
	width: 900px !important;
	height: 500px;
	z-index: 9991;
	position: absolute;
	margin: 0 auto;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	background-color: #ffffff;
	padding: 30px 30px;
	overflow: scroll;
}

#close-sl-icons-box {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 14px;
	cursor: pointer;
	background-color: #f1f1f1;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}


.sl_icon_container.selected {
	color: orange;
}/*Menu Icon Manager*/
.sl-clearfix {
	float: none !important;
	clear: both !important;
	overflow: hidden !important;
	display: block !important;
	height: 0px !important;
	width: 0px !important;
}

.sl_admin_icon_fonts_container {
	width: 100%;
	height: auto;
	z-index: 999;
	position: fixed;
	margin: 0 auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: none;
	background-color: rgba( 0,0,0,0.7 );
}

.sl_icons_admin_box {
	width: 900px !important;
	height: 500px;
	z-index: 9991;
	position: absolute;
	margin: 0 auto;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	background-color: #ffffff;
	padding: 30px 30px;
	overflow: scroll;
}

#close-sl-icons-box {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 14px;
	cursor: pointer;
	background-color: #f1f1f1;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.sl_icon_container.selected {
	color: orange;
}