.toque-atual {
    border: 2px solid #00a6ff !important;
}
.cor-atual {
    border: 2px solid #00a6ff !important;
}
.toque-selecionado {
    border: 2px solid #00a6ff !important;
}
div.selecionado {
	box-shadow: 0px 0px 23px 6px #007B8B;
}
#boxAprovacao .infos-copo-gabarito div.cores-de-impressao-gabarito .bolinha-cor {
    width: 20px;
    height: 20px;
    -webkit-print-color-adjust: exact;
    /* border-radius: 25px; */
    border: 1px solid #C0C0C0;
    background-color: #000;
    display: inline-block;
    margin-right: 2px;
}
#gabarito {
    background-color: transparent !important;
}
.template {
    width: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 90px 85px !important;
    transform: scale(0.158);
    margin-left: -835px;
    margin-top: -650px;
    margin-bottom: -650px;
    width: 2036px;
    border: 2px solid;
}
.template.margin-200ml {
    margin-top: -480px;
    margin-bottom: -480px;
}
.template.margin-300ml {
    margin-top: -620px;
    margin-bottom: -620px;
}
.template .no-print-area.top {
    height: 40px;
}
.template .no-print-area.right {
    width: 30px;
}
.template .no-print-area.bottom {
    height: 40px;
}
.template .no-print-area.left {
    width: 30px;
}
.template .no-print-area .filter {
    background-color: rgb(241 241 241 / 100%);

    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}
.template .no-print-area .warning-mark {
    width: 60%;
}
.print-area {
    /*overflow: hidden;*/
    /*transition: ease-in-out 0.5s;*/
    outline: 4px dashed #000 !important;
}
.template .no-print-area {
    transition: ease-in-out 0.5s;
}
.measure-200ml {
    width: 2036px;
    height: 755px;
    outline: none !important;
}
.measure-300ml {
    width: 2036px;
    height: 1015px;
    outline: none !important;
}
.measure-400ml {
    width: 2036px;
    height: 1210px;
    outline: none !important;
}
.measure-550ml {
    width: 2036px;
    height: 1238px;
    outline: none !important;
}
div#html2canvas div#medidor {
    height: 100%;
    width: 6%;
    display: inline-block;
}
.elements-colors {
    display: none;
    max-height: 120px;
    overflow-y: auto;
}
.container .containter-tools .elements-colors {
    overflow-y: auto;
}
.container .containter-tools .elements-colors::-webkit-scrollbar {
    display: unset;
    width: 10px;
}
.container .containter-tools .elements-colors::-webkit-scrollbar-track {
    background: transparent;       
}
.container .containter-tools .elements-colors::-webkit-scrollbar-thumb {
    background-color: #0000003b;    
    border-radius: 20px;
}
.resizable-r:before {
    width: 137px;
    height: 137px;
    bottom: -71px;
    right: -65px;
    line-height: 190px;
    content: url(../../images/icons/expand-max.png) !important;
}
.ui-resizable-e {
    width: 117px;
    height: 117px;
    bottom: -55px;
    right: -55px;
    line-height: 190px;
    background-image: url(../../images/icons/expand-max.png) !important;
    border-radius: 80px;
    background-repeat: no-repeat;
    background-position: center;

    background-color: #fff;
    position: absolute;
    padding: 20px;
}
.ui-rotatable-handle:before {
    content: url(../../images/icons/rotable-max.png) !important;
    width: 137px;
    height: 137px;
    bottom: -180px;
}
.template .print-area #medidor {
    z-index: 99;
    position: relative;
}
.container .containter-tools .colors {
    display: flex;
}
input#color-picker, input#color-picker-text {
    width: 30px;
}

div#html2canvas {
    width: 2036px !important;
}

div#html2canvas .template {
    width: 2036px;
    border: none;
    transform: scale(1);
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div#cod-barras {
    position: absolute;
    bottom: -7px;
    right: 0px;
    z-index: 9999;
    display: none;
}

div#cod-barras img {
    width: 52px;
}

#linha-mid-y {
    position: absolute;
    top: 0px;
    z-index: 222;
    height: 100%;
    width: 6px;
    border: 3px solid #deb100;
    display: none;
}

#linha-mid-x {
	position: absolute;
	left: 0px;
	z-index: 222;
	width: 100%;
	height: 6px;
	border: 3px solid #deb100;
    display: none;
}

.linha {
	position: absolute !important;
	border: 3px solid #00bcaf;
	z-index: 222;
}

.mobile-pop-up-session .message.message-anexar {
    width: 265px;
}

.anexarFundo-2 {
    height: 33px;
    width: 133px;
}

.type-colors {
    display: none;
}

.branco-natural {
    position: relative;
    width: 80px;
    height: 80px;
    box-shadow: 2px 5px 10px rgb(0 0 0 / 15%);
}

.branco-natural .color-cube {
    width: 100%;
    height: 100%;
}

.branco-natural .template-title-block {
    position: absolute;
    overflow: hidden;
}

.branco-natural .template-title-block {
    width: 80px;
}

#ver-3d {
    max-width: unset !important;
    width: 302px;
    height: 366px;
}

/*
div#html2canvas .measure-400ml {
    height: 1407px !important;
    padding: 90px 85px !important;
}

div#html2canvas {
    width: 2026px !important;
    overflow: hidden;
}

div#html2canvas .print-area {
    width: 2026px !important;
}
*/