@charset "UTF-8";
@import "compass";

/**
 * Description: RT-Theme Admin CSS File
 * Version: 1.0.0
 * Author: RT-Themes - http://rtthemes.com
 */


/* ==========================================================================
   Custom Meta Form
   ========================================================================== */
	.rt-metaboxes{

		padding:10px;
		width: 100%;


		// box sizing for all elements under rt-metaboxes
		&, *, *:before, *:after {
			@include box-sizing(border-box); 
		}

		.wp-core-ui, .wp-core-ui *{
			@include box-sizing(content-box); 
		}


		// form elements 
		input:focus{
			outline:none;
		}
		  
		.form_element:hover{
			background:#ECECEC;
		}
		  
		.form_element{
			background:#F5F5F5;
			padding:4px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			display:block;
			overflow: hidden;    
			text-shadow: 1px 1px #FFFFFF;
		}

		.form_element.inline{
			display: inline-block;
			max-width: 300px; 
			width: 100%;
		}

		.form_element.rangeinput{
			display: block;
		}

		.form_element .button{
			height: 27px;
			margin-top: 1px;
			vertical-align: top;	
		}

		.color_field{
			display: block;
			position: relative;	
		}

		.form_element.color{
			width:90px; 
			position: relative;
		}

		// colorpicker 
		.sp-replacer {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
			border: medium none;
			display: inline-block;
			margin: 0;
			overflow: hidden;
			padding: 4px;
			position: absolute;
			right: 0;
			top: 3px;
		}

		.sp-replacer .sp-dd{
			display: none;
		} 

		.sp-preview{
			border: 1px solid #B1B1B1;
			float: left;
			height: 20px;
			margin-right: 3px;
			width: 20px;
			z-index: 0;
			border-radius: 50%;
			overflow: hidden;
			top: 2px;
		}

		.form_element.radio{
			width:auto !important;
			font-size:11px;
			color:#868686;
			text-shadow: 1px 1px 0px  #fff;
			padding:10px;
		}

		span.radio_button_holder{
			margin-right:10px;
			display:inline-block;
		}

		span.radio_button_holder label{
			padding-left:5px !important;
			display: inline-block;
		}

		input[type="text"], textarea {
			width:100%;
			font-size:12px;
			border:1px solid #D9D9D9;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			padding:6px 6px;
			margin:0;
			background:#fff url(../images/form_back.png) bottom repeat-x;
			-moz-box-shadow: 1px 1px 0px #fff;
			-webkit-box-shadow: 1px 1px 0px #fff;
			box-shadow: 1px 1px 0px #fff;
			display: block;
			min-width: 40px;
			line-height: 1;
		}

		input[type=text]:focus, textarea:focus {
			border:1px solid #D0D0D0; 
			-moz-box-shadow: inset 0 0 2px #CFD7D5;
			-webkit-box-shadow:inset 0 0 2px #CFD7D5;
			box-shadow: inset 0 0 2px #CFD7D5;
		}

		textarea {
			height:100px;
		}

		.wp-editor-area {
			height:300px;
		} 

		select {
			width:100%;
			font-size:12px !important;
			border:1px solid #D9D9D9;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			padding:4px 6px 6px 6px !important;
			margin:0; 
			background:#fff url(../images/form_back.png) bottom repeat-x;
			-moz-box-shadow: 1px 1px 0px #fff;
			-webkit-box-shadow: 1px 1px 0px #fff;
			box-shadow: 1px 1px 0px #fff;
			height:28px !important;
			outline:none;
		}

		select.withbutton{
			width:85%;
		}		

		.form_element.rt_checkbox{
			width: 24px;
		}


		.key_list {
			display:block;
			clear:both;
		}

		.key_list li{
			float:left;
			-moz-border-radius: 6px;
			-khtml-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			background:#E4E4E4;
			font-size:10px;
			padding:2px 4px;
			margin:2px;
		} 			

		/* hidden options */
		.hidden_options_set {
			border: 2px dashed #dfe3d0;
			border-radius: 10px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;		
			-o-box-sizing: border-box;	
			-ms-box-sizing: border-box;	
			box-sizing: border-box;
			display: none;
			margin-top: 20px;
			margin-bottom: 20px;
			padding: 20px;
			position: relative;
		}

		.hidden_options_set:before {
			border-color: transparent transparent #dfe3d0;
			border-style: solid;
			border-width: 10px;
			content: "";
			margin-left: -5px;
			margin-top: -20px;
			position: absolute;
			top: 0;
			z-index: 9999;
		}		
	}

	.rt-metaboxes, .widget-content{

		//multi-select
		.asmSelect {
			display: inline; 
		}

		.asmOptionDisabled {
			color: #999; 
		}

		.asmHighlight {
			padding: 3px 0;
			margin: 0;
			width: 100%;
			display: block;
		}

		.asmList {
			margin: 0.25em 0 1em 0; 
			position: relative;
			display: block;
			padding-left: 0; 
			list-style: none; 
		}

		.asmListItem {
			position: relative; 
			list-style: none;
			background-color: #fff;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;	
			border: 1px solid #D6D6D6;
			color:#989898;
			width: 100% !important; 
			margin: 5px 0;
			padding:4px 0;
			line-height: 1em;
		}

		.asmListItem:hover {
			background-color: #fff;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;	
		}

		.asmListItemLabel {
			padding: 5px; 
			display: block;
		}

		.asmListSortable .asmListItemLabel {
			cursor: move; 
		}

		.asmListItemRemove {
			position: absolute;
			right: 5px; 
			top: 7px;
			padding:1px 5px 3px 6px;
			margin:0;
			line-height:12px;
			display:inline-block;
			background-color: #D0D3D1; 
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			color:#fff;
			text-decoration:none;
		}

		.asmListItemRemove:hover { 
			background-color: #B90A00;
			color:#fff;
			text-decoration:none;
		}
	}

	.display_file_name {
		padding-left: 7px;
		padding-top: 4px;
		vertical-align: middle;
	}


	/* cols
	   ========================================================================== */
	.rt-metaboxes{

		.boxes{
			display: inline-block;
			clear: both;
			width: 100%;
		}

		.boxes.box_border .box{
			-webkit-box-shadow: -1px 0 0 0 #EFEFEF inset;
			-moz-box-shadow: -1px 0 0 0 #EFEFEF inset;
			box-shadow: -1px 0 0 0 #EFEFEF inset;
		}

		.boxes.box_border .box:last-child{
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		.box{
			margin:0;
			padding:0; 
			display:inline; 
			float:left;
			border:0; 
		}

		.paddings .box{
			padding:0 30px; 
		}

		.paddings_small .box{
			padding:0 5px; 
		}

		.box.box_border{
			box-shadow: 0 0 0 	
		}

		.box.four{
			width: 25%;
		}

		.box.three{
			width: 33.3333%;
		}

		.box.two{
			width: 50%;
		}

		.box.one{
			width: 100%;
		}

		.box.two-three{
			width: 66.6666%;
		}

		.box:first-child {
			padding-left: 0;
		}

		.box:last-child {
			padding-right: 0;
		}
	}

/* Tables
   ========================================================================== */
	.rt-metaboxes{
		table{
			width:100%;
			text-align: left;
			font-size: 13px;
			width: 100%;		

				th {
					width: 350px;
					font-weight: normal; 
					color: #666; 
				}
				
				th div {
					position: relative;
					padding-right: 25px;
				}
				
				th label {
					display: block;
				}

				.td_master table th{
					width: 150px;
				}			

				table .col1{
					width:450px;					
				}

				.col2{
					vertical-align:middle;
					height: 36px;
				}				
		}

		table.table-row{
			margin-bottom: 10px;
		}

		.table-row{

			display: hidden;

			//descriptions
			div.desc{
				opacity: 0;
				display: none; 
			}

			div.desc.active{
				opacity: 1;
				display: block;
			}

			th div .icon-help-circled {
				cursor: pointer;
			} 

			th div .icon-help-circled:before {
				font-size: 18px;
				vertical-align: middle;
				position: absolute;
				right: 0;
				display: none;
			} 

			&:hover th div .icon-help-circled:before {
				display: inline-block;
			} 

			th div .clicked:before,
			th div .icon-help-circled:hover {
				color: #7E9E39; 
			}

		
		}

		table.seperator{ 
			margin:40px 0; 
			text-shadow: 1px 1px 0px  #fff;
			background:#EBEBEB;
			padding:0 !important;
			background:url(../images/line.png) left 18px repeat-x;
			position: relative;
		}

		table.seperator:first-child {
			margin-top: 0;
		}

		table.seperator td.col1{
			padding:0 !important;
			margin:0;
		}


		//inside tabs
		.ui-tabs-panel{
			td.col2, td.col1,th{
				width: 100%;
				display: inline-table;
			}
		} 

		// descriptions
		.col1 .desc{
			color:#868686;
			margin:5px 0 0 0;
			font-style:oblique;
			padding-bottom:20px;
		}

		div.desc { 
			margin-left: 30px;
			overflow: hidden;   
			position: relative;
			color: #888;
			font-size: 12px;	
			display: block;
		}

		.form_element:hover div.desc {
			height: inherit;
			overflow: inherit;
			bottom: 0;
			margin: 10px 0 4px 30px;
			opacity: 1;
		}

		/* info */
		.col1 .info_text{
			color:#868686;
			margin:5px 0 0 0;
			font-style:oblique;
			padding-bottom:20px;
		}

		/* hr */
		hr{
			height:1px;
			border:0;
			outline:0;
			background:#eee;
			margin: 20px 0;
		}

		/* titles */
		h3.page_title{
			color:#63808f;
			font-size:17px;
			margin: 0;
		}

		h4.sub_title{
			color:#C6C7C5;
			padding:10px 20px 0px 0;
			margin:0;
			display:inline-block; 
			font-weight:normal;
			font-size:12px;
			line-height:100%;
			background:#fff;
		}

		h4.sub_title:before {
			left: -15px;
			position: absolute;
			text-align: left;
		}


		// info 
		div.info {
			background: none repeat scroll 0 0 #F5F5F5;
			border-radius: 4px;
			box-shadow: 0 1px 2px 0 #DDDDDD, 0 0 0 1px #FFFFFF inset;
			color: #777777;
			display: block;
			margin: 20px 0;
			padding: 20px 10px;
			position: relative;
			text-align: left;
			text-shadow: 1px 1px 0 #FFFFFF;
		}

		.info.icon-info-circled:before {
			color: #7E9E39;
			font-size: 24px;
			margin-right: 10px;
			vertical-align: middle;
			position: absolute;
			top:17px;
		}

		.info.icon-info-circled > p {
			margin: 0;
			padding: 0 20px 0 40px;
		}

	}

	#side-sortables .rt-metaboxes{
		th,td{
			display: block;
			width: 100%;
		}
	}

/* ==========================================================================
   Elements
   ========================================================================== */

	hr.rt_seperator {
		display: block;
		margin: 20px 0;
	}

	/* no margin no padding */
	.nomargin{
		margin-left:0 !important;
		margin-bottom:0 !important; 
		margin-right:0 !important; 
		margin-top:0 !important;
	}

	.nopadding{
		padding-left:0 !important;
		padding-bottom:0 !important; 
		padding-right:0 !important; 
		padding-top:0 !important;		
	}

/* ==========================================================================
   Customize control screen
   ========================================================================== */
	.customize-control-rt_seperator{
		padding-bottom: 10px;
	}

	#available-rt-skins .skin img{
	  	display: block; 
		padding: 10px 20px;
		max-width: 260px;
	}

	#available-rt-skins{
		padding: 20px 0;
	}

	.selecting-skins #available-rt-skins{
		left: 0;
	}

	.skins-loading-spinner{
		margin: 20px auto;
		text-align: center;
		display: block;
	}

	#available-rt-skins {
		position: absolute;
		overflow: auto;
		top: 0px;
		bottom: 0px;
		left: -301px;
		width: 300px;
		margin: 0px;
		z-index: 1;
		background: none repeat scroll 0% 0% #FFF;
		transition: all 0.2s ease 0s;
		border-right: 1px solid #DDD;
	}

	#available-rt-skins .skin p{
		text-align: center;
		margin-top: 0;
	}

	#available-rt-skins .skin img{
		cursor: pointer;
	}	

	body.selecting-skins .wp-full-overlay-main{
		left: 300px;
		opacity: 0.4;
	}

	#rt-skin-selector > li {
		border: 2px solid #ddd;
		border-radius: 10px;
		padding: 10px 20px;

		sup{
			color: red;
			font-weight: bold;
		}
	}
	
	#rt-skin-selector > li.selected {
		background: rgba(255, 255, 255, 0.87) none repeat scroll 0 0;
		border-color: #c6c6c6;
	}

	#available-rt-skins{
		.skin{
			display: none;
		}

		&[data-selecting-skins="layout1"] [data-skin-layout="layout1"]{
			display: block;
		}

		&[data-selecting-skins="layout2"] [data-skin-layout="layout2"]{
			display: block;
		}

		&[data-selecting-skins="layout3"] [data-skin-layout="layout3"]{
			display: block;
		}

		&[data-selecting-skins="layout4"] [data-skin-layout="layout4"]{
			display: block;
		}

		&[data-selecting-skins="layout5"] [data-skin-layout="layout5"]{
			display: block;
		}								
	}


	.customize-control-rt_color .wp-picker-container{
		position: relative;
	}

	.customize-control-rt_color .wp-picker-container:before {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
		content: "";
		height: 24px;
		left: 1px;
		position: absolute;
		width: 30px;
		z-index: 0;
	}
	
	.control-section a.highlight-section{
		background: #e4ac2c;
		text-align: center; 
		border-radius: 50%;
		color: #fff;
		display: inline-block;
		float: right;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: -15px;
		padding: 6px;
	}

	.rt-hide-section{
		display: none !important;
	}


	.customize-control-rt_subsection_heading{
		h3{
			background-color: #fbfbfb;
			border-color: #eaeaea;
			border-style: dashed;
			border-width: 1px 0;
			margin: 40px -20px 20px;
			padding: 10px 20px;
			color: #888;

			span{
				font-family: dashicons;
				float: left;
				margin-right: 4px;
				vertical-align: middle;
			}
		}
	}


	.rt-color-control-result {
		background-color: #f7f7f7;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		cursor: pointer;
		height: 22px;
		margin: 0 6px 6px 0;
		position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		vertical-align: bottom;
		display: inline-block;
		padding-left: 30px;
		-webkit-box-shadow: 0 1px 0 #ccc;
		box-shadow: 0 1px 0 #ccc;
		top: 0;
	}

	.rt-color-control-result:after {
		background: #f7f7f7;
		-webkit-border-radius: 0 2px 2px 0;
		border-radius: 0 2px 2px 0;
		border-left: 1px solid #ccc;
		color: #555;
		content: attr(title);
		display: block;
		font-size: 11px;
		line-height: 22px;
		padding: 0 6px;
		position: relative;
		right: 0;
		text-align: center;
		top: 0;
	}
	
	
/* ==========================================================================
   Admin Bar Icons
   ========================================================================== */
	#wp-admin-bar-rt_shortcode_helper_button{
		.ab-icon:before{
			content: "\f475";
			top: 2px;
		}
	}

   #wp-admin-bar-rt_icons{
   	.ab-icon:before{
   		content: "\f339";
   		top: 1px;
   		font-size: 0.9em;
   	}
   }

/* ==========================================================================
   RT-modal window
   ========================================================================== */

	/* shortcode helper */
	.rt_modal {
		background: #fff;
		box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.7);
		height: 80%;
		left: 45%;
		margin-left: -40%;
		position: fixed;
		top: 50px;
		width: 90%;
		z-index: 1000000;
		display: none;
		text-align: left;
		font-family: inherit;
	}

	.rt_modal:after {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		content: "";
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -1;
		overflow: hidden;
	}

	.rt_modal .modal_content {
		position: static;
		height: 100%;
		overflow-y: auto;
		padding: 0;
		background: #fff;
	}

	.rt_modal .window_bar {
		background: none repeat scroll 0 0 #464646;
		border: 1px solid rgba(255, 255, 255, 0.2);
		color: #FFFFFF;
		padding: 10px 20px;
	}

	.rt_modal_control {
		background: rgba(255, 255, 255, 0.2);
		line-height: 20px;
		position: absolute;
		right: 5px;
		text-align: center;
		top: 5px;
		width: 20px;
	}

	.rt_modal_control:hover {
		background: rgba(255, 255, 255, 0.5);
		cursor: pointer;
	}    

	.rt_modal .window_bar .title {
		display: inline-block;
		margin-right: 10px;
	}

	.rt_modal .window_bar .title input, #rt_icon_search {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
		border: 1px solid rgba(0, 0, 0, 0);
		border-radius: 0;
		-webkit-box-shadow: 1px 1px 2px #333 inset;
		-moz-box-shadow: 1px 1px 2px #333 inset;
		box-shadow: 1px 1px 2px #333 inset;
		color: #FFFFFF;
		font-size: 13px;
		width: 200px;
		padding: 7px 7px 6px;
		display: inline-block;
	}
	 
	.rt_modal .window_bar .title input[type="text"]:focus, #rt_icon_search:focus {
		-webkit-box-shadow: 0 0 2px #CFD7D5 inset;
		-moz-box-shadow: 0 0 2px #CFD7D5 inset;
		box-shadow: 0 0 2px #CFD7D5 inset;
	}

	.window_bar .left{
		display: inline;
	}

/* ==========================================================================
   Shortcode helper window
   ========================================================================== */

   	#rttheme_shortcode_helper{
   	
		.vertical_tabs div.ui-tabs-panel{
			min-height: 1900px;
		}

		.parameters {
			border: 1px solid #F0F0F0;
		}

		.parameters > li{   
			padding: 5px;
		}

		.parameters li li{   
			padding: 5px;
			margin: 0;
		}

		.parameters > li, .parameters li li {
			border-top: 1px solid #F0F0F0;
		}

		.parameters > li:first-child{
			border-top: 0;
		}

		.parameters li li:first-child  {
			padding-top: 0;
			border-top: 0;
		}

		.parameters  ul {
			margin-left: 220px;
			padding: 0 0 0 10px;
			border-left: 1px solid #F0F0F0;
		}

		.parameters .pname {
			float: left;
			min-width: 200px;
			text-align: right;
			padding: 13px 5px 0;
			font-weight: bold;
			font-size: 13px;
		}

		.parameters .pdesc {
			margin: 0;
		}

		.poptionname {
			background: #F0F0F0;
			font-weight: bold;
			margin-right: 5px;
			padding: 0 5px;
		}

		.poptions {
			display: block;
			margin-bottom: 5px;
		}

		textarea {
			height: 300px;
			padding: 10px;
			width: 100%;
		}

		table{
			width: 100%;
		}

		td{
			vertical-align: top;
			width: 50%;
			padding: 0 20px;
		}

		.insert_to_editor{
			display: none;
		}

		.pformat {
			background: #F7F7F7;
			color: #888;
			display: block;
			margin: 10px 0 20px;
			padding: 5px 10px;
		}   
   	}

/* ==========================================================================
   Photo Gallery MetaBox
   ========================================================================== */

	.rt_gallery_add_button{ 
		background: url("../images/add.png") no-repeat scroll 10px 4px #FFFFFF;
		border-radius: 5px;
		color: #A2A2A2;
		cursor: pointer;
		padding: 5px 10px 5px 30px;
		font-size:11px;
		margin: 0; 
	}
	 
	.rt-gallery-uploaded-photos .ui-sortable-placeholder{
		background: #ddd;
		box-shadow: inset 0 0 0 1px #ccc;
	}

	.rt-gallery-uploaded-photos.ui-sortable li {
		margin: 2%;
		width: 45%;
		position: relative;
		display: inline-block;
	}

	.rt-gallery-uploaded-photos.ui-sortable li:hover {
		cursor: move;
	}

	.rt-gallery-uploaded-photos.ui-sortable li img {
		height: auto;
		display: block; 
		min-height: 50px;
		min-width: 100%; 
		width: 100%;
	}

	.rt-gallery-uploaded-photos.ui-sortable li .gallery_delete {
		left: 0;
		top: 0;
		border: 1px solid #E8E8E8; 
		height: 16px;
		line-height: 16px;
		position: absolute;    
		width: 16px;
		background: url("../images/edit_delete.png") no-repeat scroll 0px -21px #fff;
		cursor: pointer;
	}   

/* ==========================================================================
   Tabs
   ========================================================================== */

	/* sub page tabs */
	.right-col div.ui-tabs { 
		padding:0;
		clear:both;
		display:block;
		margin:0;
		background: #fff;  
	} 
	
	.right-col .ui-tabs-panel {
		margin:0;
		display:none;		
		width: 100%;
		padding:20px 0;
		overflow:hidden; 
		_background-image:none;
		display:block;
	} 

	.rt_tabs, .rt_tabs ul, .rt_tabs ul li{
		border-radius: 0 !important; 
		font-size: 13px;
	}

	.rt_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active{
		margin:2px 0 0 0;
		padding: 0;

	}

	/* root element for tabs  */
	.rt_tabs ul.ui-tabs-nav { 
		list-style:none; 
		margin:20px 0 0 0 !important;    
		display:block;
		height:38px;
		padding:0 !important;
		border-bottom:1px solid #F0F0F0;
		border-top:1px solid #F0F0F0;		
	}
	
	/* single tab */
	.rt_tabs ul.ui-tabs-nav li { 
		float:left;	 
		text-indent:0;
		margin:2px 0 0 0;
		height:36px;
		list-style-image:none !important;
		border-right:1px solid #F0F0F0;
		position: relative;		
	}
	
	/* link inside the tab. uses a background image */
	.rt_tabs ul.ui-tabs-nav a {
		background:rgba(255,255,255,0.4);
		font-size:12px;
		line-height:100%;
		display:block;
		text-align:center;	
		text-decoration:none;  
		margin:0px;	
		position:relative;
		padding:12px 15px;
		color:#898989;   
	} 

	.rt_tabs ul.ui-tabs-nav a:hover, .rt_tabs ul.ui-tabs-nav a:focus, .rt_tabs ul.ui-tabs-nav a:active  {
		text-decoration:none;
		color:#aaa;   
		outline:none;	
	} 	

	.rt_tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor a{
		float: none;
	}

	.rt_tabs ul.ui-tabs-nav li.with_icon a{
		padding-left: 40px;
	}

	.rt_tabs ul.ui-tabs-nav li.with_icon span{
		position: absolute;
		left: 10px;
		top: 9px;
		z-index: 1;
		font-size: 18px;
		width: 20px;
		text-align: center;
	}

	/* when mouse enters the tab move the background image */
	.rt_tabs ul.ui-tabs-nav a:hover { 
	}
	
	/* active tab uses a class name "current". its highlight is also done by moving the background image. */
	.rt_tabs ul.ui-tabs-nav a.ui-state-active, .rt_tabs ul.ui-tabs-nav a.ui-state-active:hover, .rt_tabs ul.ui-tabs-nav a:hover, .rt_tabs ul.ui-tabs-nav li.ui-state-active a {  			
		border-bottom: 2px solid #63808F;
		color:#63808F;  
		background:rgba(255,255,255,0.9); 
	}

	.rt_tabs ul.ui-tabs-nav a.ui-state-active, .rt_tabs ul.ui-tabs-nav a.ui-state-active:hover, .rt_tabs ul.ui-tabs-nav li.ui-state-active a {  
		cursor:default !important;
	}	
 

	.vertical_tabs.ui-tabs{
		border:1px solid #F0F0F0; 
		background: #fbfbfb;  
		overflow: hidden;
	}

	.vertical_tabs ul.ui-tabs-nav{
		float: left;
		width: 180px;
		border: 0;
		height: 100%;
		margin: 0 !important; 
		background: none;
	}

	.vertical_tabs ul.ui-tabs-nav li{
		float: none;
		display: block;
		text-align: left;
		border-bottom:1px solid #F0F0F0; 
		border-right:0; 
		border-top:0;
		border-left:0;
		border-right:0;		
		height: auto;		
	}

	.vertical_tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor{ 
		text-align: left; 
		background: rgba(255,255,255,0.5) !important;
		float: none;
		display: block;
		padding: 12px 20px;
		line-height: 100%;
	}

	.vertical_tabs div.ui-tabs-panel{
		position: relative;
		width: auto;
		margin-left: 180px;
		padding: 10px 10px 10px 0 !important; 
		border-left:1px solid #F0F0F0; 
		background: #fff;
		min-height: 300px;
		overflow-x: visible;		
	}

	#rttheme_product_tabs  div.ui-tabs-panel{
		padding: 20px !important; 
	}

	#rttheme_product_tabs .ui-tabs-anchor{
		padding: 12px 20px 12px 45px;
	}

	/* active tab uses a class name "current". its highlight is also done by moving the background image. */
	.vertical_tabs ul.ui-tabs-nav a.ui-state-active, .vertical_tabs ul.ui-tabs-nav a.ui-state-active:hover, .vertical_tabs ul.ui-tabs-nav a:hover, .vertical_tabs ul.ui-tabs-nav li.ui-state-active a {  	
		
		@include box-shadow(-4px 0  0 #aaa inset);
		color:#aaa;   
		border-bottom:0; 
		background: #fff;
		outline: none;
	}

	.vertical_tabs  .group_name {
		background: linear-gradient(to top, #ebebeb 2px, #f6f6f6 5px) repeat scroll 0 0 #fefefe;
		color: #B5B5B5;
		display: block;
		font-weight: normal;
		line-height: 300%;
		width: 100%;
		font-size: 12px;
	}

	.vertical_tabs  .group_name .icon {
		margin-right: 2px;
	}



	/* editor fix for product tabs */
	#wp-rtthemefree_tab_1_content-wrap iframe,#wp-rtthemefree_tab_2_content-wrap iframe,#wp-rtthemefree_tab_3_content-wrap iframe, #wp-rtthemefree_tab_4_content-wrap iframe {
		min-height: 200px !important;
	}   

/* ==========================================================================
   range input
   ========================================================================== */

   .rt-metaboxes{

		.form_element .slider {
			background: linear-gradient(to bottom, #E3E3E3, #FFFFFF) repeat scroll 0 0 #F3F3F3;
			@include border-radius(4px);
			@include box-shadow(0 0 5px 5px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px #FFFFFF);
			cursor: pointer;
			height: 17px;
			margin: 2px 75px 0 4px;
			position: relative; 
			padding: 0;
			top: 6px;
		}

		 
		/* drag handle */ 
		.handle {
			background: linear-gradient(to bottom, #F5F5F5, #E7E7E7) repeat scroll 0 0 #F3F3F3;
			border: 1px solid rgba(255, 255, 255, 0.3);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
			cursor: move;
			height: 15px;
			position: absolute;
			top: 1px;
			width: 25%;
			margin-left: 1px;
		} 
		.range {
			float: right;
			text-align: center;
			width: 50px !important; 
		}   

	}

/* ==========================================================================
   Loading
   ========================================================================== */

	.rt_loading{
		margin: 5px 0 0 30px;
		position: absolute;
	}

	/* loading */ 
	.rt_loading_bar{
		position: fixed;
		background-image: url(../images/ajax-loader.gif);
		background-repeat: no-repeat;
		background-position:  center center;
		background-color: rgba(0,0,0,0.7);
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 999999;
	}

/* ==========================================================================
   Icon selection
   ========================================================================== */

	.icon-selection ul li {
		-webkit-box-shadow: 0 0 0 1px #EEEEEE inset;
		-moz-box-shadow: 0 0 0 1px #EEEEEE inset;
		box-shadow: 0 0 0 1px #EEEEEE inset;
		display: inline-block;
		font-size: 18px;
		line-height: 22px;
		margin: 1%;
		padding: 10px 0;
		text-align: center;
		width: 31%;
		color:#000;
	}

	.icon-selection ul li:hover{
		box-shadow: 0 0 0 1px #aaa inset; 
		cursor: pointer;
	}

	.admin_bar.icon-selection ul li:hover{
		cursor: text;
	}


	.icon-selection ul li span{
		display: block;
		font-size: 12px;
		min-height: 44px;
	}

	.icon-selection ul .blank{
		background: #FBFBFB;
	}

	.icon-selection ul .blank:before {
		content: "";
		padding: 10px;
	}

	/* icon list */
	.icon_list{
		list-style: decimal;
	}

	.icon_list{
		margin: 0 0 30px 0;
	}

	.icon_list .hidden_line{
		display: none;
	}

	.right-col .icon_list li input{
		display: inline-block;
	}

	.icon_list li input:first-child {
		width: 9%;
	}

	.icon_list li input:nth-child(2) {
		width: 85%;
	}

	.icon_list li .s_delete {
		background-position: 3px -18px;
		border: 1px solid #D9D9D9;
		display: inline-block;
		height: 20px;
		margin-top: 2px;
		padding: 1px 0;
		position: relative;
		vertical-align: top;
		width: 22px;
	}

	.icon_list li .s_move {
		border: 1px solid #D9D9D9;
		display: inline-block;
		height: 20px;
		margin-top: 2px;
		padding: 1px 0;
		position: relative;
		vertical-align: top;
		width: 22px;
		background: url("../images/move.png") no-repeat scroll center 5px #FFFFFF;
		cursor:  move; 
	}

/* ==========================================================================
   Buttons
   ========================================================================== */

	.template_button { 
		font-size:12px;
		border:0; 
		color:#fff;
		text-shadow: 1px 1px 0px  #424441;
		border: 1px solid transparent;
		-moz-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2) ; 
		-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) ; 
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) ;	 
		line-height: 25px;
		background: rgb(137,148,158);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5OTQ5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTY2NzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(137,148,158,1) 0%, rgba(78,102,115,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,148,158,1)), color-stop(100%,rgba(78,102,115,1)));
		background: -webkit-linear-gradient(top,  rgba(137,148,158,1) 0%,rgba(78,102,115,1) 100%);
		background: -o-linear-gradient(top,  rgba(137,148,158,1) 0%,rgba(78,102,115,1) 100%);
		background: -ms-linear-gradient(top,  rgba(137,148,158,1) 0%,rgba(78,102,115,1) 100%);
		background: linear-gradient(to bottom,  rgba(137,148,158,1) 0%,rgba(78,102,115,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89949e', endColorstr='#4e6673',GradientType=0 ); 
		border-radius: 3px;	
	}

	.template_button:hover {  
		cursor:pointer;
		opacity: 0.9;
	}

	.template_button:active {  
		opacity: 1;
		background: rgb(78,102,115);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlNjY3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTk0OWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(78,102,115,1) 0%, rgba(137,148,158,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,102,115,1)), color-stop(100%,rgba(137,148,158,1)));
		background: -webkit-linear-gradient(top,  rgba(78,102,115,1) 0%,rgba(137,148,158,1) 100%);
		background: -o-linear-gradient(top,  rgba(78,102,115,1) 0%,rgba(137,148,158,1) 100%);
		background: -ms-linear-gradient(top,  rgba(78,102,115,1) 0%,rgba(137,148,158,1) 100%);
		background: linear-gradient(to bottom,  rgba(78,102,115,1) 0%,rgba(137,148,158,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e6673', endColorstr='#89949e',GradientType=0 ); 		
	}

	.template_button.light {   
		-moz-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.7) ; 
		-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7) ; 
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7) ;	 
		border: 1px solid #ddd;
		color: #7D7D7D;
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7) ;	 

		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
	}

	.template_button.light:active {   
		background: rgb(224,224,224);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 );
	}


	.template_button.green {   
		color:#fff; 
		border: 1px solid transparent; 
		-moz-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2) ; 
		-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) ; 
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) ;	  
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3) ;	  
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  #ABBC1B 0%, #91A202 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABBC1B), color-stop(100%,#91A202));
		background: -webkit-linear-gradient(top,  #ABBC1B 0%,#91A202 100%);
		background: -o-linear-gradient(top,  #ABBC1B 0%,#91A202 100%);
		background: -ms-linear-gradient(top,  #ABBC1B 0%,#91A202 100%);
		background: linear-gradient(to bottom,  #ABBC1B 0%,#91A202 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABBC1B', endColorstr='#91A202',GradientType=0 );
	}

	.template_button.green:active {   
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  #91A202 0%, #ABBC1B 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91A202), color-stop(100%,#ABBC1B));
		background: -webkit-linear-gradient(top,  #91A202 0%,#ABBC1B 100%);
		background: -o-linear-gradient(top,  #91A202 0%,#ABBC1B 100%);
		background: -ms-linear-gradient(top,  #91A202 0%,#ABBC1B 100%);
		background: linear-gradient(to bottom,  #91A202 0%,#ABBC1B 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91A202', endColorstr='#ABBC1B',GradientType=0 );
	} 


/* ==========================================================================
   Theme Option Forms
   ========================================================================== */
   .rt_custom_css{
   	max-width: 100%;
   }

	.delete-font {
		color: #ff0000;
		cursor: pointer;
		font-size: 11px;
		font-weight: normal;
		text-decoration: underline;
		vertical-align: middle;
	}

/* ==========================================================================
   Fixes
   ========================================================================== */
   .rt-metaboxes, .list-icons{
		[class^="icon-"], [class*=" icon-"], [class^="icon-"], [class*=" icon-"]{
			font-family: "Open Sans",sans-serif;
		}   	
   }

/* ==========================================================================
    upload
    ========================================================================== */
	.rt-metaboxes, #customize-theme-controls{

			.upload input[type="text"]{ 
				width: 80%;	
				display: inline-block;
			}

			.upload button {
				min-width: 80px;
				width: 17%;
				float: right;
				height: 31px;
				font-family: inherit;
			}

	}


	.rt-metaboxes, #customize-theme-controls, .rt-category-image{

			.uploaded_file {
				display: none;
			}

			.uploaded_file.visible {
				border: 1px solid #EFEFEF;
				border-radius: 4px;
				margin-top: 5px;
				position: relative;
				display: block;
			}

			.delete_single{
				cursor:pointer;
				position: absolute;
				top: 10px;
				left: 10px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				border-radius:4px;
				background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);	
				padding: 2px;
				color: #fff;
			}

			.delete_single:hover{
				background: #ff0000;
			}

			.loadit {
				border: 4px solid #fff;
				display: block;
				margin: 0 auto;
				max-width: 250px;
			}

	}

	.rt-category-image .uploaded_file.visible{
		display: inline-block;
	}

 	#customize-theme-controls{

		.upload button {
			font-size: 11px;
			height: 26px;
			line-height: 23px;
			padding: inherit;
			font-family: inherit;
		}

		.customize-control.customize-control-rt_media .upload_field{
			width: 65%;
		}
	}

/* ==========================================================================
    VC Fixes
    ========================================================================== */ 

	.rt-seperator{
		position:relative;
	}

	.rt-seperator h5:after {
		background: #efefef none repeat scroll 0 0;
		content: "";
		height: 2px;
		left: 100%;
		margin-left: 20px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 3000px;
	}
	.rt-seperator h5 {
		background: #fff none repeat scroll 0 0;
		display: inline-block;
		font-size: 14px;
		line-height: 1;
		margin: 20px 0 0;
		padding: 0;
		position: relative;
	}

	.wpb_edit_form_elements .vc_column:last-child{
		padding-bottom: 20px;
	}

	.vc_container_for_children{

		[data-element_type="rt_slide"]{
			border: 1px solid #f5f5f5;
		}
		
		[data-element_type="rt_slide"]:before{
			background: #e6e6e6;
			bottom: 0;
			left: 0;
			padding: 5px;
			position: absolute;
			text-align: center;
			top: 0;
			width: 33px;
			color: #fff;
			font-weight: bold;
			line-height: 33px;
		}

		[data-element_type="rt_slide"]{
			&:nth-child(1):before{
				content: "1";
			}

			&:nth-child(2):before{
				content: "2";
			}

			&:nth-child(3):before{
				content: "3";
			}	
			
			&:nth-child(4):before{
				content: "4";
			}	

			&:nth-child(5):before{
				content: "5";
			}	

			&:nth-child(6):before{
				content: "6";
			}	

			&:nth-child(7):before{
				content: "7";
			}	

			&:nth-child(8):before{
				content: "8";
			}	

			&:nth-child(9):before{
				content: "9";
			}	

			&:nth-child(10):before{
				content: "10";
			}	

			&:nth-child(11):before{
				content: "11";
			}	

			&:nth-child(12):before{
				content: "12";
			}	

																														
		}

	}

	body{
		.wpb_rt_slider .vc_container_for_children{
			outline: none !important;
		}


		.wpb-elements-list-modal .wpb-content-layouts li{
			margin: 0 0 4px 4px;
			background: #fff;
			border: 1px solid #ededed;
			width: 242px;
			padding: 4px;
			height: 100px;
		}

		.wpb-elements-list .vc_col-lg-2{
			width: 25% !important;
		}

		.wpb-elements-list-modal .wpb-content-layouts li .vc_el-container {
			height: 99px; 
		}

		.wpb-elements-list-modal .wpb-content-layouts a {
			padding: 20px 4px 2px 52px;
			vertical-align: top;
		}

		.wpb-elements-list-modal .wpb-content-layouts a:focus {
			box-shadow: none;
			color: inherit;
		}

		.wpb-elements-list-modal .vc_element-icon {
			left: 14px;
			top: 24px;
		}
	}

	/* Grid correction for Visual Composer for fixing order of the columns on mobile phones
	   ========================================================================== */
		.rtl{
			.vc_col-xs-1, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12 {
				float: right;
			} 

			@media (min-width: 768px) {
				.vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
					float: right;
				} 
			}
			@media (min-width: 992px) {
				.vc_col-md-1, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12 {
			 		float: right;
				} 
			}
			@media (min-width: 1200px) {
				.vc_col-lg-1, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12 {
					float: right;
				}
			}
		}

		#vc_license-activation-notice, .vc_license-activation-notice{
			display: none !important;
		}
/* ==========================================================================
   Editor Icons
   ========================================================================== */

	.vc_element-icon.rt_theme{
		background-size: cover;
		background-color: #E1AF00;
		background-position: 5px center;
		background-size: 70% auto;
		border-radius: 6px;		
		background-image: none !important;
	}

	.vc_element-icon.rt_theme.sub{
		background-color: #fff;
		@include box-shadow(0 0 0 2px #E1AF00);
	}

	.vc_element-icon.rt_theme.sub:before{
		color: #E1AF00;
	}

	.vc_element-icon{

		&.rt_theme:before{
			font-family: "fontello";
			font-style: normal;
			font-weight: normal;
			speak: none;
			color: #fff;
			display: inline-block;
			text-decoration: inherit; 
			content: "\e805";
			line-height: 32px;
			text-align: center;
			text-decoration: inherit;
			width: 32px;			
			font-size: 20px;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale; 
		}   


		&.portfolio_box:before, &.product_box:before{
			content: "\e88b";
		}   	

		&.product_box:before{
			content: "\6c";
		}   
			    
		&.blog:before{
			content: "\e88a";
		}       

		&.carousel:before{
			content: "\6b";
		}       

		&.pricing_table:before{
			content: "\53";
		}       

		&.slider:before{
			content: "\e874";
		}      

		&.timeline:before{
			content: "\e82b";
		}      

		&.link:before{
			content: "\e865";
		}   

		&.banner:before{
			content: "\e88c";
		}   

		&.rt_button:before{
			content: "\e87d";
		}  

		&.comp_table:before{
			content: "\e861";
		}   

		&.img_gallery_grid:before{
			content: "\e879";
		}   

		&.testimonial:before{
			content: "\f10e";
		}   

		&.content_box:before{
			content: "\e88d";
		}   

		&.rt_heading:before{
			content: "H";
			font-family: inherit;
		}   
		
		&.rt_team:before{
			content: "\e875";
		}  

		&.rt_maps:before{
			content: "\e727";
		}  

		&.rt_location:before{
			content: "\e724";
		}  

		&.list_line:before{
			content: "\f105";
		}   

		&.contact_form:before{
			content: "\e893";
		}   

		&.info_box:before{
			content: "\2139";
		}    

		&.accordion:before{
			content: "\e86e";
		}    

		&.tab:before{
			content: "\e891";
		}    

		&.accordion-content:before,&.tab-content:before{
			content: "\270e";
		}    

		&.wc{
			background-image: url(../images/editor_icons/wc.png) !important; 
		}   		  

		&.wc:before{
			content: "";
		}  

		&.icon_list:before{
			content: "\e886";
		}   

		&.rt_icon:before{
			content: "\e764";
		}   		
   }


	.wpb_rt_accordion_content:not(:last-child), .wpb_rt_tab:not(:last-child) {
		border-bottom: 1px dotted #e6e6e6;
	}

/* ==========================================================================
   Location Selector
   ========================================================================== */
	.gllpMap { 
		display: table-row;
		height: 80%;
		width: 100%;
		@include box-sizing("border-box");
		max-height: 490px;
	}
	
	.gllpLatlonPicker > ul{
		@include box-sizing("border-box");
		display: block;
		height: 10%;
		width: 100%;		
	}
		
	.gllpLatlonPicker > ul:first-child{		

		li{
			display: inline-block;
		}

		li:first-child{
			width: 20%;
		}

		li:nth-child(2){
			width: 60%;
		}		

		li:last-child{
			width: 10%;
		}	

		input	{ 
			width: 100%;
		}				

	}

	.gllpLatlonPicker > ul:last-child{		

		li:first-child{
			text-align: center;
			width: 100%;
		}

	}	

	.gllpLatlonPicker	.button{
		vertical-align: inherit;
	}	 

	.gllpLatlonPicker ul .text_align_right { 
		text-align: right;
	} 

	.gllpLatlonPicker { 
		margin: 20px 0;
	}

	.gllpLatlonPicker.hide{
		visibility: hidden;margin-left: -1000px;
		position: absolute;
	}

	.gllpUpdateButton{
		display: none;
	}

	.gllpLatlonPicker{ 
		position: relative; 
		z-index: 9999;
	}

	.gllpLatlonPicker {
		display: table;
		height: 100%;
		margin: auto;
		position: relative;
		width: 100%;
		z-index: 9999;
	}

/* ==========================================================================
   Custom Posts UI
   ========================================================================== */
	#rt-id-column{
		width: 100px;
	}

	.form_element #rttheme_testimonial{
		min-height: 300px;
	}	

/* ==========================================================================
	Demo Import
	========================================================================== */	

	#rt_demo_import_settings{


		.importing{

			p > span.ok,
			p > span.failed
			{
				display:none; 
			}

			span:before {
				content: "[";
				font-family: fontello;
				font-size: 20px;
				line-height: 1;
				margin-right: 10px;
				vertical-align: middle;
			}	

			.see_logs{
				display: none;
			}

		}

		.imported{
			p > span:first-child, p > span.failed{
				display:none; 
			}

			span.ok:before {
				content: "";
				font-family: fontello;
				font-size: 20px;
				line-height: 1;
				margin-right: 10px;
				vertical-align: middle;
			}				

			.see_logs{
				display: inline;
			}			
		}


		.import-failed{
			p > span:first-child, p > span.ok{
				display:none; 
			}

			span.failed:before {
				content: "";
				font-family: fontello;
				font-size: 20px;
				line-height: 1;
				margin-right: 10px;
				vertical-align: middle;
			}				

			.see_logs{
				display: inline;
			}			
		}


		#contents-result, #widgets-result, #options-result, #revslider-result{
			display: none;
		}

		.logs{
			display: none;
			background: #ffffff none repeat scroll 0 0;
			box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1) inset;
			border: 1px solid rgba(0, 0, 0, 0.22);
			height: 200px;
			overflow: auto;
			padding: 20px;
		}

		.demo-image{
			display: none;
		}

	}


/* ==========================================================================
	CSS Animations
	========================================================================== */	
	/* spins for icons */ 
	.animate-spin:before {
		@include animation( spin 2s infinite linear );
		display: inline-block;
	}


	@include keyframes(spin) {

	  0% {
	    @include transform(rotate(0deg));
	  }

	  100% {
	    @include transform(rotate(359deg));
	  }

	} 


/* ==========================================================================
	Plugin messages
	========================================================================== */	
	.rs-update-notice-wrap{
		display: none !important;
	}