/*
 * #%L
 * ACS AEM Commons Bundle
 * %%
 * Copyright (C) 2014 Adobe
 * %%
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * #L%
 */
/*
<img class="cq-image-placeholder cq-block-placeholder" src="/etc/designs/default/0.gif"/>
*/
/* Body added for +1 specificity of cq-block-*-placeholder rules for height/width */
body .cq-block-placeholder,
body .cq-block-sm-placeholder,
body .cq-block-lg-placeholder {
  border: 2px dashed #cccccc;
  margin: 2px 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, Gecko */
  box-sizing: border-box;
}
body .cq-block-sm-placeholder {
  min-height: 96px;
  max-height: 96px;
  height: 96px;
}
body .cq-block-placeholder {
  min-height: 192px;
  max-height: 192px;
  height: 192px;
}
body .cq-block-lg-placeholder {
  min-height: 384px;
  max-height: 384px;
  height: 384px;
}
body .cq-block-placeholder-off,
body .cq-block-sm-placeholder-off,
body .cq-block-lg-placeholder-off {
  display: none;
}
/* Custom placeholders */
.cq-textlines-placeholder {
  width: 74px;
  height: 74px;
  border: 2px dashed #CCC;
  background: url("widgets/source/images/placeholders/cq-textlines-placeholder.png") no-repeat scroll 50% 50%;
  min-height: 250px;
  max-height: 250px;
  height: 500px;
  margin-bottom: 5px;
  width: 100%;
}
.cq-ad-placeholder {
  width: 74px;
  height: 74px;
  border: 2px dashed #CCC;
  background: url("widgets/source/images/placeholders/cq-ad-placeholder.png") no-repeat scroll 50% 50%;
}
.cq-audio-placeholder {
  width: 74px;
  height: 74px;
  border: 2px dashed #CCC;
  background: url("widgets/source/images/placeholders/cq-audio-placeholder.png") no-repeat scroll 50% 50%;
}
.cq-dl-placeholder {
  width: 74px;
  height: 74px;
  border: 2px dashed #CCC;
  background: url("widgets/source/images/placeholders/cq-dl-placeholder.png") no-repeat scroll 50% 50%;
}
.cq-ul-placeholder {
  width: 74px;
  height: 74px;
  border: 2px dashed #CCC;
  background: url("widgets/source/images/placeholders/cq-ul-placeholder.png") no-repeat scroll 50% 50%;
}

#CQ .graphic-selection .x-panel-bwrap {
    display: none;
}

#CQ .graphic-selection-current-container {
    border: 1px solid #ccc;
    cursor: pointer;
}

#CQ .graphic-selection-list {
    border-left: 1px solid #ccc;
}

#CQ .graphic-selection-item, #CQ .graphic-selection-current {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 25%;
    padding: 10px;
    text-align: center;
}

#CQ .graphic-selection-current {
    float: none;
    cursor: pointer;
}

#CQ .graphic-selection-current * {
    cursor: pointer;
}

#CQ .graphic-selection-item {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#CQ .graphic-selection-item.selected {
    background: #ddd;
}

#CQ .graphic-selection-image {
    text-align: center;
}

#CQ .graphic-selection-item img, #CQ .graphic-selection-current img {
    max-width: 100%;
    max-height: 125px;
}

#CQ .graphic-selection-current .graphic-selection-image {
    height: 125px;
    height: auto;
}

#CQ .graphic-selection .image-staging {
    visibility: hidden;
    right: 100%;
    overflow: hidden;
    z-index: -1000;
}

#CQ .graphic-selection.icon-selection {
    max-height: 215px;
    overflow: auto;
}

#CQ .graphic-selection.icon-selection .graphic-selection-list {
    border-top: 1px solid #d0d0d0;
}

#CQ .graphic-selection.icon-selection .graphic-selection-item {
    width: 10%;
    float: left;
}

#CQ .graphic-selection.icon-selection .graphic-selection-item .fa {
    font-style: normal;
}

#CQ .graphic-selection.icon-selection .graphic-selection-image {
    min-height: 14px;
}

#CQ .graphic-selection.icon-selection .image-staging {
    visibility: visible;
}