/****************************
 ** Custom Display Builder **
 ****************************/
#preview-container {
    display: block;
    position: absolute;
    z-index:99;
    cursor: move;
}
#empty-placeholder {
  margin-top: 30px;
  position: relative
}
#preview-group {
  height: 150px;
  background:#fff;
  z-index: 9;
  overflow: hidden;
  position: relative
}
#content-groups .form-control-static {
    border: 1px solid #ddd;
    height: 40px;
    border-radius: 0 5px 5px 0;
}
.show-when-building {
    display: none
}
.text-block {
    vertical-align: bottom;
    color: #666;
    display: inline-block;
    white-space: pre;
    line-height: 1;
}
.figure-block {
    display: inline-block;
}

.figure-block.three img {
    height: 118px;
    margin-bottom: -3px
}

.figure-block.two-five img {
    height: 105px;
    margin-bottom: -3px
}

.figure-block.two img {
    height: 85px;
    margin-bottom: -3px
}

.figure-block.one-five img {
    height: 65px;
    margin-bottom: -3px
}
/* Myriad */
.text-block.three.text-Myriad {
    font-family: 'Allied Myriad Three';
    font-size: 115px;
    height: 92px
}
.text-block.two-five.text-Myriad {
    font-family: 'Allied Myriad Two Five';
    height: 79px;
    font-size: 100px;
}
.text-block.two.text-Myriad {
    font-family: 'Allied Myriad Two';
    height: 61px;
    font-size: 80px
}
.text-block.one-five.text-Myriad {
    font-family: 'Allied Myriad One Five';
    height: 43px;
    font-size: 60px
}

/* Book Antiqua*/
.text-block.text-Book-Antiqua.three {
    font-family: 'Allied Book Antiqua Three';
    font-size: 119px;
    height: 95px;
}
.text-block.text-Book-Antiqua.two-five {
    font-family: 'Allied Book Antiqua Two Five';
    font-size: 104px;
    height: 81px;
}
.text-block.text-Book-Antiqua.two {
    font-family: 'Allied Book Antiqua Two';
    font-size: 81px;
    height: 61px;
}
.text-block.text-Book-Antiqua.one-five {
    font-family: 'Allied Book Antiqua One Five';
    font-size: 63px;
    height: 47px;
}

/* Brush Script */
.text-block.text-Brush-Script.three {
    font-family: 'Allied Brush Script Three';
    font-size: 123px;
    height: 98px;
}
.text-block.text-Brush-Script.two-five {
    font-family: 'Allied Brush Script Two Five';
    font-size: 104px;
    height: 81px;
}
.text-block.text-Brush-Script.two {
    font-family: 'Allied Brush Script Two';
    font-size: 81px;
    height: 61px;
}
.text-block.text-Brush-Script.one-five {
    font-family: 'Allied Brush Script One Five';
    font-size: 63px;
    height: 47px;
}

/* Cooper */
.text-block.text-Cooper.three {
    font-family: 'Allied Cooper Three';
    font-size: 123px;
    height: 98px;
}
.text-block.text-Cooper.two-five {
    font-family: 'Allied Cooper Two Five';
    font-size: 104px;
    height: 81px;
}
.text-block.text-Cooper.two {
    font-family: 'Allied Cooper Two';
    font-size: 81px;
    height: 61px;
}
.text-block.text-Cooper.one-five {
    font-family: 'Allied Cooper One Five';
    font-size: 63px;
    height: 47px;
}

/* Comic Sans */
.text-block.text-Comic-Sans.three {
    font-family: 'Allied Comic Sans Three';
    font-size: 121px;
    height: 98px;
}
.text-block.text-Comic-Sans.two-five {
    font-family: 'Allied Comic Sans Two Five';
    font-size: 101px;
    height: 81px;
}
.text-block.text-Comic-Sans.two {
    font-family: 'Allied Comic Sans Two';
    font-size: 79px;
    height: 61px;
}
.text-block.text-Comic-Sans.one-five {
    font-family: 'Allied Comic Sans One Five';
    font-size: 63px;
    height: 47px;
}

/* Magic Type */
.text-block.text-Magic-Type.three {
    font-family: 'Allied Magic Type Three';
    font-size: 124px;
    height: 98px;
}
.text-block.text-Magic-Type.two-five {
    font-family: 'Allied Magic Type Two Five';
    font-size: 102px;
    height: 81px;
}
.text-block.text-Magic-Type.two {
    font-family: 'Allied Magic Type Two';
    font-size: 79px;
    height: 61px;
}
.text-block.text-Magic-Type.one-five {
    font-family: 'Allied Magic Type One Five';
    font-size: 62px;
    height: 47px;
}

/* Starship */
.text-block.text-Starship.three {
    font-family: 'Allied Starship Three';
    font-size: 117px;
    height: 98px;
}
.text-block.text-Starship.two-five {
    font-family: 'Allied Starship Two Five';
    font-size: 97px;
    height: 81px;
}
.text-block.text-Starship.two {
    font-family: 'Allied Starship Two';
    font-size: 75px;
    height: 61px;
}
.text-block.text-Starship.one-five {
    font-family: 'Allied Starship One Five';
    font-size: 59px;
    height: 47px;
}

#content-groups ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#content-groups ul > li {
    border: 2px solid #ccc;
    padding: 1em;
    margin-top: 1em;
    background: #fff;
    position: relative;
}

#content-groups ul > li > h3 {
    margin-top: 0
}
#content-groups ul > li .btn-reorder {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    padding:9px 10px
}

#content-groups ul > li .btn-reorder:hover {
    cursor: move;
}
#content-groups ul > li .btn-remove {
    background-color: #d9534f;
    border-color: #d9534f;
    color: #fff;
    padding:9px 10px
}

.svg-preview-container img {
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 3px;
}
.svg-preview-container img:hover {
    border-color: #CCDB2A;
    cursor: pointer;
}

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9 [2] IE10+
 */
/* 1 */
.svg-preview-container img[src*=".svg"] {
  width: auto;
  max-height: 100px
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src*=".svg"] {
        width: 100%;
    }
}