/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* embed button icon */
a.cartloom-add-shortcode.button .cartloom-icon {
	font-size:16px;
	display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-top;
  margin: 0 2px;
}

.demo_box {
  padding: 100px; }

.cl_embed_btn_wrap {
  position: relative;
  display:inline-block;
  font: 14px/1.3 Arial;
  user-select: none; }
  .cl_embed_btn_wrap ul, .cl_embed_btn_wrap li {
    padding: 0;
    margin: 0;
    list-style: none; }
  .cl_embed_btn_wrap * {
    box-sizing: border-box; }

.cl_embeds_out .cf:after {
  content: "";
  display: table;
  clear: both; }

.cl_embeds_out {
  position: absolute;
  margin-top: 10px;
  height: 300px;
  width: 290px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 15px 60px -15px rgba(0, 0, 0, 0.15);
  opacity: 0;
  top: -9999px;
  left: -9999px;
  transition: opacity 200ms 0ms, left 0ms 200ms, top 0ms 200ms; }
  .cl_embeds_out.appear {
    top: 100%;
    left: 0;
    opacity: 1;
    transition: opacity 200ms 0ms, left 0ms 0ms, top 0ms 0ms; }
  .cl_embeds_out:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 55px;
    right: 0;
    background: #f9f9f9;
    display: block;
    content: ''; }

.cl_embeds_in {
  position: absolute;
  overflow: scroll;
  top: 55px;
  bottom: 0;
  left:0;
  right:0;
  border-top: 1px solid #ddd; }

.cl_embed_type {
  background: #eee;
  border-bottom: 1px solid #ddd;
  position: fixed;
  width: 300px;
  z-index: 1; }
  .cl_embed_type li {
    width: 50%;
    background: #eee;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    list-style: none; }
    .cl_embed_type li + li {
      box-shadow: -1px 0 0 #ddd; }

.cl_embed_results {
  padding: 0; }
  
 
  .cl_embed_results li  {
	  font-size:14px;
	  line-height:26px;
	  width:100%;
	  border-bottom: 1px solid #f1f1f1;
  }
  
  .cl_embed_results li a {
	  font-size:15px;
	  line-height:26px;
  }

.cl_embed_results li > img {
	width:24px;
	height:auto;
	margin:0 4px;
}
.cl_search_bar {
  background: #eee;
  position: relative;
    margin: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
  max-width: 420px; }
  .cl_search_bar input[type=text] {
    border: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    padding: 9px;
    margin: 0;
    border-radius: 0 3px 3px 0;
    overflow: hidden; }
    .cl_search_bar input[type=text]:focus {
      outline: none; }
  .cl_search_bar .cl_search_dropdown {
    font-weight: 400;
    min-width: 17px;
    background: #f4f4f4;
    border-right: 1px solid #ddd;
    color: #555;
    padding: 0 23px 0 11px;
    border-radius: 2px 0 0 2px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    user-select: none;
    box-sizing: content-box; }
    .cl_search_bar .cl_search_dropdown:after {
      content: "";
      background: rgba(85, 85, 85, 0);
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #777;
      position: absolute;
      top: 50%;
      right: 8px;
      margin-top: -2px; }
    .cl_search_bar .cl_search_dropdown:hover, .cl_search_bar .cl_search_dropdown.active {
      background: #e7e7e7;
      cursor: pointer;
      border-right-color: #ccc; }
    .cl_search_bar .cl_search_dropdown > span {
      position: absolute;
      top: 50%;
      margin-top: -9px;
      white-space: nowrap;
      font-size: 14px; }
    .cl_search_bar .cl_search_dropdown ul {
      display: none;
      position: absolute;
      top: 105%;
      left: -1px;
      font-size: 14px;
      width: 225px;
      background: #fff;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 7px 0; }
    .cl_search_bar .cl_search_dropdown li {
      list-style-type: none;
      margin: 0;
      padding: 5px 18px;
      color: #0085BA;
      line-height: 1.2em;
      position: relative; }
      .cl_search_bar .cl_search_dropdown li:hover {
        background: #e7e7e7; }
      .cl_search_bar .cl_search_dropdown li.selected {
        background: #0085BA;
        color: #fff; }
  .cl_search_bar ::placeholder {
    font-weight: 400; }
    
  .cartloom-settings-wrap{
	background: #fff;
    border-left: 4px solid #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    margin: 5px 0 15px;
    padding: 10px 20px 20px 20px;
    }

/* cartloom font */


@font-face {
  font-family: 'clwp';
  src:  url('../fonts/clwp.eot?8xnobf');
  src:  url('../fonts/clwp.eot?8xnobf#iefix') format('embedded-opentype'),
    url('../fonts/clwp.ttf?8xnobf') format('truetype'),
    url('../fonts/clwp.woff?8xnobf') format('woff'),
    url('../fonts/clwp.svg?8xnobf#clwp') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="cl-icon-"], [class*=" cl-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'clwp' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cl-icon-plus-o{
	color: #638644;
}

.cl-icon-question-o{
	color: #CCCCCC;
}

.cl_embed_results .cl-icon {
	padding:6px 6px 6px 8px;
}

.cl-icon-logo-o:before {
  content: "\e900";
}
.cl-icon-plus-o:before {
  content: "\f055";
}

.cl-icon-question-o:before {
  content: "\f059";
}

.cl-icon-bomb:before {
  content: "\f1e2";
}


/* sidebar icon */

#toplevel_page_cartloom_settings_page .dashicons-admin-generic:before {
	font-family: 'clwp' !important;
  content: "\e900"; }

#toplevel_page_cartloom_settings_page:hover .dashicons-admin-generic:before {
	font-family: 'clwp' !important;
  content: "\e900"; }

#toplevel_page_cartloom_settings_page.current .dashicons-admin-generic:before {
	font-family: 'clwp' !important;
  content: "\e900"; }
  
.cl-product.empty a , .cl-group.empty a {
  color:#dddddd;
}

.cl-error  a {
  color:#E4574D !important;
}


/* type badge */

.cl-badge { font-size: 10px; color: #ffffff; background: #cccccc; text-transform: uppercase; padding:2px 7px; border-radius: 8px; }
.cl-badge.btn { background: #787BE0;}
.cl-badge.embed { background: #6C95E7;}