﻿
#LabelDesigner span.textLabel {
    background-color: #FFF;
    position: absolute;
    display: block;
    top: auto;
    left: 0px;
    min-height: 10px;
    min-width: 100px;
    line-height:0.7;
    text-align:left;
}

#LabelDesigner span.barcodeLabel {
    background-color: #CCC;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    min-height: 20px;
    min-width: 150px;
}

#LabelDesigner span.datamatrixLabel {
    /*background-color: #ACF;*/
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    min-height: 20px;
    min-width: 20px;
    align-content: center;
    background-image: url(/Content/Images/DataMatrix.svg);
    background-size: 100% 100%;
}

#LabelDesigner span.selectedLabel {
    box-shadow: inset 0 1px 1px #ffffff1a, 0 0 6px #1d009599;
}

#LabelDesigner #LabelDesignerContainer {
    position: relative;
    height: 100%;
}

#LabelDesigner #options {
    position: absolute;
    left: 5px;
    width: 360px;
    top: 0;
    bottom: 5px;
    overflow: auto;
}

    #LabelDesigner #options h2 {
        clear: both;
        font-size: 20px;
        border-bottom: 1px solid #d8d8d8;
        margin-left: 3px;
        margin-bottom: 5px;
        color: #808080;
    }

#LabelDesigner .imp {
    clear: both;
}

    #LabelDesigner .imp label {
        float: left;
        display: block;
        width: 145px;
        font-weight: normal;
        text-align: right;
        padding-right: 10px;
    }

    #LabelDesigner .imp .con {
        float: left;
        width: 155px;
    }

    #LabelDesigner .imp .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    #LabelDesigner .imp input {
        width: 100%;
    }


#LabelDesigner #addLabels {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 36px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

    #LabelDesigner #addLabels a {
        height: 35px;
        text-align: center;
        font-size: 20px;
        border-right: 1px solid #ddd;
        display: block;
        float: left;
        padding: 5px 10px;
    }


    /*#LabelDesigner #addLabels a .fa-plus{
        font-size:17px;

    }*/


#LabelDesigner #addLabels a:hover {
    text-decoration: none;
    background-color: #efefef;
}


#LabelDesigner #designer {
    position: absolute;
    left: 370px;
    top: 0;
    right: 5px;
    bottom: 5px;
}

    #LabelDesigner #designer #cancon {
        width: 100%;
        height: 100%;
        display: table;
        border: 1px solid #CCC;
    }


    #LabelDesigner #designer #canv {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        background-color: #f2f2f2;
    }


#LabelDesigner #Label {
    background-color: #FFF;
    border: 2px solid #333;
    box-sizing: content-box;
    margin: auto;
    position: relative;
}


.dropdown-btn {
    width: 130px;
    margin: 0 6px 0 0;
}

.printer-radio {
    padding: 7px;
}



.dropdown-btn {
    width: 220px;
    background-color: white;
    text-align: left;
}

li.printer-group:hover .dropdown-btn {
    background-color: #ededed;
}

li.printer-group:hover {
    background-color: #ededed;
}

.dropdown-menu li.printer-group a {
    display: inline-block;
    padding: 3px 12px;
}

ul.dropdown-menu {
    width: 250px
}

#printBtn {
    margin-right: 0px;
}
