option {
    display: block !important;
    text-align: left !important;
}
  
.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.lab-items-2021 .thumbnailx {
    background: #eee none repeat scroll 0 0;
    color: black;
    width: 320px;
    display: inline-block;
    margin: 25px;
    position: relative;
    text-align: center;
    border: 1px solid transparent;
}


#labitems .btn-danger {
  padding: 5px 9px;
}


.thumbnailx.lab-selected {
    outline: 4px solid #f78f1e;
    border: none;
}


.lab-selected .thumbnail-text, .lab-selected .thumbnail-text2, .lab-selected .thumbnail-title {
  background: none; 
  color: black;
}


div#labbatchtools.disabled {
    display: none;
}

.multidis.disabled {
    display: none;
}


div#labuserphotosfilter {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    background: #eee;
    border-bottom: 3px solid white;
    padding: 5px 0 5px 0;
    color: black;
}

.filter-body {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}



#labuserphotosfilter .searchbox {
    border: 0;
        display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 10px;
}

div#lab-multi-tools2 {
    background: #eee;
    width: max-content;
    padding: 15px 20px;
    margin: 0 auto;
    border: 1px solid #ddd;
    max-width: 85vw;
}

#lab-multi-tools2 .searchbox {
    border: none;
        margin-bottom: 10px !important;
}

#lab-multi-tools2 .note {
    
    padding: 0px;
        margin: 0;
        display: flex;
    align-items: center;
    justify-content: flex-start;
}

#lab-multi-tools2 .note .btn {
    margin: 0 20px;
}

div#labbatchselect {
    margin: 20px 0 0 0;
    border-top: 3px solid white;
    padding: 12px 0 0 0;
}


#PictoartAddToLab .thumbnail-text {
  font-size: 10px;
  height: auto;
  overflow: hidden;
  flex-grow: 1;
}

#PictoartAddToLab .thumbnailx {
  display: inline-block;
  
  float: none;
  vertical-align: top;
  margin: 0;
  
}

#PictoartAddToLab .thumbnail-img2{
  min-height: 10px;
  
}

div#userphotos-list {
    width: 100%;
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
        margin-top: 10px;
}

.pagination_bar.addtolab-pick {
    width: 100%;
    background: none;
    margin: 60px 0 !important;
}

#PictoartAddToLab #userphotos-list > div {
  float: none;
  padding: 3px;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
#PictoartAddToLab .thumbnail-img {
  padding: 2px;
}

.lab-menu-r
{
  background: url(../images/lab-bg-r.jpg);
  background-size: cover;
  min-height: 300px;

}

.lab-menu-l
{
  background: url(../images/lab-bg-l.jpg);
  background-size: cover;
  min-height: 300px;

}

#lab-menu {
    background: none;
    color: black;
    width: max-content;
    margin: 0 auto;
    max-width: 90vw;
    text-align: left;
  
}

#lab-menu h2 {
    color: black;
    border-color: black;
}

#lab-menu li {
    font-size: 1rem;
}

#lab-menu li a {
    color: black;
}



div#addtolab-settings {
    display: inline-flex;
}

.showsel {
    display: flex;
    justify-content: center;
    align-items: center;
}

#addtolab-settings > * {
    margin: 0 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lab-tools.addtolab-pick {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.lab-tools.addtolab-pick > div {
    flex-wrap: wrap;
}

.lab-tools.addtolab-pick {
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: -9px;
    z-index: 100000000;
    background: white;
    padding: 10px 0;
}

.filter-title {
    font-weight: bold;
}

#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;
   width: max-content;
   padding: 30px 40px;

}

i.fa.fa-lightbulb-o {
    margin-right: 0.5em;
    font-size: 1.5em;
}



.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 auto;
    white-space: normal;
    height: auto;
    padding: 10px 30px;
    display: flex;
    width: max-content;
}

.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%;
      display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    height: 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%;
}


.lab-items-2021 .picrop .picrop-box{
    background: white;
    box-shadow: 4px 4px 7px 3px #0000002b;

}

.lab-items-2021 .picrop .picrop-img{
    box-shadow: none;

}




#sizesdlg .btn, #mediadlg .btn, #cordlg .btn, #fitdlg .btn, #borddlg .btn {
  width: 100%;
}

#sizesdlg, #sizesdlg2  {
    background: black none repeat scroll 0 0;
    border: 4px solid #ff8500;
    padding: 10px !important;
    position: absolute;
    width: auto !important;
    z-index: 10000;
    display: none;
    box-shadow: 11px 9px 5px #00000088;
  } 

#mediadlg, #mediadlg2, #cordlg, #fitdlg, #borddlg {
    background: black none repeat scroll 0 0;
    border: 4px solid #ff8500;
    padding: 10px;
    position: absolute;
    width: min-content;
    z-index: 10000;
    display: none;
    align-items: stretch;
    justify-content: stretch;
    flex-direction: column;
    white-space: nowrap;
  } 


#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: 19px;
    font-weight: bold;
    height: auto;
    margin: 6px 2px;
    padding: 0px;
    text-align: center;
    width: 62px;
    border-radius: 3px;
}

#labitems.lab-items-2021 .numrow.labitemprice > * {
    margin: 0 6px 0 0;
}

div#labitems {
    text-align: center;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

div#labitems > div {
    margin-bottom: 5vh;
}

.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: 500px;
}



#labprice .lab-total-price {
  font-size: 20px;
  text-align: center;
  width: 100%;
  border-bottom: 0;
}
#labitems .thumbnail-text2 {
  overflow: hidden;
}

 

 #labprice > div.lab-min-price {
    background: red;
    color: white;
    display: flex;
    position: relative;
    width: 100%;
    border: 0;
    padding: 10px 20px;
}





.li-L {
    width: 100%;
}

.li-P {
height: 100%;
}

.li-fit
{
    background-size: contain;

}

.li-fill
{
    background-size: cover;

}

#labitems.lab-items-2021 .numrow label {
    font-size: 12px;
    width: 20%;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin: 0;
}

.numrow > label {
    text-align: left;
    flex: 0 0 47px;
} 

#labitems.lab-items-2021 .numrow label.btn {
    width: 56px;
    font-size: 11px;
}
#labitems.lab-items-2021 .numrow .labset {
    border: 0;
    background: 0;
    text-align: right;
    font-size: 17px;
    font-weight: bold;
    color: black;
    /* text-shadow: 1px 1px 5px #00000088; */
    flex-grow: 1;
        cursor: pointer;
}
#labitems.lab-items-2021 .numrow, #labitems.lab-items-2021 .selbtns {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    border-bottom: 1px dotted #00000080;
    width: 95%;
    margin: 0 auto;
    padding: 3px 0;
}

#labitems.lab-items-2021 .labsetsize,  #labitems.lab-items-2021 .labsetmat{
    width: 25px;
    height: 25px !important;
    display: flex;
    
    justify-content: flex-start;
    align-items: center;
    padding: 2px 6px;
}

#labitems.lab-items-2021 .labsetsize:hover, #labitems.lab-items-2021 .labsetmat:hover {
    background: #f78f1e;
    color: white;
}

#labitems.lab-items-2021 .thumbnailx .btn.btn-danger.labdel {
    color: #a10000;
    background: none;
    height: 25px !important;
    border: none;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    margin: 0 0 0 6px;
}

#labitems.lab-items-2021 .thumbnailx .btn.btn-danger.labdel:hover {
    background: #a10000;
    color: white;
}


#labitems.lab-items-2021 .thumbnail-img {
    background: #eee none repeat scroll 0 0;
    min-height: 320px;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 319px;
    flex-direction: column;
}




#labitems.lab-items-2021 .thumbnail-text2 {
    position: absolute;
    top: -5px;
}

#labitems.lab-items-2021  .thumbnail-title
{
    font-size: 10px;
    opacity: 0.5;
    font-weight: normal;

    
}

.lab-help-ico {
    /* float: right; */
    /* position: relative; */
    flex-grow: 1;
    text-align: right;
    cursor: pointer;
    color: #999;
}

.lab-help-ico:hover {
    opacity: 0.6;
}

#labitems.lab-items-2021 .numrow.labitemprice, #labitems.lab-items-2021 .numrow.labitemcorrprice {
    background: #555;
    width: 100%;
    color: white;
    font-size: 19px;
    font-weight: bold;
    padding: 6px 3.5%;
}



#labitems.lab-items-2021 .numrow.labitemprice > label, #labitems.lab-items-2021 .numrow.labitemcorrprice > label {
    flex-grow: 1;
    text-align: left;
}


.sizesdlg2021 {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: row;
    width: auto !important;
}


.sizesdlg2021 .labsizegroup, .mediadlg2021 .labsizegroup {
    width: min-content;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
}

#sizesdlg .btn, #mediadlg .btn, #sizesdlg2 .btn, #mediadlg2 .btn, #cordlg .btn, #fitdlg .btn, #borddlg .btn {
    border-radius: 0;
    height: 33px;
    width: 114px;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
}

.sizesdlg2021 .labsizegroup > label {
    text-align: center;
    border-bottom: 1px solid #00000011;
    margin: 0 5px;
    font-size: 60%;
    padding: 5px;
    color: #999;
}
















.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;
}
.selbtns > div:first-child {
    flex-grow: 1;
}


#labitems .btn-danger {
  padding: 1px 6px;
}

.btn.lab-select .tick, .btn.lab-rotate .tick {
  background-size: 79% auto !important;
  margin: 0;
  padding: 0;
}

#labitems.lab-items-2021 label.btn .tick {
    display: none;
}

.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: #eee;
    padding: 5px;
}

.labthumb img.img-responsive {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}



@media (max-width: 1200px)
{
 #lab-multi-tools2 .note {
    flex-direction: column;
}

#lab-multi-tools2 .note .btn {
    margin-top: 12px;
    flex-wrap: wrap;
    white-space: normal;
    height: auto;
    padding: 6px 7px;
}
}



@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: 100%;
        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;
}

}




.pictoart-lab2 .thumbnailx .btn {
     font-size: 13px;
    margin: 0 13px 0 0;
    padding: 0 6px 0 0;
    width: 100px;
    height: 23px;
    display: flex;
}

.pictoart-lab2 .btn .tick {
    /* background-size: 79% auto !important; */
    margin: 0 !important;
    padding: 0 !important;
    font-size: 9px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pictoart-lab2  .btn.active .tick {
    background: none;
    padding: 0 !important;
    margin: 0 0px 0 0 !important;
}
.lab-items-2021 .thumbnailx .selbtns > div, .lab-items-2021 .thumbnailx .picrop-tools > div {
    width: 100px !important;
    text-align: left;
    justify-content: initial;
}

.pictoart-lab2 .thumbnailx .btn-tick {
    justify-content: flex-start;
}

.picrop-zoom.ui-state-disabled {
    opacity: 0.3;
}

.mico {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.lab-items-2021 .btn-group.orient-group {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    /* width: 55px; */
    margin: 0px !important;
    padding: 0;
}

#labitems.lab-items-2021 .numrow label.btn-tick.justico {
    width: 25px !important;
    height: 25px !important;
    border-radius: 3px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #bbbbbb63;
    border: none;
}

#labitems.lab-items-2021 .numrow label.btn-tick.justico.active {
    background: #f78f1e;
    border: 0;
}

.pictoart-lab2 .thumbnailx .btn-tick {
    font-size: 13px;
    margin: 0 0px 0 0;
    padding: 0 4px 0 1px;
    width: 100px;
    height: 23px;
    display: flex;
    border-radius: 4px;
    background-color: #DDD;
    color: black;
    justify-content: center;
    align-items: center;
  }

.pictoart-lab2 .thumbnailx .btn-tick.active{
    background: #f78f1e;
    border: none;
    color: white;
    font-weight: normal;
    box-shadow: none;
}
.pictoart-lab2 .thumbnailx .btn-tick.lab-select
{
  width: 100%;
  flex-grow: 1;
}
.pictoart-lab2 .thumbnailx .btn.lab-delete
{
  width: min-content !important;
  border-radius: 50%;
  flex-grow: 0;
}

.numrow .lab-retnum {
    width: 46px;
    height: 25px;
    font-size: 13px;
    text-align: center;
}



/*//// EXPERT SWITCH */ 


.expert-switch {
    background: white;
    border: 1px solid;
    width: 100px;
    /* height: 50px; */
    border-radius: 5px;
}

.expert-switch-ico {
    width: 45px;
    height: 45px;
    background-size: contain;
    margin: 0 10px 0 10px;
}



.expert-switch-ico-0 {
    background-image: url('../images/ico-expertmode_0.png');
}

.expert-switch-ico-1 {
    background-image: url('../images/ico-expertmode_1.png');
}


.expert-switch-btn:hover .expert-switch-ico-0 {
    background-image: url('../images/ico-expertmode_0_w.png');
}

.expert-switch-btn:hover .expert-switch-ico-1 {
    background-image: url('../images/ico-expertmode_1_w.png');
}

.expert-switch {
    background: #eee;
    border: none;
    width: 100px;
    /* height: 50px; */
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    flex-direction: column;
    margin: 4px 0;
}

.expert-switch-handle {
    background: white;
    border: 1px solid;
    width: 70px;
    height: 30px;
    margin: 0 20px;
    border-radius: 40px;
    position: relative;
}

.expert-switch-handle .knob {
    background: black;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 20px;
}

.expert-switch.on .knob {
    right: 3px;
    left: auto;
}

.expert-switch label {
    padding: 2px 12px;
    width: 180px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    }

.expert-line {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    border-width: 0px 0px 1px 0;
    padding: 3px 0;
    margin: 0 0 30px 0;
}

.expert-switch-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    border-radius: 5px;
    white-space: normal;
    text-align: left;
    cursor: pointer;
}

.expert-switch-btn.active {
    background: #f78f1e;
    padding: 2px 2px;
    color: white;
}

.expert-switch-current {
    font-size: 16px;
    padding: 5px;
}

.expert-switch-btn:hover {
    color: white;
    background: #f78f1e;
}

div#expertswitch {max-width: 90vw;margin: 0 auto;}

.lab-note textarea
{
    height: 50px;
    margin: 0px;
    padding: 5px;
    font-size: 70%;
    max-width: 100%;
        width: 292px;

}