:root {
	--main-color: #2273b5;
	--main-color-rgb: 34,115,181;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col8_3, .col9,
.col10, .col11, .col12, .col12_5, .col13, .col14, .col15, .col16, .col17,
.col18, .col19, .col20, .col21, .col22, .col22_5, .col23, .col24, .col25{min-height:1px;position:relative;padding-right:20px;float:left;margin:0 0 20px;}
.col25{width:100%;}
.col24{width:96%;}
.col23{width:92%;}
.col22{width:88%;}
.col21{width:84%;}
.col20{width:80%;}
.col19{width:76%;}
.col18{width:72%;}
.col17{width:68%;}
.col16{width:64%;}
.col15{width:60%;}
.col14{width:56%;}
.col13{width:52%;}
.col12_5{width:50%;}
.col12{width:48%;}
.col11{width:44%;}
.col10{width:40%;}
.col9{width:36%;}
.col8_3{width:33%;}
.col8_3 + .col8_3 + .col8_3{width:34%;}
.col8{width:32%;}
.col7{width:28%;}
.col6{width:24%;}
.col5{width:20%;}
.col4{width:16%;}
.col3{width:12%;}
.col2{width:8%;}
.col1{width:4%;}
.wrap_form .w.col-last,
.col-last{padding:0;}

body > .ui-front {z-index: 10002 !important;}

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

body input,
body select,
body textarea {font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif !important;}

.vendas {height: calc(100vh - 80px); padding: 1px 0 0;}

.vendas #header {height: 80px; padding: 18px 20px;}
.vendas #header .dados {float: left; font-size: 16px;}
.vendas #header a {float: right; font-size: 20px; color: #d00;}

.vendas .login {width: 585px; overflow: hidden; margin: 200px auto 0; padding: 40px 30px; background: #051a29; border-radius:5px;}
.vendas .login .erro {display: none; margin: 0 0 20px; color: #fff; font-weight: bold; font-size: 14px;}
.vendas .login form {display: block; overflow: hidden; margin: 0;}
.vendas .login input {float:left; display: block; width: 100%; line-height: 60px; height: 65px; border-radius:2px; border:0; padding: 0 20px; font-size: 18px; color:#767879;}
.vendas .login input#sala {margin: 0 0 25px;}
.vendas .login #enviar {background: var(--main-color); color:#fff; cursor: pointer;}
.vendas .login .success-msg {display: none;}

.sala {position: relative; height: calc(100vh - 160px);}
.sala .wrap_atendimento {position: relative; width: 35%; height: 100%; float: left; background: rgba(255, 255, 255, 0.5);}
.sala .wrap_atendimento .wrap_v {max-width: 80%; height: 42%; background: #eee; margin: 5% auto 0; position: relative; display: flex;}
.sala .wrap_atendimento .wrap_v video {max-width: 100%; max-height: 100%; margin: auto; display: block; z-index: 9; position: relative;}
.sala .wrap_atendimento .wrap_v.local {}
.sala .wrap_atendimento .wrap_v.remote {}
.sala .wrap_atendimento .glare {position: absolute; display: block; width: 100%; font-size: 40px; font-style: italic; top: calc(50% - 25px); left: 0; text-align: center; color: #aaa; z-index: 2; padding: 0; line-height: 50px;}
.sala .wrap_atendimento .glare.loading {font-size: 26px; top: calc(50% + 15px);}
.sala .wrap_atendimento .glare.loading img {vertical-align: middle;}

.acts_button {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0 15px; text-align: center; z-index: 9;}
.acts_button a {width: 50px; height: 50px; display: inline-block; border-radius: 100%; box-shadow: 3px 3px 5px #333; position: relative; margin: 0 5px;}
.acts_button .ic_audio {background: url(../images/ic_audio.svg) 10px center no-repeat #fff; background-size: 30px; display: none;}
.acts_button .ic_audio:hover {background-color: #eee;}
.acts_button .ic_video {background: url(../images/ic_video.svg) 10px center no-repeat #fff; background-size: 30px;}
.acts_button .ic_video:hover {background-color: #eee;}
.acts_button .off {}
.acts_button .off:before,
.acts_button .off:after {content: ''; display: block; position: absolute; width: 50%; height: 100%; border-right: 2px #d00 solid; transform: rotate(45deg); top: -10px; left: 5px;}
.acts_button .off:after {border-right: 2px #fff solid; top: -11px; left: 3px;}

.sala .acoes {position: absolute; top: 0; left: 35%; width: 20%; height: 100%; text-align: center; padding: 1.8% 10px 0; overflow-y: auto;}
.sala .acoes button {
    display: flex; width: 200px; max-width: 100%; min-height: 35px; line-height: 15px; margin: 0 auto 10px;
    background: #5cb85c; border: 1px #4cae4c solid; color: #fff; border-radius: 5px; cursor: pointer; font-size: 14px;
    justify-content: center; align-items: center;
}
.sala .acoes button:hover {background: #4cae4c;}
.sala .acoes button input {vertical-align: middle; display: inline-block; width: auto;}
.sala .acoes button:disabled {background: #ccc; color: #000; border: 1px #ccc solid; cursor: default; outline: 0;}
.sala .acoes .erros {width: 200px; color: #df280a; margin: auto; background: rgba(255, 255, 255, 0.7); padding: 10px; overflow: hidden; text-align: left; display: none;}
.sala .acoes .erros .error {float: left;}

.sala .screen_atendimento {position: relative; width: 45%; height: 100%; float: right; overflow: hidden; background: rgba(255, 255, 255, 0.5);}
.sala .screen_atendimento #colorbox {top: 30% !important; left: 15% !important;}

.sala .balao_sala {position: fixed; bottom: 20px; right: 20px; line-height: 20px; background: #fff; border-radius: 20px; padding: 20px 30px; color: #000; text-align: center; font-size: 20px; z-index: 9999;}

.overlay_bg {background: rgba(0, 0, 0, .5); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9990; display: none;}
.overlay_bg_full {background: rgba(0, 0, 0, .5); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9990; display: none;}

.video_lembranca {width: 100%; height: 100%; position: absolute; z-index: 9999; top: 0; left: 0; background: #000; display: none;}
.video_lembranca #videoLembranca {width: 100%; height: 100%; position: relative;}
.video_lembranca .hide_video_lembranca {display: none;}

.wrap_albuns_tipos {position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; z-index: 9999; background: #fff; padding: 10px; display: none;}
.wrap_albuns_tipos .topo {height: 30px; margin: 0 0 10px; color: #000; font-size: 20px; line-height: 20px; border-bottom: 1px var(--main-color) solid; position: relative;}
.wrap_albuns_tipos .topo .hide_albuns {float: right; font-size: 16px; position: absolute; top: 0; right: 0; width: 25px; line-height: 25px; text-align: center; border: 1px #000 solid; display: none;}
.wrap_albuns_tipos .albuns_buttons {width: 200px; height: calc(100% - 40px); float: left; overflow: auto;}
.wrap_albuns_tipos .albuns_buttons ul {display: block; height: 100%; padding: 0 10px 0 0;}
.wrap_albuns_tipos .albuns_buttons ul li {float: left; width: 100%; height: 50px; display: block; margin: 0 0 12px;}
.wrap_albuns_tipos .albuns_buttons ul li:last-child {margin: 0;}
.wrap_albuns_tipos .albuns_buttons ul li a {display: block; width: 100%; height: 100%; color: var(--main-color); border: 2px var(--main-color) solid; text-align: center; font-size: 16px;}
.wrap_albuns_tipos .albuns_buttons ul li a.current,
.wrap_albuns_tipos .albuns_buttons ul li a:hover {background: var(--main-color); color: #fff;}
.wrap_albuns_tipos .albuns_tipos {width: calc(100% - 210px); height: calc(100% - 40px); overflow: hidden; float: right; position: relative;}
.wrap_albuns_tipos .albuns_tipos .album {height: 100%; display: none;}
.wrap_albuns_tipos .albuns_tipos .album div {height: 100%;}
.wrap_albuns_tipos .albuns_tipos button {width: 20px; height: 60px; line-height: 60px; background: var(--main-color); color: #fff; font-size: 20px; border: 0; top: calc(50% - 30px); position: absolute; z-index: 999; cursor: pointer; display: block;}
.wrap_albuns_tipos .albuns_tipos button:hover {border: 1px var(--main-color) solid; background: #fff; color: var(--main-color);}
.wrap_albuns_tipos .albuns_tipos button.a_prev {left: 0;}
.wrap_albuns_tipos .albuns_tipos button.a_next {right: 0;}
.wrap_albuns_tipos .albuns_tipos img {display: block; margin: auto; max-width: 100%; height: 100%;}

.wrap_videos {position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; z-index: 9999; background: #fff; padding: 10px; display: none;}
.wrap_videos .topo {height: 30px; margin: 0 0 10px; color: #000; font-size: 20px; line-height: 20px; border-bottom: 1px var(--main-color) solid; position: relative;}
.wrap_videos .topo .hide_videos {float: right; font-size: 16px; position: absolute; top: 0; right: 0; width: 25px; line-height: 25px; text-align: center; border: 1px #000 solid; display: none;}
.wrap_videos .videos_buttons {width: 200px; height: calc(100% - 60px); float: left; overflow: auto;}
.wrap_videos .videos_buttons ul {display: block; height: 100%; padding: 0 10px 0 0;}
.wrap_videos .videos_buttons ul li {float: left; width: 100%; min-height: 50px; display: block; margin: 0 0 12px;}
.wrap_videos .videos_buttons ul li:last-child {margin: 0;}
.wrap_videos .videos_buttons ul li a {display: block; width: 100%; min-height: 50px; color: var(--main-color); border: 2px var(--main-color) solid; text-align: center; font-size: 16px;}
.wrap_videos .videos_buttons ul li a.vcurrent,
.wrap_videos .videos_buttons ul li a:hover {background: var(--main-color); color: #fff;}
.wrap_videos .videos_tipos {width: calc(100% - 210px); height: calc(100% - 60px); overflow: hidden; float: right; position: relative;}
.wrap_videos .videos_tipos .videos {height: 100%;}
.wrap_videos .videos_tipos .videos .item {height: 100%; display: none;}
.wrap_videos .videos_tipos .videos .item:first-child {display: block;}
.wrap_videos .videos_tipos .videos video {width: 100%; height: 100%; margin: auto;}
.wrap_videos .videos_tipos .videos p {width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.wrap_videos .videos_tipos button {width: 20px; height: 60px; line-height: 60px; background: var(--main-color); color: #fff; font-size: 20px; border: 0; top: calc(50% - 30px); position: absolute; z-index: 999; cursor: pointer; display: none;}
.wrap_videos .videos_tipos button:hover {border: 1px var(--main-color) solid; background: #fff; color: var(--main-color);}
.wrap_videos .videos_tipos button.v_prev {left: 0;}
.wrap_videos .videos_tipos button.v_next {right: 0;}
.wrap_videos .videos_tipos img {display: block; margin: auto; max-width: 100%; height: 100%;}

.wrap_video_depoimento {position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; z-index: 9999; background: #fff; padding: 10px; display: none; text-align: center;}
.wrap_video_depoimento .topo {height: 50px; margin: 0 0 10px; color: #000; font-size: 3vh; line-height: 40px; border-bottom: 1px var(--main-color) solid; position: relative;}
.wrap_video_depoimento .topo .hide_video_depoimento {float: right; font-size: 16px; position: absolute; top: 0; right: 0; width: 25px; line-height: 25px; text-align: center; border: 1px #000 solid;}
.wrap_video_depoimento .topo p {text-align: left;}
.wrap_video_depoimento video {max-width: 100%; height: calc(100% - 60px);}

.wrap_video_exemplo_montagem {position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; z-index: 9999; background: #fff; padding: 10px; display: none; text-align: center;}
.wrap_video_exemplo_montagem .topo {height: 50px; margin: 0 0 10px; color: #000; font-size: 3vh; line-height: 40px; border-bottom: 1px var(--main-color) solid; position: relative;}
.wrap_video_exemplo_montagem .topo .hide_exemplo_montagem {float: right; font-size: 16px; position: absolute; top: 0; right: 0; width: 25px; line-height: 25px; text-align: center; border: 1px #000 solid;}
.wrap_video_exemplo_montagem .topo p {text-align: left;}
.wrap_video_exemplo_montagem video {max-width: 100%; height: calc(100% - 60px);}

.wrap_revestimentos {position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; z-index: 9999; background: #fff; padding: 10px; overflow-y: auto; display: none;}
.wrap_revestimentos .topo {height: 50px; margin: 0 0 10px; color: #000; font-size: 3vh; line-height: 40px; border-bottom: 1px var(--main-color) solid; position: relative;}
.wrap_revestimentos .topo .hide_revestimentos {float: right; font-size: 16px; position: absolute; top: 0; right: 0; width: 25px; line-height: 25px; text-align: center; border: 1px #000 solid;}
.wrap_revestimentos li {float: left; margin: 5px; padding: 5px; border: 1px #ccc solid; display: block; width: calc(100% / 5 - 10px);}
.wrap_revestimentos li:last-child {margin: 5px 5px 15px;}
.wrap_revestimentos li p {color: #000; text-align: center; margin: 5px 0 0;}
.wrap_revestimentos li img {width: 100%;}

.wrap_imagens {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background: #000; padding: 10px; display: none;}
.wrap_imagens .galeria,
.wrap_imagens .galeria .owl-wrapper-outer,
.wrap_imagens .galeria .owl-wrapper {height: 100%;}
.wrap_imagens .galeria .owl-item {text-align: center; width: 100%; height: 100%;}
.wrap_imagens .galeria .owl-item img {max-width: 100%; height: 100%; display: block; margin: auto;}
.wrap_imagens .hide_clipe {float: right; font-size: 16px; position: absolute; top: 5px; right: 5px; width: 25px; line-height: 25px; text-align: center; border: 1px #fff solid; z-index: 9;}

.wrap_form {position: absolute; width: 980px; height: calc(100% - 50px); top: 25px; left: calc(50% - 490px); z-index: 10001; background: #fff; padding: 20px 10px 20px 20px; display: none; overflow-y: auto; color: #000; font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;}
.wrap_form p {line-height: normal; font-size: 12px; margin: 3px 0; font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;}
.wrap_form b,
.wrap_form strong {font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;}
.wrap_form p a {color: var(--main-color);}
.wrap_form .close_form {float: right; font-size: 16px; position: absolute; top: 10px; right: 10px; width: 25px; line-height: 25px; text-align: center; border: 1px #000 solid; z-index: 9;}
.wrap_form form {display: none;}
.wrap_form .topo {height: 50px; margin: 0 10px 10px 0; color: #000; font-size: 3vh; line-height: 40px; border-bottom: 1px var(--main-color) solid; position: relative;}
.wrap_form .topo p {font-size: 2.7vh; line-height: 40px;}
.wrap_form label {color: #333; float: left; line-height: 20px;}
.wrap_form label.error {color: #df280a;}
.wrap_form input,
.wrap_form select,
.wrap_form textarea {width: 100%; display: block; height: 30px; line-height: 30px; float: left; border: 1px #ccc solid; padding: 5px; border-radius: 5px;}
.wrap_form textarea {height: 100px; line-height: normal; font-size: 12px;}
.wrap_form input[type="checkbox"],
.wrap_form input[type="radio"] {width: auto;}
.wrap_form [disabled="disabled"],
.wrap_form [readonly="readonly"] {background: #ebebe4;}
.wrap_form .w {margin: 0 0 10px; padding: 0 10px 0 0;}
.wrap_form .w p {line-height: 25px;}
.wrap_form .w._h {display: none;}

.wrap_form .w .opt {float: left; margin: 0 0 15px;}
.wrap_form .w .opt input {width: 27px; height: 27px; margin: 0; opacity: 0; text-indent:-9999px; float: right;}
.wrap_form .w .opt label {cursor: pointer; float: left; position: relative; padding: 0 0 0 40px; height: 29px;}
.wrap_form .w .opt label span {float: left; font-size: 16px; font-weight: 300; line-height: 27px;}
.wrap_form .w .opt label::before {border: 1px solid #afafaf; content: ""; display: block; height: 27px; left: 0; position: absolute; top: 0; width: 27px; border-radius: 50%;}
.wrap_form .w .opt label::after {content: ""; display: block; position: absolute; border-radius: 50%;}
.wrap_form .w .opt label:hover::before {box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;}
.wrap_form .w .opt label:active::before {box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;}
.wrap_form .w .opt input:checked + label {}
.wrap_form .w .opt input:checked + label::after {background: var(--main-color); border: 0; width: 21px; height: 21px; top: 3px; left: 3px;}

.wrap_form .w .opt.chk label::before,
.wrap_form .w .opt.chk label::after {border-radius: 0;}
.wrap_form .w .opt.chk input:checked + label::after {background: none; color: var(--main-color); content: '✓'; text-align: center; font-size: 24px;}

.wrap_form .w .opt label.error {color: #d00; position: absolute; left: 0; bottom: 0; line-height: normal; height: auto; padding: 0; font-size: 12px;}
.wrap_form .w .opt label.error::before {display: none;}

.wrap_form .add_produto,
.wrap_form .add_montador,
.wrap_form .remove_produto,
.wrap_form .remove_montador,
.wrap_form .big_button {width: 100%; display: block; line-height: 26px; float: left; margin: 20px 0 0; cursor: pointer; border-radius: 5px;}
.wrap_form .add_produto {background: var(--main-color); color: #fff; border: 1px var(--main-color) solid; width: 125px; margin: 0 10px 20px 0; float: right;}
.wrap_form .add_produto:hover {background: #fff; color: var(--main-color);}
.wrap_form .remove_produto {background: #df280a; color: #fff; border: 1px #df280a solid;}
.wrap_form .remove_produto:hover {background: #fff; color: #df280a;}
.wrap_form .w_desc {padding: 10px 0 0 10px; border: 1px #ccc solid; overflow: hidden; margin: 0 10px 10px 0; position: relative;}
.wrap_form .w_desc label.error[for="p_itens"] {position: absolute; top: 35px; left: 10px;}
.wrap_form .w_desc .w_item {overflow: hidden;}
.wrap_form .tit_desc {font-size: 14px; margin: 0 0 10px; font-weight: bold; float: left;}
.wrap_form .big_button {width: 200px; height: 50px; background: var(--main-color); color: #fff; border: 1px var(--main-color) solid; float: right; margin: 10px 10px 20px 0; font-size: 16px;}
.wrap_form .big_button:hover {background: #fff; color: var(--main-color);}
.wrap_form .confirmar_venda,
.wrap_form .confirmar_boleto,
.wrap_form .confirmar_instrucoes {display: none;}
.wrap_form #valor,
.wrap_form #valor_venda {text-align: left !important;}
.wrap_form .small {width: calc(100% - 10px);}
.wrap_form .small p {line-height: normal; font-size: 12px; margin: 3px 0; font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;}
.wrap_form .w.col1 input {text-align: center; padding: 5px 3px;}

.wrap_form .w_montadores {padding: 10px 0 0 10px; border: 1px #ccc solid; overflow: hidden; margin: 0 10px 10px 0; position: relative;}
.wrap_form .w_montadores .add_montador {background: var(--main-color); color: #fff; border: 1px var(--main-color) solid; width: 125px; margin: 0 10px 20px 0; float: right;}
.wrap_form .w_montadores .add_montador:hover {background: #fff; color: var(--main-color);}
.wrap_form .w_montadores .remove_montador {background: #df280a; color: #fff; border: 1px #df280a solid;}
.wrap_form .w_montadores .remove_montador:hover {background: #fff; color: #df280a;}
.wrap_form .w_montadores label.error[for="m_itens"] {position: absolute; top: 30px; left: 10px;}

.wrap_form .options {margin: 0 0 10px; overflow: hidden; float: left; width: 100%; position: relative; padding: 0;}

.wrap_form .formas_pagamento {margin: 0;}

.wrap_form .parcelamento {overflow: hidden; clear: both; border: 1px #ccc solid;}
.wrap_form .parcelamento .parc_opt {clear: both; overflow: hidden; padding: 10px; border-bottom: 1px #ccc solid;}
.wrap_form .parcelamento .parc_opt span {width: auto; float: left; line-height: 30px;}
.wrap_form .parcelamento .parc_opt input,
.wrap_form .parcelamento .parc_opt select {width: auto; float: left;}
.wrap_form .parcelamento .parc_opt .parc_met {margin: 0 15px 0 0; width: 130px; text-align: right;}
.wrap_form .parcelamento .parc_opt #fp_subtotal {width: 120px; margin: 0 10px;}
.wrap_form .parcelamento .parc_opt #fp_parcelas {width: 50px; margin: 0 10px;}
.wrap_form .parcelamento .parc_opt #fp_valor {width: 120px; margin: 0 10px;}
.wrap_form .parcelamento .parc_opt .parc_val {}
.wrap_form .parcelamento .parc_opt:nth-last-child(2) {border: 0;}
.wrap_form .parcelamento .parc_total {overflow: hidden; padding: 10px; border-top: 1px #999 solid; position: relative;}
.wrap_form .parcelamento .parc_total input {width: auto; float: right; margin: 0 0 0 10px;}
.wrap_form .parcelamento .parc_total span {float: right; line-height: 30px; font-weight: bold;}
.wrap_form .parcelamento .parc_total [for="fp_total"] {float: right; position: absolute; top: 15px; right: 285px;}

.b_cliente .wrap_form .parcelamento .parc_opt span {margin: 0 10px 0 0;}
.b_cliente .wrap_form .parcelamento .parc_opt span:last-child {float: right; font-weight: bold;}

.wrap_form #form_cartao {}
.wrap_form #form_cartao p {}

.b_vendedor .wrap_form.f_cartao {width: 650px; left: calc(50% - 325px); height: auto; top: calc(50% - 275px); padding: 20px;}
.b_vendedor .wrap_form.f_cartao .topo {height: 30px;}
.b_vendedor .wrap_form.f_cartao .topo p {font-size: 20px; line-height: 25px;}
.b_vendedor .wrap_form.f_cartao #form_cartao > .w {padding: 0; width: 40%; display: block; margin: 15px auto 0; text-align: center; overflow: hidden;}
.b_vendedor .wrap_form.f_cartao #form_cartao > .w label {float: none; margin: 0 0 10px; display: block; font-size: 18px;}
.b_vendedor .wrap_form.f_cartao #form_cartao > .w #cartao_valor {text-align: center !important; font-size: 24px; height: 40px;}
.b_vendedor .wrap_form.f_cartao #form_cartao hr {margin: 10px 0;}
.b_vendedor .wrap_form.f_cartao .btns {text-align: center;}
.b_vendedor .wrap_form.f_cartao .btns .big_button {display: inline-block; margin: 10px auto 0; float: none;}

.b_vendedor .wrap_form.f_cartao .big_button.btn_negar_cartao,
.b_vendedor .wrap_form.f_cartao .big_button.btn_confirmar_cartao {float: left; margin: 20px 0 0 10px; height: 30px; padding: 0 10px; width: 46%; font-size: 12px;}
.b_vendedor .wrap_form.f_cartao .big_button.btn_negar_cartao {background: #df280a; border-color: #df280a;}
.b_vendedor .wrap_form.f_cartao .big_button.btn_negar_cartao:hover {background: #fff; color: #df280a;}
.b_vendedor .wrap_form.f_cartao .big_button.btn_negar_cartao[disabled],
.b_vendedor .wrap_form.f_cartao .big_button.btn_confirmar_cartao[disabled] {background: #eee; border: 1px #ccc solid; color: #ccc; cursor: default;}

.b_vendedor .wrap_form.f_cartao .resultado_cartao {font-size: 20px; text-align: center; margin: 20px 0 0; padding: 5px 0; display: none;}
.b_vendedor .wrap_form.f_cartao .resultado_cartao.green {background: #5cb85c; color: #fff;}
.b_vendedor .wrap_form.f_cartao .resultado_cartao.red {background: #df280a; color: #fff;}
.b_vendedor .wrap_form.f_cartao .resultado_cartao.yellow {background: #ffc520; color: #fff;}

#popup_title.green {background: #5cb85c; color: #fff; line-height: 25px; padding: 0 5px;}
#popup_title.red {background: #df280a; color: #fff; line-height: 25px; padding: 0 5px;}
#popup_title.yellow {background: #ffc520; color: #fff; line-height: 25px; padding: 0 5px;}

.b_vendedor .wrap_form.f_cartao .cartao_dados {display: none;}
.b_vendedor .wrap_form.f_cartao .cartao_dados .block-tipo.first {margin: 0 20px 0 0;}

.b_cliente .wrap_form.f_cartao {width: 650px; left: calc(50% - 325px); height: 90%; top: 5%; padding: 0 20px;}
.b_cliente .wrap_form #form_cartao {border: 1px solid #000; margin: 25px auto; padding: 0 20px; overflow: hidden; width: 100%;}
.b_cliente .wrap_form #form_cartao p {font-size: 20px;}
.b_cliente .wrap_form #form_cartao .enviando_cartao,
.b_cliente .wrap_form #form_cartao .resultado_cartao {text-align: center; padding: 5px 0;}
.b_cliente .wrap_form #form_cartao .resultado_cartao.green {background: #5cb85c; color: #fff;}
.b_cliente .wrap_form #form_cartao .resultado_cartao.red {background: #df280a; color: #fff;}
.b_cliente .wrap_form #form_cartao .resultado_cartao.yellow {background: #ffc520; color: #fff;}
.b_cliente .wrap_form #form_cartao .enviando_cartao {display: none;}

.b_cliente .wrap_form.f_cartao input[type="text"],
.b_cliente .wrap_form.f_cartao select {margin: 0 0 20px;}
.b_cliente .wrap_form.f_cartao input[type="text"].error,
.b_cliente .wrap_form.f_cartao select.error {margin: 0;}

.b_cliente .wrap_form .w_desc .w_item .w.col8 {width: 34%;}
.b_cliente .wrap_form .w_montadores .w_montador .w.col12:nth-child(2) {width: 52%;}

.wrap_form #form_montagem {}
.wrap_form #form_montagem .b_verde {display: inline-block; width: 20px; height: 20px; background: #4cae4c; vertical-align: middle;}
.wrap_form #form_montagem .b_vermelho {display: inline-block; width: 20px; height: 20px; background: #df280a; vertical-align: middle;}
.wrap_form #form_montagem table {width: calc(100% - 10px); margin: 10px 0;}
.wrap_form #form_montagem table td {text-align: center; padding: 7px 0; width: 30px;}
.wrap_form #form_montagem table td.approved {background: #4cae4c; color: #fff; font-weight: bold;}
.wrap_form #form_montagem table td.disapproved {background: #df280a; color: #fff; font-weight: bold;}

.wrap_form {}
.wrap_form .block-tipo {float: left; display: block; margin: 0 20px 0 0;}
.wrap_form .block-tipo.first {margin: 0 20px 20px 0;}
.wrap_form .block-tipo input {width: auto; height: auto; margin: 8px 10px 0 0;}
.wrap_form .c-visa {background: url(../images/c-visa.png) top center no-repeat; width: 77px;}
.wrap_form .c-mastercard {background: url(../images/c-mastercard.png) top center no-repeat; width: 50px;}
.wrap_form .c-amex {background: url(../images/c-americanexpress.png) top center no-repeat; width: 30px;}
.wrap_form .c-elo {background: url(../images/c-elo.png) top center no-repeat; width: 30px;}
.wrap_form .c-diners {background: url(../images/c-diners.png) top center no-repeat; width: 43px;}
.wrap_form .c-discover {background: url(../images/c-discover.png) top center no-repeat; width: 48px;}
.wrap_form .block-tipo a {height: 30px; display: block; background-size: 100%; float: left; cursor: pointer;}
.wrap_form .block-tipo label.error[for="cartao[tipo]"] {position: absolute; top: 50px; left: 0;}

.wrap_galeria {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background: #000; padding: 20px 40px; display: none;}
.wrap_galeria form {height: calc(100% - 140px);}
.wrap_galeria .galeria {height: 100%;}
.wrap_galeria .galeria .owl-wrapper-outer,
.wrap_galeria .galeria .owl-wrapper {height: 100%;}
.wrap_galeria .galeria .owl-item {text-align: center; height: 100%; background: #fff;}
.wrap_galeria .galeria .owl-item .item {width: 100%; height: calc(100% - 40px); display: flex;}
.wrap_galeria .galeria .owl-item .item img {max-width: calc(100% - 40px); max-height: calc(100% - 40px); display: block; margin: auto;}
.wrap_galeria .galeria .owl-item .options {overflow: hidden; float: left; width: 100%; position: absolute; left: 0; bottom: 0; padding: 10px 20px; background: rgba(255, 255, 255, 0.85);}
.wrap_galeria .galeria .owl-item .options .opt {float: left; margin: 0 20px 0 0; overflow: hidden;}
.wrap_galeria .galeria .owl-item .options .opt input {opacity: 0; text-indent:-9999px; position: absolute; left: -50px;}
.wrap_galeria .galeria .owl-item .options .opt label {cursor: pointer; float: left; position: relative; padding: 0 0 0 22px; height: 20px;}
.wrap_galeria .galeria .owl-item .options .opt label::before {border: 1px solid #afafaf; content: ""; display: block; width: 18px; height: 18px; left: 0; position: absolute; top: 0; text-align: center;}
.wrap_galeria .galeria .owl-item .options .opt label span {float: left; font-size: 14px; line-height: 18px; font-weight: bold;}
.wrap_galeria .galeria .owl-item .options .opt label:hover::before {box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;}
.wrap_galeria .galeria .owl-item .options .opt label:active::before {box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;}
.wrap_galeria .galeria .owl-item .options .opt input:checked + label {}
.wrap_galeria .galeria .owl-item .options .opt input:checked + label::before {content: 'X';}
.wrap_galeria .galeria .owl-item .options .opt:first-child {color: #4cae4c;}
.wrap_galeria .galeria .owl-item .options .opt:last-child {color: #df280a;}

/*.wrap_galeria {position: relative; margin: 25px 0 0;}*/
.wrap_galeria .thumbs {margin: 25px 0 0; height: 115px;}
.wrap_galeria .thumbs .owl-item {position: relative; cursor: pointer;}
.wrap_galeria .thumbs .owl-item .item {width: 100%; height: 115px; overflow: hidden; padding: 0 5px 0 0;}
.wrap_galeria .thumbs .owl-item .item a,
.wrap_galeria .thumbs .owl-item .item img {height: 100%; display: block; margin: auto;}
.wrap_galeria .thumbs .owl-item .item.approved:before,
.wrap_galeria .thumbs .owl-item .item.disapproved:before {position: absolute; top: 0; left: 0; display: block; font-size: 90px; text-align: center; background: rgba(255, 255, 255, 0.3); width: calc(100% - 5px);}
.wrap_galeria .thumbs .owl-item .item.approved:before {content: '✓'; color: #4cae4c;}
.wrap_galeria .thumbs .owl-item .item.disapproved:before {content: 'X'; color: #df280a;}

.wrap_galeria button {width: 40px; height: 60px; line-height: 55px; background: var(--main-color); color: #fff; font-size: 20px; border: 0; position: absolute; z-index: 999; cursor: pointer; display: block;}
.wrap_galeria button:hover {border: 1px var(--main-color) solid; background: #fff; color: var(--main-color);}
.wrap_galeria button.wg_prev,
.wrap_galeria button.wg_next {top: calc(50% - 95px);}
.wrap_galeria button.wt_prev,
.wrap_galeria button.wt_next {bottom: 50px;}
.wrap_galeria button.wg_prev,
.wrap_galeria button.wt_prev {left: 0;}
.wrap_galeria button.wg_next,
.wrap_galeria button.wt_next {right: 0;}

.wrap_galeria .info {position: absolute; right: 300px; bottom: 170px; color: #000;}
.wrap_galeria .info .utilizar {color: #4cae4c;}
.wrap_galeria .info .n_utilizar {color: #df280a;}
.wrap_galeria .finalizar_selecao {width: 200px; bottom: 170px; right: 50px;}

.wrap_galeria.viewOnly .options,
.wrap_galeria.viewOnly .finalizar_selecao,
.wrap_galeria.viewOnly .thumbs,
.wrap_galeria.viewOnly .wt_prev,
.wrap_galeria.viewOnly .wt_next,
.wrap_galeria.viewOnly .info {display: none !important;}
.wrap_galeria.viewOnly form,
.wrap_galeria.viewOnly .galeria .owl-item .item {height: 100%;}
.wrap_galeria.viewOnly button.wg_prev,
.wrap_galeria.viewOnly button.wg_next {top: calc(50% - 30px);}

.wrap_galeria.viewOnly .hide_galeria {float: right; font-size: 16px; position: absolute; top: 5px; right: 5px; width: 25px; line-height: 25px; text-align: center; border: 1px #fff solid; display: none;}

.user_status {position: fixed; bottom: 30px; right: 30px; width: 70px; height: 70px; display: block; z-index: 2; padding: 10px; background: #fff; border-radius: 25%;}
.user_status .text {position: absolute; width: 0; height: 50%; top: 25%; right: 100%; background: #fff; border-radius: 10px 0 0 10px; overflow: hidden; color: #000; padding: 0 10px; line-height: 35px; opacity: 0;}
.user_status .text b.on {color: #4cae4c;}
.user_status .text b.off {color: #df280a;}
.user_status:hover .text {opacity: 1; width: 130px;}
.user_status img {width: 100%;}

.bg_w_atributos {background: rgba(0, 0, 0, .5); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10009; display: none;}
.w_atributos {background: #fff; position: fixed; width: 600px; height: auto; padding: 20px; top: 25%; left: calc(50% - 300px); z-index: 10010 !important; display: none;}
.w_atributos .close {position: absolute; top: 20px; right: 20px; display: block; background: #fff; color: var(--main-color); border: 1px var(--main-color) solid; padding: 5px 8px; cursor: pointer; z-index: 2;}
.w_atributos .close:hover {background: var(--main-color); color: #fff;}
.w_atributos #addProduto {float: right; margin: 0; display: block; padding: 10px; background: var(--main-color); border: 1px var(--main-color) solid; color: #fff; cursor: pointer;}
.w_atributos #addProduto:hover {background: #fff; color: var(--main-color);}

.w_atributos .atributos {float: left; display: block; width: 100%;}
.w_atributos .atributos .passo {width: 100%; float: left; clear: both; margin: 20px 0 0; min-height: 60px;}
.w_atributos .atributos .passo span.label {position: relative; display: block; line-height: 25px; font-size: 16px; margin: 0 0 5px; overflow: hidden; -webkit-backface-visibility: hidden;}
.w_atributos .atributos .passo span.label:after {position: absolute; left: 0; top: 50%; height: 1px; background: #ccc !important; content: ""; width: 100%; display: block; z-index: -1; -webkit-backface-visibility: hidden;}
.w_atributos .atributos .passo span.label span {background: #fff; padding: 0 5px 0 0;}
.w_atributos .atributos .passo span.content {width: 100%; margin: 0; overflow: hidden; clear: both; display: block; padding: 10px 0 0;}
.w_atributos .atributos .passo span.content ul {}
.w_atributos .atributos .passo span.content ul li {display: block; float: left; min-width: 32px; height: 32px; background: #fff; margin: 3px; border: 1px #ccc solid; border-radius: 8px; cursor: pointer; text-align: center; line-height: 32px; font-weight: 700; font-size: 14px;}
.w_atributos .atributos .passo span.content ul li img {display: block; margin: -2px; float: left;}
.w_atributos .atributos .passo span.content ul li.selected {border: 2px #000 solid; box-shadow: 0 0 3px 0 #000; margin: 2px 3px;}
.w_atributos .atributos .passo span.content ul li.available span,
.w_atributos .atributos .passo span.content ul li.available {opacity: 1; cursor: pointer;}
.w_atributos .atributos .passo span.content ul li,
.w_atributos .atributos .passo span.content ul li span,
.w_atributos .atributos .passo span.content ul li.unavailable,
.w_atributos .atributos .passo span.content ul li.unavailable span {cursor: default; position: relative; padding: 0 3px;}
.w_atributos .atributos .passo span.content ul li span,
.w_atributos .atributos .passo span.content ul li.unavailable span {opacity: 0.5;}
.w_atributos .atributos .passo span.content ul li.unavailable:after {content: 'X'; font-weight: 700; background: #fff; color: #d00; line-height: 10px; display: block; position: absolute; top: -3px; left: -3px; border: 1px #000 solid; font-size: 10px; padding: 1px 3px; border-radius: 50%; text-align: center;}

/**/

.b_vendedor #cboxOverlay {top: 95px; width: 50%; left: 50%;}
.b_vendedor .overlay_bg {position: absolute;}
.b_vendedor .wrap_albuns_tipos {top: 15%; height: 70%;}
.b_vendedor .wrap_albuns_tipos .topo .hide_albuns {display: block;}
.b_vendedor .wrap_albuns_tipos .albuns_buttons ul li a {line-height: normal; display: flex; height: 100%; justify-content: center;}
.b_vendedor .wrap_albuns_tipos .albuns_buttons ul li a span {align-self: center;}

.b_vendedor .wrap_imagens {top: 25%; width: 80%; height: 50%; left: 10%;}
.b_vendedor .wrap_imagens .hide_clipe {display: block;}

.b_vendedor .wrap_galeria {top: 25%; width: 80%; height: 50%; left: 10%;}
.b_vendedor .wrap_galeria .hide_galeria {display: block;}

.b_vendedor .video_lembranca {top: 25%; width: 80%; height: 50%; left: 10%;}
.b_vendedor .video_lembranca .hide_video_lembranca {float: right; font-size: 16px; position: absolute; top: 5px; right: 5px; width: 25px; line-height: 25px; text-align: center; border: 1px #fff solid; display: block; z-index: 999;}

.b_vendedor .wrap_videos {top: 15%; height: 70%;}
.b_vendedor .wrap_videos .topo .hide_videos {display: block;}
.b_vendedor .wrap_videos .videos_buttons ul li a {line-height: normal; display: flex; height: 100%; justify-content: center;}
.b_vendedor .wrap_videos .videos_buttons ul li a span {align-self: center;}

.b_vendedor .wrap_form #form_montagem .big_button {display: none;}

.b_cliente {}
.b_cliente .acoes {left: 0;}
.b_cliente .wrap_atendimento {float: right; margin: auto; padding: 1px 0 0; width: 80%;}
.b_cliente .wrap_atendimento .wrap_v.local {height: 30%; position: absolute; margin: 30px; z-index: 2; display: none;}
.b_cliente .wrap_atendimento .wrap_v.remote {height: 100%; margin: 0 auto; z-index: 1; padding: 50px 0; background: none;}

.b_cliente .wrap_albuns_tipos {width: 100%; height: 100%; top: 0; left: 0;}
.b_cliente .wrap_albuns_tipos .albuns_buttons {display: none;}
.b_cliente .wrap_albuns_tipos .albuns_buttons ul li a:hover {cursor: default; color: var(--main-color); background: #fff;}
.b_cliente .wrap_albuns_tipos .albuns_buttons ul li a.current {cursor: default; color: #fff; background: var(--main-color);}
.b_cliente .wrap_albuns_tipos .albuns_tipos {width: 100%;}
.b_cliente .wrap_albuns_tipos .albuns_tipos button {display: none;}

.b_cliente .wrap_videos {width: 100%; height: 100%; top: 0; left: 0;}
.b_cliente .wrap_videos .videos_buttons {display: none;}
.b_cliente .wrap_videos .videos_buttons ul li a:hover {cursor: default; color: var(--main-color); background: #fff;}
.b_cliente .wrap_videos .videos_buttons ul li a.current {cursor: default; color: #fff; background: var(--main-color);}
.b_cliente .wrap_videos .videos_tipos {width: 100%;}
.b_cliente .wrap_videos .videos_tipos button {display: none;}

.b_cliente .wrap_form .w_desc .w_item .w:nth-last-child(2) {width: 32%;}
.b_cliente .wrap_form .w_desc .w_item .w.col1:last-child {display: none;}
.b_cliente .wrap_form ._wc_nome,
.b_cliente .wrap_form ._wc_observacoes {width: 52%;}
.b_cliente .wrap_form ._wc_nome.w.col14 {width: 56%;}
.b_cliente .wrap_form ._wc_preco {display: none;}
.b_cliente .wrap_form ._wc_acrescimo {display: none;}
.b_cliente ._w_desconto {}
.b_cliente ._w_desconto ._w_perc {display: none;}

.b_cliente .wrap_form .close_form,
.b_cliente .wrap_imagens .hide_clipe,
.b_cliente .wrap_galeria .hide_galeria,
.b_cliente .wrap_revestimentos .hide_revestimentos,
.b_cliente .wrap_video_depoimento .hide_video_depoimento,
.b_cliente .wrap_video_exemplo_montagem .hide_exemplo_montagem {display: none;}

.sala .wrap_atendimento.split .wrap_v {width: calc(50% - 100px); height: calc(100% - 100px); margin: 50px; float: left; position: static; display: flex; background: none;}
.sala .wrap_atendimento.split .wrap_v video {box-shadow: 5px 5px 10px #666;}

.sala .wrap_atendimento .wrap_v,
.user_status .text
{transition: all 0.38s cubic-bezier(0.5, 0.2, 0.48, 1);}










@media screen and (max-width: 700px) {

	.overlay_bg {height: 100vh;}

	.vendas .login {width: calc(100% - 40px); margin: calc(50vh - 170px) 20px 0; padding: 30px;}

	.wrap_albuns_tipos .albuns_buttons {width: 100%; height: auto;}
	.wrap_albuns_tipos .albuns_buttons ul li {width: calc(50% - 5px);}
	.wrap_albuns_tipos .albuns_buttons ul li a {font-size: 11px; line-height: 12px;}
	.wrap_albuns_tipos .albuns_buttons ul li:nth-child(2n) {float: right;}

	.wrap_albuns_tipos .albuns_tipos {width: 100%; height: auto;}
	.wrap_albuns_tipos .albuns_tipos .album {height: auto;}

	.sala {display: flex; flex-direction: column; height: auto; min-height: calc(100vh - 135px);}
	.sala .wrap_atendimento {width: 100%; height: auto; min-height: 100vh; margin: 0;}
	.sala .acoes {width: 100%; height: auto; position: relative; left: 0; top: 0; padding: 0; overflow: visible; margin: 10px 0 0;}
	.sala .screen_atendimento {width: 100%; height: 100vh;}

	.sala .wrap_atendimento.split .wrap_v {width: 100%; height: auto; margin: 0; float: none; position: relative;}
	.sala .wrap_atendimento.split .wrap_v video {box-shadow: none;}

	.sala .wrap_atendimento .glare.loading {top: 80px;}

	.sala .wrap_atendimento .wrap_v {max-width: 100%; margin: 0 0 20px;}
	.sala .wrap_atendimento .wrap_v video {margin: 0; width: 100%;}

	.wrap_albuns_tipos {width: 100%; height: 100%; top: 0; left: 0;}
	.wrap_albuns_tipos .albuns_tipos img {height: auto;}

	.b_vendedor .wrap_albuns_tipos {top: 0; height: 100vh;}
	.b_vendedor .wrap_atendimento .wrap_v.local {height: auto; position: relative; padding: 0 0 80px;}

	.b_cliente {}
	.b_cliente .wrap_albuns_tipos {height: 100vh; overflow: hidden;}
	.b_cliente .wrap_albuns_tipos .albuns_tipos {height: 100%; display: flex; justify-content: center; align-items: center;}

	.b_cliente .wrap_atendimento .wrap_v.local {height: auto; position: relative; padding: 0 0 80px;}
	.b_cliente .wrap_atendimento .wrap_v.remote {max-width: 100%; padding: 20px 0; height: auto;}

}