/*stampcreator*/

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/lato1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/lato2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;    font-display: swap;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/openSans1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/openSans2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/raleway1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/raleway2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/lato1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/lato2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
@font-face {
    font-family: 'Times New Roman';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/timesNewRoman1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
@font-face {
    font-family: 'Times New Roman';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/timesNewRoman2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
/* latin-ext */
@font-face {
    font-family: 'Trebuchet MS';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/trebuchetMS1.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}
@font-face {
    font-family: 'Trebuchet MS';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/trebuchetMS2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}
#contexMenu{

}
.canvasContainer{
    padding: 10px;
    background: #f3f3f3;
}
#svgCanvas{
    border: 1px solid #000;
    background: #fff;
}
#svgCanvas .text
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#svgCanvas .selectRect{
    pointer-events:none;
}
#svgCanvas .n-resize {cursor: n-resize}
#svgCanvas .e-resize {cursor: e-resize }
#svgCanvas .w-resize {cursor: w-resize}
#svgCanvas .s-resize {cursor: s-resize}

#svgCanvas .ne-resize {cursor: ne-resize}
#svgCanvas .se-resize {cursor: se-resize}
#svgCanvas .nw-resize {cursor: nw-resize}
#svgCanvas .sw-resize {cursor: sw-resize}

.drawPanel .drawMode{
    background: #fff;
    cursor: pointer;
    fill: 010101;
    border: 1px solid #c3c3c3;
    padding: 4px;
}
.drawPanel .drawMode.selected{
    background: #23639e;
    fill: #fff;
}
.templatesStep{
    margin: 20px 0 20px 0;
    border: 1px solid #ccc;
    padding: 20px;
}
.templatesStep .templateStepTab{
    float: left;
    width: 50%;
}
.emptyStampSelector{
    height: 200px;
    width: 320px;
    overflow: scroll;
    overflow-x: hidden;
    background: #f2f2f2;    
    text-align: center;
}
.stampSize{
    border: 1px solid #000;
    font-size: 12px;
    margin: 0 0 5px 0;
    display: inline-block;
    background: #fff;
}
.stampTemplates{
    margin: 0 0 20px 0;   
}
.stampTemplate{
    border: 1px solid #000;
}
.emptyStampSelector{
    margin: 0 0 20px 0;  
}
.contexMenuItem{
    padding: 4px;
    background: #f2f2f2;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px 0;
}
.contexMenuItem .todo{
    display: none;
}
.contexMenuItem.zoom{

}
.contexMenuItem.zoom div.label{
    background: #fff;
    cursor: pointer;
    fill: 010101;
    border: 1px solid #c3c3c3;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
}
.contexMenuItem.zoom div.label.icon{
    border: none;
    background: none;
    padding-top: 4px;
}
.contexMenuItem.zoom .zoomChange{
    width: 30px;
    height: 30px;
    display: inline-block;
}
.contexMenuItem.zoom div.label.zoomLabelValue{
    border: none;
    background: none;
    width: auto;
    cursor: auto;
}
.contexMenuItem.zoom div.label span{
    margin-top: -2px;
    display: block;
}
.contexMenuItem input[type="text"]{
    width: 30px;
}

.textBtn{
    background: #23639e;
    color: #fff;
    padding: 10px 5px;
    display: inline-block;
    cursor: pointer;
    margin: 0 0 5px 0;
    font-size: 13px;
}
.imgBtn{
    background: #fff;
}
.imgBtn img{
    display: inline-block;
    width: 36px;
    margin: 2px;
}
.emptyStampProduct{
    position: absolute;
    left: -9999999px;
}