:root {
	--bgdark-botoes: #07467a;
	--bg-botoes: #095b9f;
	--c-save: #5cb85c;
	--c-saveh: #449d44;
	--c-finalize: #337ab7;
	--c-finalizeh: #286090;
}

html, #wrapper {min-width: 1440px;}

body > #wrapper {padding: 0 !important;}

header, footer {display: none !important;}
footer {margin: 0 !important;}
footer h2,
footer .box01 {display: none !important;}
footer .footer .copyright {border: 0 !important;}

.indent {max-width: 1220px !important;}

body > .album_imagem_img {z-index: 999; width: 119px; height: 118px; overflow: hidden;}
body > .album_imagem_img.w img {width: 100%;}
body > .album_imagem_img.h img {height: 100%;}
body > .album_imagem_img.i_detached {background: none;}
body > .album_imagem_img .image_used,
body > .album_imagem_img .image_zoom,
body > .album_imagem_img .del {display: none;}

body > .textos_drop {z-index: 999;}
body > .textos_drop a {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; text-align: center;}
body > .textos_drop a p {/*white-space: nowrap;*/}

body > .album_bg {z-index: 999;}
body > .album_bg .image_used {display: none;}

.montagem {width: calc(100% - 350px); min-height: 100vh; float: right; transition: all .25s linear; }

.montagem .bg_header {width: calc(100% - 350px); height: 50px; top: 0; right: 0; position: fixed; background: #fff; border-bottom: 1px #999 solid; box-shadow: 0 1px 5px #ccc; transition: all .25s linear; z-index: 10; }
.montagem .bg_header .header {width: 100%; height: 50px; margin: 0 auto;}
.montagem .bg_header .header .user a {padding: 6px 10px; background: #ddd; margin: 0 0 0 10px; border-radius: 0;}
.montagem .bg_header .header .user a.sair {background: #e00; color: #fff;}
.montagem .bg_header .header .user a.sair:hover {background: #a00;}
.montagem .bg_header .header .logo_topo {max-width: 144px; max-height: 30px; display: block; float: left; margin: 10px;}
.montagem .bg_header .header .username {display: block; float: left; white-space: nowrap; margin: 8px 0 0;}
.montagem .bg_header .header .album {display: block; float: left; white-space: nowrap; margin: 0;}
.montagem .bg_header .header .user {float:right; display: block; margin: 20px 0 0; line-height: 40px; clear: left;}
.montagem .bg_header .header .user {margin: 0; float: right; line-height: 50px; border-left: 1px #ccc solid;}
.montagem .bg_header .header .user a {padding: 0 20px; background: #ddd; margin: 0; border-radius: 0; line-height: 50px; float: right;}
.montagem .bg_header .header .user a:hover {background: #aaa;}
.montagem .bg_header .header .user a.sair {background: #e00; color: #fff;}
.montagem .bg_header .header .user a.sair:hover {background: #a00;}
.montagem .bg_header .header .right {}
.montagem .bg_header .header .right input {width: auto; line-height: 50px; background: #000; color: #fff; border-radius: 0; border: 0; border-left: 1px #fff solid; margin: 0; float: left; display: block; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 0 20px;}
.montagem .bg_header .header .right input:hover {background: #666;}
.montagem .bg_header .header .right #save_album,
.montagem .bg_header .header .right #save_produto {background: var(--c-save); border: 0;}
.montagem .bg_header .header .right #save_album:hover,
.montagem .bg_header .header .right #save_produto:hover {background: var(--c-saveh);}
.montagem .bg_header .header .right #finish_album,
.montagem .bg_header .header .right #finish_produto {background: var(--c-finalize);}
.montagem .bg_header .header .right #finish_album:hover,
.montagem .bg_header .header .right #finish_produto:hover {background: var(--c-finalizeh);}
.montagem .bg_header .arrow-album { width: 10px; height: 18px; background: url(../images/arrow-album.png); position: absolute; bottom: -30px; left: 5px; transition: all .25s linear; }

.montagem.collapsed{ width: 100%; }
.montagem.collapsed .bg_header { width: 100%; }
.montagem.collapsed .wrap_albuns_imagens { left: -350px; }
.montagem.collapsed .w_main_wrap { width: 100%; min-width: 100%; }
.montagem.collapsed .bg_header .arrow-album { transform: rotate(180deg); }

.wrap_allLaminas {width: 100%; position: relative;}
.wrap_allLaminas .grid {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wrap_allLaminas .bg_item {width: 119px; height: 100px; margin: 0 0 5px; padding: 5px; display: flex; align-items: center; justify-content: center; border: 1px #ccc solid; background: #fff; float: left; overflow: hidden;}
.wrap_allLaminas .bg_item:nth-child(2n) {float: right;}
.wrap_allLaminas .bg_item .item {width: 100%; height: 100%; color: #000; font-size: 30px; text-align: center; position: relative;}
.wrap_allLaminas .bg_item .item .iitem {position: absolute; border: 1px #ccc solid;}
.wrap_allLaminas .bg_item .item span {line-height: normal; font-size: 12px; display: block; margin: 5px 0 0;}

.wrap_textos {}
.wrap_textos .item {background: #fff; width: calc(50% - 5px); height: 110px; display: flex; float: left; text-align: center; margin: 0 0 10px; cursor: move;}
.wrap_textos .item.large {width: 100%;}
.wrap_textos .item.right {float: right;}
.wrap_textos .item a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.wrap_textos .item.textos_drop a span {font-size: 12px; line-height: normal;}
.wrap_textos .item.textos_drop.l_14 a span {font-size: 14px;}
.wrap_textos .item.textos_drop.l_20 a span {font-size: 20px;}
.wrap_textos .item.textos_drop a span.ff_dancing_script {line-height: 14px;}
.wrap_textos .item.textos_drop a span.ff_pinyon_script {font-size: 16px; line-height: 14px; }
.wrap_textos .item.textos_drop a span.ff_special_elite {line-height: 18px;}

.montagem .w_main_wrap { transition: all .25s linear; width: 100%; min-height: calc(100vh - 50px); /*min-width: 1140px;*/ margin: 50px 0 0; padding: 50px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #ebeced;}
.montagem .wrap_albuns { /*width: 1140px;*/ margin: auto; position: relative;}
.montagem .arrow_prev_small,
.montagem .arrow_next_small {display: none; border: 0; cursor: pointer; margin: 0 10px; background-color: transparent; position: relative; z-index: 100; }
.montagem .arrow_prev_small:hover,
.montagem .arrow_next_small:hover {opacity: 0.7;}
.montagem .arrow_prev_small:after,
.montagem .arrow_next_small:after { position: absolute; top: 50%; transform: translateY(-50%); color: var(--bg-botoes); }
.montagem .arrow_prev_small:after { content: 'Voltar'; right: calc(100% + 10px); }
.montagem .arrow_next_small:after { content: 'Avançar'; left: calc(100% + 10px); }
.montagem .wrap_albuns .album {width: 1000px; margin: 0 auto; background: #fff; overflow: hidden;}
.montagem .wrap_albuns #form_lamina {position: relative;}
.montagem .albuns_legenda { position: relative; min-height: 55px; }
.montagem .label-page { position: absolute; width: 50%; left: 0; text-align: center; display: flex; color: var(--bg-botoes); justify-content: center; }
.montagem .label-page .number{ font-weight: bold; margin: 0; font-size: 12px; }
.montagem .label-page.label-right { left: auto; right: 0; }
.montagem .label-page.label-center { width: 100%; }

.montagem .wrap_albuns .arrow_prev,
.montagem .wrap_albuns .arrow_next {position: absolute; display: none; border: 0; cursor: pointer; top: calc(50% - 36px);}
.montagem .wrap_albuns .arrow_prev:hover,
.montagem .wrap_albuns .arrow_next:hover {opacity: 0.7;}
.montagem .wrap_albuns .arrow_prev {left: 15px;}
.montagem .wrap_albuns .arrow_next {right: 15px;}

.montagem .wrap_produtos .arrow_prev_small, .montagem .wrap_produtos .arrow_next_small { margin: 0 40px; }

.montagem .wrap_albuns.visualizar .arrow_prev {left: -55px;}
.montagem .wrap_albuns.visualizar .arrow_next {right: -55px;}

.albuns_legenda {overflow: hidden; clear: both; padding: 5px 20px !important; display: flex; align-items: center; justify-content: center; }
.albuns_legenda span {display: block; margin: 10px auto; text-align: center; font-size: 16px;}

.montagem .wrap_produtos {width: 100%;}
.montagem .wrap_produtos .arrow_prev,
.montagem .wrap_produtos .arrow_next {position: absolute; display: none; border: 0; cursor: pointer;}
.montagem .wrap_produtos .arrow_prev:hover,
.montagem .wrap_produtos .arrow_next:hover {opacity: 0.7;}
.montagem .wrap_produtos .arrow_prev {left: 35px;}
.montagem .wrap_produtos .arrow_next {right: 35px;}
.montagem .wrap_produtos .album {width: 1000px; margin: 0 auto; background: none; overflow: hidden; border: none !important;}

.montagem .wrap_produtos .lamina .indent .l.top { border-top: none}
.montagem .wrap_produtos .lamina .indent .l.bottom { border-bottom: none;}
.montagem .wrap_produtos .lamina .indent .l.left { border-left: none;}
.montagem .wrap_produtos .lamina .indent .l.right { border-right: none;}

.montagem .wrap_albuns_imagens { transition: all .25s linear; width: 350px; position: fixed; top: 0; left: 0; margin: 0; float: left; height: 100vh; background: var(--bg-botoes); padding: 0; overflow-y: scroll; z-index: 3;}
.montagem .wrap_albuns_imagens .albuns_legenda {height: 30px;}

.montagem .wrap_albuns_imagens .albuns_imagens_botoes {position: fixed; width: 70px; height: 100%; z-index: 2; background: var(--bgdark-botoes); display: flex; flex-direction: column;}
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a {display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 70px; text-align: center; color: #ccc; padding: 15px 0; position: relative;}
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a img {height: 30px; margin: 0 0 5px;}
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a.current {color: #fff; background: var(--bg-botoes);}
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a.current:after,
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a.current:before {content: ''; position: absolute; top: -15px; right: 0; display: block; width: 15px; height: 15px; background: var(--bg-botoes); z-index: 2;}
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a.current:before {background: var(--bgdark-botoes); border-radius: 0 0 50% 0; z-index: 3;}
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a.current span:after,
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a.current span:before {content: ''; position: absolute; bottom: -15px; right: 0; display: block; width: 15px; height: 15px; background: var(--bg-botoes); z-index: 2;}
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a.current span:before {background: var(--bgdark-botoes); border-radius: 0 50% 0 0; z-index: 3;}
.montagem .wrap_albuns_imagens .albuns_imagens_botoes a:hover {color: #fff;}

.montagem .wrap_albuns_imagens .albuns_imagens {margin: 0; display: none; width: 100%; padding: 10px 10px 10px 80px; overflow: hidden; flex-wrap: wrap; justify-content: space-between; }
.montagem .wrap_albuns_imagens .albuns_imagens.padrao {display: block;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner {z-index: 3; position: relative; width: 100%; display: grid; grid-template-columns: 1fr 1fr;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .owl-wrapper-outer {overflow: visible;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item {width: 119px; height: 118px; overflow: hidden; display: block; float: left; position: relative; margin: 0 0 5px;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item:nth-child(2n) {margin: 0 0 5px 5px;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item:last-child:nth-child(odd) {margin: 0;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item:last-child:nth-child(even) {margin: 0 0 0 5px;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item:nth-last-child(2):nth-child(odd) {margin: 0;}

.montagem .wrap_albuns_imagens .albuns_imagens_inner .item.w img {width: 100%;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item.h img {height: 100%;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item.i_detached {background: none; border: 1px #ccc solid;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item .image_used {display: none; position: absolute; bottom: 5px; right: 5px; z-index: 9;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item .image_zoom {display: block; position: absolute; bottom: 5px; left: 5px; z-index: 9;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item.used .image_used {display: block;}
.montagem .wrap_albuns_imagens .albuns_imagens_inner .item.used img {opacity: 0.5;}

.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos {width: 100%; min-height: 100%;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload {border: 2px #aaa dashed; height: 100%; cursor: pointer; background: url(../images/ic_upload.png) center 10px no-repeat; padding: 10px;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload:after {content: 'Clique ou arraste aqui para realizar o upload!'; top: 70px; left: 0; width: calc(100% - 10px); line-height: 20px; text-align: center; position: absolute; font-size: 16px; color: #aaa; z-index: 1;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload.dragover {border: 2px #1abc9c dashed;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner {overflow: hidden; padding: 110px 0 0; background: none;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .item {float: left; margin: 0 0 10px; border: 1px #ccc solid; background: #fff; position: relative; width: calc(100% - 10px); cursor: auto; height: 100px;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .item:nth-child(2n) {margin: 0 0 10px 10px;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .item .del {position: absolute; top: -1px; right: -1px; display: block; background: #fff; color: #000; padding: 0 5px; border: 1px #ccc solid; line-height: 18px; cursor: pointer; z-index: 9;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .item .del:hover {background: #eee;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .item img {width: 100%; height: 100%;}

.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .q_item {float: left; display: block; background: #fff; border: 1px #aaa dashed;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .q_item .name {width: calc(100% - 20px); overflow: hidden; display: block; float: left; position: relative; z-index: 2; margin: 5px;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .q_item b {float: right;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .q_item .w_percent {width: 100%; height: 100%; background: #eee; display: block; position: absolute; top: 0; left: 0; z-index: 1;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .albuns_imagens_inner .q_item .w_percent .percent {width: 0; height: 100%; background: #ccc; display: block; position: absolute; top: 0; left: 0;
	transition: all 0.5s;
}

.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .a_uploaded {overflow: hidden; float: left; width: 100%; position: relative; z-index: 2; max-height: 50%; overflow-y: auto; cursor: auto;}
.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .a_uploaded {}

.montagem .wrap_albuns_imagens .albuns_imagens.wrap_upload_fotos .area_upload .a_uploading {overflow: hidden; float: left; width: 100%; position: relative; z-index: 2; max-height: 50%; overflow-y: auto;}


/* LAMINA */
.montagem .lamina {position: relative; width: 100%;}
.montagem .bg_main_album .main_wrap { position: relative; }
.montagem .bg_main_album .main_wrap::after { content: ''; width: 1px; height: calc(100% + 60px); position: absolute; top: -30px; left: 50%; display: block; border-right: .5px dotted rgba(9,91,159, .9); border-left: .5px dotted rgba(9,91,159, .9); z-index: 9; }
.montagem .bg_main_album .main_wrap::before { content: 'Meio do álbum'; position: absolute; top: -25px; left: calc(50% + 15px); display: block; color: var(--bgdark-botoes); z-index: 9; }
.montagem .bg_main_album .albuns_legenda .text { display: none; }
.montagem .lamina .lamina_index {display: none;}
.montagem .lamina .indent {position: absolute; border: 0; z-index: 3; background: rgba(255, 255, 255, 1); max-width: 100%; margin: 0; padding: 0;}
.montagem .lamina .indent .container {z-index: 9;}
.montagem .lamina .indent .container .ui-resizable-handle {opacity: 0;}
.montagem .lamina .indent:hover .container .ui-resizable-handle {opacity: 1;}
.montagem .lamina .indent.bg {z-index: 1; width: 100%; height: 100%; top: 0; left: 0;}
.montagem .lamina .indent.of {overflow: hidden; z-index: 2;}
.montagem .lamina .indent.of .container {z-index: 2;}
.montagem .lamina .indent .actions {position: absolute; z-index: 5; top: 1px; right: 1px; width: 40px; height: 100%; opacity: 0.85;}
.montagem .lamina .indent:hover > .actions {opacity: 1;}
.montagem .lamina .indent .actions > div,
.montagem .lamina .indent .actions > input {position: absolute; z-index: 99; background-color: #fff; border: 0; border-radius: 5px; cursor: pointer;}
.montagem .lamina .indent .toggle_overflow {bottom: 7px; right: 5px;}
.montagem .lamina .indent .toggle_slider {bottom: 43px; right: 5px;}
.montagem .lamina .indent .toggle_grayscale {bottom: 80px; right: 5px;}
.montagem .lamina .indent .toggle_text {bottom: 115px; right: 5px;}
.montagem .lamina .indent .toggle_rotate {bottom: 115px; right: 5px; display: none; }
.montagem .lamina .indent .remove_image {top: 5px; right: 5px; display: none;}
.montagem .lamina .indent .opacity_slider {bottom: 53px; right: 50px; display: none; width: 100px;}
.montagem .lamina .indent .opacity_slider.ui-slider-vertical {width: 0.7em;}
.montagem .lamina .indent .opacity_slider.ui-slider-horizontal {height: 0.7em;}
.montagem .lamina .indent.hasImage > .actions .remove_image {display: block;}
.montagem .lamina .indent .blockOverlay {display: none; width: 100%; height: 100%; position: absolute; z-index: 100; cursor: wait; background: rgba(0, 0, 0, 0.3);}
.montagem .lamina .indent .blockOverlay p {width: 100%; line-height: 30px; position: absolute; margin: 25% auto 0; display: block; top: 0; z-index: 101; text-align: center; background: rgba(0, 0, 0, 0.3);}
.montagem .lamina .indent.loadingImage {}
.montagem .lamina .indent.loadingImage .blockOverlay {display: block;}
.montagem .lamina-finalizado { padding: 25px; font-size: 14px; }

/* Linhas guia */
.montagem .bg_main_album .guide-line{position:absolute;display:block;border:.5px dotted rgba(9,91,159,.9);z-index:9;}
.montagem .bg_main_album .guide-line.vertical{width:1px;height:calc(100% + 60px);}
.montagem .bg_main_album .guide-line.horizontal{width:calc(100% + 60px);height:1px;}

.lamina .indent.dropDisabled {background: #000;}
.lamina .indent.dropDisabled > .actions {display: none;}

.lamina .indent div.wh100 {width: 100%; height: 100%;}
.lamina .indent div.iw100 img {width: 100%;}
.lamina .indent div.ih100 img {height: 100%;}
.lamina .indent div img {border: 1px #000 dashed;}
.lamina .indent img {cursor: move;}
.lamina .indent .l {display: block; width: 1px; height: 1px; position: absolute; z-index: 99;}
.lamina .indent .l.top {width: 100%; top: 0; border-top: 1px #ccc solid;}
.lamina .indent .l.bottom {width: 100%; bottom: 0; border-bottom: 1px #ccc solid;}
.lamina .indent .l.left {height: 100%; left: 0; border-left: 1px #ccc solid;}
.lamina .indent .l.right {height: 100%; right: 0; border-right: 1px #ccc solid;}
.lamina .indent.ui-dropping {background: #eee;}
.lamina .indent.ui-dropping > .l {border-color: #000;}
.lamina .indent.ui-dropping img {opacity: 0.7 !important;}

.montagem .lamina .indent.dropDisabled {background: #000;}
.montagem .lamina .indent.dropDisabled > .actions {display: none;}

.montagem .lamina .indent div.wh100 {width: 100%; height: 100%;}
.montagem .lamina .indent div.iw100 img {width: 100%;}
.montagem .lamina .indent div.ih100 img {height: 100%;}
.montagem .lamina .indent div img {border: 1px #000 dashed;}
.montagem .lamina .indent img {cursor: move;}
.montagem .lamina .indent .l {display: block; width: 1px; height: 1px; position: absolute; z-index: 99;}
.montagem .lamina .indent .l.top {width: 100%; top: 0; border-top: 1px #ccc solid;}
.montagem .lamina .indent .l.bottom {width: 100%; bottom: 0; border-bottom: 1px #ccc solid;}
.montagem .lamina .indent .l.left {height: 100%; left: 0; border-left: 1px #ccc solid;}
.montagem .lamina .indent .l.right {height: 100%; right: 0; border-right: 1px #ccc solid;}
.montagem .lamina .indent.ui-dropping {background: #eee;}
.montagem .lamina .indent.ui-dropping .l {border-color: #000;}
.montagem .lamina .indent.ui-dropping img {opacity: 0.7;}






.main_wrap .we_toolbar {width: calc(100% - 350px); padding: 5px 0 0 30px; background: #f8f8f8; position: fixed; top: 50px; right: 0; visibility: hidden; border-top: 1px #ccc solid; height: 60px; z-index: 10; overflow: hidden; }
.main_wrap .we_toolbar select {width: auto;}
.main_wrap .we_toolbar .ui-selectmenu-button {float: left; height: 30px; line-height: 30px; border-radius: 0;}
.main_wrap .we_toolbar .ui-selectmenu-button.we_fontsize {margin: 0 5px;}
.main_wrap .we_toolbar .ui-selectmenu-button span.ui-selectmenu-text {padding: 3px 10px;}

.main_wrap .we_toolbar .we_delete {flex-grow: 0; float: right; width: 25px; height: 25px;}
.main_wrap .we_toolbar .we_delete .ui-icon {left: 0.25em;}
.main_wrap .we_toolbar .we_toggledrag {flex-grow: 0; float: left; width: 25px; height: 25px; border: 0; cursor: move;}
.main_wrap .we_toolbar .we_toggledrag .ui-icon {left: 0.4em;}

.main_wrap .we_toolbar > span {margin: 0 10px 0 0;}
.main_wrap .we_toolbar > span:last-child {margin: 0;}

.main_wrap .we_toolbar .we_excluir {float: right; width: 27px; height: 27px; line-height: 25px; text-align: center; border: 1px #d00 solid; background: #d00; color: #fff; font-size: 14px; border-radius: 5px; margin: 0 0 0 10px;}
.main_wrap .we_toolbar .we_excluir:hover {background: #fff; color: #d00;}

.main_wrap .we_toolbar .w-we { float: left; display: flex; flex-direction: column; margin: 0 10px 0 0; }
.main_wrap .we_toolbar .w-we_font { width: 200px;  }
.main_wrap .we_toolbar .w-we_fontsize,
.main_wrap .we_toolbar .w-we_lineheight { width: 90px; }
.main_wrap .we_toolbar span.lbl { display: inline-block; margin: 0 0 3px; }

.montagem .lamina .wrap_editor {position: absolute; top: 0; left: 0; min-width: 100px; z-index: 9; cursor: move; border: 1px transparent dashed; color: #000;}
.montagem .lamina .wrap_editor .ui-resizable-handle,
.montagem .lamina .wrap_editor .handler_delete,
.montagem .lamina .wrap_editor .handler_rotate {opacity: 0;}

.montagem .lamina .wrap_editor .we_editor {width: calc(100% - 40px); height: auto; margin: 0 20px; padding: 0 5px; /*white-space: nowrap;*/ min-height: 20px; cursor: move; word-wrap: break-word;}
.montagem .lamina .wrap_editor.we_active .we_editor {cursor: auto;}
.montagem .lamina .wrap_editor:focus {}
.montagem .lamina .wrap_editor.we_active .we_editor {background: rgba(255, 255, 255, 1);}
.montagem .lamina .wrap_editor .we_editor p {}
.montagem .lamina .wrap_editor .handler_delete {position: absolute; top: -30px; right: -30px; cursor: pointer;}
.montagem .lamina .wrap_editor .handler_rotate {position: absolute; bottom: -30px; right: -30px; cursor: default;}

.montagem .lamina._mdown .wrap_editor,
.montagem .lamina .wrap_editor.we_active  {background: rgba(240, 240, 240, 0.3); border: 1px #000 dashed;}
.montagem .lamina .wrap_editor:hover { border: 1px solid #000; }
/*.montagem .lamina:hover .wrap_editor { border: 1px #000 solid; }*/

.montagem .lamina .indent:hover .we_toolbar .we_editor {background: rgba(238, 238, 238, 1);}

.montagem .lamina .wrap_editor.we_active .ui-resizable-handle,
/*.montagem .lamina:hover .wrap_editor .handler_delete,*/
/*.montagem .lamina:hover .wrap_editor .handler_rotate,*/
/*.montagem .lamina:hover .wrap_editor .ui-resizable-handle,*/

.montagem .lamina._mdown .wrap_editor .ui-resizable-handle,
.montagem .lamina._mdown .wrap_editor .handler_delete,
.montagem .lamina._mdown .wrap_editor .handler_rotate,
.montagem .lamina._mdown .indent .container .ui-resizable-handle,
.montagem .lamina._mdown .indent > .actions
{opacity: 1;}



.we_fontcolor {overflow: hidden; float: left; margin: 15px 15px 0 0; width: 65px; height: 30px; display: flex; flex-direction: column; flex-wrap: wrap; position: relative; }
/*.we_fontcolor:before { content: 'Alterar cor da fonte'; color: #000; font-size: 10px; display: block; position: absolute; top: 0; left: 0; }*/
.we_fontcolor span { color: #000; font-size: 10px; display: block; flex-grow: 0; margin: 0 5px 0 0; }
.we_fontcolor .pickr { width: 100%; flex-shrink: 0; }
.we_fontcolor .we_fc {float: left; display: block; width: 13px; height: 13px; cursor: pointer; margin: 0 3px 3px 0; text-align: center; line-height: 10px; border: 1px transparent solid;}
.we_fontcolor .we_fc:nth-child(2n) {margin: 0 3px 0 0;}
.we_fontcolor .we_fc:hover,
.we_fontcolor .we_fc.current {border: 1px #ccc solid;}
.we_fontcolor .we_fc.c_FFFFFF {background: #000;}
.we_fontcolor .we_fc.c_none {position: relative; overflow: hidden; border: 1px #000 solid; color: transparent;}
.we_fontcolor .we_fc.c_none:after {content: ''; position: absolute; top: 6px; left: -3px; width: 19px; background: #f00; height: 1px; transform: rotate(45deg);}

.we_fontbg {overflow: hidden; float: left; margin: 15px 15px 0 0; width: 65px; height: 30px; display: flex; flex-direction: column; flex-wrap: wrap; position: relative; }
/*.we_fontbg:before { content: 'Alterar fundo da fonte'; color: #000; font-size: 10px; display: block; position: absolute; top: 0; left: 0; }*/
.we_fontbg span { color: #000; font-size: 10px; display: block; flex-grow: 0; margin: 0 5px 0 0; }
.we_fontbg .pickr { width: 100%; flex-shrink: 0; }
.we_fontbg .we_bgc {float: left; display: block; width: 13px; height: 13px; cursor: pointer; margin: 0 3px 3px 0;}
.we_fontbg .we_bgc:nth-child(2n) {margin: 0 3px 0 0;}
.we_fontbg .we_bgc:hover,
.we_fontbg .we_bgc.current {border: 1px #ccc solid;}
.we_fontbg .we_bgc.bgc_none {position: relative; overflow: hidden; border: 1px #000 solid; color: transparent;}
.we_fontbg .we_bgc.bgc_none:after {content: ''; position: absolute; top: 6px; left: -3px; width: 19px; background: #f00; height: 1px; transform: rotate(45deg);}

.we_fontshadow {overflow: hidden; float: left; margin: 0 15px 0 0; height: 30px;}
.we_fontshadow .we_fsc {float: left; display: block; width: 30px; height: 30px; line-height: 20px; text-align: center; cursor: pointer; margin: 0 5px 0 0; font-size: 20px; border: 1px #ccc solid;}
.we_fontshadow .we_fsc:last-child {margin: 0;}
.we_fontshadow .we_fsc:hover,
.we_fontshadow .we_fsc.current {border: 1px #aaa solid;}
.we_fontshadow .we_fsc.fsc_none {position: relative; overflow: hidden; border: 1px #000 solid; color: transparent;}
.we_fontshadow .we_fsc.fsc_none:after {content: ''; position: absolute; top: 15px; left: -6px; width: 43px; background: #f00; height: 1px; transform: rotate(45deg);}

.we_fontalign {overflow: hidden; float: left; margin: 0;}
.we_fontalign span {float: left; margin: 0 5px 0 0; background: #fff; border: 1px #ccc solid; cursor: pointer;}
.we_fontalign span img {height: 28px; margin: 0; padding: 3px 5px; float: left;}

.wrap_produtos .lamina .indent.dropDisabled {background: none;}
.wrap_produtos .lamina .indent.bg {background: none;}
.wrap_produtos .lamina .indent > .actions {display: none;}

.wrap_produtos .lamina .indent .l {border: 0;}
.wrap_produtos .lamina .indent .actions .toggle_slider { }

.ww_finalizacao {position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; transition: all 0.5s; opacity: 0; visibility: hidden;}
.ww_finalizacao.open {opacity: 1; visibility: visible;}
.ww_finalizacao .finalizacao {width: 80%; height: 80%; background: #fff; overflow: hidden; position: relative;}
.ww_finalizacao .finalizacao.s2 {width: 40%;}
.ww_finalizacao .finalizacao .w_step {border: 1px #ccc solid; padding: 20px; height: 100%; position: relative;}
.ww_finalizacao .finalizacao .w_step p {color: #000; font-size: 20px; padding: 0 0 10px; line-height: 20px;}
.ww_finalizacao .finalizacao .w_step .wwc.gallery {height: calc(100% - 170px); border: 1px #ccc solid;}
.ww_finalizacao .finalizacao .w_step .wwc.gallery .wwci {text-align: center; max-height: 100%; height: 100%; position: relative;}
.ww_finalizacao .finalizacao .w_step .wwc.gallery .wwci p {padding: 5px 0; font-size: 24px; line-height: 30px; font-weight: bold; text-transform: uppercase;}
.ww_finalizacao .finalizacao .w_step .wwc.gallery .wwci figure {max-height: calc(100% - 40px); height: calc(100% - 40px); cursor: pointer; display: inline-block;}
.ww_finalizacao .finalizacao .w_step .wwc.gallery .wwci figure img {max-height: 100%; height: 100%; cursor: pointer; display: inline-block;}
.ww_finalizacao .finalizacao .w_step .wwc.gallery .wwci figure.selected {position: relative; background: #000;}
.ww_finalizacao .finalizacao .w_step .wwc.gallery .wwci figure.selected:after {position: absolute; content: ''; bottom: 10px; right: 10px; background: url(../images/sprites-montagem.png) -162px -20px #fff; border: 1px #ccc solid; display: block; width: 32px; height: 32px;}
.ww_finalizacao .finalizacao .w_step .wwc.gallery .wwci figure.selected img {opacity: 0.7;}

.ww_finalizacao .finalizacao .w_step .wwc.laminacao {width: 100%; height: calc(100% - 30px); display: flex; justify-content: space-between;}
.ww_finalizacao .finalizacao .w_step .wwc.laminacao .wwci {height: 100%; float: left; border: 1px #ccc solid;}

.ww_finalizacao .finalizacao .w_step .wwc_thumbs {height: 130px; margin: 10px 0 0; border: 1px #ccc solid; padding: 0 30px;}
.ww_finalizacao .finalizacao .w_step .wwc_thumbs .wwcit {width: 118px; height: 118px; margin: 5px 0 0 5px; padding: 5px 0 5px 5px; cursor: pointer;}
.ww_finalizacao .finalizacao .w_step .wwc_thumbs .wwcit img {height: 100%;}
.ww_finalizacao .finalizacao .w_step .wwc_thumbs .selected {}
.ww_finalizacao .finalizacao .w_step .wwc_thumbs .selected .wwcit {background: #000; position: relative;}
.ww_finalizacao .finalizacao .w_step .wwc_thumbs .selected .wwcit:after {position: absolute; content: ''; bottom: 10px; right: 10px; background: url(../images/sprites-montagem.png) -162px -20px #fff; border: 1px #ccc solid; display: block; width: 32px; height: 32px;}
.ww_finalizacao .finalizacao .w_step .wwc_thumbs .selected .wwcit img {opacity: 0.8;}

.ww_finalizacao .finalizacao .w_step .owl-wrapper-outer,
.ww_finalizacao .finalizacao .w_step .owl-wrapper-outer .owl-wrapper,
.ww_finalizacao .finalizacao .w_step .owl-wrapper-outer .owl-wrapper .owl-item {height: 100%;}

.ww_finalizacao .finalizacao .w_step .w_arrow_prev,
.ww_finalizacao .finalizacao .w_step .w_arrow_next {padding: 10px; position: absolute; top: calc(50% - 80px); cursor: pointer;}
.ww_finalizacao .finalizacao .w_step .w_arrow_prev {left: 20px; border: 1px #ccc solid; border-left: 0;}
.ww_finalizacao .finalizacao .w_step .w_arrow_next {right: 20px; border: 1px #ccc solid; border-right: 0;}
.ww_finalizacao .finalizacao .w_step .w_arrow_prev:hover,
.ww_finalizacao .finalizacao .w_step .w_arrow_next:hover {background: #f6f6f6;}

.ww_finalizacao .finalizacao .w_step .w_arrow_prev_small,
.ww_finalizacao .finalizacao .w_step .w_arrow_next_small {padding: 10px; background: #333; position: absolute; bottom: 40px; cursor: pointer; transform: scale(0.5);}
.ww_finalizacao .finalizacao .w_step .w_arrow_prev_small:hover,
.ww_finalizacao .finalizacao .w_step .w_arrow_next_small:hover {opacity: 0.7;}
.ww_finalizacao .finalizacao .w_step .w_arrow_prev_small {left: 7px;}
.ww_finalizacao .finalizacao .w_step .w_arrow_next_small {right: 7px;}

.ww_finalizacao .finalizacao .btn_select {color: var(--c-save); background: #fff; border: 2px var(--c-save) solid; height: 50px; display: block; float: right; padding: 0 30px; font-weight: bold; position: absolute; bottom: 170px; right: 30px; opacity: 0.3;}
.ww_finalizacao .finalizacao .btn_select.active {opacity: 1; cursor: pointer;}
.ww_finalizacao .finalizacao .btn_select.active:hover {background: var(--c-save); color: #fff;}

.ww_finalizacao .finalizacao .w_step.stepsmall {position: static; height: calc(100% - 90px);}
.ww_finalizacao .finalizacao .w_step.stepsmall .btn_select {bottom: 20px; right: 20px;}

.ww_finalizacao .finalizacao .laminacao {flex-direction: column;}
.ww_finalizacao .finalizacao .laminacao .wwci {display: flex; justify-content: center; align-items: center; background: #eee; font-size: 30px; cursor: pointer; position: relative; width: 100%;}
.ww_finalizacao .finalizacao .laminacao .wwci p {font-size: 30px; padding: 0;}
.ww_finalizacao .finalizacao .laminacao .wwci:hover {background: #ccc;}
.ww_finalizacao .finalizacao .laminacao .wwci.selected {background: #ccc;}
.ww_finalizacao .finalizacao .laminacao .wwci.selected:after {position: absolute; content: ''; top: 10px; right: 10px; background: url(../images/sprites-montagem.png) -162px -20px #fff; border: 1px #ccc solid; display: block; width: 32px; height: 32px;}

/* LAMINA > BODY */
body > .indent_overlay {width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 8; display: none;}
body > .indent {position: absolute; border: 0; z-index: 9; background: rgba(255, 255, 255, 1);}
body > .lamina_index {display: none;}
body > .indent .container {z-index: 9;}
body > .indent.of {overflow: hidden; z-index: 2;}
body > .indent.of .container {z-index: 2;}
body > .indent .actions {position: absolute; z-index: 99; top: 1px; right: 1px; width: 30px; height: 100%; opacity: 0.3;}
body > .indent:hover > .actions {opacity: 1;}
body > .indent .actions > div,
body > .indent .actions > input {position: absolute; z-index: 99; background-color: #fff; border: 0; border-radius: 5px; cursor: pointer;}
body > .indent .toggle_overflow {bottom: 7px; right: 5px;}
body > .indent .toggle_slider {bottom: 43px; right: 5px;}
body > .indent .toggle_grayscale {bottom: 80px; right: 5px;}
body > .indent .toggle_text {bottom: 115px; right: 5px;}
body > .indent .toggle_rotate {bottom: 115px; right: 5px; display: none; }
body > .indent .remove_image {top: 5px; right: 5px; display: none;}
body > .indent .opacity_slider {bottom: 53px; right: 50px; display: none; width: 100px;}
body > .indent .opacity_slider.ui-slider-vertical {width: 0.7em;}
body > .indent .opacity_slider.ui-slider-horizontal {height: 0.7em;}
body > .indent.hasImage > .actions .remove_image {display: block;}

body > .indent div.wh100 {width: 100%; height: 100%;}
body > .indent div.iw100 img {width: 100%;}
body > .indent div.ih100 img {height: 100%;}
body > .indent div img {border: 1px #000 dashed;}
body > .indent img {cursor: move;}
body > .indent .l {display: block; width: 1px; height: 1px; position: absolute; z-index: 99;}
body > .indent .l.top {width: 100%; top: 0; border-top: 1px #ccc solid;}
body > .indent .l.bottom {width: 100%; bottom: 0; border-bottom: 1px #ccc solid;}
body > .indent .l.left {height: 100%; left: 0; border-left: 1px #ccc solid;}
body > .indent .l.right {height: 100%; right: 0; border-right: 1px #ccc solid;}
body > .indent.ui-dropping {background: #eee;}
body > .indent.ui-dropping .l {border-color: #000;}
body > .indent.ui-dropping img {opacity: 0.7;}
body > .indent .indent {display: none;}

body > .indent .blockOverlay {display: none;}

/* TEXTO > BODY */
body > .wrap_editor {position: absolute; z-index: 9; border: 1px #000 dashed; color: #000;}
body > .wrap_editor .we_editor {padding: 0 5px; margin: 0 20px; word-wrap: break-word; /*white-space: nowrap;*/ min-height: 20px;}
body > .wrap_editor .handler_delete {top: -30px; right: -30px; position: absolute;}
body > .wrap_editor .handler_rotate {bottom: -30px; right: -30px; position: absolute;}
/**/

.wrap_editor._45 .ui-resizable-n {cursor: nw-resize;}
.wrap_editor._45 .ui-resizable-e {cursor: ne-resize;}
.wrap_editor._45 .ui-resizable-s {cursor: se-resize;}
.wrap_editor._45 .ui-resizable-w {cursor: sw-resize;}
.wrap_editor._45 .ui-resizable-se {cursor: e-resize;}
.wrap_editor._45 .ui-resizable-ne {cursor: n-resize;}
.wrap_editor._45 .ui-resizable-nw {cursor: w-resize;}
.wrap_editor._45 .ui-resizable-sw {cursor: s-resize;}

.wrap_editor._90 .ui-resizable-n {cursor: w-resize;}
.wrap_editor._90 .ui-resizable-e {cursor: n-resize;}
.wrap_editor._90 .ui-resizable-s {cursor: e-resize;}
.wrap_editor._90 .ui-resizable-w {cursor: s-resize;}
.wrap_editor._90 .ui-resizable-se {cursor: ne-resize;}
.wrap_editor._90 .ui-resizable-ne {cursor: nw-resize;}
.wrap_editor._90 .ui-resizable-nw {cursor: sw-resize;}
.wrap_editor._90 .ui-resizable-sw {cursor: se-resize;}

.wrap_editor._135 .ui-resizable-n {cursor: sw-resize;}
.wrap_editor._135 .ui-resizable-e {cursor: nw-resize;}
.wrap_editor._135 .ui-resizable-s {cursor: ne-resize;}
.wrap_editor._135 .ui-resizable-w {cursor: se-resize;}
.wrap_editor._135 .ui-resizable-se {cursor: n-resize;}
.wrap_editor._135 .ui-resizable-ne {cursor: w-resize;}
.wrap_editor._135 .ui-resizable-nw {cursor: s-resize;}
.wrap_editor._135 .ui-resizable-sw {cursor: e-resize;}

.wrap_editor._180 .ui-resizable-n {cursor: s-resize;}
.wrap_editor._180 .ui-resizable-e {cursor: w-resize;}
.wrap_editor._180 .ui-resizable-s {cursor: n-resize;}
.wrap_editor._180 .ui-resizable-w {cursor: e-resize;}
.wrap_editor._180 .ui-resizable-se {cursor: nw-resize;}
.wrap_editor._180 .ui-resizable-ne {cursor: sw-resize;}
.wrap_editor._180 .ui-resizable-nw {cursor: se-resize;}
.wrap_editor._180 .ui-resizable-sw {cursor: ne-resize;}

._produto_ .lamina .indent .toggle_grayscale,
._produto_ > .indent .toggle_grayscale {bottom: 43px;}


.ui-resizable-handle {background: #000; border: 1px solid #FFF; width: 9px; height: 9px;}
.ui-resizable-n, .ui-resizable-s {left: 50%; margin: 0 0 0 -5px;}
.ui-resizable-w, .ui-resizable-e {top: 50%; margin: -5px 0 0;}
.ui-resizable-se {right: -5px; bottom: -5px;}
.ui-resizable-handle.ui-resizable-s,
.ui-resizable-handle.ui-resizable-n { display: none !important; }

.ui-resizable-handle.ui-resizable-nw,
.ui-resizable-handle.ui-resizable-ne,
.ui-resizable-handle.ui-resizable-sw,
.ui-resizable-handle.ui-resizable-sw { border-radius: 50%; width: 12px; height: 12px; border: 0; }

.ui-resizable-handle.ui-resizable-w,
.ui-resizable-handle.ui-resizable-e { height: 15px; width: 6px; margin: 0; }
.ui-resizable-handle.ui-resizable-e { transform: translate(3px, -50%); right: 0; }
.ui-resizable-handle.ui-resizable-w { transform: translate(-3px, -50%); left: 0; }

.remove_image,
.toggle_overflow, .toggle_slider,
.toggle_grayscale, .toggle_rotate,
.toggle_text,
.handler_delete, .handler_rotate,
.image_used, .image_zoom,
.arrow_prev, .arrow_next,
.arrow_prev_small, .arrow_next_small,
.fullscreen, .windowed
{background-image: url(../images/sprites-montagem.png); display: block;}

.remove_image {background-position: -73px -20px; width: 30px; height: 30px;}
/*.toggle_overflow {background-position: -103px -20px; width: 30px; height: 30px;}*/

.toggle_overflow {background-position: 0 -144px; width: 30px; height: 30px;}

.toggle_slider {background-position: -188px -20px; width: 30px; height: 30px;}
.toggle_grayscale {background-position: -213px -20px; width: 30px; height: 30px;}
.toggle_rotate {background-position: -243px -20px; width: 30px; height: 30px;}
.toggle_text {background-position: -270px -20px; width: 30px; height: 30px;}
.handler_delete {background-position: -73px -20px; width: 30px; height: 30px;}
.handler_rotate {background-position: -300px -20px; width: 30px; height: 30px;}

/*body > .indent .toggle_overflow {background-position: -133px -20px;}*/
body > .indent .toggle_overflow {background-position: 0 -173px;}

.image_used {background-position: -162px -20px; width: 30px; height: 30px; background-color: #fff;}
.image_zoom {background-position: -73px -50px; width: 30px; height: 30px; background-color: #fff;}
.arrow_prev {background-position: 0 -20px; width: 37px; height: 72px; background-color: transparent;}
.arrow_next {background-position: -37px -20px; width: 36px; height: 72px; background-color: transparent;}
.arrow_prev_small {background-position: 0 -92px; width: 24px; height: 46px;}
.arrow_next_small {background-position: -24px -92px; width: 24px; height: 46px;}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {font-size: 12px; font-weight: 700; padding: 10px 10px;}
.error-msg {color: #df280a; margin: 0 0 15px; background: #faebe7; border: 1px #f16048 solid;}
.success-msg {color: #3d6611; background: #eff5ea; border: 1px #446423 solid;}
.note-msg,
.notice-msg {color: #3d6611; background: #fafaec; border: 1px #fcd344 solid;}
.note-span {color: #900; font-size: 10px; margin: 10px 0 0;}

.ui-selectmenu-menu {z-index: 10000;}
.ui-selectmenu-menu ul {max-height: 200px; overflow: auto;}
.ui-selectmenu-menu ul li {white-space: nowrap;}

.w_texto { color: #000; word-wrap: break-word; }

.pcr-app .pcr-swatches > button:last-child:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: auto; background: #F00; transform: rotate(45deg) scale(2); }

/**rotate imagem **/
.rotate0 { transform: rotate(0) !important; }
.rotate90 { transform: rotate(-90deg) !important; }
.rotate180 { transform: rotate(-180deg) !important; }
.rotate270 { transform: rotate(-270deg) !important; }