/**
 * Coothemes Icons
 * Compiled by Coothemes
 * https://www.coothemes.com
 * All of the CSS for your dashboard-specific functionality should be
 * included in this file.
 */

 /* Hide Duplicate Child Submenu in Admin */
	.custom-pack-container-ajax {
		width: 100%;
	}


	.custom-pack-container-ajax [class^="ctic-custom-"], .custom-pack-container-ajax [class*=" ctic-custom-"] {
		font-size: 2.75em !important;
	}

	.mhl > h1:first-child, .mbl, .bgc1 > .mhl { display:none; }
	.glyph fieldset, .glyph .fs0 { display:none; }
	.glyph span:first-child { display:block; width:100%; font-size:1.5em; }
	.glyph span:last-child { line-height:.9;font-size:15px; display:none; }
	.glyph { color:#333333; }
	.selected { color: #FF8800; background:#d8d8d8; }
	.selected span:last-child { color:#666666; }


	/* Custom Icon Preview Contianer */
	.ctic-icon-preview .previewIcon {
		font-size: 90px;
		display: block;
		margin:0 auto;
		margin-top: 10px;
	}

	.coothemes-icons-wrap .custom-pack-container-ajax .glyph {
		height: auto;
		padding: 0.55em;
		width: auto;
		margin: 0 0.55em 1em;
		font-size: 1.15em;
	}

		.coothemes-icons-wrap .custom-pack-container-ajax h1.mhmm {
			text-align: center;
			margin-bottom: 0.5em;
		}

	#TB_ajaxContent .coothemes-icons-wrap .insert-ctic-icon {
		margin-bottom: 15px;
	}

	/* Custom Icon Pack Styles */
	.wrap .current-font-pack .mhl > h1:first-child, .mbl, .bgc1 > .mhl { display:none; }
	.wrap .current-font-pack .glyph { background:transparent; margin: .25em .35em .25em 0; width:1.5em; padding:.35em; box-shadow:none; -o-transition:.15s; -ms-transition:.15s; -moz-transition:.15s; -webkit-transition:.15s; transition:.15s; font-size: 1.75em; }
	.wrap .current-font-pack .glyph:hover { cursor:pointer; color:#ff8000; }
	.wrap .current-font-pack .glyph fieldset, .glyph .fs0 { display:none; }
	.wrap .current-font-pack .glyph span:first-child { display:block; width:100%; font-size:1.5em; }
	.wrap .current-font-pack .glyph span:last-child { line-height:.9;font-size:15px; display:none; }
	.wrap .current-font-pack .glyph { color:#333333; }
	.wrap .current-font-pack .selected { color: #FF8800; background:#d8d8d8; }
	.wrap .current-font-pack .selected span:last-child { color:#666666; }
	.wrap .current-font-pack .ctic-icon-preview-box { margin-top:-6em; }
	.wrap .current-font-pack .ctic-icon-preview { font-size:8em; }
	.wrap .current-font-pack .ctic-icon-preview-box i { display:block; margin-top:-.5em; padding-top:5px; }
	.wrap .current-font-pack .ctic-icon-preview div { margin-top: 10px; }
	.coothemes-icons_page_coothemes-icons-custom-set ::selection { background: #FF8000; }

	.toplevel_page_coothemes-icons .wp-menu-image img {
		margin-top: -3px;
	}

	.dashicons-ctic-gift:before {
		content: "\e099" !important;
		font-size: 18px;
	}

	/** Advanced Shortcode Attrs */
	#advanced-shortcode-attr-list,#ctic-icon-container {
		display: none;
		margin: 0 35px 20px 35px;
	}
	
	
	

	#advanced-shortcode-attr-list li {
		width: 46.5%;
		float: left;
	}

	.shortcode-attr-right-column {
		float: right !important;
	}

	.ctic-advanced-shortcode-attr-row strong {
		display: block;
		margin-bottom: .25em;
	}

	.ctic-advanced-shortcode-attr-row .shortcode-attr-right-column .wp-picker-container {
		width: 100%;
	}

	/*
	.ctic-advanced-shortcode-attr-row .shortcode-attr-right-column .wp-picker-container .wp-picker-holder {
		position: absolute;
	}
	*/

	.ctic-advanced-shortcode-attr-row {
		display: block;
		width: 100%;
		float:left;
	}

	.ctic-advanced-shortcode-attr-row:nth-child(2) {
		margin-top: 1em;
	}

	#advanced-shortcode-attr-toggle {
		font-size:11px;
	}

	#icon-size-input {
		max-width: 75px;
		margin-top: 1em;
		text-align: center;
	}

	.ctic-happy {
		-o-transition:.15s;
		-ms-transition:.15s;
		-moz-transition:.15s;
		-webkit-transition:.15s;
		/* ...and now for the proper property */
		transition:.5s;
	}
		.ctic-happy:hover {
			color: #FF8000;
		}

	#review-coothemes-icons-notice {
		display: block;

		border-left: 4px solid #FF8000;
		margin:5px 20px 2px 0px;
		margin-top: 2.5em;
		padding: 2px 10px;
		background: #fff url( '../images/ctic-mascot.png' );
		background-size: 120px;
		background-position: right bottom;
		background-repeat: no-repeat;
		background-position-y: 29px;
	}

	#review-coothemes-icons-notice .button-container {
		display: block;
		text-align: center;
	}




/*
	Default Styles for the Default Icon Pack Page
	Coothemes Icons - Compiled by Coothemes
	https://www.Coothemes.com
*/

.toplevel_page_coothemes-icons #wpfooter {
	display: none;
}

#ctic-nav-tab-wrapper {
	display: block;
	float: left;
	width: 95%;
}

.preview-icon-code-box {
	margin-bottom: 2em;
}

.toplevel_page_coothemes-icons .wrap, .svg-custom-upload-wrap {
	margin-top: 2.5em !important;
}

#TB_ajaxContent .coothemes-icons-wrap {
	margin-right: 0;
}

.copy_paste_input {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	font-weight: 600 !important;
}

.yes-adv-attr:before {
	font-family: 'dashicons';
	content: "\f147";
	padding-right: 2px;
	color: rgb(91, 159, 107);
}

.glyph, .expansion-Glyph {
		font-size: .75em;
		float: left;
		text-align: center;
padding: 0.8em 0.6em 0.6em 0.6em;
    margin: 1em;
    height: 25px;
    width: 25px;
		border-radius: .25em;
		color:#333333;
		-o-transition:.15s;
		-ms-transition:.15s;
		-moz-transition:.15s;
		-webkit-transition:.15s;
		transition:.15s;
		margin-top:0;
	}

	.expansion-Glyph {
		font-size:2em !important;
	}

	.glyph:hover {
		color:#FF8000;
		cursor:pointer;
	}

	.glyph input, .expansion-Glyph input {
		font-family: consolas, monospace;
		font-size: 13px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .125em;
		display:none;
	}

	.selected {
		color:#FF8000;
		background:#d8d8d8;
		border-radius:5px;
	}

	.expansion-Glyph:hover {
		background-color: #CCCCCC !important;
		cursor:pointer !important;
	}

	.w-main {
		width: 98%;
	}

	.centered {
		margin-right: auto;
	}

	.ctic-title {
		font-size: 2em;
		font-weight: normal;
		line-height: 1.2;
	}

	.clearfix:before,
	.clearfix:after {
		content: "";
		display: table;
	}

	.clearfix:after,
	.clear {
		clear: both;
	}

	footer {
		margin-top: 2em;
		padding: .5em 0;
		box-shadow: 0 -2px #eee;
	}

	body.toplevel_page_coothemes-icons a,
	body.coothemes-icons_page_coothemes-icons-custom-set a,
	body.coothemes-icons_page_ctic_icons a,
	body.p-svg-icons_page_coothemes-icons-support a {
		color: #333;
	}

	body.toplevel_page_coothemes-icons a:hover,
	body.coothemes-icons_page_coothemes-icons-custom-set a:hover,
	body.coothemes-icons_page_ctic_icons a:hover,
	body.p-svg-icons_page_coothemes-icons-support a:hover {
		color: #B35047;
	}

	body.toplevel_page_coothemes-icons a:visited,
	body.coothemes-icons_page_coothemes-icons-custom-set a:visited,
	body.coothemes-icons_page_ctic_icons a:visited,
	body.p-svg-icons_page_coothemes-icons-support a:visited {
		color: #333;
		text-decoration: none;
	}

	body.toplevel_page_coothemes-icons a:active,
	body.coothemes-icons_page_coothemes-icons-custom-set a:active,
	body.coothemes-icons_page_ctic_icons a:active,
	body.p-svg-icons_page_coothemes-icons-support a:active {
		color: none;
	}

	.box1 {
		font-size: 16px;
		display: inline-block;
		width: 15em;
		padding: .25em .5em;
		background: #eee;
		margin: .5em 1em .5em 0;
	}

	body.toplevel_page_coothemes-icons input:focus,
	body.coothemes-icons_page_coothemes-icons-custom-set input:focus,
	body.coothemes-icons_page_ctic_icons input:focus,
	body.p-svg-icons_page_coothemes-icons-support input:focus {
		background: #E1E1E1;
	}

	.ctic-icon-preview {
		width: 30px;
	}

	.fs1,
	.fs2,
	.fs3,
	.fs4,
	.fs5,
	.fs6,
	.fs7 {
		padding:.85em;
		border-radius:5px;
	}

	.coothemes-iconset1-preview {
		font-size:90px;
		display: block;
		margin: 0 auto;
		margin-top: 20px;
	}


	.ctic-icon-preview-box {
		max-width: 316px;
		min-width: 200px;
		border: 1px dashed #CCCCCC;
		height:145px;
		padding: 1em;
		margin-bottom:10px;
		text-align:center;
		margin: 1.5em 2em 0 0;
	}

	.ctic-icon-preview-box.default-icons {
		float: right;
	}

	.ctic-paypal-donation-button {
		margin-top: -50px;
		right:0;
	}

	body.toplevel_page_coothemes-icons .how-to-use,
	body.coothemes-icons_page_coothemes-icons-custom-set .how-to-use,
	body.coothemes-icons_page_ctic_icons .how-to-use,
	body.p-svg-icons_page_coothemes-icons-support .how-to-use {
		width:100%;
		border: 1px solid #CCCCCC;
		margin-bottom: 5px;
		float:left;
		padding-bottom:20px;
	}

	body.toplevel_page_coothemes-icons .help-boxes,
	body.coothemes-icons_page_coothemes-icons-custom-set .help-boxes,
	body.coothemes-icons_page_ctic_icons .help-boxes,
	body.p-svg-icons_page_coothemes-icons-support .help-boxes {
		width: 100%;
	}

		.glyph-demo .fs1 {
			padding: .35em !important;
			font-size: 2em !important;
		}

	.insert-ctic-icon {
		margin-left: 2.7em !important;
	}

	.element_selection_container {
		width: 100%;
		display: block;
		margin: 1em 0;
	}

	.selected-element-wrap {
		color: #ff8000 !important;
	}

	.ctic-how-to-use-container {
		float: left;
		width: 50%;
	}

	/* 710px Break point */
	@media only screen and (max-width: 710px) {

		#social-icons {
			display: none;
		}

	}

	/* 625px Break point */
	@media only screen and (max-width: 625px) {

		.ctic-how-to-use-container {
			width: 100%;
		}

		.copy_paste_input {
			width: 90% !important;
			border: none;
			box-shadow: none;
			background: transparent;
		}

		.ctic-icon-preview-box {
			border: none !important;
			width: 100%;
			max-width: 100%;
			margin: 0 auto;
		}

	}


.admin-icon .dashicons-wordpress-alt:before{
    font-size: 16px;}

.admin-input{ width:100%; text-align:left;}	
.admin-input-num{ width:70px; text-align:center;}
	
.col-6{ width:44%; padding:0 2%; float:left;}


input.colorpick{  }

.ctic-admin-list{ border:1px solid #F2F2F2; padding-bottom:20px;}
.ctic-admin-list h4{ margin-bottom:0.5em;}
.ctic-admin-list i{ color:#999;}
#TB_ajaxContent p.ctic-clear ,.ctic-clear{clear:both; margin:0; padding:0;}

.ctic-public{ text-decoration:none;}

.animated-icon{ display:inline-block;}



#ctic-circle {
text-align: center;
    margin: 1em auto 0 auto;
    padding: 1em 0.5em 0em 0.5em;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: none;
    display: block;
}

#ctic-circle>.ct {
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    margin: 15px 30px;

    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    border-bottom: none!important;
	
}

	#ctic-circle>.coothemes-iconset1-preview {
    font-size: 50px;
    display: block;
    margin: 0 auto;
    margin-top: 32px;
	}
	
/*coothemes-icons-upgrade-page*/	
::selection { background: #FF8000; }

.upgrade-button {
  border: 0 none;
  border-radius: 2px 2px 2px 2px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 200;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 9px 12px;
  text-transform: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  width: 12.795%;
  text-align: center;
  min-width: 168px;
}

.green {
    background: none repeat scroll 0 0 #46b98a;
    color: #ffffff;
}
.green:hover {
	cursor: pointer;
    background: none repeat scroll 0 0 #3AAC7D;
    color: #ffffff;
}
.tab_content h2 {
	margin: 1em 0;
}
.tab_content h2+p {
	margin-top: 1em !important;
	margin-bottom: 2em !important;
}
/* end */	

/*
#TB_ajaxContent {
	display: block;
	width: auto !important;
	height: 94% !important;
}*/
.mls { display: none !important; }
::selection { background: #FF8000; }

/*TB*/
.ctic-thickbox-loading{width: 783px; height: 871px; margin-left: -391px; top: 52px; margin-top: 0px; visibility: visible;}
.ctic-TB_ajaxContent{width:600px;height:395px}

.ctic-title span{color:#FF8000;}