/* ************************
// componentS
************************* */
.designs {
    padding: 20px 0;
}

#design-selector {
    min-height: 350px;
    position: relative;
    text-align: center;
}

#design-selector .btn-continue {
    margin: 20px auto;
}

#composer {
    min-height: 350px;
    position: relative;
}

#composer .button-print {
    position: absolute;
    bottom: 0;
    right: 0;
}

.panel-composer {
    border-bottom: 2px solid #DDD;
    background-color: #EDEDED;
    margin: 20px 0;
}

.design .panel {
    border: 2px solid #666;
    width: 154px;
    height: 130px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    text-align: left;
}


.vis {
    text-align: center;
}

.lab {
    min-width: 700px;
}

.lab .label-box {
    padding: 5px;
}

.panel-composer .panel {
    margin: 20px auto;
}



.design .panel .count {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFF;
}

.design .panel .count input {
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: #FFF;
    color: #000;
    border: none;
    font-size: 36px;
    border: none;
    border-left: 2px solid #666;
    border-bottom: 2px solid #666;
    text-align: center;
}




.design-1 .panel-1 {
    background-image: url(../img/designs/design-1/351011.png);
}


.design-1 .panel-2 {
    background-image: url(../img/designs/design-1/351021.png);
}

.design-1 .panel-3 {
    background-image: url(../img/designs/design-1/351041.png);
}

.design-1 .panel-4 {
    background-image: url(../img/designs/design-1/351081.png);
}

.design-1 .panel-5 {
    background-image: url(../img/designs/design-1/351211.png);
}

.design-1 .panel-6 {
    background-image: url(../img/designs/design-1/351221.png);
}

.design-1 .panel-7 {
    background-image: url(../img/designs/design-1/352031.png);
}

.design-1 .panel-8 {
    background-image: url(../img/designs/design-1/352041.png);
}

.design-1 .panel-9 {
    background-image: url(../img/designs/design-1/352161.png);
}

.design-1 .panel-10 {
    background-image: url(../img/designs/design-1/352181.png);
}

.design-1 .panel-11 {
    background-image: url(../img/designs/design-1/352201.png);
}




.design-2 .panel-1 {
    background-image: url(../img/designs/design-2/351015.png);
}

.design-2 .panel-2 {
    background-image: url(../img/designs/design-2/351045.png);
}

.design-2 .panel-3 {
    background-image: url(../img/designs/design-2/351085.png);
}

.design-2 .panel-4 {
    background-image: url(../img/designs/design-2/351315.png);
}

.design-2 .panel-5 {
    background-image: url(../img/designs/design-2/351325.png);
}

.design-2 .panel-6 {
    background-image: url(../img/designs/design-2/352035.png);
}

.design-2 .panel-7 {
    background-image: url(../img/designs/design-2/352045.png);
}

.design-2 .panel-8 {
    background-image: url(../img/designs/design-2/352165.png);
}

.design-2 .panel-9 {
    background-image: url(../img/designs/design-2/352185.png);
}

.design-2 .panel-10 {
    background-image: url(../img/designs/design-2/352205.png);
}

textarea.label-text {
    /*width: 95%;*/
    resize: none;
    font-size: 24px;
    margin: 0 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    font-family: monospace;
}
/*
textarea.label-text.half {
    line-height: 15px;
    font-size: 12px;
}
*/
textarea.label-text {
    font-family: monospace;
}
textarea.label-text.sans-serif-italic,
textarea.label-text.serif-italic {
    font-style: italic;
}

.label-item .btn-image {
    margin-left: 15px;
}

.label-item .label-image {
    display: inline-block;
    margin-left: 15px;
}
/*textarea.label-text.sans-serif {
    font-family: Arial, sans-serif;
}

textarea.label-text.serif {
    font-family: "Times New Roman", Georgia, serif;
}

textarea.label-text.sans-serif-italic {
    font-family: Arial, sans-serif;
    font-style: italic;
}

textarea.label-text.serif-italic {
    font-family: "Times New Roman", Georgia, serif;
    font-style: italic;
}
*/


/*
.label-1x1 textarea.label-text {
    width:100%;
}

.label-2x1 textarea.label-text {
    width:  49%;
}

.label-1x2 textarea.label-text {
    width: 100%;
}

.label-2x2 textarea.label-text {
    width:  49%;
}

.label-1x4 textarea.label-text {
    width: 100%;
}

.label-1x3 textarea.label-text {
    width: 100%;
}

.label-2x4 textarea.label-text {
    width:  49%;
}

.label-2x3 textarea.label-text {
    width:  49%;
}

.label-2x6 textarea.label-text {
    width:  49%;
}

.label-2x8 textarea.label-text {
    width:  49%;
}
*/




.label-2x1 div.label-item,
.label-2x2 div.label-item,
.label-2x4 div.label-item,
.label-2x3 div.label-item,
.label-2x6 div.label-item,
.label-2x8 div.label-item,
.label-2x12 div.label-item,
.label-2x16 div.label-item {
    width:  48%;
    float: left;
}

.label-2x1  div.label-item:nth-child(odd),
.label-2x2  div.label-item:nth-child(odd),
.label-2x4  div.label-item:nth-child(odd),
.label-2x3  div.label-item:nth-child(odd),
.label-2x6  div.label-item:nth-child(odd),
.label-2x8  div.label-item:nth-child(odd),
.label-2x12 div.label-item:nth-child(odd),
.label-2x16 div.label-item:nth-child(odd) {
    clear: left;
}