.lab-num {
font-weight: bold;
height: 34px;
margin: 10px;
text-align: center;
vertical-align: middle;
width: 26px;
}
.lab-select {
margin: 3px;
padding: 4px 0;
}
.btn.lab-select .tick {
margin: 0;
padding: 0;
}
#labitems .thumbnail-title {
clear: both;
font-size: 12px;
padding: 5px;
position: relative;
white-space: nowrap;
}
.gradient1.thumbnail-text2 {
overflow: hidden;
position: relative;
}
#labitems > div {
display: inline-block;
float: none;
vertical-align: top;
}
#labitems .thumbnailx {
background: #d0d0d0 none repeat scroll 0 0;
color: black;
width: 202px;
display: inline-block;
margin: 9px;
position: relative;
text-align: center;
border: 1px solid transparent;
}
#labitems .btn-danger {
padding: 5px 9px;
}
.thumbnailx.lab-selected {
border: 1px solid orange;
}
.lab-selected .thumbnail-text, .lab-selected .thumbnail-text2, .lab-selected .thumbnail-title {
background: #f78f1e none repeat scroll 0 0;
color: black;
}
#PictoartAddToLab .thumbnail-text {
font-size: 10px;
height: auto;
overflow: hidden;
}
#PictoartAddToLab .thumbnailx {
display: inline-block;
float: none;
vertical-align: top;
margin: 0;
}
#PictoartAddToLab .thumbnail-img2{
min-height: 10px;
}
#PictoartAddToLab #userphotos-list > div {
display: inline-block;
float: none;
padding: 3px;
}
#PictoartAddToLab .thumbnail-img {
padding: 2px;
}
.lab-menu-r
{
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/lab-bg-r.jpg);
background-size: cover;
min-height: 300px;
}
.lab-menu-l
{
background: url(//pictoart.cz/wp-content/themes/pictoart2016/images/lab-bg-l.jpg);
background-size: cover;
min-height: 300px;
}
#lab-menu {
background: #999 none repeat scroll 0 0;
color: white;
}
#lab-multi-tools2 .btn {
margin: 3px 3px;
}
.lab-total-price {
color: black;
font-size: 130%;
margin: 40px auto;
text-align: center;
max-width: 90vw;
white-space: normal;
}
.lab-tools > div {
padding: 13px;
text-align: center;
}
.lab-tools .btn {
margin: 3px 3px;
}
.lab-tools {
margin: 10px;
}
#lab-multi-tools
{
display: none;
}
#addlabphotos {
font-size: 130%;
margin: 25px 0 0;
white-space: normal;
height: auto;
padding: 10px 30px;
}
.lab-total-price > span {
color: #f78f1e;
font-weight: bold;
}
.lab-uploader #container {
margin: 0;
}
.lab-uploader {
margin: 10px;
padding: 11px;
}
#filelist-drop {
background: #dadada none repeat scroll 0 0;
border: 4px dashed black;
color: black;
font-size: 20px;
font-weight: bold;
line-height: 176px;
margin-bottom: 0;
min-height: 200px;
padding: 10px;
text-align: center;
}
#filelist, #filelist-drop {
margin: 0 10px;
padding: 0px;
text-align: center;
}
#userphotos-list .thumbnailx {
cursor: pointer;
width: 100%;
}
#userphotos-list .thumbnailx:hover .thumbnail-img, #userphotos-list .thumbnailx:hover .thumbnail-text , #userphotos-list .thumbnailx:hover .thumbnail-title {
background-image:none;
background-color: #444 !important;
}
#addtolab-settings #mediadlg2 label, #addtolab-settings #sizesdlg2 label {
float: none;
margin: 0;
padding: 6px 13px 6px 10px;
}
#sizesdlg2, #mediadlg2 {
background: transparent none repeat scroll 0 0;
border: medium none;
display: block;
position: relative;
vertical-align: top;
width: 100%;
}
#sizesdlg .btn, #mediadlg .btn {
width: 100%;
}
#sizesdlg, #sizesdlg2 {
background: black none repeat scroll 0 0;
border: 4px solid #ff8500 ;
padding: 10px;
position: absolute;
width: 160px;
z-index: 10000;
display: none;
} 
#mediadlg, #mediadlg2 {
background: black none repeat scroll 0 0;
border: 4px solid #ff8500 ;
padding: 10px;
position: absolute;
width: 200px;
z-index: 10000;
display: none;
} 
#sizesdlg2, #mediadlg2 {
border: 0 none;
display: block;
position: relative;
width: auto;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
box-shadow: none;
cursor: not-allowed;
opacity: 0.30;
pointer-events: none;
}
#labitems .lab-num {
border: 1px solid gray;
font-size: 13px;
font-weight: bold;
height: auto;
margin: 6px 2px;
padding: 0;
text-align: center;
width: 32px;
}
div#labitems {
text-align: center;
padding: 30px;
}
.labset {
display: inline-block;
font-size: 10px;
margin: 2px;
width: 46%;
padding: 8px 5px;
}
#labprice .lab-price-row-price, #labprice .lab-price-row-count, #labprice .lab-price-row-size {
text-align: right;
}
#labprice > div {
color: black;
display: inline-block;
font-size: 15px;
padding: 2px 10px;
text-align: left;
width: 25%;
white-space: nowrap;
border-bottom: 1px solid #555;
}
#labprice {
display: block;
margin: 0 auto;
width: 450px;
}
#labprice .lab-total-price {
font-size: 20px;
text-align: center;
width: 100%;
border-bottom: 0;
}
#labitems .thumbnail-text2 {
overflow: hidden;
}
#labitems .thumbnail-img2 {
position: relative;
top: 50%;
transform: translateY(-50%);
max-height: 200px;
}
#labitems .thumbnail-img {
background: white none repeat scroll 0 0;
height: 200px;
position: relative;
}
#labitems .thumbnail-img2 img {
margin: 0 auto;
max-height: 200px;
max-width: none;
width: auto;
}
.jcrop-holder > input {
display: none !important;
}
.jcrop-holder > img
{
} 
.jcrop-holder {
margin: 0 auto;
}
.selbtns .btn {
font-size: 13px;
font-weight: normal;
padding: 0 6px 0 1px;
}
.selbtns .btn {
font-size: 13px;
font-weight: normal;
}
#labitems .btn-danger {
padding: 1px 6px;
}
.btn.lab-select .tick, .btn.lab-rotate .tick {
background-size: 79% auto !important;
margin: 0;
padding: 0;
}
.fa-loader {
font-size: 150%;
min-height: 200px;
padding: 80px;
width: 100%;
text-align:center;
}
.thumbnail-img.labthumb .thumbnail-img2 {
width: 135px;
height: 135px;
display: flex;
justify-content: center;
align-items: center;
background: #222;
padding: 5px;
}
.labthumb img.img-responsive {
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
}
@media (max-width: 768px)
{
.lab-total-price {
font-size: 100%;
}
#labprice > div {
font-size: 100%;
padding: 2px 0px;
width: 22%;
white-space: normal;
}
#labprice > .lab-price-row-media
{
width: 30%;
}
#labprice > .lab-price-row-size
{
width: 25%;
}
#labprice {
max-width: 90vw;
margin: 10px auto;
}
.lab-tools .btn {
margin: 3px 3px;
padding: 15px;
height: 43px;
}
.lab-uploader {
margin: 0;
padding: 0;
}
#pictouploader, .pictouploader {
padding: 8px 5px;
}
.progress {
margin: 5px 0;
}
.progress .btn span{
display: none;
}
.progress .btn i{
margin: 0;
}
div#filelistlab {
max-width: 93vw;
margin: 0 auto;
padding: 5px 0;
}
}