@import '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
		  'libs/tooltipster',
		  'libs/select2',
		  'variables',
		  'partials/header', 
		  'partials/sidebar',
		  'partials/alm-settings-feedback',
		  'partials/select2'; 
 
body.toplevel_page_ajax-load-more,
body.ajax-load-more_page_ajax-load-more-repeaters,
body.ajax-load-more_page_ajax-load-more-shortcode-builder,
body.ajax-load-more_page_ajax-load-more-add-ons,
body.ajax-load-more_page_ajax-load-more-extensions,
body.ajax-load-more_page_ajax-load-more-help,
body.ajax-load-more_page_ajax-load-more-licenses,
body.ajax-load-more_page_ajax-load-more-cache,
body.ajax-load-more_page_ajax-load-more-filters,
body.ajax-load-more_page_ajax-load-more-pro{
   background-color: #f7f7f7; 
   #wpcontent{
      padding-left: 0;
      padding-bottom: 40px;
      background-color: #efefef;
   }
   #wpbody-content{
      padding-bottom: 0; 
   }
} 
body.toplevel_page_ajax-load-more,
body.ajax-load-more_page_ajax-load-more-repeaters,
body.ajax-load-more_page_ajax-load-more-shortcode-builder,
body.ajax-load-more_page_ajax-load-more-add-ons,
body.ajax-load-more_page_ajax-load-more-extensions,
body.ajax-load-more_page_ajax-load-more-help,
body.ajax-load-more_page_ajax-load-more-licenses,
body.ajax-load-more_page_ajax-load-more-cache,
body.ajax-load-more_page_ajax-load-more-filters,
body.ajax-load-more_page_ajax-load-more-pro{
	background: #efefef;
	#wpfooter {
	   padding-top: 0;
	   padding-bottom: 0;
	   line-height: 40px;
	   background: #f7f7f7;
	   border-top: 1px solid #efefef;
	   position: fixed;
	   bottom: 0; 
	   z-index: 1100; 
	   p {
	      line-height: 40px;
	   }
	}
	.ajax-load-more .cnkt-main{   	
   	// Set main column height to min 100% viewport
      @media screen and (min-width: 901px){
         min-height: 100vh;  
      }
	}
	.ajax-load-more .cnkt-sidebar{ 
      @media screen and (max-width: 900px){
         //background-color: #efefef;
      }      
   }
}
// Extensions, Pro
body.ajax-load-more_page_ajax-load-more-extensions,
body.ajax-load-more_page_ajax-load-more-pro{
	background: #fff;
	#wpcontent{
		background: #fff;
	}
}
.main-cnkt-wrap{
   padding: 0 !important;
   margin: 0 !important;
}
.ajax-load-more-inner-wrapper{
   padding: 0;
   display: block;
   clear: both;
   max-width: 1440px;
   position: relative;
}

/*
*  Admin - Popup Generator
*
*  @since 1.0
*/

.ajax-load-more *{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.forceColors{
	background: #fff !important;
}
.offscreen{
   position: absolute;
   left: -9999px;
}
.ajax-load-more{
   font-size: 14px;
   color:#666;
   position: relative;
   max-width: 100%;
}
#alm-help.ajax-load-more{
	max-width: 1600px;
}
.ajax-load-more a:focus{
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
.ajax-load-more img{
   max-width: 100%;
}
#alm-container{
	overflow: hidden;
   padding: 15px 10px 140px !important;
}
#alm-settings {
   .admin-select{
      width: 100%;
      display: block;
      padding: 0 0 25px;
      margin: -10px 0 0;
      .select2-container{
         width: 40%;
         min-width: 40%;
         display: inline-block;
         vertical-align: top;
      }
   }
}

/* Saved Settings */   

#alm-settings .row.alm-save-settings{
   padding-bottom: 5px !important;
}

#alm-settings form {
   h2{
      background: #f7f7f7;
      border: 1px solid #e1e1e1;
      border-bottom: none;
      padding: 20px 20px 6px;
      margin: 20px 0 0;
      font-weight: 600;
      font-size: 18px;
      border-radius: 2px 2px 0 0;
      &:first-of-type{
         margin: 0;
      }
      + p{
         color: #999;
         padding: 0 20px 17px;
         border-right: 1px solid #e1e1e1;
         border-left: 1px solid #e1e1e1;
         background: #f7f7f7;
         margin: 0;
      }
   }
}


// File location on Theme Repeaters
.ajax-load-more  .file-location{
   border: 1px solid #e1e1e1;
   background: #fff;
   margin: 0;
   padding: 0;
   line-height: 1;
   display: flex;
   flex-wrap: nowrap;
   font-family: Consolas,monaco,monospace; 
   border-radius: 3px;
   p, code {
	   padding: 12px 16px;
	   line-height: 18px;
	   font-size: 12px;
   }
   p{
	   background: #f7f7f7;
	   color: #555;
	   font-weight: 600;
	   margin: 0;
	   width: auto;
	   display: inline;
	   border-right: 1px solid #e1e1e1;
   }
   code{
	   color: #999;
	   background: transparent;
   }
}

.ajax-load-more code{
	background: #fcf3d0;
}
.ajax-load-more p{
	display: block;
	color:#777;
	width: 100%;
	display: block;
	clear: both;
	text-transform: none;
	padding: 0;
	margin:0 0 15px;
}

.ajax-load-more p,
.ajax-load-more li,
.ajax-load-more input,
.ajax-load-more textarea,
.ajax-load-more label{
	font-size: 14px;
}
textarea#_alm_layouts_css{
   height: 240px;
}
a.layout-hover{
	width: 20px !important;
	height: 20px !important;
	background: #ccc;
	display: inline-block;
	position: relative;
}
	a.layout-hover img{
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 999;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	a.layout-hover:hover img{
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 999;
		opacity: 1;
		filter: alpha(opacity=100);
	}


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

.ajax-load-more h1{
	font-weight: 600;
	line-height: 28px;
}
.ajax-load-more h1,
.ajax-load-more h3,
.ajax-load-more h4{
   color:#444;
   margin-top: 0;
}
.ajax-load-more h4 + p{
	margin-top: -6px;
}
.ajax-load-more p.small{
	font-size: 12px;
	margin-top: -10px;
	opacity: 0.7;
}
.ajax-load-more p.small.reset-shortcode-builder{
   text-align: right;
   margin: 10px 0 0;
   display: none;
}
   .ajax-load-more p.small.reset-shortcode-builder a{
      text-decoration: none;
   }

/* Expand Collapse Headings */
.ajax-load-more h3.heading{
   font-weight: 600;
   padding: 15px 10px 15px 38px !important;
   line-height: normal !important;
   margin: 0 !important;
   color: $grey;
   cursor: pointer;
   width: 100%;
   position: relative;
   font-size: 16px;
   background: #f7f7f7;
   border-bottom: 1px solid #e1e1e1; 
}
   .ajax-load-more h3.heading:hover:after,
   .ajax-load-more .add-on h3.heading:hover:after,
   .ajax-load-more h3.heading:focus:after,
   .ajax-load-more .add-on h3.heading:focus:after{
      color: #ccc;
   } 
   .ajax-load-more h3.heading:hover,
   .ajax-load-more h3.heading:focus{
      color: #222;
      outline: none;
   }
   .ajax-load-more h3.heading:after{
      font-family: 'FontAwesome';
      content: '\f056';
      color: #e1e1e1;
      position: absolute;
      left: 13px;
      top: 16px;
      height: 20px;
      width: 20px;
   }
   .ajax-load-more h3.heading.open:after{
      content:'\f055';
   }
   .ajax-load-more h3.heading.open{
      border-bottom-color: transparent;
   }

.ajax-load-more .add-on h3.heading:after{
   color: #e8e8d3;
}
.ajax-load-more .add-on h3.heading{
   background-color: #fefeed;
   &:focus{
	   outline: none;
   }
}

/* Expand/Collapse all rows */
.ajax-load-more .toggle-all{
    position: absolute;
    top: -16px;
    right: 20px;
    width: auto;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 0 12px 0 10px;
    height: 31px;
    line-height: 30px;
    background: #fff;
    border:1px solid #e1e1e1;
    color: #777;
    cursor: pointer;
    z-index: 20;
}
#alm-container.ajax-load-more .toggle-all{
    display: none;
}
    .ajax-load-more .toggle-all:hover{
        color: #ca5252;
    }
    .ajax-load-more .toggle-all .inner-wrap{
        position: relative;
        padding-left: 16px;
        line-height: 24px;
    }

    .ajax-load-more .toggle-all .expand{
        display: none;
    }
    .ajax-load-more .toggle-all .collapse{
        display: inline-block;
    }
    .ajax-load-more .toggle-all em{
        font-style: normal;
    }

    .ajax-load-more .toggle-all.closed .expand{
        display: inline-block;
    }
    .ajax-load-more .toggle-all.closed .collapse{
        display: none;
    }

    .ajax-load-more .toggle-all .inner-wrap:before{
        font-family: 'FontAwesome';
        content: '\f068';
        font-size: 10px;
        position: absolute;
        left: 0;
        top: -5px;
    }
    .ajax-load-more .toggle-all.closed .inner-wrap:before{
        content:'\f067';
    }
    
#alm-builder{
   font-family: -apple-system,BlinkMacSystemFont, "Segoe UI", Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}   


.ajax-load-more ul{
   padding: 0;
   margin: 0;
   list-style: none;
}
   #alm-builder li,
   .forceColors li{
      padding: 0 5% 0 0;
      margin: 0 0 5px;
      width: 48.666%;
      clear: both;
      display: inline-block;
      vertical-align: top;
      overflow: visible;
   }

.ajax-load-more 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;
}
.ajax-load-more .border-top{
   display: block;
   border-top: 1px solid #efefef;
   width: 100%;
   clear: both;
   margin: 0 0 20px;
   padding: 20px 0 0 !important;
   overflow: visible;
   position: relative;
}
.ajax-load-more .border-top.controls{
   padding: 0 !important;
}
.ajax-load-more .border-top.controls button{
   margin-top: 20px !important;
}

.ajax-load-more .border-top.highlighted{
   background-color: #feffe3;
   padding: 15px !important;
   border: 1px solid #eeefd4;
}

.ajax-load-more .alm-settings-nav{
   margin: 0 0 5px;
   padding: 0;
   overflow: hidden;
   position: relative;
   width: calc(100% + 40px);
   top: -20px;
   left: -20px;
   border-bottom: 1px solid #ebebeb;
   background: #f7f7f7;
   border-radius: 3px 3px 0 0;
}
   .alm-settings-nav li{
      float: left;
      margin: 0;
      padding: 0;
      font-weight: 600;
      background: none;
      font-size: 13px;
   }

      .alm-settings-nav a{
         text-decoration: none;
         padding: 8px 16px 8px 16px;
         border-left: 1px solid #ebebeb;
         display: block;
      }
      	.alm-settings-nav a:hover{
	      	color: #fff;
	     		background-color: #ff5a58;
	      }
      .alm-settings-nav li:first-of-type a{
         border: none;
			border-radius: 3px 0 0 0;
      }

#meta-query-relation{
   margin: 10px 0 0;
}
#meta-query-relation .inner{
	margin: 5px 0 0 !important;
}
#alm-meta-key .meta-query-wrap,
.taxonomy-wrap{
   padding: 15px;
   border: 1px solid #efefef;
   margin: 20px 0 0;
   position: relative;
   border-radius: 2px;
}
.meta-query-wrap.removing,
.taxonomy-wrap.removing{
   background-color: #f5d0d0;
}
#alm-meta-key .meta-query-wrap-first .meta-query-wrap{
   border: none;
   background-color: none;
   padding: 0;
   margin: 0;
}
#meta-key .border-top{
   border: none !important;
}
.row .controls{
   display: block;
   clear: both;
   padding: 20px 0 10px;
   overflow: hidden;
}
.row.taxonomy .controls{
   padding-bottom: 20px;
}
.row.taxonomy .highlighted{
   margin-bottom: 0 !important;
}

   .meta-query-wrap .remove-meta-query,
   .taxonomy-wrap .remove-tax-query{
      position: absolute;
      right: 7px;
      top: 7px;
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center; 
      font-weight: 400;
      font-size: 17px;
      background-color: transparent;
      color: #666;
      text-decoration: none;
      border-radius: 2px;
      &:hover,
      &:hover{
         background-color: #cb2222;
         color: #fff;
      }
   }

   .ajax-load-more .meta-query-wrap .border-top:first-of-type{
      padding: 0 0 0 !important;
      border: none;
   }

.ajax-load-more #taxonomy-extended,
.ajax-load-more #nav-controls,
.ajax-load-more #seo-extended,
.ajax-load-more #meta-query-relation,
.ajax-load-more #tax-query-relation,
.ajax-load-more .comments_extras,
.ajax-load-more #users-extended,
.ajax-load-more .taxonomy-extended{
   display: none;
   overflow: hidden;
}
.ajax-load-more .taxonomy-extended{
	padding-top: 20px;
}
.ajax-load-more #tax-query-relation{
   margin-top: 20px;
}
.ajax-load-more .taxonomy-wrap{
	display: none;
	position: relative;
}
.ajax-load-more .row .wrap .inner
.ajax-load-more p.warning{
	color: #d24646;
	font-size: 13px;
	border-left: 3px solid #d24646;
	margin: 0;
	padding: 0 0 0 10px;
}
.ajax-load-more .row .wrap .inner.taxonomy{
   padding-bottom: 0;
}

.ajax-load-more p.warning-callout{
	background-color: #cbecf7;
	border-left: 5px solid #5e99ac;
	color: #333;
	font-size: 13px;
	margin: 0;
	display: block;
	padding: 12px 12px 12px 17px;
	border-radius: 3px;
	margin: 10px;
	width: auto;
	line-height: 1.55;
}
   .ajax-load-more 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;
   }
.ajax-load-more p.warning-callout.notify{
	background-color: #ad4141;
	border-color: #903030;
	color: #fff;
}

	.ajax-load-more p.warning-callout.notify strong{
		background-color: #cb5858;
		color: #fff;
	}


.ajax-load-more label,
.ajax-load-more input,
.ajax-load-more select,
.ajax-load-more 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;
}

.controls button.disabled{
	opacity: 0.5;
}

.ajax-load-more textarea._alm_repeater{
   font-family: Consolas, monaco, monospace;
   font-size: 13px;
   line-height: 19px;
   padding: 10px;
}
   .ajax-load-more textarea._alm_repeater:focus{
      color: #222;
   }

.ajax-load-more label{
	padding: 5px 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 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;
}
.ajax-load-more input[type=text],
.ajax-load-more input[type=number]{
   padding: 10px 12px;
   line-height: 1.3;
   border: 1px solid #e1e1e1;
   width: 60%;
}
.ajax-load-more input[type=text].full{
   width: 100%;
}

.ajax-load-more .wrap-30{
   width: 32.333%;
   padding-right: 3%;
   display: inline-block;
   vertical-align: top;
}
.ajax-load-more .wrap-30.wrap-50{
   width: 48.6666%;
}
.ajax-load-more .wrap-30.wrap-50.padding-top{
   padding-top: 15px;
}
.ajax-load-more .wrap-30 input[type=text].sm,
.ajax-load-more .wrap-30 .select2-container{
   width: 100%;
   margin: 0;
}

.ajax-load-more input[type=number].sm{
   width: 100px;
}

.ajax-load-more ::-webkit-input-placeholder {
   color: #999;
   font-style: italic;
}

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

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

.ajax-load-more :-ms-input-placeholder {
   color: #999;
   font-style: italic;
}

.ajax-load-more input[type=text],
.ajax-load-more input[type=number],
.ajax-load-more input[type=email],
.ajax-load-more textarea{
   background: #f7f7f7;
}
.ajax-load-more .repeaters input[type=text]{
	padding: 9px 10px;
}
.ajax-load-more input[type=number]{
   height: auto;
}

.ajax-load-more input.disabled-input{
   opacity: 0.5;
   filter: alpha(opacity=50);
   cursor: not-allowed;
   background: #f7f7f7 !important;
	border-color: #ccc !important;
	box-shadow: none !important;
}
	.ajax-load-more input[type=text]:focus,
	.ajax-load-more input[type=number]:focus,
	.ajax-load-more input[type=email]:focus,
	.ajax-load-more textarea:focus{
		border-color: #bbbbbb;
		box-shadow: 0 0 6px #ccc;
		background: #f7f7f7;
	}


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



.ajax-load-more .one_half{
   display: inline-block;
   width: 48%;
   margin: 0 -2px 1% 2%;
   vertical-align: top;
}
   .ajax-load-more .one_half:first-of-type{
      margin: 0 2% 1% 0;
   }
   

// 2018 Grid
.ajax-load-more .alm-row{
   display: block;
   width: 100%;
   &:after {
      content: "";
      clear: both;
      display: table;
   }
   &--margin-btm{
      margin-bottom: $padding;
   }
   &--margin-btm-lg{
      margin-bottom: $gutter;
   }
   .column{
      width: 100%;
      float: none;
      padding: 0 $padding;
      &--half{
         width: 50%;
         float: left;
      }
      &--one-third{
         width: 33.333%;         
         float: left;
      }
      &--two-third{
         width: 66.666%;
         float: left;
      }
      &--one-fourth{
         width: 25%;
         float: left;
      }
      @media screen and (max-width: $small){
         &--half,
         &--one-third{
            float: none;
            width: 100%;
         }
      }
   }
}


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

.ajax-load-more .row{
   padding: 0 !important;
   margin: 10px 0 0;
   height: auto;
   width: 100%;
   display: block;
   overflow: hidden;
   clear: both;
   border: 1px solid #efefef;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}
.ajax-load-more#alm-repeaters .row{
   overflow: visible;
}
   .ajax-load-more .row.no-brd{
      border: none !important;
      padding: 0 !important;
   }

	.admin.ajax-load-more .row,
	.forceColors .ajax-load-more .row{
		border-color: #e1e1e1;
	}
	.admin.ajax-load-more .repeaters .row:hover,
	.admin.ajax-load-more.shortcode-builder .row:hover{
   	border-color: #d9d9d9;
   	-webkit-box-shadow: 0 0 0 3px #f7f7f7;
   	-moz-box-shadow: 0 0 0 3px #f7f7f7;
   	box-shadow: 0 0 0 3px #f7f7f7;
	}
	.admin.ajax-load-more .row:first-of-type{
		margin-top: 20px;
		padding-top: 0;
	}
   .ajax-load-more .intro{
		height: auto;
		width: 100%;
		display: block;
		overflow: hidden;
   }

/* Jump Menu */

.pop-up-jump{
   display: block;
   width: 100%;
   .jump-menu-wrap{
      position: relative;
      float: right;
      width: 30%;
   }
   .jump-menu-wrap .select2-container{
		width: 100% !important;
		margin-bottom: 15px;
		position: relative;
		top: -5px;
	}
	.intro-wrap{
      position: relative;
      float: left;
      width: 65%;
      padding-right: 5%;
   }
}
.admin.ajax-load-more .jump-menu{
	display: none;
}

/* Table of Contents */
#cnkt-sticky{}
#cnkt-sticky.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;
      }


.ajax-load-more .expand-wrap{
	display: block;
}
#alm-examples.ajax-load-more .expand-wrap{
	padding: 10px 10px 0;
}
.ajax-load-more .expand-wrap hr{
   border: 0;
   height: 0;
   border-top: 1px solid #efefef;
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.indented{ // Indented as fake padding in shortcode builder
	width: calc(100% - 40px);
	margin-left: 20px; 
}
.ajax-load-more .section-title {
   float: left;
   padding: 20px 0 20px 20px;
   width: 35%;
}

.ajax-load-more .section-title.full {
   width: 100%;
   float: none;
}
	.ajax-load-more .section-title h4{
      font-size: 15px;
      font-weight: 600;
      margin-bottom: 15px;
   }
	.ajax-load-more .section-title p,
	.ajax-load-more .wrap p.descriptor{
		font-size: 14px;
		line-height: 22px;
		color: #999;
	}
	.ajax-load-more .wrap p.descriptor{
      margin: 0;
      font-style: italic;
   }
	.ajax-load-more .section-title p .fa.tooltip:hover,
	.form-table label .fa.tooltip:hover{
		opacity: 1;
	}
	.ajax-load-more .fa.tooltip{
		display: inline-block;
		margin: 0 2px;
		text-decoration: none;
		cursor: help;
		position: relative;
		top: 0;
		background: #fff;
		border-radius: 100%; 
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		box-shadow: 0 -1px 1px #ccc;	
	}
	.cta h3 .fa.tooltip{
		top: 1px;	
	}
   .ajax-load-more .section-title p span, 
   .admin.ajax-load-more.settings .form-table p.notify span{
      display: inline-block;
      padding: 0 4px;
      border-radius: 2px;
      background: #f7f7f7;
      border: 1px solid #efefef;
      color: #666;
   }
	.ajax-load-more .section-title h4{
		margin: 0 0 10px;
	}

	.ajax-load-more .repeaters .section-title,
	.ajax-load-more .repeaters .row .wrap{
		width: 100%;
		float: none;
		padding: 0;
	}
		.ajax-load-more .repeaters .section-title p{
			padding-left: 0 !important;
		}
		.ajax-load-more label.template-title{
   		padding: 8px 0 10px;
   		margin: 0;
   		font-size: 13px;
   		color: #888; 
		}

	.ajax-load-more label input._alm_repeater_alias{
		height: auto;
		line-height: normal !important;
	}
	
.preload_amount,
.cache_id,
.alternate_template_wrap,
.cta_template_wrap,
.restapi_options,
.filters_options,
.next-page-content, 
.acf-options,
.masonry-options, 
.progress-bar-options,
.hide-section{
   display: none; 
}
 
.ajax-load-more .row .wrap{
  padding: 20px 20px 0 5%;
  margin: 0;
  border: none;
  width: 65%;
  float: left;
  position: relative;
}
.ajax-load-more .row .wrap.full{
   float: none;
   width: 100%;
   padding: 0 15px 15px 36px;
}


/* ***********************************
-- Shortcode Output
**************************************/
.ajax-load-more .output-wrap{
   padding: 0 50px 0 15px;
   margin: 0;
   position: fixed;
   bottom: 0;
   left: 0;
   background: #FF5A58;
   border-top: 1px solid #ca5252;
   -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;
}
.admin.ajax-load-more .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;
}
   .ajax-load-more .row .wrap.output{
      display: block !important;
   }
      .ajax-load-more .row .wrap .inner{
         padding:0 0 20px;
      }
      .ajax-load-more .row .wrap .inner.half{
         padding:0 0 20px;
         width: 49.333%;
         display: inline-block;
      }

   .output-wrap .copy{
      background: #fff;
      color: #FF5A58;
      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.ajax-load-more .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.ajax-load-more .shortcode-display{
   	float: none;
   	width: 100%;
   }

   #shortcode_output{
      border-left: 1px solid #ca5252;
      padding: 26px 10px 26px 30px;
      font-family: monospace;
      font-size: 13px;
      color: #fff;
      cursor: pointer;
      word-wrap: break-word;
   }

   .admin.ajax-load-more #shortcode_output{
	   border: none;
	   padding: 12px 12px 24px;
   }


   #shortcode_output::-moz-selection{
      background:#fff;
      color:#ca5252;
      text-shadow: none;
   }
   #shortcode_output::selection {
      background:#fff;
      color:#ca5252;
      text-shadow: none;
   }



/*
*  Insert Shortcode Button
*
*  @since 1.0
*/

#insert.insert_alm{
	background: #fff !important;
	color: #ca5252 !important;
	border: none;
	font-size: 14px !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), 0 1px 0px #ca5252;
	text-shadow: none !important;
	max-width: 20%;
	border-radius: 2px;
}
.admin.ajax-load-more #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: #d0413f !important;
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
      color:#fff !important;
   }

.ajax-load-more .clear{
	clear:both;
	height:auto;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0
}



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

.form-table label{
   display: block;
   clear: both;
   float: none;
   vertical-align: top; 
   padding: 0 0 8px;
   max-width: 90%;
   cursor: pointer !important;
   line-height: 1.5;
}
.form-table input[type=radio],
.form-table input[type=checkbox]{
   vertical-align: top;
   margin-top: 0 !important;
   max-width: 8%;
}
   .form-table label + textarea{
      margin-top: 10px; 
   }
   .form-table label span, 
   #alm-shortcode-builder-form label span.description{
	   font-size: 13px;
	   color: #999;
	   padding-top: 10px;
   }   
   #alm-shortcode-builder-form label span.description{
      display: block;  
      padding-top: 5px;
      padding-bottom: 5px;
   }
 
   .form-table .template-tags{ 
	   overflow: hidden;
	   border-left: 5px solid #dfd8c2;
	   padding: 16px;
	   background: #fff9ea;
	   margin: 20px 0 0;
	   border-radius: 2px;
   }
   	.form-table .template-tags h4,
   	.form-table .template-tags li{
	   	margin: 0 0 8px;
			padding:0;
         font-size: 13px;
	   }
   	.form-table .template-tags li{
         margin: 2px 0;
      }
   	.form-table .template-tags ul{
	   	margin: 0;
	   	padding: 0;
	   }
   	.form-table .template-tags pre{
	   	display: inline-block;
	   	min-width: 120px;
	   	padding: 0;
	   	margin: 0;
	   	color: #888;
	   }

.admin.ajax-load-more .form-table textarea{
   clear: both;
   display: inline-block;
   float: none;
   width: 100%;
}
   .admin.ajax-load-more textarea.disabled,
   .admin.ajax-load-more 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.ajax-load-more .form-table input[type=radio],
.admin.ajax-load-more .form-table input[type=checkbox]{
	margin-right: 10px;
   margin-top: 0 !important;
}

.admin.ajax-load-more.settings input[type=text],
.admin.ajax-load-more.settings input[type=number],
.admin.ajax-load-more.settings .select2-container{
   margin-top:10px;
}
.admin.ajax-load-more .alm-btn-wrap{
	text-align: left;
}
.admin.ajax-load-more .ajax-load-more-wrap {
	position: relative;
	top: 10px;
	padding: 20px;
	border: 1px dashed #ccc;
	display: inline-block;
	margin-top:10px;
	margin-bottom: 10px;
}

.admin.ajax-load-more .ajax-load-more-wrap.preview-pane.none{
	display: none;
}
	.admin.ajax-load-more .ajax-load-more-wrap button{
		margin: 0 !important;
	}
	.admin.ajax-load-more .ajax-load-more-wrap > span{
		display: block;
		font-size: 11px;
		opacity: 0.7;
		padding: 0 0 8px;
		text-transform: uppercase;
	}

	.admin.ajax-load-more.settings .ajax-load-more-wrap.pages{}
		.admin.ajax-load-more.settings .ajax-load-more-wrap.pages li{
			font-size: 14px;
		}
		.admin.ajax-load-more.settings .ajax-load-more-wrap.pages li a{
			text-decoration: none;
		}


/* Table Overrides */
.admin.ajax-load-more.settings .form-table td,
.admin.ajax-load-more.settings .form-table th{
   padding: 30px 0;
   line-height: 1.5;
}
.admin.ajax-load-more.settings .form-table td{
   padding-right: 20px;
}
.admin.ajax-load-more.settings .form-table th{
	padding-left: 20px;
}
.admin.ajax-load-more.settings .form-table p{
   margin-top: 0;
}
.admin.ajax-load-more.settings .form-table p.notify{
   font-size: 12px;
   padding: 5px 0;
   margin: 5px 0 20px;
   overflow: hidden;
   color: #999;
}


.ajax-load-more h2.addon-title{
   font-size: 19px !important;
   line-height: 24px;
   font-weight: 600 !important;
   color: #444 !important;
   padding: 0;
   margin: 0 0 10px;
}
.ajax-load-more p.addon-intro{
   font-size: 16px !important;
   line-height: 22px !important;
   color: #999 !important;
}

.ajax-load-more h3.add-on-title{
   padding: 0 0 10px;
   margin: 0 0 20px;
   border-bottom: 1px solid #efefef;
}
.ajax-load-more h3{
   margin-bottom: 10px;
}
.ajax-load-more h3.add-on-title,
.ajax-load-more .cnkt-sidebar h3{
   padding: 0 0 10px;
   margin: 0 0 20px;
   border-bottom: 1px solid #efefef;
}
.ajax-load-more p.desc,
.ajax-load-more p.writeable-title{
	padding: 0 0 2px 28px;
}
.ajax-load-more p.desc{
   font-size: 13px !important;
   line-height: 19px !important;
}
.ajax-load-more p.writeable-title{
   position: relative;
}
.ajax-load-more p.writeable-title i{
   position: absolute !important;
   left: 0 !important;
   top: 1px !important;
}

.ajax-load-more p.back2top{
	font-size: 14px;
	margin:0;
	padding: 0;
	text-align: center;
}
	.ajax-load-more p.back2top a{
		text-decoration: none;
		display: block;
	}

.saved-response,
p.loading{
   font-size: 12px;
   padding: 0;
   color:#999;
   background: none;
   transition: padding 0.2s ease;
   display: inline-block;
   width: auto;
   position: relative;
   top: 5px;
   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: 6px center;
		padding-left: 32px;
	}

.restore-default{
	float: right;
	margin: 19px 20px 0 0;
	font-size: 12px;
}
	.restore-default a{
		text-decoration: none;
	}

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

/* Columns */
.ajax-load-more .cnkt-main{
   width: 67%;
   float: left;
   background: #fff !important;
   padding: $gutter;
   border-right: 1px solid #e1e1e1;
   &.full{
      border: none !important;
   }   
}
.ajax-load-more .cnkt-main .group{
   background: #fff;
   padding: 20px;
   margin: 0 0 20px;
   position: relative;
   display: block;
   clear: both;
}

.ajax-load-more .cnkt-main .group,
.ajax-load-more .cnkt-sidebar .cta,
.call-out.light{
   border: 1px solid #e1e1e1;
   border-radius: 3px;
   box-shadow: 0 0 5px rgba(#000, 0.1);
   &.no-shadow{
	   box-shadow: none;
   }
}
.ajax-load-more .cnkt-main.full{
   width: 100%;
   float: none;
}
	.ajax-load-more .cnkt-main h2,
	.ajax-load-more .cnkt-main h3,
	.ajax-load-more .cnkt-main h4{
		margin-top: 0;
	}
	.form-table tr{
		border-top: 1px solid #e1e1e1;
	} 
	.form-table {
		border: 1px solid #e1e1e1;
		margin: 0 0 25px;
		br{
			height: 1px;
			display: block;
			overflow: hidden;
			line-height: 1px;
			margin: 0;
			content: '';
		}
	}
	#alm_OptionsForm{
   	.form-table:last-of-type{
      	margin-bottom: 0;
   	}
	}
	

/* Repeaters */
.repeaters {
   .repeater-wrap{
      padding: 15px 0 !important;
   }
   .repeater-wrap label{
      cursor: default;
   }
   input.save-repeater{
      display: inline-block;
      margin: 0;
      clear: none;
      max-width: 25%;
   }
   .repeater-wrap textarea,
   .repeater-wrap input[type=text]{
   	width: 100%;
   }
   input.save-repeater.saving{
      cursor: default !important;
      opacity: 0.3 !important;
   }
   .saved-response{
      max-width: 72%;
      opacity: 0;
   }
   .one_half{
      padding-bottom: 10px;
   }
   .alm-delete{
      clear: none;
      display: inline-block;
      margin: 14px 0 0;
      width: auto;
      float: right;
      opacity: 0;
      transition: all 0.2s ease;
      position: absolute;
      right: 15px;
      bottom: 15px;
      a{
         border-radius: 2px;
         background: none;
         color: #c94141;
         font-size: 14px;
         text-decoration: none;
         display: block;
         padding: 5px 10px;
         &:hover{
            background-color: #c94141;
            color: #fff;
         }
         &:focus{
            box-shadow: none;
         }
         &:active{
      	   box-shadow: inset 0 1px 1px #ccc !important;
            background-color: #b93636;
         }
      }
   }
   .row:hover .alm-delete{
      opacity: 1;
   }
}


/* Add-ons & Extensions */

.flexbox-wrap{
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 20px;
   border-top: 1px solid #e1e1e1; 
   border-left: 1px solid #e1e1e1;   
}
#alm-add-ons {}
#alm-add-ons .group{ 
   overflow: hidden; 
   width: 33.333%;
   display: flex;	
   vertical-align: top;
   text-align: center;
   margin: 0 !important;
   padding: 0;
   border-radius: 0;
   border-top: none;
   border-left: none;
   &.installed{
	   opacity: 0.85; 
	   filter: grayscale(1); 
	   p:before{
		   display: none !important;
		}
	}
	@media screen and (max-width: 1350px){
		width: 50%; 
	}
}

#alm-add-ons .group span.cnkt-button{
   position: absolute;
   left: 20px;
   bottom: 20px;
   width: 100%;
   width: calc(100% - 40px);
   display: block;
   font-size: 14px;
   padding: 10px 14px;
   transition: all 0.15s ease;
   border-bottom: none;
   border-left: none;
   border-right: none;
}
#alm-add-ons .group img{
   padding: 0 15px 15px;
}
#alm-add-ons .group a{
   text-decoration: none;
   display: block;
   padding: 25px 25px 70px; 
   position: relative;
} 
   #alm-add-ons .group:hover h2{
      text-decoration: underline;
   }
   #alm-add-ons .group a h2{
      transition: all 0.15s ease;
   }
   #alm-add-ons .group a:hover h2{
      color: #ff5a58 !important;
   }
   #alm-add-ons .group.installed a:hover h2{
	   color: #444 !important;
	}
	
	
/* Pro Add-on Listing */
.alm-pro-listing{
	padding: 0;
	border-top: none;
	position: relative;
	padding-bottom: 20px;
	.loader{
   	position: absolute;
   	left: 0;
   	top: 0;
   	width: 100%;
   	height: 100%;
   	z-index: 99;
   	display: none;
	}
	&.loading{
   	.loader{
      	display: block;
   	}
	}
	&--header{
   	border: 1px solid #e1e1e1;
   	background: #f7f7f7;
   	padding: 15px;
   	font-size: 13px;
   	font-weight: 600;
   	text-transform: uppercase;
   	color: #23282d;
   	position: relative;
   	margin-bottom: 30px;
   	border-radius: 2px;
   	div{
      	position: absolute;
      	right: 15px;
      	top: 50%;
      	transform: translateY(-50%);
      	font-size: 13px;
      	opacity: 0.7;
      	font-weight: normal;
      	text-transform: none;
      	font-style: italic;
      	@media screen and (max-width: 480px){
            display: none;	
         }
   	}
	}	
	&--wrap{
   	display: flex;
   	flex-wrap: wrap;
   	justify-content: space-between;
	}
	
	.item{
		width: 49.5%;
   	display: flex;    
   	margin-bottom: 10px;
   	@media screen and (min-width: 1500px){
      	width: 32.775%;
   	}
   	@media screen and (max-width: 480px){
      	width: 100%;
   	}
		h2, p, img, .state{
			transition: all 0.15s ease;
		}
		a{
			text-decoration: none !important;
			padding: 0 55px 0 0;
			position: relative;
         display: flex;         
   		border: 1px solid #e1e1e1;
         transition: all 0.15s ease;   
         border-radius: 2px;
         &:hover,
         &:focus{
            border-color: #bbb;
            h2{
               text-decoration: underline;
            }
         }     
		}
		&--detail{
			padding: 15px 20px;
			position: relative;
			min-height: 110px;
			display: flex;
			align-items: center;
			div{
   			padding: 0;
			}
			img{ 
				width: 95px;
				height: auto;
				margin-right: 20px;
				@media screen and (max-width: 768px){
   				display: none;
				}
			}
			a{
				text-decoration: none;
				&:hover{
					text-decoration: underline;
				}
			}
			h2{
				margin: 0 0 7px;
				font-size: 16px;
				line-height: 1;	
				transition: all 0.15s ease;			
			}
			p{
				margin: 0;
				padding: 0;
				font-size: 14px;
				&.link{
					font-size: 13px;
					padding-top: 2px;
					opacity: 0;
					transition: opacity 0.15s ease; 
				}
			}
		}
		.result{
   		position: absolute;
   		right: 8px;
   		bottom: 8px;
   		font-size: 12px;
   		opacity: 0;
   		transition: all 0.25s ease;
   		&.in-view{
      		opacity: 0.7;
   		}
   		.type{
      		background: #47bd79;
      		color: #fff;
      		display: none;
      		border-radius: 2px;
      		padding: 3px 6px;
      		display: inline-block;
   		}
   		.type.inactive{
      		background: #c54545;
      		display: none;
   		}
		}
		.state{
			width: 22px;
			height: 22px;
			position: absolute;
			right: 8px;
			top: 8px;
			border-radius: 2px;
			background: #57d48c;
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			text-decoration: none !important;
			font-size: 12px;
			transition: all 0.15s ease;
			&:before{
				font-family: 'FontAwesome';
				content: '\f00c';
				display: block;
				
			}
		}
		
		&.active{
   		a{
      		border-color: #57d48c
   		}
			&:hover{
				.state{
      			opacity: 0.9;
				}
			}
		}
		
		&.inactive{
			h2, p, img, .state{
				opacity: 0.5;
			}
			.state{
				background: #e1e1e1;
				&:before{
					opacity: 0;
				}
			}
			&:hover{
				h2, p, img, .state{
					opacity: 0.8;
				}	
			
				.state{
   				background: #ccc;
					&:before{
						opacity: 1;
					}
				}
			}		
		}
	}	
}


/* Add-on Callout! */
.call-out{
   background: $green;
   padding: 18px 100px 18px 18px;
   border-radius: 3px;
   margin: 0;
   width: 100%;
   display: block;
   color: #fff;
   font-size: 13px;
   font-weight: 400;
   position: relative;
}
   .call-out.light{
      background: #fdfdec;
      width: 97.666%;
   }
   .call-out.light p{
      margin: 0;
      padding: 0 30px;
      text-align: center;
      font-weight: 400;
   }
   .call-out.light p a{
      color: #ff5a58 !important;
   }
   .call-out.light p a:hover{
      text-decoration: underline;
   }
   #alm-builder .call-out,
   .forceColors .call-out{ /* Shortcode builder */
      width: 90%;
      width: calc(100% - 20px);
      margin: 10px;
   }
   .call-out .cnkt-button{
      padding: 6px 10px;
      display: inline-block;
      background: #fff;
      border: none;
      border-radius: 3px;
      position: absolute;
      right: 11px;
      top: 11px;
      color: #387061 !important;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      font-size: 13px;
   }
   .call-out a{
      color: #3f524d !important;
      text-decoration: none;
      font-weight: 500;
   }
   .call-out a:hover,
   .call-out a:focus{
      color: #222 !important;
   }
   a.cnkt-button,
   span.cnkt-button{
      padding: 6px 10px;
      display: inline-block;
      background: #5acfb2;
      border: 1px solid #5acfb2;
      border-radius: 2px;
      position: static;
      text-decoration: none !important;
      color: #fff !important;
      font-size: 14px;
      font-weight: 600;
   }
      a.cnkt-button:hover,
      a.cnkt-button:hover i,
      .group:hover span.cnkt-button,
      .group:hover span.cnkt-button i{
         background-color: #935eaf;
         border-color: #935eaf;
         color:#fff !important;
         box-shadow: none;
      }
      a.cnkt-button:focus,
      .group:focus span.cnkt-button{
         background-color: #83519d;
         border-color: #935eaf;
         color:#fff !important;
         outline: none;
      }
      a.cnkt-button i,
      span.cnkt-button i{
         color: #397666;
         margin-right: 3px;
         position: relative;
         top:1px;
         background: none !important;
         transition: all 0.15s ease;
      }
      a.cnkt-button.installed,
      span.cnkt-button.installed,
      .group span.cnkt-button.installed{
         background: #f7f7f7 !important;
         border-color: #efefef !important;
         color:#888 !important;
         box-shadow: none !important;
      }
      a.cnkt-button.installed i,
      span.cnkt-button.installed i,
      .group:hover span.cnkt-button.installed i{
         background: none !important;
         color: #5da592 !important;
         top: 0;
      }

/*
 * Licenses
 *
 *  @since 2.7.0
 */

   .license{
      overflow: hidden;
      margin: 0;
      display: block;
      padding: 20px 0 0;
      position: relative;
   }

   .license:first-of-type{
      padding: 10px 0 0;
   }
      .license-title{
         border-radius: 3px 3px 0 0;
         border: 1px solid #e1e1e1;
         background-color: #f7f7f7;
         position: relative;
      }
         .license-title .status{
            width: 12px;
            height: 12px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            background: #d45656;
            position: absolute;
            left: 15px;
            top: 50%;
            margin-top: -6px;
            box-shadow: inset 0 -6px 6px rgba(0, 0, 0, 0.05), 0 1px 0 #fff;
         }
            .license-title .status.valid{
               background-color: #acd481;
            }
         .license h2{
            margin: 0;
            padding: 15px 15px 15px 35px;
            font-size: 16px;
            font-weight: 600;
            line-height: 1.2;
         }
      .license p,
      .license label{
         font-size: 400;
         font-size: 14px;
      }
      .license .cnkt-button{ 
         position: absolute;
         top: 9px;
         right: 15px;
         padding: 5px 7px !important;
      }
      .license a.cnkt-button.installed{
         background-color: none !important;
         -webkit-box-shadow: none !important;
         -moz-box-shadow: none !important;
         box-shadow: none !important;
         border-color: transparent !important;
      }

   .license .no-license{
   	display: block;
   	padding: 12px;
   	margin: 0 0 20px;
   	border: 1px solid #e7e7c6;
   	background-color: #ffffe5;
   	border-radius: 2px; 
   }
   	.license .no-license h4{
   		margin: 0 0 3px;
   	}
   	.license .no-license p{
   		margin: 5px 0 0;
   		padding: 0;
   	}


   .license .loading{
	   position: absolute;
	   left: 0;
	   top: 0;
	   width: 100%;
	   height: 100%;
	   background: rgba(255, 255, 255, 0.6) url("../../img/loader.gif") no-repeat center center;
	   z-index: 9;
	   display: none;
   }
   .license-btn.hide{
	   display: none; 
   }
   .license-btn-wrap{
	   display: block;
   }
   	.license-btn-wrap .msg{
	   	display: block;
	   	padding: 10px 0 0;
	   	font-size: 14px;
	   	line-height: 18px;
	   }
   	.license-btn-wrap .msg strong{
	   	display: block; 
	   }
   	.license-btn-wrap .msg em{
	   	opacity: 0.7;
	   	font-style: normal;
	   }

   .license-wrap,
   .license-no-addons{
      overflow: hidden;
      display: block;
      padding: 15px;
      border: 1px solid #e1e1e1;
      border-top: none;
      background-color: #fff;
      border-radius: 0 0 3px 3px; 
   }
      .license-wrap label{
         font-weight: 600;
         top:-3px;
      }
      .license-wrap input[type=text]{
         background-color: #f7f7f7;
         margin: 0;
         width: 100% !important;
         border-color: #e7e7e7;
         padding: 14px;
      } 
      .license-wrap .button-primary{
         margin-right: 5px;
      }
      .license-key-field{
         position: relative;
         display: block;
         margin: 0 0 20px;
      }
      .license-key-field .status{
         position: absolute;
         right: 10px;
         top: 50%;
         transform: translateY(-50%);
         display: inline-block;
         border-radius: 2px;
         padding: 6px 12px;
         line-height: 1.3;
         color: #fff;
         border-color: #999;
      }
         .license-key-field .status.active{
            background-color: #acd481;
         }
         .license-key-field .status.inactive{
            background-color: #d45656;
         }

   .ajax-load-more .alm-nav{
      font-size: 600;
      font-size: 14px;
      margin: 0 !important;
      padding: 5px 0 5px;
   }
      .ajax-load-more .alm-nav a{
         display: inline-block;
      }

   .license-no-addons{
      border: 1px solid #bad0da;
      border-radius: 3px;
      background-color: #e0f5ff;
   }
      .license-no-addons p{
         margin: 0;
         padding: 0;
      }
      

/*
 * Plugin Sidebar
 * 
 *  @since 1.0
 */
.ajax-load-more .cnkt-sidebar{}
	.ajax-load-more .cnkt-sidebar .cta{
	   background: #fff;
	   padding: 0;
	   margin: 0 0 20px;
	   overflow: visible;
	   position: relative;
	   box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.045);
	   
	   .alm-file-location{
		   padding-top: 15px;
		   margin-top: 15px;
		   border-top: 1px solid #efefef;
		   input{
				font-size: 12px;
			   font-family: Consolas, monaco, monospace; 
			   background: #f7f7f7;
			   border: 1px solid #e1e1e1;
			   display: block;
			   width: 100%;
			   padding: 8px;
			   margin: 0;
			   color: #777;
			   box-shadow: none !important;
		   }
		}
		
	}
	.ajax-load-more .cnkt-sidebar .cta-inner{
   	padding: 20px;
   	display: block; 
	}
	.ajax-load-more .cnkt-sidebar .cta-inner.padding-bottom{
      padding-bottom: 80px;
   }
	.ajax-load-more .cnkt-sidebar .cta.mailing-list{
		padding: 0;
	}
	.ajax-load-more .cnkt-sidebar .cta.mailing-list .head-wrap{
		display: block;
		padding: 20px;
	}
	.ajax-load-more .cnkt-sidebar .cta.padding-bottom{
		padding-bottom: 50px;
	}
	.ajax-load-more .cnkt-sidebar h3,
	.ajax-load-more .cnkt-sidebar h4{
		margin-top: 0;
	}
	.ajax-load-more .cnkt-sidebar h3{
   	padding: 14px 20px;
   	background: #fff;
   	margin: 0;
   	display: block;
   	font-size: 15px;
   	text-transform: none;
   	border-radius: 2px 2px 0 0;
	} 
	
	
	.ajax-load-more .cnkt-sidebar .item{
		overflow: hidden;
	}
		.ajax-load-more .cnkt-sidebar .item h4{
			margin: 0 0 5px;
			font-size: 0.9em;
			text-transform: uppercase;
			opacity: 0.5;
		}
		.ajax-load-more .cnkt-sidebar h4{
			margin-bottom: 5px;
		}
		.ajax-load-more .cnkt-sidebar p{
			line-height: 22px;
			margin: 0 0 5px;
			font-size: 14px;
		} 
		.ajax-load-more .cnkt-sidebar .cta.dyk{
			.cta-inner{
				overflow: hidden;
			}
   		img{
      		padding: 0 20px 10px 0;
      		max-width: 40%;
      		float: left;
   		} 
   		p{
   			margin: 0 0 15px;
   			clear: none;
   			&:last-child{
      			margin: 0;
   			}
   			&.addon-intro{
	   			margin-top: -3px;
   			}
   		}
      }
		.ajax-load-more .cnkt-sidebar ul{
   		padding: 5px 0 0;
		   margin: 0;
		   overflow: hidden; 
		}
		.ajax-load-more .cnkt-sidebar li{
			font-size: 14px;
			margin: 0 0 10px;
			line-height: 1.5;
		}

		.ajax-load-more .cnkt-sidebar .cta.resources li{
			display: block;
			width: 100%;
			line-height: 1;
			margin: 1px 0;
		}
		.ajax-load-more .cnkt-sidebar .cta.resources li a{
			text-decoration: none;
			padding: 10px 0;
			display: block;
			border-top: 1px solid #efefef;
		}
		.ajax-load-more .cnkt-sidebar .cta.resources li:first-of-type a{
			border: none;
			padding-top: 0;
		}
		.ajax-load-more .cnkt-sidebar .cta.resources li i{
			display: inline-block;
			width: 20px;
			text-align: center;
			color: #ccc;
			text-decoration: none;
			font-size: 14px;
		}
		.ajax-load-more .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: 1px 7px 0 0;
			position: relative;
		}

			.ajax-load-more .cnkt-sidebar .item i.fa-check{
				background: #90be59;
				color: #fff;
			}
			.ajax-load-more .cnkt-sidebar .item i.fa-exclamation{
				background: #c43a3a;
				color: #fff;
			}


	.ajax-load-more .cnkt-sidebar a.visit{
		background: #ed7070;
		padding: 17px 20px 18px 44px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		display: block;
		color: #fff !important;
		z-index: 2;
		text-decoration: none;
		line-height: 1;
		-webkit-border-radius: 0 0 2px 2px;
		-moz-border-radius: 0 0 2px 2px;
		border-radius: 0 0 2px 2px;
	}
		.ajax-load-more .cnkt-sidebar a.visit i{
			font-size: 21px;
			opacity: 0.6;
			margin: 0 5px 0 0;
			position: absolute;
			top: 13px;
			left: 18px;
			display: inline-block;
		}
		.ajax-load-more .cnkt-sidebar a.visit:hover,
		.ajax-load-more .cnkt-sidebar a.visit:focus{
			background: #f06060;
		}
		.ajax-load-more .cnkt-sidebar a.visit:hover i{
         opacity: 1;
      }

	.ajax-load-more .cnkt-sidebar .project-listing {
      padding: 0;
   }
	.ajax-load-more .cnkt-sidebar .project-listing li{
      margin: 20px 0 0;
      padding: 0;
      position: relative;
      clear: both;
	}
	   .ajax-load-more .cnkt-sidebar .project-listing li a{
   	   display: block;
         position: static;
         padding-left: 60px;
         min-height: 58px;
         text-decoration: none;
      }
	.ajax-load-more .cnkt-sidebar .project-listing li:first-of-type{
      margin-top: 0;
   }
	.ajax-load-more .cnkt-sidebar .project-listing img {
      height: 48px;
      left: 0;
      position: absolute;
      top: 2px;
      width: 48px;
   }
	.ajax-load-more .cnkt-sidebar .project-listing li strong{
      display: block;
   }
	.ajax-load-more .cnkt-sidebar .project-listing li span{
      color: #777;
   }



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

.ajax-load-more .CodeMirror {
   height: auto;
   border-radius: 3px;
   padding: 5px;
   background: #f7f7f7;
   border: 1px solid #e1e1e1;
   color: #999;
   line-height: 1.5;
   &.CodeMirror-focused{
		border-color: #bbbbbb;
		box-shadow: 0 0 6px #ccc;
   }
}
.ajax-load-more .cm-readonly .CodeMirror{
   opacity: 0.8;
}
.ajax-load-more .cm-readonly .CodeMirror pre{
   cursor: default !important;
}
.ajax-load-more .CodeMirror pre{
	padding: 0 10px;
}
.CodeMirror-linenumber{
	padding: 0 10px !important;
	line-height: 1.25 !important;
	color: #999;
}
.ajax-load-more .cm-readonly.sm-margin .CodeMirror{
   margin: 0 0 10px;
}
   .ajax-load-more .cm-readonly p.warning-callout{
      margin: 0 0 10px;
   }
   .ajax-load-more .CodeMirror.loading {
      background: #f7f7f7 url("../../img/loader-unlimited.gif") no-repeat center center;
      opacity: 0.6;
   }
   .ajax-load-more .cm-s-pastel-on-dark.CodeMirror{ /* Bkg color */
      background: #333;
   }
   .ajax-load-more .CodeMirror-gutters{ /* Line Number color */
      background: #fff;
      border-right: 1px solid #e1e1e1;
      border-radius: 2px;
   }
   .ajax-load-more .CodeMirror pre{
      font-size: 13px;
   }
   .ajax-load-more .CodeMirror-scroll {
     overflow-y: hidden;
     overflow-x: auto;
   }

   .ajax-load-more .cm-tag{ /* <li> <h2> html elements */
      color: #0a4b83 !important;
   }
   .ajax-load-more .cm-string{  /* Elements in " " */
      color: #c75050 !important;
   }
   .ajax-load-more .cm-attribute{ /* class names */
      color: #008080 !important;
   }
   .ajax-load-more .cm-keyword{ /* if, array, echo */
      color: #ae5fb3 !important;
   }
   .ajax-load-more span.CodeMirror-matchingbracket{
      color: #ff0000 !important;
   }
   .ajax-load-more .CodeMirror span.cm-meta{ /* <?php */
      color: #999;
   }
   .ajax-load-more .CodeMirror span.cm-variable{ /* Function names */
      color: #111;
      font-weight: 500;
      padding: 0 1px;
   }
  .ajax-load-more .CodeMirror span.cm-number{ /* Numbers */
      color: #009999 !important;
   }




/*
* Delete Template (Unlimited Repeaters
*
* @since 2.2.7
*/

#unlmited-container{
   margin: 0;
   display: block;
   overflow: visible;
}
   .admin.ajax-load-more .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.ajax-load-more .row.unlimited.deleting{ /* Deleting Row */
      background: #fff url("../../img/loader-unlimited.gif") no-repeat center center;
      border-color: #fff;
      opacity: 0.4;
   }
   .admin.ajax-load-more .row.unlimited.deleting.deleted{ /* Deleting Row */
      background-image: none !important;
   }
   .admin.ajax-load-more .row.unlimited.new{ /* New Row */
      background: url("../../img/loader-unlimited.gif") no-repeat center center;
      border-color: #efefef !important;
      min-height: 60px;
      display: none;
   }
   .admin.ajax-load-more .row.unlimited.new.done{
      background-image: none !important;
   }
   .admin.ajax-load-more .row.unlimited.loaded{ /* Loading complete */
      background-color: #64e49d;
      border-color: #64e49d;
   }

      .admin.ajax-load-more .row.unlimited.deleting .expand-wrap,
      .row.unlimited.deleting h3.heading{
         opacity: 0.6;
      }
      .row.unlimited.deleting .alm-delete{
         display: none;
      }
      .row.unlimited.deleting .save-repeater{
         opacity: 0;
         cursor: default;
      }

   .ajax-load-more .row.unlimited input[type=text]{
      width: 100%;
   }

.alm-add-template{
   text-align: center;
   margin: 20px 0 5px !important;
   display: block;
   font-size: 15px !important;
   font-weight: 700;
   text-transform: none !important;
   text-align: center;
}
   .alm-add-template a{
      background: #efefef;
      border: 1px solid #e1e1e1;
      color: #333;
      display: inline-block;
      padding: 11px 16px 13px;
      line-height: 1;
      border-radius: 3px;
      text-decoration: none;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.07);
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
   }
      .alm-add-template a.active{
         opacity: 0.5;
         cursor: default;
         color: #333 !important;
         background: #efefef !important;
         border-color: #efefef !important;
      }
      .alm-add-template a:hover{
         background: #ff5a58;
         border-color: #ff5a58;
         color: #fff;
			box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.07);
         text-shadow: none;
      }
      .alm-add-template a:focus{
         box-shadow: none;
         text-shadow: none;
      }
      .alm-add-template a:active{
         color: #fff;
         background: #ec4745;
         border-color: #ec4745;
         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
         text-shadow: none;
      }

   .alm-add-template a i {
      font-size: 20px;
      color: #ec4745;
      margin: 0 3px 0 0;
      position: relative;
      top: 2px;
      left: -1px;
   }
      .alm-add-template a:hover i,
      .alm-add-template a:active i{
         color: #fff;
      }
      
.spacer{
   height:10px;
   clear:both;
   display:block;
}


/*
* Cache
* @since 2.6.0
*/

.alm-cache{
	
	.generate-id{
	   margin: 10px 0 0 !important;
	   font-size: 12px !important;
	}
	.generate-cache-id i{
	   margin: 0 5px 0 0;
	}
	
	.row{
		&:first-of-type{
			margin-top: 0 !important;
		}
	}
	
	/* Live Search */	
	.alm-cache-search-wrap{
	   position: relative;
	   display: block;
	   margin: 0 0 10px; 
	   input{
	      width: 100% !important;
	      margin: 0 !important;
	      padding: 12px;
	      display: block;
	      font-size: 16px;
	   }
	   i{
	      position: absolute;
	      right: 11px;
	      top: 13px;
	      color: #ccc; 
	      font-size: 20px;
	      z-index: 1;
	   }
	}

	/* Directory Listing */
	
	.alm-dir-listing{
	   border: 1px solid #e1e1e1;
	   padding: 0;
	   margin: 10px 0 0;
	   &.theme-repeaters{
	      padding: 15px;
	      margin: 0;
	      ul{
	         border: none;
	         padding: 0;
	         margin: 0;
	      }
	      p.theme-title{
	         font-weight: 600;
	         margin: 0 0 15px;
	         padding: 0 5px;
	      }
	      i{
	         color: #ccc;
	         font-size: 1.1em;
	      }
	   }
	}
	
	.alm-dir-listing.deleting{
	   opacity: 0.5;
	   background: #fff url("../../img/loader-unlimited.gif") no-repeat center center;
	}
	
	   .alm-dir-listing .dir-title{
	      margin: 0 0 5px;
	      position: relative;
	   }
	   .ajax-load-more .alm-dir-listing h3.heading{
	      padding-left: 40px !important;
	   }
	   .ajax-load-more .alm-dir-listing h3.heading:after {
	      content: "\f07c";
	   }
	   .ajax-load-more .alm-dir-listing h3.heading.open:after {
	      content: "\f07b";
	   }
	   .alm-dir-listing .dir-title .delete{
	      position: absolute;
	      right:8px;
	      top:11px;
	      font-weight: 400;
	      font-size: 14px;
	      text-decoration: none;
	      padding: 5px 10px;
	      border: 1px solid #e1e1e1;
	      color: #ccc;
	      -webkit-border-radius: 2px;
	      -moz-border-radius: 2px;
	      border-radius: 2px;
	   }
	      .alm-dir-listing:hover .dir-title .delete{
	         border-color: #e1e1e1;
	         background-color: #fff;
	         color: #666;
	      }
	      .alm-dir-listing .dir-title .delete:hover{
	         background-color: #c94141;
	         border-color: #c94141;
	         color: #fff;
			   -webkit-box-shadow: 0 0 3px #ccc;
			   -moz-box-shadow: 0 0 3px #ccc;
			   box-shadow: 0 0 3px #ccc;
	      }
	      .alm-dir-listing .dir-title .delete:active{
			   -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
			   box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
	      }
	   .alm-dir-listing ul{
	      padding: 20px 0 0;
	      margin: 10px 0 0;
	      border-top: 1px solid #efefef;
	   }
	      .alm-dir-listing ul li{
	         margin: 0 -2px;
	         padding: 7px 0 7px 40px;
	         display: inline-block;
	         vertical-align: top;
	         overflow: hidden;
	         width: 47%;
	         font-size: 14px;
	         background: transparent url(../../img/directory-list.gif) no-repeat left center;
	      }
	      .alm-dir-listing.theme-repeaters ul li{
	         display: block;
	         width: 100%;
	         padding-top: 12px;
	      }
	      .alm-dir-listing.theme-repeaters ul li label{
	         display: block;
	         width: 100%;
	      }
	
	      .alm-dir-listing ul li:last-child,
	      .alm-dir-listing ul li:nth-last-child(2){
	         background-image: url(../../img/directory-list-btm.gif);
	      }
	      .alm-dir-listing.theme-repeaters ul li:nth-last-child(2){
	         background: transparent url(../../img/directory-list.gif) no-repeat left center;
	      }
	      .alm-dir-listing ul li a{
	         text-decoration: none;
	      }
	      .alm-dir-listing li i{
	         color: #999;
	         padding: 0 5px 0 0;
	      }
	
	      .cache-page-title{
	         font-size: 14px;
	         display: block;
	         width: 100%;
	         padding: 0 7px 10px;
	         font-weight: 600;
	      }
	
	   .cache-page-wrap{
		   padding: 0 10px 15px;
	   }
	
	   .alm-dir-listing ul.cache-details{
		   display: block;
		   padding: 10px 10px;
		   margin: 0;
		   border: none;
	   }
	   	.alm-dir-listing ul.cache-details li{
	         display: block;
	         width: 100%;
	         background: none;
	         padding: 6px 4px 6px;
	         color: #333;
		   }
		   	.alm-dir-listing ul.cache-details li i{
			   	color: #ccc;
			   	font-size: 18px;
			   	position: relative;
			   	top:1px;
			   }
	
	.dir-empty,
	.cache-cleared{
	   background-color: $yellow;
	   border: 1px solid $yellow_dark;
	   padding: 20px;
	   display: block;
	   color: #222;
	   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
	}
	.cache-cleared{
	   margin: 0 0 20px;
	   background-color: #e0f5ff;
	   border-color: #bad0da;
	   color: #666;
	   i{
	      color: #111;
	      margin: 0 5px 0 0;
	   }
	   .remove{
	      float: right;
	      font-size: 12px;
	      font-weight: 600;
	   }
	}
	
	.cnkt-sidebar .item{
	   padding: 20px;
	   display: block;
	}
	p.cache-stats{
		min-height: 38px;
		line-height: 37px;
		display: block;
		padding: 0;
		margin: 0;
		span{
			display: inline-block;
			width: 38px;
			height: 38px;
			line-height: 36px;
			text-align: center;
			margin: 0 9px 0 0;
			font-weight: 700;
			font-size: 15px;
			-webkit-border-radius: 2px;
			-moz-border-radius:2px;
			border-radius: 2px;
			background: #a4a5e2;
			background: -moz-linear-gradient(top, #a4a5e2 0%, #9ea0d9 50%, #8d8fce 51%, #a4a5e2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a5e2), color-stop(50%,#9ea0d9), color-stop(51%,#8d8fce), color-stop(100%,#a4a5e2));
			background: -webkit-linear-gradient(top, #a4a5e2 0%,#9ea0d9 50%,#8d8fce 51%,#a4a5e2 100%);
			background: -o-linear-gradient(top, #a4a5e2 0%,#9ea0d9 50%,#8d8fce 51%,#a4a5e2 100%);
			background: -ms-linear-gradient(top, #a4a5e2 0%,#9ea0d9 50%,#8d8fce 51%,#a4a5e2 100%);
			background: linear-gradient(to bottom, #a4a5e2 0%,#9ea0d9 50%,#8d8fce 51%,#a4a5e2 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a5e2', endColorstr='#a4a5e2',GradientType=0 );
			border: 1px solid #8586be;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
			color: #fff;
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
		}
	}
}


/*
* Error Handling
*
* @since 2.6
*/

.alm-error{
   position: absolute;
   z-index: 9999;
   background: #fff;
   padding: 10px;
}


/*
* Form Replacements
*
* @since 2.4
*/

.shortcode-builder input[type=checkbox],
.shortcode-builder input[type=radio],
.ajax-load-more .form-table input[type=checkbox],
.ajax-load-more .form-table input[type=radio]{
   display:none;
}

   .shortcode-builder input[type=checkbox] + label,
   .ajax-load-more .form-table input[type=checkbox] + label,
   .shortcode-builder input[type=radio] + label,
   .ajax-load-more .form-table input[type=radio] + label{
      background: #fff url('../../img/bkg-chkbox_off.png') no-repeat left 1px;
      height: auto; 
      min-height: 23px;
      width: 100%;
      display:inline-block;
      padding: 1px 0 0 30px;
      margin: 0 0 5px;
      font-size: 14px;
      line-height: 1.5;
      cursor: pointer !important;
   }
   .shortcode-builder input[type=radio] + label,
   .ajax-load-more .form-table input[type=radio] + label{
      background: #fff url('../../img/bkg-radio_off.png') no-repeat left 2px;
   }

      .shortcode-builder input[type=checkbox]:hover + label,
      .ajax-load-more .form-table input[type=checkbox]:hover + label{ /* hover */
         background-image: url('../../img/bkg-chkbox_on.png');
      }

      .shortcode-builder input[type=radio]:hover + label,
      .ajax-load-more .form-table input[type=radio]:hover + label{ /* hover */
         background-image: url('../../img/bkg-radio_on.png');
      }

      .shortcode-builder input[type=checkbox]:checked + label,
      .ajax-load-more .form-table input[type=checkbox]:checked + label{ /* selected */
         background-image: url('../../img/bkg-chkbox_selected.png');
         color: #000;
      }

      .shortcode-builder input[type=radio]:checked + label,
      .ajax-load-more .form-table input[type=radio]:checked + label{ /* selected */
         background-image: url('../../img/bkg-radio_selected.png');
         color: #000;
      }

         .shortcode-builder input[type=checkbox] + label:hover,
         .ajax-load-more .form-table input[type=checkbox] + label:hover,
         .shortcode-builder input[type=radio] + label:hover,
         .ajax-load-more .form-table input[type=radio] + label:hover{
            color: #000;
         }


/*
* Shortcode Builder
*
* @since 2.13.0
*/
#alm-shortcode-builder-form{
   position: relative;
}
#alm-shortcode-builder-form .shortcode-parameter-wrap{
   padding: 0 20px 20px;
   display: block;
   background: #fff;
   border: 1px solid #e1e1e1;
   border-radius: 3px;
   margin-bottom: 10px; 
   &.closed{
	   padding-bottom: 0;
	   border-bottom: none;
   }
   h2{
      padding: 20px 22px 20px 43px;
      margin: 0 -20px;
      display: block;
      font-size: 20px;
      width: calc(100% + 40px);
      border-bottom: 1px solid #e1e1e1;
      background-color: #f7f7f7;
      border-radius: 2px 2px 0 0; 
      color: $grey;
      font-weight: 600;
      position: relative;  
      cursor: pointer;
      &:focus,
      &:hover{
	      color: #222;
	      outline: none;
	   }
      &:hover:after,
      &:focus:after{
	      color: #ccc;
	   } 
      &:after{
	      font-family: 'FontAwesome';
	      content: '\f056';
	      color: #e1e1e1;
	      position: absolute;
	      left: 15px;
	      top: 20px;
	      height: 20px;
	      width: 20px;
	   }
	   &.open:after{
	      content:'\f055';
	   }
      i{
         position: absolute;
         right: 15px;
         top: 50%;
         transform: translateY(-50%);
         font-size: 25px;
         color: #ccc;
         opacity: 0.45;
         display: none;
      }
   }
}

#alm-shortcode-builder-form .shortcode-parameter-wrap:first-of-type{
   margin-top: 0; 
}
.progress_bar_color_indicator{
   position: absolute; 
   left: 11px; 
   top: 9px;
   width: 0;
   height: 0;
   padding: 11px;
   border-radius: 2px;
   z-index: 1;
   display: block; 
   background-color: #ed7070; 
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

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

.ajax-load-more .row.template{
	position: relative; 
	&:first-of-type{
		margin-top: 0;
	}
}
	.ajax-load-more .row.template:hover .alm-repeater-options{
		opacity: 1;
	}

.alm-drop-btn.alm-repeater-options{
   position: absolute;
   top: -42px;
   right: 7px;
   z-index: 8;
   a.target{
	   padding: 8px 10px;
	   box-shadow: none;
	   border: none;
	   > i{
		   font-size: 20px;
		   position: static;
	   }
   }
}

   .alm-drop-btn a.target{
      position: relative;
      color: #999;
      text-decoration: none !important;
      padding: 8px 12px 8px 30px;
      border: 1px solid #e1e1e1;
      border-radius: 3px;
      font-size: 13px;
      line-height: 1.25;
      display: block;
      box-shadow: 0 0 0 1px #fff;
   }
      .alm-drop-btn a.target > i{
         color: #999;
         font-size: 15px; 
         position: absolute;
         top:9px;
         left: 10px;
      }
         .alm-repeater-options a.target:hover i.fa-cog{
            color: #333;
         }

   /* Active / Hover state */
   .alm-repeater-options a.target:active,
   .alm-repeater-options.active a.target,
   .alm-repeater-options a.target:hover,
   .alm-repeater-options a.target:focus{
		background-color: transparent;
      color: #222;
      border-color: transparent;
	   box-shadow: none;
	   opacity: 1;
	}
	.alm-repeater-options.active a.target,
	.alm-repeater-options.active a.target i.fa-cog{
      color: #444;
   }


/* Layout Dropdown */
.alm-drop-btn.alm-layout-selection{
   display: inline-block;
   float: right;
   margin: 0;
   @media screen and (max-width: 480px){
      float: none;  
   }
   a.target{
      background-color: #f7f7f7;
      border-color: #e1e1e1;
      color: $grey;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
   }
   > a > i{
      left: 12px;
   }
   li.type{
      height: 36px;
      line-height: 36px;
      padding: 0 0 0 8px;
      position: relative;
   }
}
      .alm-dropdown ul li.layout i {
         top: 11px;
      }
         .alm-drop-btn.alm-layout-selection li.type .col-select{
            float: right;
            text-align: right;
            width: auto;
            height: 33px;
            line-height: 33px;
         }
         .alm-drop-btn.alm-layout-selection li.type .col-select a{
            width: 32px;
            height: 30px;
            margin: 3px 0 0 0;
            padding: 0;
            float: left;
            text-align: center;
      		background-position: center center;
      		background-repeat: no-repeat;
            vertical-align: top;
      		text-indent: -99999px;
      		overflow: hidden;
      		opacity: 1;
      		border-radius: 2px;
      		border: 1px solid transparent;
         }
         .alm-drop-btn.alm-layout-selection li.type .col-select a.column-1{
	      	background-image: url('../../img/column-1.png');
	      }
         .alm-drop-btn.alm-layout-selection li.type .col-select a.column-2{
	      	background-image: url('../../img/column-2.png');
	      }
         .alm-drop-btn.alm-layout-selection li.type .col-select a.column-3{
	      	background-image: url('../../img/column-3.png');
	      	width: 36px;
	      }
	      .alm-drop-btn.alm-layout-selection li.type .col-select a.column-1.updating,
	      .alm-drop-btn.alm-layout-selection li.type .col-select a.column-2.updating,
	      .alm-drop-btn.alm-layout-selection li.type .col-select a.column-3.updating{
      		background-image: url("../../img/loader.gif");
      		padding: 0 !important;
         }
         .alm-drop-btn.alm-layout-selection li.type .col-select a:hover,
         .alm-drop-btn.alm-layout-selection li.type .col-select a.updating{
	      	opacity: 1;
	      	background-color: #fff;
	      	border-color: #ccc;
	      }
	      .alm-drop-btn.alm-layout-selection li.type:hover{
   	      background-color: #faf8e6;
	      }

      /* External Link + Add-on */
      .alm-drop-btn.alm-layout-selection a.external,
      .alm-drop-btn.alm-layout-selection a.add-on{
         background-color: #f7f7f7;
         padding: 13px 10px 13px 38px;
         display: block;
      }
      .alm-drop-btn.alm-layout-selection a.external{
         padding: 0 10px 0 38px;
      }
      .alm-drop-btn.alm-layout-selection a.external i{
	      color: #999;
	      border-color: #ccc;
	      top: 11px;
	      width: 38px;
      }
      .alm-drop-btn.alm-layout-selection a.external:hover i{
	      color: #666;
      }
      .alm-drop-btn.alm-layout-selection a.add-on{
         line-height: 1.5;
         background-color: $green;
         border: none;
         color: #fff;
         font-weight: 400;
         text-overflow: inherit;
         height: auto;
         white-space: normal;         
         font-size: 12px;
      }
      .alm-drop-btn.alm-layout-selection a.add-on:hover,
      .alm-drop-btn.alm-layout-selection a.add-on:focus{
         background-color: $green_hover;
      }
      .alm-drop-btn.alm-layout-selection a.add-on:hover i{
         opacity: 1;
      }
      .alm-drop-btn.alm-layout-selection a.add-on strong{
         color: #41635a;
         font-weight: 600;
      }
      .alm-drop-btn.alm-layout-selection a.add-on i{
         top: 14px;
         left: 3px;
      }
      .alm-drop-btn.alm-layout-selection a.add-on i{
         color: #fff !important;
         border-color: rgba(255, 255, 255, 0.3); 
      }

         .alm-drop-btn.alm-layout-selection a.target:hover,
         .alm-drop-btn.alm-layout-selection a.target:active,
         .alm-drop-btn.alm-layout-selection.active a.target{
            color: #222;
            background-color: #fff;
            border-color: #ccc;
   		   box-shadow: 0 0 3px #e7e7e7;
   		   opacity: 1;
         }
         .alm-drop-btn.alm-layout-selection.active a.target,
         .alm-drop-btn.alm-layout-selection a.target:active{
      	   box-shadow: inset 0 1px 1px #ccc !important;
         }

      .alm-drop-btn.alm-layout-selection .alm-dropdown {
         display: none;
         position: absolute;
         right: 0;
         top: 108%;
         z-index: 9;
         @media screen and (max-width: $small){
            right: auto;
            left: 0;
         }
      }
      .alm-drop-btn .alm-dropdown:hover{
         display: block !important;
      }
      
      @media screen and (max-width: $small){
         .alm-drop-btn.alm-layout-selection .alm-dropdown .alm-drop-inner:after,
         .alm-drop-btn.alm-layout-selection .alm-dropdown .alm-drop-inner:before {
         	right: auto;
         	left: 36px;
         }
         .alm-drop-btn.alm-layout-selection .alm-dropdown  .alm-drop-inner:after{
            margin-left: 0;
         }
         .alm-drop-btn.alm-layout-selection .alm-dropdown .alm-drop-inner:before {
         	right: auto;
         	left: 35px;
         }
      }
      

   .add-layout-cta{
      border-radius: 2px;
      border: 1px solid #e1e1e1;
      background-color: #fefeed;
      padding: 10px 100px 10px 10px;
      display: block;
      margin: 5px 0 15px;
      font-weight: 600;
      position: relative;
   }
      .add-layout-cta p{
         margin: 0;
         font-size: 13px;
      }
      span.dismiss{
         position: absolute;
         right: 10px;
         top:11px;
         font-size: 13px;
      }
         span.dismiss a{
            text-decoration: none;
         }

   /* Dropwbown */
   .alm-drop-btn{
      position: relative;
      width: auto;
   }
   .alm-dropdown{
      display: none;
      position: absolute;
      top: 108%;
      right: -15px;
      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: 220px;
      }
      .alm-layout-selection .alm-dropdown .alm-drop-inner{
         width: 250px;
         padding: 8px 8px 5px;
      }
         .alm-drop-inner:after,
         .alm-drop-inner:before {
         	bottom:100%;
         	right: 26px;
         	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: 25px;
         }

   .alm-dropdown.active{
      display: block !important;
   }
   .alm-dropdown ul{
      padding:0;
      margin:0;
      overflow: hidden;
   }
   .alm-dropdown ul li{
      margin: 0;
      padding: 3px 0;
      list-style: none;
      clear: both;
      font-size: 12px;
      line-height: 1.2;
      border-top: 1px solid #efefef;
      font-weight: 400;
   }
   .alm-dropdown ul li:first-child{
      border: none;
   }
      .alm-dropdown ul li a{
         padding: 0 10px 0 32px;
         line-height: 37px;
         height: 36px;
         display: block;
         text-decoration: none;
         background-position: 4px center;
         color: #666;
		   box-shadow: none !important;
		   position: relative;
		   width: 100%;
		   white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			border-radius: 2px;
      }

      .alm-dropdown ul li a i{
	      margin: 0;
	      color: #ccc;
	    	position: absolute;
	    	left: 0;
	    	top: 11px;
		 	font-size: 13px;
		 	width: 32px;
		 	height: 16px;
		 	line-height: 16px;
		 	display: inline-block;
		 	text-align: center;
      }

      .alm-dropdown ul li a:hover{
	      color: #111;
	      background-color: #f7f7f7;
	   }
	   .alm-dropdown ul li a:hover i{
	      color: #999;
	   }


/*
* Mailchimp Sign-up
*
* @since 2.7.2
*/

#alm-mailing-list{}
	#alm-mailing-list .center{
		text-align: center;
		display: block;
		background: #f7f7f7;
		border: 1px solid #efefef;
		padding: 15px;
		margin: -5px 0 20px;
		border-radius: 2px;
		box-shadow: inset 0 0 0 1px #fff;
	}
	.center-text{
		text-align: center;
	}
	#alm-mailing-list .center p{
		margin-bottom: 15px;
	}
	.ajax-load-more .cnkt-sidebar .cta.social .follow-btn{
		display: inline-block;
		background-color: #fff;
		color: #333;
		font-size: 20px;
		padding: 0;
		width: 44px;
		height: 44px;
		line-height: 44px;
		text-align: center;
		vertical-align: top;
		border-radius: 100%;
		margin: 0 1px 0 0;
		opacity: 0.8;
	}

		.ajax-load-more .cnkt-sidebar .cta.social .follow-btn.facebook{
			background-color: #3b5998;
			color: #fff;
		}
		.ajax-load-more .cnkt-sidebar .cta.social .follow-btn.twitter{
			background-color: #00aced;
			color: #fff;
		}
		.ajax-load-more .cnkt-sidebar .cta.social .follow-btn:hover{
			opacity: 1;
		}

   #alm-mailing-list .form-wrap{
      background-color: #fff;
      padding: 12px;
      border: 1px solid #e1e1e1;
      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.025);
      position: relative;
      border-radius: 2px;
   }
   #alm-mailing-list .form-wrap .inner-wrap{
      position: relative;
      display: block;
   }
   #alm-mailing-list .form-wrap input{
      width: 100%;
      display: block;
      margin: 0;
      background: #fff;
      font-size: 13px;
      border-color: #eee;
		padding: 0 7px 0 46px;
		height: 40px;
		line-height: 40px;
   }
   #alm-mailing-list .form-wrap i.fa-envelope{
      color: #fff;
      background: #ff5a58;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 18px;
      z-index: 1;
      height: 40px;
      width: 40px;
      text-align: center;
      line-height: 40px;
      -webkit-border-radius: 2px 0 0 2px;
      -moz-border-radius: 2px 0 0 2px;
      border-radius: 2px 0 0 2px;
   }
   #alm-mailing-list .form-wrap button{
		padding: 0;
		margin: 0;
		height: auto;
		line-height: 1.2;
		font-weight: 600;
      position: absolute;
      right: 0;
      top:0;
      z-index: 1;
      height: 100%;
      font-size: 13px;
      border-radius: 0;
      width: 40px;
      height: 40px;
      color: #ff5a58;
      background: none !important;
      cursor: pointer;
	}

      #alm-mailing-list .form-wrap button i{
         color: #ccc;
         line-height: 40px;
         width: 20px;
         text-align: center;
         position: absolute;
         right: 5px;
         top:0;
         font-size: 19px;
      }
      #alm-mailing-list .form-wrap button:hover i{
         color: #999;
      }

   #alm-mailing-list .form-wrap button span{
      position: absolute;
      left: -9999px;
      top: -9999px;
   }

   #alm-mailing-list .form-wrap label{
      font-size: 11px;
      text-transform: uppercase;
      margin: 0 0;
      padding: 0;
      font-weight: 600;
      position: absolute;
      left: -9999px;
      top:-9999px;
   }
   #alm-mailing-list .form-wrap #response{
      padding-top: 11px;
      font-size: 13px;
      display: none;
      text-align: center;
      position: absolute;
      left: 0;
      top:0;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: 1;
   }
   #alm-mailing-list .form-wrap #response p{
      font-style: normal !important;
   }



/* share-alm */
.alm-notification{
	background: #6199c3 !important;
	border-color: #3f7d9a !important;
	&:hover{
   	a.dismiss{
      	opacity: 0.7;
   	}
	}
	.dotted{
   	border: none;
		border-bottom: 1px dashed #ccc;
      background: none;
      margin: 0 0 20px;
      padding: 0 0 15px;
   }
   h2{
	   padding-right: 50px;
	   padding-left: 32px;
	   line-height: 1.25;
	   position: relative;
	   color: #fff;
	   font-size: 22px;
	   margin: 0 0 10px;
	   span{
		   position: absolute;
		   left: 0;
		   top: 0;
	   }
	   @media screen and (max-width: $small){
      	padding-left: 0;
      	span{
         	display: none;
      	}
      }
   }
   
	p{
	   color: #ddeaf1;
	   font-size: 14px;
	   padding-left: 33px;
	   margin: 0 0 20px;
	   @media screen and (max-width: $small){
      	padding-left: 0;
      }
	   a{
		   color: #fff;
		   font-weight: 600;
		   &:hover,
		   &:focus{
			   text-decoration: none;
		   }
	   }
	   &.opening{
   	   font-size: 18px;
   	   margin: 0 0 13px;
   	   font-weight: 300;
	   }
	}
   
   ul.share{
   	margin: 0 0 10px;
   	padding: 0 0 0 32px;
   	width: auto;
   	clear: both;
   	display: inline-block; 
   	overflow: visible;
   	text-align: left;
   	width: 100%;
   	height: auto;
   	@media screen and (max-width: $small){
      	padding: 0;
      }
   	li{
   		background: none; 
   		display: inline-block;
   		vertical-align: top;
   		height: auto;
   		line-height: 40px;
   		font-size: 13px;
   		position: relative;
   		font-weight: 400;
   		text-align: left;
   		background: none;
   		color: #787878;
   		width: auto;
   		text-align: center;
   		margin: 12px 10px 0 0 !important;
   		padding: 0;
         @media screen and (max-width: $small){
            display: block;
            width: 100%;
         }
      	a{
   			display: block;
   			line-height: 40px;
   			height: 40px;
            width: auto;
   			padding: 0 15px 0 47px;
   			text-decoration: none;
            color: #fff;
            text-align: center;
            background: none;
   			border-radius: 3px;
   			position: relative;
   			font-weight: 600;
   			background: #33cf92; 
   			box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.075), inset 0 0 1px rgba(255, 255, 255, 0.2);
   			@media screen and (min-width: 1500px){
   			   padding: 0 25px 0 50px;      			
   			}
   		   &:hover{
      		   background-color: #45dfa3;
            }
         	i{ 
         		font-size: 20px;
         		line-height: 41px;
         		height: 40px;
         		width: 35px;
         		position: absolute;
         		top: 0;
         		left: 0;
         		text-align: center;
         		border-right: 1px solid rgba(0, 0, 0, 0.1);
         		background-color: rgba(0, 0, 0, 0.1);
               border-radius: 2px 0 0 2px;
         	}
         	&:hover,
         	&:hover i{
   			   text-decoration: none;
               color:#fff !important;
               span{
         			text-decoration: none;
         		}
            }
         }   		
         &.twitter a{
         	background: #00aced;
         }
         &.twitter a:hover{
         	background: #13beff !important;
         }
         &.facebook a{
         	background: #3b5998;
         }
         &.facebook a:hover{
         	background: #466cbc !important;
         }
      }
   }
   
	// Close BTN
	a.dismiss{
      position: absolute;
      right: 3px;
      top: 3px;
      text-decoration: none;
      width: 30px;
      height: 30px;
      line-height: 30px;
      padding: 0;
      text-align: center;
      color: #fff;
      border-right: none;
      border-top: none;
      display: block;
      font-size: 24px;
      font-weight: 300;
      opacity: 0.3;
      &:hover,
      &:focus{
         color: #fff;
   		opacity: 1;
      }
   }
}



/*
* Local templates Add-on
*
* @since 2.7.3
*/

.select-theme-repeater{
   display: block;
   position: relative;
}
   .select-theme-repeater .or{
      position: absolute;
      left: 70px;
      top: -20px;
      background: #fefeed;
      color: #333;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      z-index: 1;
      font-weight: 700;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      text-transform: uppercase;
      border: 1px solid #e1e1e1;
      font-size: 13px;
   }

.alm-template-section-nav{
   display: block;
   margin: 0 0;
   padding: 0;
}
   .alm-template-section-nav li{
      display: inline-block;
      vertical-align: top;
   }
      .alm-template-section-nav li a{
         padding: 5px;
         display: block;
      }
      .alm-template-section-nav li.active a{
         background: #ff0000;
      }

  /*
* Toggle Switch
*
* @since 2.14.0
*/
.ajax-load-more .alm-toggle-switch{
   display: block;
   clear: both;
   margin: 0;
   padding: 0 10px;
   overflow: hidden;
   position: relative;
   top: 1px;
   z-index: 9;
}
   .ajax-load-more .alm-toggle-switch li{
      float: left;
      margin: 0 2px 0 0;
      padding: 0;
      background: none; 
      list-style: none;
   }
   .ajax-load-more .alm-toggle-switch li a{
      display: block;
      padding: 15px 22px;
      line-height: 1;
      border-radius: 2px;
      text-decoration: none;
      border: 1px solid #e1e1e1;
      border-radius: 2px 2px 0 0;
      background: #f7f7f7;
      color: #666;
   }
   .ajax-load-more .alm-toggle-switch li a:hover{
      color: #222;
      background-color: #fff;
   }
   .ajax-load-more .alm-toggle-switch li a.active{
      background: #fff;
      font-weight: 600;
      border-bottom-color: #fff;
      color: #111;
   }


/*
* Admin screen media queries
*
* @since 1.0
*/

@media screen and (max-width: 1200px){
   .ajax-load-more input[type=text],
   .ajax-load-more input[type=number],
   .select2-container,
   #alm-builder .select2-container-multi{
      width: 95%;
   }

   #alm-builder .select2-container-multi{
      width: 95% !important;
   }
}

@media screen and (max-width: 900px){
  .table-of-contents{
      position: static !important;
      width: 100% !important;
   } 
  .ajax-load-more .cnkt-main,
  .ajax-load-more .cnkt-sidebar,
  .ajax-load-more .cnkt-main.full {
     float: none;
     clear: both;
     margin: 0;
     width: 100%;
     position: static !important;
   }
	.admin.ajax-load-more.settings .form-table td{
   	padding: 24px 17px 20px
   }
   .call-out.light {
      padding: 15px !important;
   }
   .repeaters input.save-repeater{
      max-width: 50%;
   }
}

@media screen and (max-width: 782px){
	.admin.ajax-load-more.settings .form-table th{
		padding-bottom: 0;
	}
   .share-alm .sharing{
      padding-right: 0;
      width: 100%;
      margin-right: 0 !important;
   }
   .share-alm .mailing{
      width: 100%;
      margin-left: 0 !important;
      padding-left: 0;
      padding-top: 40px;
      border-left: none;
   }
}

@media screen and (max-width: 480px){
   .ajax-load-more .section-title,
   .ajax-load-more .row .wrap{
      clear: both;
      width: 100%;
      display: block;
      float: none;
      padding: 10px;
   }
   .ajax-load-more .section-title{
	   padding: 20px 20px 10px;
   }
   .ajax-load-more .row .wrap{
	   padding: 10px 20px;
   }
   .ajax-load-more input[type=text],
   .ajax-load-more input[type=number],
   .select2-container,
   #alm-builder .select2-container-multi{
      width: 100% !important;
   }
   .ajax-load-more .row .wrap .inner.half {
      display: block;
      padding: 0 0 20px;
      width: 100%;
   }
   .ajax-load-more .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%;
   }

   .alm-repeater-options{
		display: none !important;
	}

	.ajax-load-more .wrap-30{
   	width: 100%;
   	display: block;
   	padding: 0 0 10px;
	}
	.ajax-load-more .row .wrap.full{
   	padding: 10px;
	}

	 #alm-add-ons .group{ 
      width: 100%;
      display: block;
      margin: 0 0 2% 0;
   }
   .call-out.light {
      background: #fdfdec none repeat scroll 0 0;
      width: 100%;
   }
   .call-out.light p{
      padding: 0;
   }
   .ajax-load-more .one_half{
      width: 100%;
      margin: 0 0 2%;
      display: block;
   }
   .add-layout-cta{
      padding: 10px;
   }
      span.dismiss{
         position: static;
         padding-top: 20px;
         display: block;
         font-size: 12px;
      }
}