@import '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'select2.css';


.settings_page_easy-query #wpcontent{
   padding: 0;
}
.settings_page_easy-query #wpfooter{
	padding: 10px 25px 10px;
}
.settings_page_easy-query #poststuff{
   padding: 0 20px;
}
.settings_page_easy-query #poststuff h2.hndle{
   padding: 15px;  
}
.settings_page_easy-query #poststuff .inside{
   margin-top: 12px;
}
.settings_page_easy-query .hndle{
   cursor: default !important;
}
.settings_page_easy-query #major-publishing-actions{
   padding: 15px 20px;
}
.settings_page_easy-query #publishing-action{
   float: left;
}


.cta.upgrade-to-pro{
   background-color: #4caeb2 !important;
   border-color: #568487 !important;
   text-align: center;
}
   .cta.upgrade-to-pro p{
      color: #fff;
   }
   .cta.upgrade-to-pro h2{
      font-size: 16px !important;
      color: #fff;
      margin: 0 0 15px;
      padding: 0; 
      background: none;
      border: none; 
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
   }
   .cta.upgrade-to-pro h2 + p{
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
   }


/* 
	Tabbed Navigation 
 */
.eq-nav{
   display: block;
   clear: both;
   height: 50px;
   border-bottom: 1px solid #eee;
   margin: 0;
   padding: 0 0 0 20px;
   background-color: #fff;
}
   .eq-nav li{
      margin: 0;
      padding: 0;       
      float: left;
      width: auto;
      border-right: 1px solid #eee;
      list-style: none;
      background: none;
      font-size: 14px;
   }
   .eq-nav li:first-of-type{
   }
   .eq-nav a{
      display: block;
      line-height: 50px; 
      padding: 0 20px;   
      text-decoration: none;
   }
      .eq-nav a.nav-tab-active{
         font-weight: 500;
      }   
   .eq-nav li.eq-dashboard a{      
      background: url("../img/easy-query-logo-48x48.png") no-repeat center center;
      -webkit-background-size: 34px 34px;
      -moz-background-size: 34px 34px;
      background-size: 34px 34px;
      width: 50px;
      height: 50px;
      padding: 0;
   }
      .eq-nav li.eq-dashboard a span{
         display: none;  
      }
      .eq-nav li.eq-dashboard a.nav-tab-active,
      .eq-nav li.eq-dashboard a.nav-tab-active:focus,
      .eq-nav li.eq-dashboard a.nav-tab-active:active{
         border-left: 1px solid #eee;  
         background: #f1f1f1 url("../img/easy-query-logo-48x48.png") no-repeat center center;
         -webkit-background-size: 34px 34px;
         -moz-background-size: 34px 34px;
         background-size: 34px 34px;
      }



/* 
   Saved Query Listing 
*/

.saved-query-alert{
   display: block;
   text-align: center;
   padding: 70px;
}
   .saved-query-alert h2{
      font-size: 20px !important;
      padding: 0;
      margin: 0 0 20px;
   }

.query-list-wrap{
   display: block; 
   max-height: 300px;
   overflow-y: auto;
}
ul.query-list{
   margin: 0 !important;
   padding: 0 !important;
}
   .cnkt-sidebar ul.query-list li{ 
      padding: 0;
      margin: 10px 0 0;
      display: block;
      width: 100%;
      position: relative;
      font-size: 13px;
   }
   .cnkt-sidebar ul.query-list li:first-of-type{
      margin: 0;
   }
   ul.query-list li a{
      padding: 14px 40px 14px 41px;
      display: block;
      text-decoration: none;
      border-radius: 3px;
      position: relative; 
      border: 1px solid #e5e5e5;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      background: url("../img/bkg-radio_off.png") no-repeat 12px center;
   }
   ul.query-list li a:hover{
      border-color: #e9e9e9;
   }
   
   ul.query-list li:hover span{
      opacity: 1;
      visibility: visible;
   }
   
   ul.query-list li.active a{
      font-weight: 600;
      border-color: #e5e5e5;
      color: #222;
      cursor: default !important;
      background-image: url("../img/bkg-radio_on.png");
   }
   ul.query-list li span{
      height: 100%;
      position: absolute;
      right: 13px;
      top: 13px;
      border-radius: 2px;
      border: none;
      cursor: pointer;
      padding: 0;
      color: #666;
      visibility: hidden;
      opacity: 0;
      transition: all 0.15s ease;
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      display: block;
   }
   ul.query-list li.active span{
      border-color: #e5e5e5;
   }
      ul.query-list li span:hover{
         color: #fff;
         background-color: #c94141;
      }
   
.cnkt label.query-label{
   font-size: 10px;
   text-transform: uppercase;
   position: relative;
   margin: 0 10px;
   padding: 0 15px;
   line-height: 26px;
   background: #f7f7f7;
   border: 1px solid #e5e5e5;
   border-bottom: none;
   font-weight: 600;
   opacity: 0.7;
   -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
}
.cnkt .saved-query-display input#query-alias{
   border: 1px solid #e5e5e5;
   width: 100% !important;
   font-size: 18px;
   padding: 10px 10px;
   margin: 0 0 25px;
   line-height: 1.3;
}
   .cnkt .saved-query-display .group{
      padding-bottom: 0;
   } 
.cnkt .saved-query-display input#query-alias:hover{
   border-color: #e7e7e7;
}

.cnkt .saved-query-display input#query-alias:focus{
   border-color: #999;
}

/* Button Styles */

.cnkt-btn,
.cnkt-btn.saving{
   border: none;
   padding: 10px 16px;
   margin: 0 0 6px;
   background: #46a2a5;
   border: 1px solid transparent;
   color: #fff;
   line-height: 1;
   font-weight: 600;
   font-size: 14px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   cursor: pointer;
   display: inline-block;
   vertical-align: top;
   text-decoration: none;
   box-shadow: none;
}
   .cnkt-btn i{
      margin: 0 0 0 4px;
      opacity: 0.5;
   }
   .cnkt-btn:hover i{
      opacity: 0.8;  
   }
   .cnkt-btn:hover{
      background-color: #4ab2b6;
      border-color: transparent;
   }
   .cnkt-btn:active{
      background-color: #3a989b;
      border-color: transparent;
      box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
   }
   .cnkt-btn:hover,
   .cnkt-btn:active,
   .cnkt-btn:focus{
      color: #fff;
   }
   .cnkt-btn.saving{
      opacity: 0.3;
      cursor: default !important;
   }
   
  
.cnkt-btn.lg{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
   padding: 12px 0;
   text-transform: uppercase;
}


/* Save Query */

.cnkt .save-query-wrap,
.query-builder-preview{
   position: relative;
}
.cnkt .save-query-wrap .cover,
.query-builder-preview .cover{
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background: rgba(255, 255, 255, 0.7);
   z-index: 1;
   padding: 0 14px;
   text-align: center;
}
   .cnkt .save-query-wrap .cover span,
   .query-builder-preview .cover span{
      font-size: 13px;
      line-height: 1.5;
      font-weight: 400;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 20px 30px;
      display: inline-block;
      background: #e1e0f5;
      color: #656285;
      border-radius: 3px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
      border: 1px solid #c2bfe4;
   }
      
   .cnkt .cover a,
   .cnkt .save-query-wrap .cover a{
      text-decoration: none;  
      font-weight: 600;
      color: #4c496b !important;
   }
      .cnkt .cover a:hover,
      .cnkt .save-query-wrap .cover a:hover{
         color: #000;
         text-decoration: underline;
      }
      
   .cnkt .save-query-wrap label{
   	font-size: 13px;	
   	font-weight: bold;	
   	margin: 0 0 5px;
   }
   .cnkt .save-query-wrap input[type="text"]{
   	display: block;
   	width: 100%;
   	margin: 0 0 15px;
   }
   .cnkt .save-query-wrap input[type="text"].error{
   	border-color: #ff0000;	
   }
   .cnkt .save-query-wrap .saving{
      display: none;   
      position: absolute;
      left: 0;
      top:0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.9) url("../img/loader.gif") no-repeat center center;
   }
   .save-query-wrap .saved-response-text{
      display: none;
      padding: 10px 0 0;
      font-size: 12px;
   }
   
.cnkt .saved-query-display h3{
	padding: 0 100px 10px 0;
	margin: 0 0 10px;
	font-weight: 600;
	border-bottom: 1px solid #efefef;
	font-size: 20px;
}

   
/* Tabs */  

.tab-content{
   display: block;
   width: 100%;
}
   .tab-content.generator{
      display: none;
   }
   .tab-content.generator pre{
      padding: 0;
      margin: 0;
   }

.cnkt h2.nav-tab-wrapper{
   padding-bottom: 0 !important;
   box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.04);
}
   .cnkt h2.nav-tab-wrapper a.nav-tab{
      padding: 8px 12px
   }
   .cnkt h2.nav-tab-wrapper a.nav-tab.nav-tab-active{
      cursor: default;
   }
   .cnkt .nav-tab-wrapper a.nav-tab:focus,
   .cnkt .nav-tab-wrapper a.nav-tab:active{
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      color: #111
   }


/*  Admin  */

.cnkt{
   font-size: 14px;
   color:#666;
   position: relative;
   max-width: 1170px;
}

.cnkt *{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.cnkt img{
   max-width: 100%;
}

.shortcode-popup{
	overflow: hidden;
   padding: 15px 10px 140px !important;
}

.cnkt code{
	background: #fcf3d0;
}
.cnkt p{
	display: block;
	color:#666;
	width: 100%;
	display: block; 
	clear: both;
	text-transform: none;
	padding: 0;
	margin:0 0 15px;
}
   .cnkt p.lg{
      font-size: 22px;
      font-weight: 300;
   }
   .cnkt .config p{
      line-height: 1.55;
   }

.cnkt p,
.cnkt li,
.cnkt input,
.cnkt textarea,
.cnkt label{
	font-size: 14px;
}

.cnkt p.highlight{
	background-color: #fffbd4;
	color: #333;
	padding: 5px 10px;
	border-radius: 3px;
	margin: -5px 0 10px;
}

.cnkt h1{
	font-weight: 400;
}
.cnkt h1,
.cnkt h3,
.cnkt h4{
   color:#444;
   margin-top: 0;
}
.cnkt h4 + p{
	margin-top: -6px;
}

.cnkt p.small{
	font-size: 12px;
	margin-top: -10px;
	opacity: 0.7;
}
   .cnkt p.small.reset-shortcode-builder{
      text-align: left;
      margin: 10px 0 0;
      display: none;
   }
      .cnkt p.small.reset-shortcode-builder a{
         text-decoration: none;
      }

/* Expand Collapse Headings */
.cnkt h3.heading{
   font-weight: 600;
   padding: 14px 14px 14px 40px;
   line-height: normal !important;
   margin: 0 !important;
   color: #444;
   cursor: pointer;
   width: 100%;
   position: relative;
   font-size: 17px;
   background: #f7f7f7;
   border-bottom: 1px solid #e5e5e5;
   border-radius: 2px 2px 0 0;
}
   .cnkt h3.heading:hover:after,
   .cnkt .add-on h3.heading:hover:after{
      color: #46a2a5; 
   }
   .cnkt h3.heading:hover{
      color: #222;
   }  
      
   .cnkt h3.heading:after{
      font-family: 'FontAwesome';
      content: '\f139';
      color: #ccc;
      font-size: 18px;
      padding-right: 10px;
      position: absolute;
      left: 0;
      top: 16px;
      height: auto;
      width: 28px;
      text-align: right;
      line-height: 1;
   }
   .cnkt h3.heading.open:after{
      content:'\f13a';
   }
   .cnkt h3.heading.open{
      border-bottom-color: transparent;
   }
   
.cnkt .add-on h3.heading:after{
   color: #999;
}
.cnkt .add-on h3.heading{
   background-color: #fefeed;
}
   
   
/* Expand/Collapse all rows */
.cnkt .toggle-all{
    position: absolute;
    top: -14px;
    right: 20px;
    width: auto;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 12px 0 10px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    border:1px solid #e5e5e5;
    color: #999;
    cursor: pointer;
    z-index: 2;
    border-radius: 2px;
}
.shortcode-popup .toggle-all{  display: none; }

    .cnkt .toggle-all:hover{
        color: #111;
    }
    .cnkt .toggle-all .inner-wrap{
        position: relative;
        padding-left: 16px;
        line-height: 24px;
    }      
    
    .cnkt .toggle-all .expand{
        display: none;
    } 
    .cnkt .toggle-all .collapse{
        display: inline-block;
    }
    .cnkt .toggle-all em{
        font-style: normal;
    }
    
    .cnkt .toggle-all.closed .expand{
        display: inline-block;
    }     
    .cnkt .toggle-all.closed .collapse{
        display: none;
    }
        
    .cnkt .toggle-all .inner-wrap:before{
        font-family: 'FontAwesome';
        content: '\f068';
        font-size: 10px;
        position: absolute;
        left: 0;
        top: -5px;
    }
    .cnkt .toggle-all.closed .inner-wrap:before{
        content:'\f067';
    }


.cnkt ul{
   padding: 0;
   margin: 0;
   list-style: none;
}
   .shortcode-builder li{
      padding: 0 5% 0 0;
      margin: 0 0 5px;
      width: 48.666%;
      clear: both;
      display: inline-block;
      vertical-align: top;
      overflow: visible;
   }
   .shortcode-builder li.full{
      width: 100%;
      display: block;
   }
   li.full span{
      color: #ccc;
      display: inline-block;
      padding: 0 4px;
      font-weight: 300;
      font-style: italic;
   }
   
.cnkt label.full{
   display: block;
   clear: both;
   width: 100%;
   color: #444;
   font-weight: 600;
   padding: 0 0 10px;
   cursor: default;
   font-size: 12px;
   text-transform: uppercase;
}
.cnkt .border-top{
   display: block;
   border-top: 1px solid #efefef;
   width: 100%;
   clear: both;
   margin: 0 0 20px;
   padding: 20px 0 0 !important;
   overflow:hidden;
}
.cnkt #taxonomy-extended,
.cnkt #meta-query-extended,
.cnkt #seo-extended{
   display: none;
   overflow: hidden;
}
.cnkt p.warning{
	color: #d24646;
	font-size: 13px;
	border-left: 3px solid #d24646;
	margin: 0;
	padding: 0 0 0 10px;
}

.cnkt p.warning-callout{
	background-color: #cbecf7;
	color: #333;
	font-size: 13px;
	margin: 0;
	display: block;
	padding: 10px;
	border-radius: 3px;
	margin: 10px;
	width: auto;
	line-height: 1.75;
}
   .cnkt p.warning-callout strong{
      display: inline-block;
      font-weight: normal;
      font-family: Consolas, monaco, monospace;  
      background-color: #edfbff; 
      color:#525c5f;
      padding: 0 6px;
      border-radius: 2px;
   }  
.cnkt p.warning-callout.notify{
	background-color: #ad4141;
	color: #fff;
}
	
	.cnkt p.warning-callout.notify strong{
		background-color: #cb5858;
		color: #fff;
	}
   

.cnkt label,
.cnkt input,
.cnkt select,
.cnkt textarea{
	font-size: 14px;
	padding: 5px 8px;
	width: auto;
	margin-top: 0;
	display: inline-block; 
	clear: both;
	border-radius: 3px;
	color: #444;	
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
	
.cnkt textarea._alm_repeater{
   font-family: Consolas, monaco, monospace;   
   font-size: 13px;
   line-height: 19px;
   padding: 10px;
}
   .cnkt textarea._alm_repeater:focus{
      color: #222;
   }
	
.cnkt label{
	padding: 5px 0;
}


.checkboxes{}
.checkboxes input,
.radio input{
   margin-top: 2px;
}
.checkboxes input,
.checkboxes label,
.radio input,
.radio label{
   float: left;
   width: auto;
   margin-right: 10px;
   padding: 0;
   clear: none;
}
.radio input{
	margin-left: 3px;
}
.cnkt input[type=number]{  
   line-height: 1;
   height: auto;
}
.cnkt input[type=text],
.cnkt input[type=number]{
   padding: 10px;
   line-height: 1.3;
   border: 1px solid #e5e5e5;
   width: 70%;  
}

.cnkt .wrap-30{
   width: 32.333%;
   padding-right: 3%;
   display: inline-block;
   vertical-align: top;
}
.cnkt .wrap-30 input[type=text].sm{
   width: 100%;
   margin: 0;
}

.cnkt input[type=number].sm{
   width: 100px;
}

.cnkt ::-webkit-input-placeholder {
   color: #999;
   font-style: italic;
}

.cnkt :-moz-placeholder { /* Firefox 18- */
   color: #999;  
   font-style: italic;
}

.cnkt ::-moz-placeholder {  /* Firefox 19+ */
   color: #999; 
   font-style: italic; 
}

.cnkt :-ms-input-placeholder {  
   color: #999;  
   font-style: italic;
}

.cnkt input[type=text],
.cnkt input[type=number],
.cnkt textarea{
   background: #f7f7f7;	
}
.cnkt .repeaters input[type=text]{
	padding: 10px;
}
 
.cnkt input.disabled-input{
   opacity: 0.5;
   filter: alpha(opacity=50);
   cursor: not-allowed;
}
	.cnkt input[type=text]:focus,
	.cnkt textarea:focus{
		border-color: #ccc;
		-webkit-box-shadow: none; 
		-moz-box-shadow: none; 
		box-shadow: none; 
		background: #f5f5f5;
	}

	
.checkboxes label{
   margin-right: 5px;
}

.cnkt .one_half{
   display: inline-block;
   width: 47.333%;
   margin: 0 0 1% 2%;
}   
   .cnkt .one_half:first-child{
      margin: 0 2% 1% 0;  
   }

/* --------------------------------------------------------------------------- */
/* Row */
/* --------------------------------------------------------------------------- */

.cnkt .row{ 
   padding: 0 !important; 
   margin: 15px 0 0;
   height: auto; 
   width: 100%;
   display: block;
   overflow: hidden;
   clear: both;
   border: 1px solid #e5e5e5;
}
   .cnkt .row.no-brd{
      border: none !important;
      padding: 0 !important; 
   } 
	.admin.cnkt .row{ 
		border-color: #e5e5e5;
		border-radius: 2px;
	}
	.admin.cnkt .row:hover{
      border-color: #e7e7e7;
   	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.025);
	}
	.admin.cnkt .row:first-of-type{
		margin: 0;
		padding-top: 0;
	}	
   .cnkt .intro{
		height: auto;  
		width: 100%;
		display: block;
		overflow: hidden;		
   }

/* Jump Menu */

.pop-up-jump{
   display: block;   
   width: 100%;
}
   .pop-up-jump .jump-menu-wrap{
      position: relative;
      float: right;
      width: 30%;
   }
   .pop-up-jump .intro-wrap{
      position: relative;
      float: left;
      width: 65%;
      padding-right: 5%;
   }
   
.admin.cnkt .jump-menu{
	display: none;
}

/* Table of Contents */
.table-of-contents{}
   .table-of-contents.attached{
      position: fixed;
      width: auto;
      top: 70px;
   }
   .table-of-contents .select2-container{
      width: 100%;
   }



   .table-of-contents ul{
      margin: 0 !important;
   }
      .table-of-contents li{
         width: auto !important;
         display: inline-block;
         vertical-align: top;
         padding: 0;
         margin: 5px 5px 5px 0;
      }
      
   
   
.cnkt .expand-wrap{
	display: block;
	background-color: #fff;
}
#ewpq-examples.cnkt .expand-wrap{
	padding: 20px 20px 10px;
}
.cnkt .expand-wrap hr{ 
   border: 0; 
   height: 0; 
   border-top: 1px solid #e5e5e5; 
}

.cnkt .section-title {
   float: left;
   padding: 20px;
   width: 45%;
}
	.cnkt .section-title p{	
		color: #999;
		font-size: 13px;
	}
	.cnkt .section-title h4{
		margin: 0 0 10px;  
	}
	
	.cnkt .repeaters .section-title,
	.cnkt .repeaters .row .wrap{
		width: 100%;
		float: none;
		padding: 0;
	}
		.cnkt .repeaters .section-title p{
			padding-left: 0 !important;
		}
		.cnkt label.template-title{
   		padding: 10px 0;
   		margin: 0;
   		font-size: 0.9em;
   		color: #888;
		}
		
	.cnkt label input._alm_repeater_alias{
		height: auto;
		line-height: normal !important;
	}

.cnkt .row .wrap{
  padding: 20px 20px 0 3%;
  margin: 0;
  border: none;
  width: 55%;
  float: left;
  position: relative;
}
   
  
/* ***********************************  
-- Shortcode Output 
**************************************/
.cnkt .output-wrap{
   padding: 0 50px 0 15px;
   margin: 0;
   position: fixed;
   bottom: 0;
   left: 0;
   background: #46a2a5;
   border-top: 1px solid #46a2a5;
   -webkit-box-shadow: 0 -5px 5px #efefef;
   -moz-box-shadow: 0 -5px 5px #efefef;
   box-shadow: 0 -5px 5px #efefef;
   width: 100%;
   display: block;
   z-index: 1; 
}
.ewpq-editor-container{
   padding-bottom: 100px;
}
.admin.cnkt .output-wrap{
	position: static;
	overflow: hidden;
	margin-top: 20px;
	border-radius: 2px;
	border: none;
	padding: 0;	
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
   .cnkt .row .wrap.output{
      display: block !important;
   }
      .cnkt .row .wrap .inner{
         padding:0 0 20px;
      }
      .cnkt .row .wrap .inner.half{
         padding:0 0 20px;
         width: 49.333%;
         display: inline-block;
      }
      
   .output-wrap .copy{
      background: #fff;
      color: #46a2a5;
      margin: 0;
      display: inline-block;
      z-index: 9;
      padding: 3px 8px;
      cursor: pointer;
      border-radius: 2px;
      position: fixed;
      right: 10px;
      bottom: 10px;
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      opacity: 0.6;
      filter: alpha(opacity = 60);
   }
   .admin.cnkt .output-wrap .copy{      
      float: right;
      position: relative;
      top: -10px;
   }
      .output-wrap .copy:hover,
      .output-wrap .copy:active{
         opacity: 1;
         filter: alpha(opacity = 100);
      }
      .output-wrap .copy:active{
         box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
      }
      
      
   .shortcode-display{
      float: right;
      width: 75%;
   }
   .admin.cnkt .shortcode-display{
   	float: none;
   	width: 100%;
   }
   
   #shortcode_output{
      border-left: 1px solid #398e91;
      padding: 26px 10px 26px 30px;
      font-family: monospace;
      font-size: 13px;
      color: #fff;
      cursor: pointer;
      word-wrap: break-word;
      line-height: 1.45;
   }
   
   .admin.cnkt #shortcode_output{
	   border: none;
	   padding: 14px;
   }
   
   
   #shortcode_output::-moz-selection{ 
      background:#fff; 
      color:#222; 
      text-shadow: none; 
   }
   #shortcode_output::selection { 
      background:#fff; 
      color:#ca5252; 
      text-shadow: none;  
   } 
   
   

/*
*  Insert Shortcode Button
*
*  @since 1.0.0
*/

#insert.insert_alm{
	background: #fff !important;
	color: #46a2a5 !important;
	border: none;
	font-size: 13px !important;
	font-weight: 600;
	padding: 8px 13px;
	display: inline-block;
	text-align: center; 
	margin: 15px 0; 
	float: left;
	line-height: normal !important;
	height: auto !important;
	box-shadow: inset 0 -15px 15px rgba(0, 0, 0, 0.1);
	text-shadow: none !important;
	max-width: 20%;
	border-radius: 2px;
}
.admin.cnkt #insert.insert_alm{
	display: none;
}
	
   #insert.insert_alm:hover{
      box-shadow: inset 0 -15px 15px rgba(0, 0, 0, 0.1), 0 0 3px rgba(255, 255, 255, 1);
   }
   #insert.insert_alm:active{
      background: #3b6162 !important;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
      color:#fff !important;
   }   

.cnkt .clear{
	clear:both;
	height:auto;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0
}


/*
*  Admin Screens - Setting pages
*
*  @since 1.0.0
*/

.admin.cnkt .form-table label{
   display: inline-block;
   clear: both;
   float: none;   
   vertical-align: top;
   padding: 0 0 10px;
   max-width: 90%;
   cursor: pointer !important;
}
.admin.cnkt .form-table input[type=radio],
.admin.cnkt .form-table input[type=checkbox]{
   vertical-align: top;   
   margin-top: 0 !important;
   max-width: 8%;
}
   .admin.cnkt .form-table label + textarea{
      margin-top: 10px;
   }
   .admin.cnkt .form-table label span{
	   font-size: 12px;
	   color: #999;
	   padding-top: 5px;
   }

.admin.cnkt .form-table textarea{
   clear: both;
   display: inline-block;
   float: none;
   width: 100%;
}
   .admin.cnkt textarea.disabled,
   .admin.cnkt input.disabled{
      opacity: 0.9;
      filter: alpha(opacity=90);
      cursor: default;
      border:1px solid #ccc;
      background: #efefef;
      color: #666;
      text-shadow: 1px 1px 0 #fff;
      resize: none;      
   }

.admin.cnkt .form-table input[type=radio],
.admin.cnkt .form-table input[type=checkbox]{
	margin-right: 10px;
   margin-top: 0 !important;
}

.admin.cnkt.settings input[type=text],
.admin.cnkt.settings input[type=number],
.admin.cnkt.settings .select2-container{
   margin-top:10px;
}
.admin.cnkt.settings .cnkt-wrap {
	position: relative;
	top: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	display: inline-block;
	margin-top:10px;
}
	.admin.cnkt.settings .cnkt-wrap button{
		margin: 0 !important;
	}
	.admin.cnkt.settings .cnkt-wrap span{
		display: block;
		font-size: 11px;
		opacity: 0.7;
		padding: 0 0 5px;
	}
	.admin.cnkt.settings button.alm-load-more-btn.loading:before {		
		margin: 5px 6px 6px;
	}


/* Table Overrides */
.admin.cnkt.settings .form-table td,
.admin.cnkt.settings .form-table th{
   padding: 20px 10px 20px 3px;
}
.admin.cnkt.settings .form-table p{
   margin-top: 0;
}
.header-wrap{
	padding-top: 11px;
}
	.cnkt .header-wrap h1{
   	background: none;
		padding: 0 0 0 2px;
   	min-height: 48px;
   	overflow: hidden;
   	max-width: 75%;
		font-size: 24px;
		margin: 0 0 20px
	}
	.cnkt .header-wrap h1 em{
   	display: block;
		margin-top: -2px;
		margin-left: 1px;
		opacity: 0.65;
		font-size: 14px;
		font-style: normal;
	}
	
.cnkt h2 span{
	color: #999;
	background: #fff;
	padding: 0 5px;
	border-radius: 2px;
	font-size: 0.8em;
	position: relative;
	top: -2px;
}
.cnkt h2.addon-title{   
   font-size: 22px !important;
   font-weight: 600 !important;
   color: #555 !important;
   padding: 0;
   margin: 0 0 16px;
   padding: 0 0 14px;
   border-bottom: 1px solid #efefef;
}
.cnkt p.addon-intro{
   font-size: 18px !important;
   line-height: 23px !important;
   color: #999 !important;
}

.cnkt h3.add-on-title,
.cnkt .cnkt-sidebar h3{
   padding: 0 0 10px;
   margin: 0 0 20px;
   border-bottom: 1px solid #efefef;
}
.cnkt h3{
   margin-bottom: 10px;
   font-size: 16px;
}
.cnkt h3.add-on-title,
.cnkt .cnkt-sidebar h3{
   padding: 0 0 10px;
   margin: 0 0 20px;
   border-bottom: 1px solid #efefef;
}

.cnkt p.access{
   position: relative;
	padding: 0 0 0 26px;   
	margin: 0 0 10px;
}

.cnkt p.back2top{
	font-size: 12px;
	margin:0;
	padding: 0 2px 0 0;
	text-align: center;
}
	.cnkt p.back2top a{
   	display: block;
		text-decoration: none;
	}
   
.saved-response,
p.loading{
   font-size: 12px;
   padding: 8px 0;
   color:#999;
   background: none;
   transition: padding 0.2s ease;
   display: inline-block;   
   width: auto;
   position: relative;
   top: 0;
   left: 15px;
}

.saved-error{
   color: #e03e3e;
}
   .saved-response em{
      color: #333;
      display: block;
      padding: 5px 0;
   }

.saved{
	color: #90be59;
	font-weight: 700;
}

p.loading{
	position: static;
}
	.saved-response.loading,
	p.loading,
	.alm-dropdown ul li a.updating{
		background: url(../img/loader.gif) no-repeat left center;
		padding-left: 24px;
	}	
	.alm-dropdown ul li a.updating{
		background-position: 13px center;	
		padding-left: 40px;
	}
	.alm-dropdown ul li a.updating i{
      display: none !important;	
   }
	
input.save-repeater{
	margin-bottom: 10px !important;
}	
#ewpq_OptionsForm{}
   #ewpq_OptionsForm h2{
      display: none;
   }	
.ewpq-save-settings{
   text-align: center;
}
   .ewpq-save-settings .button-primary{
      display: inline-block; 
      float: left;
      margin: 0;
      width: auto;
   }
   .ewpq-save-settings .button-primary#ewpq-add-template{
      display: inline-block; 
      float: none;
   }
   .ewpq-save-settings .loading{
      width: 50px;
      height: 26px;
      display: none;
      float: left;
      background: transparent url('../img/loader.gif') no-repeat center center;
   }

	
table.highlight{
   background: #fff !important;
}


/* Columns */
.cnkt-main{
   width: 69%;
   float: left;
   background: none !important;
}
.cnkt-main .group{
   background: #fff;
   padding: 20px;
   margin: 0 0 20px;
   position: relative;
   display: block;
   clear: both;	
}
.cnkt-main .group.no-margin{
   margin: 0;  
}
.cnkt-main .group.fake-sidebar{
   padding: 0;
}

.cnkt-main.full{
   width: 100%;
   float: none;
}
	.cnkt-main h2,
	.cnkt-main h3,
	.cnkt-main h4{
		margin-top: 0;
	}
	.admin.cnkt .form-table tr{
		border-top: 1px dashed #e5e5e5;	
	}
	.admin.cnkt .form-table tr:first-of-type{
      border: none;	
   }
	.admin.cnkt .form-table {
		border: none !important;		
		margin: 0;
	}


/* Repeaters */
.repeaters {}
   .repeaters .repeater-wrap,
   .examples .wrap{
      padding: 15px 20px 20px !important;
   }
   .repeater-wrap label{
      cursor: default;
   }
   .repeaters input.save-repeater{
      display: inline-block;
      margin: 15px 0 0;
      clear: none;
      max-width: 25%;
   }
   .repeater-wrap textarea,   
   .repeater-wrap input[type=text]{
   	width: 100%;
   }
   .repeaters input.save-repeater.saving{
      cursor: default !important;
      opacity: 0.3 !important;
   }
   .repeaters  .saved-response{
      max-width: 72%;
      opacity: 0;
   }
   
   
   
/* Add-ons */
#ewpq-add-ons {}
#ewpq-add-ons .group{
   overflow: hidden;
}
#ewpq-add-ons .row .wrap{
   padding-bottom: 60px;
   width: 55%;
}
#ewpq-add-ons .section-title{
   width: 45%;
}
#ewpq-add-ons .group .section-title p{
   padding-left: 0 !important;
}
#ewpq-add-ons .group a.btn{
   position: absolute;
   bottom: 20px;
   right: 20px;
   font-size: 14px;
   padding: 8px 14px;
}

/* Go Pro */
.go-eq-pro ol{
   list-style: none;
   padding: 15px 0 0;
   margin: 0;
}
   .go-eq-pro ol li{
      list-style: none;
      padding: 0 10px 0 40px;
      margin: 0 0 10px;
      display: inline-block;
      vertical-align: top;
      width: 48.5%;
      position: relative;  
   }
   .go-eq-pro ol li h3{
      margin: 0 0 8px;
      font-size: 14px;
   }
   .go-eq-pro ol li span{
      position: absolute;
      left: 0;
      top: -7px;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 29px;
      background: #4caeb2;
      color: #fff; 
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      font-weight: 600;   
      font-size: 13px;
   }
 
.go-eq-pro .pro-column{
   display: block;
   width: 100%;
   margin: 0;
   padding: 0 0 30px;
}  
.go-eq-pro .pro-column.centered{
   text-align: center;
}
.go-eq-pro .pro-column.last{
   padding: 0;
}


/* Add-on Callout! */
.call-out{
   text-align: center;
   background: #e1e0f5;
   border: 1px solid #c2bfe4;
   color: #656285;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
   padding: 13px 53px;
   margin: 0;
   width: 100%;
   display: block;
   font-size: 14px;
   line-height: 33px;
   font-weight: 400;
   position: relative;
   overflow: hidden;
}
   .call-out i{
      width: 33px;
      height: 33px;
      text-align: center;
      line-height: 33px;
      font-size: 16px;
      color: #4c496b;
      background: #c2bfe4; 
      border: 1px solid rgba(0, 0, 0, 0.1);
      margin: 0 5px 0 0; 
      border-radius: 2px;
      position: absolute;
      left: 13px;
   }
   
   @media screen and (max-width: 768px){
      .call-out{
         overflow: visible;
      }
      .call-out i {
         clear: both;
         float: none;
         display: block;
         margin: 0 auto 15px;
      }
   }
   
   .shortcode-builder .call-out{ /* Shortcode builder */
      width: 90%;
      width: calc(100% - 20px);
      margin: 10px;
   }
   .call-out .btn{
      padding: 5px 8px;
      position: absolute;
      right: 7px;
      top:7px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   }
   .call-out a{
      color: #4c496b;
      text-decoration: none;
      font-weight: 700;
   }
      .call-out a:hover{
         color: #000;
         text-decoration: underline;
      }
   a.btn{
      padding: 6px 10px;
      display: inline-block;
      background: #46a2a5;
      border: 1px solid #46a2a5;
      border-radius: 3px;
      position: static;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      text-decoration: none !important;
      color: #fff !important;
      font-size: 13px;
      font-weight: 600;
      text-shadow: none;
   }
      a.btn:hover,
      a.btn:hover i{
         background-color: #4ab2b6;
         border-color: #3a989b;
         box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
         color:#fff !important;
         box-shadow: none;
      }
      a.btn:active{
         background-color: #3a989b;
         border-color: #3a989b;
         color:#fff !important;
         box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
         outline: none;
      }
      a.btn i{
         color: #dbf1ed;
         margin-right: 3px;
         position: relative;
         top:1px;
         background: none !important;
      }
      a.btn.installed{
         background: #efefef !important;
         border-color: #ccc !important;
         color:#666 !important;
         cursor: default;
         box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1) !important;
      }
      a.btn.installed i,
      a.btn.installed:hover i{
         background: none !important;
         color: #459fa2 !important;
         top: 0;
      }


/*
* Plugin Sidebar
*
*  @since 1.0.0
*/
.cnkt .cnkt-sidebar{
   width: 29%;
   float: right;
}
	.cnkt .cnkt-sidebar .cta{
	   background: #fff;
	   padding: 0;
	   margin: 0 0 20px;
	   overflow: hidden;
	   position: relative;	
	}
	
	.cnkt-sidebar .project-listing li{
   	margin: 15px 0 0 !important;
	}
	   .cnkt-sidebar .project-listing li:first-of-type{
         margin: 0 !important;
      }
	   .project-listing li a{
         display: block;
         padding: 0 0 0 42px;
         position: relative;
         text-decoration: none;
         color: #666;
         min-height: 32px;
      }
      .project-listing li a:hover strong{
         text-decoration: underline;  
      }
	   .project-listing li img{
   	   position: absolute;
   	   left: 0;
   	   top: 2px;
   	   width: 32px;
   	   height: 32px;
	   }
	.cnkt .cnkt-sidebar .cta .cta-wrap.sm-padding{
   	padding-bottom: 10px;
	}
	.cnkt .cnkt-sidebar .cta.no-bkg{
		background: none;	
		border: none;
	}
	.cnkt .cta-wrap{
	   padding: 20px;
	   display: block;
	   clear: both;
	   position: relative;
	}
	.cnkt .cta-wrap.sm{
   	padding: 20px 20px 10px;
	}
	.cnkt .cnkt-sidebar .cta.padding-bottom{
		padding-bottom: 60px;
	}
	.cnkt .cnkt-sidebar .cta.padding-bottom .cta-wrap{
		padding-bottom: 0;
	}
	.cnkt .cnkt-sidebar h3,
	.cnkt .cnkt-sidebar h4{
		margin-top: 0;
	}
	.cnkt .fake-sidebar h3,
	.cnkt .cnkt-sidebar h3{
   	padding: 15px 20px;
   	line-height: 1;
   	margin: 0;
   	background: #f7f7f7;
   	border-bottom: 1px solid #e5e5e5;
   	font-size: 14px;
	}
	.cnkt .cnkt-sidebar .item{
		overflow: hidden;
		padding: 0 0 10px;
	}
		.cnkt .cnkt-sidebar .item h4{
			margin: 0 0 5px;
			font-size: 0.9em;
			text-transform: uppercase;
			opacity: 0.5;
		}
		.cnkt .cnkt-sidebar h4{
			margin-bottom: 5px;
		}
		.cnkt .cnkt-sidebar p{
			line-height: 20px;
			font-size: 13px;
		}
		.cnkt .cnkt-sidebar ul{
		   margin: 0 0 10px;
		   overflow: hidden;
		}
		.cnkt .cnkt-sidebar li{
			font-size: 13px;
			line-height: 1.4;
			margin: 0 0 10px;
		}
		.cnkt .cnkt-sidebar .item i{
			font-size: 12px;
			float: left;
			width: 18px;
			height: 18px;
			border-radius: 100%;
			background: #efefef;
			line-height: 18px;
			text-align: center;
			margin:0 7px 0 0;
			position: absolute;
			top: 1px;
			left: 0;
		}
		
			.cnkt .cnkt-sidebar .item i.fa-check{
				background: #90be59;
				color: #fff;
			}
			.cnkt .cnkt-sidebar .item i.fa-exclamation{
				background: #c43a3a;
				color: #fff;
			}
			
	
	.cnkt .cnkt-sidebar a.visit{
		background: #46a2a5;
		padding: 12px 20px 16px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		display: block;
		color: #fff !important;
		z-index: 2;
		text-decoration: none;
	}
		.cnkt .cnkt-sidebar a.visit i{
			font-size: 24px;
			opacity: 0.7;
			margin: 0 5px 0 0;
			position: relative;
			top:3px;
		}
		.cnkt .cnkt-sidebar a.visit:hover{
			background: #4ab2b6;
		}
		.cnkt .cnkt-sidebar a.visit:active{
			background: #3a989b;
			box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
		}

   
   /* License Page */   
   .group.license{}
      
   .license-wrap{
      padding: 20px;
      overflow: hidden;
      display: block;
      border: 1px solid #ccc;
      background-color: #f7f7f7;
   }
      .license-wrap label{
         font-weight: 600;
         position: relative;
         top:-3px;
      }
      .license-wrap input#easy_query_license_key{
         background-color: #fff;
         margin: 0 0 15px;
         width: 100% !important;
      }
      .license-wrap .button-secondary{
         margin-left: 5px;
      }
      .eq-key-field{
         position: relative;
         display: block;
      }
      .eq-key-field .status{
      position: absolute;
      right:5px;
      top: 5px;
      display: inline-block;
      border-radius: 2px;
      padding: 6px 12px;
      line-height: 1.3;
      color: #fff;
      border-color: #999;
   }
      .eq-key-field .status.active{
         background-color: #acd481;
      }
      .eq-key-field .status.inactive{
         background-color: #d45656;
      }
   
   
	
	/* Setting Page */
   .cta-wrap.config .spacer{
	   border-bottom: 1px solid #efefef;
	   padding: 0;
	   margin: 0 0 25px;
	   overflow: hidden;
	   display: block;
   }
   .cta-wrap.config .config-nav {
      padding: 0 0 10px;
      display: block;
      margin: 0;
   }
   .cta-wrap.config .config-nav li{
      display: inline-block;
      vertical-align: top;
      margin: 5px 10px 5px 0;
      font-weight: 500;      
   }
   .cta-wrap.config p span{
      display: inline-block; 
      padding: 2px 6px; 
      background-color: #f7f7f7;
      border-radius: 2px;
   }
   .cta-wrap.config .item{
      display: inline-block;
      width: 33.333%;
      margin: 0 -2px;
      padding: 10px;
      vertical-align: top;
      position: relative;
      text-align: center;
   }   
   .cta-wrap.config .item h4{
      margin: 0;
      font-size: 11px !important;
      line-height: 1.1;
      margin: 0 0 4px;
      text-transform: uppercase;
      color: #999;
   }
   .cta-wrap.config .item p{
      margin: 0;
      font-weight: 600;
      color: #222;
      font-size: 13px !important;
   }
   .cta-wrap.config .item i{
      font-size: 24px;
      color: #999;
      margin: 0 0 12px;
   }
	
		
   
   
/*
* Delete Template
*
* @since 1.0.0
*/

#unlmited-container{
   margin: 0;
   display: block;
   overflow: visible;
}
   .admin.cnkt .row.unlimited:first-of-type{
      margin-top: 10px;
   }
   
   .repeaters .row,
   .shortcode-builder .row{
      -webkit-transition: background-color 0.3s ease;   
      -moz-transition: background-color 0.3s ease;   
      transition: background-color 0.3s ease;   
   }
   .repeaters .row.no-brd:hover,
   .shortcode-builder .row.no-brd:hover{
      box-shadow: none;
      border-color: transparent;
   }
   .unlimited-wrap{
      display: none;
   }
   
   .admin.cnkt .row.unlimited.deleting{ /* Deleting Row */
      background: #fff url('../img/ajax-loader.gif') no-repeat center center; 
      border-color: #fff;
      opacity: 0.5;
   }
   .admin.cnkt .row.unlimited.deleting.deleted{ /* Deleting Row */
      background-image: none !important;
   }
   .admin.cnkt .row.unlimited.new{ /* New Row */
      background: url('../img/ajax-loader.gif') no-repeat center center;
      border-color: #efefef !important;
      min-height: 60px;
      display: none;
   }
   .admin.cnkt .row.unlimited.new.done{
      background-image: none !important;
   } 
   .admin.cnkt .row.unlimited.loaded{ /* Loading complete */
      background-color: #64e49d;
      border-color: #64e49d;
   }
   
      .admin.cnkt .row.unlimited.deleting .expand-wrap,
      .row.unlimited.deleting h3.heading{
         opacity: 0.6;
      }
      .row.unlimited.deleting .save-repeater{
         opacity: 0;
         cursor: default;
      }      
   .cnkt .row.unlimited input[type=text]{
      width: 100.75%;
   }
  		

.spacer{ 
   height:10px;
   clear:both; 
   display:block;
}
   .spacer.lg{
      height: 20px;
   } 

    		
/*
* Form Replacements
*
* @since 1.0.0
*/

.shortcode-builder input[type=checkbox],
.shortcode-builder input[type=radio],
.cnkt .form-table input[type=checkbox],
.cnkt .form-table input[type=radio]{
   display:none;
}
 
   .shortcode-builder input[type=checkbox] + label,   
   .cnkt .form-table input[type=checkbox] + label,
   .shortcode-builder input[type=radio] + label,
   .cnkt .form-table input[type=radio] + label{
      background: #fff url(../img/bkg-chkbox_off.png) no-repeat left 1px;
      height: auto;
      min-height: 21px;
      width: 100%;
      display:inline-block;
      padding: 1px 0 0 30px;
      margin: 0 0 5px;
      font-size: 14px;
      line-height: 1.4;
      cursor: pointer !important;
      border-radius: 0;
   }
   .shortcode-builder input[type=radio] + label,
   .cnkt .form-table input[type=radio] + label{
      background: #fff url(../img/bkg-radio_off.png) no-repeat left 1px;
   }
   
      .shortcode-builder input[type=checkbox]:checked + label,
      .cnkt .form-table input[type=checkbox]:checked + label{   
         background-image: url(../img/bkg-chkbox_on.png);
      }   
      .shortcode-builder input[type=radio]:checked + label,
      .cnkt .form-table input[type=radio]:checked + label{   
         background-image: url(../img/bkg-radio_on.png);
      }      
         
         .shortcode-builder input[type=checkbox] + label:hover,
         .cnkt .form-table input[type=checkbox] + label:hover,
         .shortcode-builder input[type=radio] + label:hover,
         .cnkt .form-table input[type=radio] + label:hover{
            color: #000;
         }
         

		
/*
   * CodeMirror Syntax Highlighting
*
* @since 2.2.0
*/

.cnkt .CodeMirror {
   height: auto;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 8px;
   background: #f7f7f7;
   border: 1px solid #e5e5e5;
   color: #999;
   line-height: 1.3;
   margin: 0 0 20px;
}
#ewpq-builder.cnkt .CodeMirror {
   min-height: 100px;   
}
   .CodeMirror-code > div{
      /* padding: 0 10px; // Doesn't work. Currosr issue */
   }
   
   .cnkt .CodeMirror.loading{
      background: #fff url("../img/ajax-loader.gif") no-repeat center center;
      opacity: 0.5;
   }
   .cnkt .cm-s-pastel-on-dark.CodeMirror{ /* Bkg color */
      background: #333;
   }
   .cnkt .CodeMirror-gutters{ /* Line Number color */
      background: #fff;
      border-right: 1px solid #ccc;
     -webkit-border-radius: 2px 0 0 2px;
     -moz-border-radius: 2px 0 0 2px;
     border-radius: 2px 0 0 2px;
   }
   .cnkt .CodeMirror pre{
      font-size: 13px;
      padding: 0 10px;
   }
   .cnkt .CodeMirror-scroll {
     overflow-y: hidden;
     overflow-x: auto;
   }
   
   
   .cnkt .cm-tag{ /* <li> <h2> html elements */ 
      color: #0a4b83 !important;
   }
   .cnkt .cm-string{  /* Elements in " " */ 
      color: #d14 !important;
   }
   .cnkt .cm-attribute{ /* class names */
      color: #008080 !important;
   }
   .cnkt .cm-keyword{ /* if, array, echo */
      color: #ae5fb3 !important;
   }
   .cnkt span.CodeMirror-matchingbracket{
      color: #ff0000 !important;
   }
   .cnkt .CodeMirror span.cm-meta{ /* <?php */
      color: #999;
   }
   .cnkt .CodeMirror span.cm-variable{ /* Function names */
      color: #111;
      font-weight: 500;
      padding: 0 1px;
   }
  .cnkt .CodeMirror span.cm-number{ /* Numbers */
      color: #009999 !important;
   }

    
/*
* Repeater Template options dropdown
*
* @since 1.0.0
*/    

.cnkt .row.template{
	position: relative;
}
	
.ewpq-template-options{
   position: absolute;
   top: -43px;
   right: 10px;
   z-index: 99;
}
.row.template:hover .ewpq-template-options{
   opacity: 1;
}
   .ewpq-template-options a.target{
      color: #999;
      text-decoration: none !important;
      padding: 8px 12px;
      border: 1px solid #e5e5e5;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-size: 12px;
      font-weight: 600;
      display: block;
      -webkit-box-shadow: 0 0 0 1px #fff;
      -moz-box-shadow: 0 0 0 1px #fff; 
      box-shadow: 0 0 0 1px #fff;
   }
      .ewpq-template-options a i.fa-cog{
         color: #999;
         font-size: 16px;
         position: relative;
         top: 1px;
         left: -3px;
      }
      .ewpq-template-options a.target:hover,
      .ewpq-template-options a.target:active{
         border-color: #c9c9c9;
         color: #666;
			background-color: #fff;
		   -webkit-box-shadow: 0 0 3px #ccc;
		   -moz-box-shadow: 0 0 3px #ccc;
		   box-shadow: 0 0 3px #ccc;
      }
         .ewpq-template-options a.target:hover i.fa-cog{
            color: #46a2a5;
         }
   
   /* Active state */     
   .ewpq-template-options a.target:active,
   .ewpq-template-options.active a.target{
		background-color: #fff;
	   border-color: #c9c9c9;
	   -webkit-box-shadow: inset 0 1px 1px #ccc !important;
	   -moz-box-shadow: inset 0 1px 1px #ccc !important;
	   box-shadow: inset 0 1px 1px #ccc !important;
	}
	.ewpq-template-options.active a.target,
	.ewpq-template-options.active a.target i.fa-cog{
      color: #46a2a5;
   }
         
   /* Dropwbown */
   .alm-dropdown{
      display: none;
      position: absolute;
      top: 108%;
      right: -2px;
      z-index: 9;
   }
      .alm-dropdown .alm-drop-inner{
         display: block;
         position: relative;      
         background: #fff;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
         border: 1px solid #ccc;
         box-shadow: 0 0 4px #ccc;
         padding: 5px 8px;
         width: 240px;
      }
         .alm-drop-inner:after,
         .alm-drop-inner:before {
         	bottom:100%;
         	right: 36px;
         	border:solid transparent;
         	content:" ";
         	height:0;
         	width:0;
         	position:absolute;
         	pointer-events:none;
         }
         
         .alm-drop-inner:after {
         	border-color:rgba(247,247,247,0);
         	border-bottom-color:#fff;
         	border-width:7px;
         	margin-left:-7px;
         }
         
         .alm-drop-inner:before {
         	border-color:rgba(204,204,204,0);
         	border-bottom-color:#ccc;
         	border-width:8px;
         	right: 35px;
         }
      
   .alm-dropdown.active{
      display: block;
   }
   .alm-dropdown ul{
      padding:0;
      margin:0;
   }
   .alm-dropdown ul li{
      margin:0;
      padding:0;
      list-style: none;
      clear: both;
      font-size: 12px;
      margin: 6px 0;
      padding: 0;
      line-height: 1.2;
      font-weight: 500;
   }
   .alm-dropdown ul li:first-child{
      border: none;
   }
      .alm-dropdown ul li a{
         padding: 14px 5px 14px 40px;
         display: block;
         text-decoration: none;
         background-position: 1px center;
         color: #666;         
		   -webkit-box-shadow: none !important; 
		   -moz-box-shadow: none !important;
		   box-shadow: none !important;
		   position: relative;
         border: 1px solid #efefef;
         border-radius: 2px;
         transition: background-color 0.2s ease border 0.2s ease;
      }
      .alm-dropdown ul li a i{
	      margin: 0;
	      color: #ccc !important;
	    	position: absolute;
	    	left: 9px;
	    	top: 13px;
		 	font-size: 18px;
		 	width: 19px;
		 	padding-left: 3px;
		 	display: inline-block;
      }
	      .alm-dropdown ul li.copy a i{
		    	left: 8px;  
		   }		   
      .alm-dropdown ul li a:hover{
	      color: #46a2a5;
	      background-color: #f7f7f7;
	      border-color: #e7e7e7;
	   }
   	   .alm-dropdown ul li a:hover i{
   	      color: #888 !important;
   	   }
   	   .alm-dropdown ul li a.eq-delete:hover{
            background: #cc0000;
            border-color: #cc0000;
            color: #fff !important;
         }
   	   .alm-dropdown ul li a.eq-delete:hover i{
   	      color: #eb999b !important;
   	   }

.repeater-wrap .eq-undo {
   bottom: 25px;
   clear: none;
   display: inline-block;
   float: right;
   font-size: 13px;
   position: absolute;
   right: 26px;
   transition: all 0.2s ease 0s;
   width: auto;
} 

.select2-results .grey .select2-result-label{
	color: #666;
	background-color: #efefef;
}	
	.select2-results .grey .select2-result-label:hover{
		color: #333;
		background-color: #dddddd;	
	}
.select2-results .red .select2-result-label{
	color: #fff;
	background-color: #d13d3d;
}
	.select2-results .red .select2-result-label:hover{
		color: #fff;
		background-color: #e34a4a;	
	}
.select2-results .blue .select2-result-label{
	color: #fff;
	background-color: #4a87cc;
}
	.select2-results .blue .select2-result-label:hover{
		color: #fff;
		background-color: #5e9ade;	
	}
.select2-results .green .select2-result-label{
	color: #fff;
	background-color: #59ca8e;
}
	.select2-results .green .select2-result-label:hover{
		color: #fff;
		background-color: #4fb67f;	
	}
.select2-results .dark-grey .select2-result-label{
	color: #fff;
	background-color: #343434;
}
	.select2-results .dark-grey .select2-result-label:hover{
		color: #fff;
		background-color: #121212;	
	}
.select2-results .purple .select2-result-label{
	color: #fff;
	background-color: #a552cb;
}
	.select2-results .purple .select2-result-label:hover{
		color: #fff;
		background-color: #b466d8;	
	}
	       		
/*
* Admin screen media queries
*
* @since 1.0.0
*/

@media screen and (max-width: 1200px){   
   .cnkt input[type=text], 
   .cnkt input[type=number],
   .select2-container,
   .shortcode-builder .select2-container-multi{
      width: 95%;
   }   
   .shortcode-builder .select2-container-multi{
      width: 95% !important;
   }
}

@media screen and (max-width: 850px){

  .table-of-contents{
      position: static !important;
      width: 100% !important;
   }    
   .cnkt .header-wrap h1{
	   max-width: 100%;
   }
   .header-wrap{
      max-width: 100%;
   }
  
  .cnkt-main,
  .cnkt .cnkt-sidebar,
  .cnkt-main.full {
     float: none;
     clear: both;
     margin: 0 0 20px;
     width: 100%;
   }
   .eq-nav{
	   height: auto;
	   overflow: hidden;
   }
   .eq-nav li {
		float: left;
		font-size: 12px;
	}
	.eq-nav li a{
		padding: 0 12px;	
	}
	.eq-nav a.nav-tab-active{
		font-weight: 600;
	}
	.eq-nav li.eq-dashboard a.nav-tab-active, 
	.eq-nav li.eq-dashboard a.nav-tab-active:focus, 
	.eq-nav li.eq-dashboard a.nav-tab-active:active{
		
	}
}

@media screen and (max-width: 480px){
   .cnkt .section-title,
   .cnkt .row .wrap{
      clear: both;
      width: 100%;
      display: block;
      float: none;
      padding: 20px 20px 10px;
   }
   .cnkt input[type=text], 
   .cnkt input[type=number],
   .select2-container,
   .shortcode-builder .select2-container-multi{
      width: 100% !important;;
   }
   .cnkt .row .wrap .inner.half {
      display: block;
      padding: 0 0 20px;
      width: 100%;
   }
   .cnkt .section-title p {
      color: #999;
      padding: 0 !important;
   }
   #alm-add-ons .row .wrap{
      padding-bottom: 60px;
      width: 100%;
   }
   #alm-add-ons .section-title{
      width: 100%;
   }   

}