@import url("variables.css");*{ margin: 0; padding: 0; box-sizing: border-box; font-family: "Inter", sans-serif; font-optical-sizing: auto; vertical-align: top; outline: none; color: var(--main-text-color); }html{ display: block; min-height: 100%; height: 100%; }body{ display: block; background: #fff; }::-webkit-scrollbar{ width: 14px; }::-webkit-scrollbar-track{ background: transparent; } ::-webkit-scrollbar-thumb{ background: #ccc; border: 3px solid transparent; background-clip: content-box; border-radius: 10px; }::-webkit-scrollbar-thumb:hover{ background: #bbb; border: 3px solid transparent; background-clip: content-box; border-radius: 10px; }::-webkit-scrollbar-button:single-button {background-color: transparent;display: block;background-size: 3px;background-repeat: no-repeat;}::-webkit-scrollbar-button:single-button:vertical:decrement {width: 14px;height: 14px;background-position: center;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' style='fill: %23ccc;'><polygon points='50,00 0,50 100,50'/></svg>");background-size: 50%;}::-webkit-scrollbar-button:single-button:vertical:decrement:hover {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' style='fill: %23ccc;'><polygon points='50,00 0,50 100,50'/></svg>");}::-webkit-scrollbar-button:single-button:vertical:increment {width: 9px;height: 9px;background-position: center;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' style='fill: %23ccc;'><polygon points='0,0 100,0 50,50'/></svg>");background-size: 50%;}::-webkit-scrollbar-button:single-button:vertical:increment:hover {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' style='fill: %23ccc;'><polygon points='0,0 100,0 50,50'/></svg>");}.menu_main::-webkit-scrollbar-button:single-button:vertical:decrement{ width: 9px; height: 9px; }.menu_main::-webkit-scrollbar{ width: 9px; }input, select, textarea{ display: block; width: 100%; flex: 0 1 100%; padding: 15px 17px; font-size: 15px; font-weight: 400; border: 0; border-radius: 0; outline: none; border-radius: 6px; }input:focus, select:focus, textarea:focus{}input.error, select.error, textarea.error{ border-color: #e44b00; box-shadow: 0 0 10px rgba(228, 75, 0, .2); }button{ background: var(--main-color); cursor: pointer; border: 0; border-radius: 4px; outline: none; padding: 14px 24px; font-size: 15px; font-weight: 700; color: var(--main-text-color-clean); }button:hover{ background: var(--main-dark-color); }input[type="checkbox"]{ -webkit-appearance: none; appearance: none; background-color: var(--form-background); margin: 0; font: inherit; color: currentColor; width: 16px; flex: 0 0 16px; height: 16px; padding: 0px; border: 1px solid rgb(119 119 119); display: grid; place-content: center; box-shadow: none; transition: all .3s; }input[type="checkbox"]:hover { border-color: #8a8a8a; }input[type="checkbox"]::before { content: ""; width: 10px; height: 10px; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); background-color: #fff; transition: all .3s; }input[type="checkbox"]:checked{ background: var(--main-color); border-color: var(--main-color); }input[type="checkbox"]:checked::before{ transform: scale(1); }input[type="checkbox"]:disabled{ --form-control-color: var(--form-control-disabled); color: var(--form-control-disabled); cursor: not-allowed; }input[type="radio"]{ display: block; -webkit-appearance: none; appearance: none; background-color: var(--form-background); margin: 0; font: inherit; color: currentColor; width: 20px; flex: 0 0 20px; height: 20px; padding: 0px; border: 1px solid #e3e9e6; border-radius: 50%; place-content: center; box-shadow: none; box-sizing: border-box; cursor: pointer; }input[type="radio"]::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: var(--main-color); transform: scale(0); border: 4px solid #fff; box-sizing: border-box; transition: all .3s; }input[type="radio"]:hover { border-color: var(--main-color); }input[type="radio"]:checked{ border-color: var(--main-color); }input[type="radio"]:checked::before{ transform: scale(.7); border: 0px; }input[type="radio"]:disabled{ border-color: var(--form-radio-disabled); cursor: not-allowed; }.wrapper_fields.error .field,.wrapper_photos.error .field{ box-shadow: 0 0 0 1px red; border-color: red; }.wrapper_fields.error .label_field,.wrapper_fields.error .label_field *,.wrapper_photos.error .label_field,.wrapper_photos.error .label_field *{ color: red; }.wrapper_fields.error .tooltip_field,.wrapper_photos.error .tooltip_field{ display: none; }.wrapper_photos.error .wrapper_mark_input_gallery{ border-color: red; }.wrapper_photos .footer_field p{ color: #808a84; }.wrapper_photos .footer_field p span{ font-weight: 700; color: #808a84; }.message_error{ display: flex; align-items: center; flex: 0 1 100%; padding: 4px 0; }.message_error p{ font-size: 11px; color: red; }.message_error span{ display: block; width: 13px; height: 10px; background: url("../imagens/icon_alert_messa_error.svg") no-repeat center; background-size: contain; margin-right: 3px; }.message_error_variation{ display: inline-block; }.wrapper_variation.active .infos_header_variations .message_error_variation{ display: none; }.select2-dropdown{ border-color: #c2ccc7 !important; }.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}.select2-container--default .select2-selection--single .select2-selection__arrow {width: 20px;height: 100%;background: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\<polyline points='6 9 12 15 18 9'/></svg>") no-repeat center;background-size: 14px;}.field{ display: flex; border: 1px solid #b2bcb7; border-radius: 6px; }.field:focus-within{ box-shadow: 0 0 0 1px #00ad57; border-radius: 6px; border-color: #00ad57; }.field .input{ display: flex; flex: 0 1 100%; height: 50px; background: #fff; border-radius: 6px; }.field .unit{ margin-right: 4px; border-left: 1px solid #c2ccc7; }.field .unit .select2, .field .unit .selection, .field .select2-container .select2-selection--single{ display: block; height: 100%; }.field .select2-container .select2-selection--single{ background: transparent; border-radius: 0; border: 0; }.suffix{ display: flex; align-items: center; padding-right: 10px; font-size: 13px; color: #808a84; }.prefixo_money{ display: flex; align-items: center; padding-left: 10px; font-size: 11px; color: #808a84; }.field .select2-container{ height: 100% !important; }.field .select2-container--default .select2-selection--single{ height: 100% !important; display: flex; align-items: center; }.field .select2-selection__rendered{ line-height: normal !important; padding-left: 8px; }.field .select2-selection__arrow{ height: 100% !important; display: flex; align-items: center; }.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #00ad57 !important; }.select2-results__option[aria-selected]{ font-size: 14px; }.select2-container--default .select2-results>.select2-results__options{ border-radius: 4px; }.select2-container{ margin-top: 1px !important; }.select2-selection__arrow {transition: transform 0.2s ease;}.select2-container--open .select2-selection__arrow {transform: rotate(180deg);}.select2-container .select2-selection--single .select2-selection__rendered{ font-size: 15px; font-weight: 400; padding: 15px 17px; }.wrapper_field_numberunit .select2-container{ margin-left: -1px; }.wrapper_field_list .select2-container{ width: 100% !important; }.label_field, .label_radio{ display: flex; align-items: center; margin-bottom: 6px; padding-left: 6px; }.label_field p, .label_radio p{ display: block; font-size: 14px; font-weight: 400; color: #484d4a; letter-spacing: -.2px; }.label_radio{ margin-bottom: 0px; cursor: pointer; }.label_field span{ font-style: italic; font-size: 13px; font-weight: 300; margin-left: 6px; }.wrapper_radio{ display: flex; align-items: center; cursor:}.wrapper_radio:hover{ }.footer_field{ display: flex; }.tooltip_field{ display: block; flex: 0 1 100%; padding: 4px 0; font-size: 11px; color: #808a84; padding-left: 6px; }.char-counter{ display: block; font-size: 12px; color: #808a84; padding: 4px 0; margin-left: 20px; }.loader-triangle-5 {position: relative;height: 50px;width: 50px;}.loader-triangle-5::after,.loader-triangle-5::before {content: '';position: absolute;top: 0;left: 0;border: 20px solid transparent;border-bottom-color: var(--main-color);height: 0;width: 0;animation: anm-tl-5-rotateA 2s linear infinite 0.5s;}.loader-triangle-5::before {transform: rotate(90deg);animation: anm-tl-5-rotateB 2s linear infinite;}@keyframes anm-tl-5-rotateA {0%, 25% {transform: rotate(0deg);}50%,75% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}@keyframes anm-tl-5-rotateB {0%, 25% {transform: rotate(90deg);}50%,75% {transform: rotate(270deg);}100% {transform: rotate(450deg);}}a{ color: #00ad57; }a:hover{ text-decoration: none; }h1{ color: var(--main-h1-color); }h2{ color: var(--main-h2-color); }h3{ color: var(--main-h3-color); }h4{ color: var(--main-h4-color); }h5{ color: var(--main-h5-color); }h6{ color: var(--main-h6-color); }p{ display: inline-block; font-size: 12px; color: var(--main-text-color); }:root{--width-sidebar: 250px;--width-sidebar-mini: 70px;--height-header: 60px;}.content_main{ display: flex; min-height: calc(100vh - var(--height-header)); overflow-y: auto; overflow-x: hidden; }.header{ position: sticky; left: 0px; top: 0px; width: 100%; height: var(--height-header); z-index: 800; display: flex; background: #00ad57 url("../imagens/icon_shopao_line.svg") no-repeat left center; background-size: 500px auto; box-shadow: 0 0 20px rgba(0, 173, 87, .4); border-top: 6px solid #033f2f; }.headerb1{ display: flex; width: 100%; background: url(../imagens/.jpg) no-repeat center top -250px; background-size: cover; }.headerb1 .container{ display: flex; justify-content: space-between; height: 100%; padding: 0; }.content_header_left{ display: flex; align-items: center; height: 100%; }.logo_header{ transition: all .2s; margin-left: 14px; }.logo_header.mini .title_header{ display: none; }.logo_header a{ display: flex; align-items: center; text-decoration: none; margin-bottom: 4px; }.logo_header a img{ display: block; margin-right: 8px; }.iconshopao{ width: 40px; }.title_header img{ display: block; width: 34px; height: auto; margin-top: 8px; }.title_header h1{ font-size: 20px; font-weight: 700; color: #033f2f; letter-spacing: -.5px;}.sidebar.mini .infos_store{ display: none; }.infos_store{ width: 100%; padding: 30px 32px; padding-top: 40px; background: #f4f5f4; box-shadow: inset 0 0 10px rgb(220 220 220 / 40%); margin-bottom: 10px; }.img_store{ aspect-ratio: 1 / 1; height: 90%; background: #fff; border-radius: 50%; margin-right: 20px; }.name_store{ display: block; font-size: 20px; font-weight: 900; color: #033f2f; margin-bottom: 4px; }.address_store{ font-size: 11px; font-weight: 300; color: #484d4a; }.control_header_store{ margin-left: 20px; font-size: 11px; }.header_r{ display: flex; }.control_sound{ display: flex; align-items: center; margin-right: 10px; }.content_sound{ display: flex; align-items: center; background: #01a352; padding: 10px 12px; border-radius: 50px; cursor: pointer; }.content_sound p{ margin-left: 6px; font-size: 11px; font-weight: 300; color: #c1f8af; }.icon_sound{ width: 16px; height: 16px; background: url("../imagens/icon_sound_header_disabled.svg") no-repeat center; background-size: cover; }.content_sound.active .icon_sound{ background-image: url("../imagens/icon_sound_header_enabled.svg"); }.infosuser{ display: flex; align-items: center; height: 100%; padding: 0 16px; padding-right: 14px; }.infosuser p{ display: flex; align-items: center; font-size: 13px; font-weight: 200; color: #e0f9db; }.infosuser p b{ display: inline-block; font-size: 14px; font-weight: 500; color: #fff; padding-right: 10px; margin-right: 10px; border-right: 1px solid #00ad57; margin-left: 4px; }.infosuser p img{ display: block; width: 13px; margin-right: 8px; }.infosuser a{ background: url("../imagens/icon-logout.svg") no-repeat left center; background-size: auto 100%; padding-left: 16px; font-size: 10px; font-weight: 300; color: #c1f8af; text-decoration: none; margin-top: 2px; }.infosuser a:hover{ text-decoration: underline; }.sidebar{ position: relative; flex: 0 0 calc(var(--width-sidebar) + 1px); width: calc(var(--width-sidebar) + 1px); background: #fff; border-right: 1px solid #dedede; z-index: 600; }.sidebar.mini{ flex: 0 0 calc(var(--width-sidebar-mini) + 1px ); width: calc(var(--width-sidebar-mini) + 1px); }.change_sidebar{ position: fixed; left: calc(var(--width-sidebar) - 10px); top: calc(var(--height-header) + 40px); width: 22px; height: 22px; background: #fff; border-radius: 50%; border: 1px solid #dedede; box-shadow: -1px 1px 8px rgba(0,0,0,.1); cursor: pointer; z-index: 600; display: flex; align-items: center; justify-content: center; transition: all .2s; }.change_sidebar:hover{ box-shadow: -1px 1px 8px rgba(0,0,0,.2); }.change_sidebar svg{ display: block; width: auto; height: 40%; margin: 0; transform: scaleX(-1); }.sidebar.mini .change_sidebar{ left: calc(var(--width-sidebar-mini) - 14px); }.sidebar.mini .change_sidebar svg{ transform: scaleX(1); }.menu_main{ position: fixed; left: 0; top: var(--height-header); flex: 0 0 var(--width-sidebar); width: var(--width-sidebar); height: calc(100% - var(--height-header)); overflow-y: auto; z-index: 500; }.sidebar.mini .menu_main{ flex: 0 0 var(--width-sidebar-mini); width: var(--width-sidebar-mini); }.menu_main ul{ display: block; width: 100%; margin-bottom: 20px; }.menu_main a{ display: flex; align-items: center; position: relative; height: 44px; padding: 0px 18px; padding-left: 36px; font-size: 14px; font-weight: 400; color: #67706b; text-decoration: none; border-left: 4px solid transparent; background-repeat: no-repeat; background-size: auto 32%; background-position: left +14px center; transition: all .2s; }.menu_main a::before{ content: ""; display: block; width: 1px; height: 50%; position: absolute; right: 0px; top: 25%; background: rgba(255,255,255,.05); }.menu_main li:last-child a{ border-bottom: 0; }.menu_main a:hover{ border-left-color: #00ad57; padding-left: 36px; }.menu_main a:hover p{ color: var(--main-color); }.menu_main li.active a{ background-color: #ebf1ee; border-left-color: #00ad57; }.menu_main li.active a p{ font-weight: 600; color: var(--main-color); }.menu_home{ background-image: url("../imagens/icon-home.svg"); }.menu_avaliacoes{ background-image: url("../imagens/icon-menu-star.svg"); }.menu_avaliacoes{ background-image: url("../imagens/icon-menu-star.svg"); }.menu_pedidos{ background-image: url("../imagens/icon-menu-order.svg"); }.menu_financeiro{ background-image: url("../imagens/icon-menu-money.svg"); }.menu_produtos{ background-image: url("../imagens/icon-menu-products.svg"); }.sidebar.mini .menu_main a{ background-position: left +24px center; }.sidebar.mini .menu_main a p{ display: none; }#tooltip-layer{ position: fixed; inset: 0; pointer-events: none; z-index: 9999; }.tooltip{ position: absolute; background: rgba(3, 63, 47, .9); color: #fff; padding: 6px 10px; border-radius: 4px; font-size: 11px; white-space: nowrap; margin-left: -10px; }.tooltip::before{ content: ""; position: absolute; top: 50%; left: -4px; transform: translateY(-50%); width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid rgba(3, 63, 47, .9); }.wrapper_main{ flex: 0 1 100%; background: #fff;}.container{ width: 100%; max-width: var(--container-width); padding: 0 14px; margin: 0 auto; }.wrapper_main{ padding-top: 32px; padding-bottom: 40px; }.wrapper_main .container{ padding-left: 46px; padding-right: 26px; }.title_p{ position: relative; display: flex; align-items: center; font-size: 30px; font-weight: 700; color: #033f2f; margin-left: -28px; margin-bottom: 10px; }.icon_title_p{ display: block; width: 20px; height: auto; margin-right: 8px; }.title_p a:first-of-type:not(.btn_plus){ font-size: 30px; font-weight: 700; color: #033f2f; text-decoration: none; }.title_p a:first-of-type:not(.btn_plus):hover{ color: #00ad57; }.title_p p{ font-size: 18px; font-weight: 500; color: #033f2f; margin-top: 5px; }.title_p span{ width: 5px; height: 10px; margin: 0 8px; margin-top: 5px; background: url("../imagens/icon_arrow_title.svg") no-repeat center; background-size: contain; }.btn_plus{ display: flex; justify-content: center; font-size: 20px; font-weight: 600; color: var(--main-text-color-clean); line-height: 28px; text-decoration: none; width: 28px; height: 28px; background: var(--main-color); border-radius: 50%; margin-left: 10px; }.btn_plus:hover{}.container > p{ font-size: 12px; }.row{ overflow: hidden; clear: both; }.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{ float: left; }.col-1{ width: 8.3%; }.col-2{ width: 16.6%; }.col-3{ width: 24.9%; }.col-4{ width: 33.2%; }.col-5{ width: 41.5%; }.col-6{ width: 49.8%; }.col-7{ width: 58.1%; }.col-8{ width: 66.4%; }.col-9{ width: 74.7%; }.col-10{ width: 83%; }.col-11{ width: 91.3%; }.col-12{ width: 100%; }@media screen and (min-width: 890px){.col-offset-1{ margin-left: 8.3%; }.col-offset-2{ margin-left: 16.6%; }.col-offset-3{ margin-left: 24.9%; }.col-offset-4{ margin-left: 33.2%; }.col-offset-5{ margin-left: 41.5%; }.col-offset-6{ margin-left: 49.8%; }.col-offset-7{ margin-left: 58.1%; }.col-offset-8{ margin-left: 66.4%; }.col-offset-9{ margin-left: 74.7%; }.col-offset-10{ margin-left: 83%; }.col-offset-11{ margin-left: 91.3%; }.col-offset-12{ margin-left: 100%; }}.pull-right{ float: right !important; }.box{ display: block; position: relative; border: 1px solid #e6e6e6; margin: 10px; z-index: 10; background: #fff; }.box .title{ padding: 12px; border-bottom: 1px solid #e6e6e6; background: #f1f1f1; }.box .title h2{ display: inline-block; font-size: 22px; font-weight: 900; color: #000; }.content{ padding: 12px; }.nomargin{ margin: 0 !important; }@media screen and (max-width: 890px){.col-md-1{ width: 8.3%; }.col-md-2{ width: 16.6%; }.col-md-3{ width: 24.9%; }.col-md-4{ width: 33.2%; }.col-md-5{ width: 41.5%; }.col-md-6{ width: 49.8%; }.col-md-7{ width: 58.1%; }.col-md-8{ width: 66.4%; }.col-md-9{ width: 74.7%; }.col-md-10{ width: 83%; }.col-md-11{ width: 91.3%; }.col-md-12{ width: 100%; }}@media screen and (max-width: 690px){.col-sm-1{ width: 8.3%; }.col-sm-2{ width: 16.6%; }.col-sm-3{ width: 24.9%; }.col-sm-4{ width: 33.2%; }.col-sm-5{ width: 41.5%; }.col-sm-6{ width: 49.8%; }.col-sm-7{ width: 58.1%; }.col-sm-8{ width: 66.4%; }.col-sm-9{ width: 74.7%; }.col-sm-10{ width: 83%; }.col-sm-11{ width: 91.3%; }.col-sm-12{ width: 100%; }}.btn-primary{ background: #f5df27; }.toggleactive{ display: flex; width: 40px; height: 20px; background: #d5d5d5; border-radius: 40px; padding: 2px; cursor: pointer; }.toggleactive::before{ content: ""; display: block; aspect-ratio: 1 / 1; height: 100%; border-radius: 50%; background: #ffffff; }.toggleactive.active{ background: var(--main-color); }.toggleactive.active::before{ margin-left: 20px; }.tgacv2{ width: 48px; height: 16px; }.tgacv2::after{ content: "INATIVO"; display: flex; align-items: center; justify-content: center; font-size: 7px; line-height: 7px; font-weight: 400; text-align: center; flex: 0 1 100%; height: 100%; opacity: .5; }.tgacv2.active::before{ margin: 0; order: 2; background: #c1f8af; }.tgacv2.active::after{ content: "ATIVO"; color: #033f2f; opacity: 1; }.footer{ background: var(--main-bg-color); padding: 30px 0; text-align: center; }.footer .container{ display: flex; align-items: center; }.footer .container img{ width: 22px; margin-right: 1px; }.footer .container, .footer .container p{ font-size: 11px; text-align: center; color: #6e6e6e; }.footer .container, .footer .container p b{ color: #6e6e6e; }.loader {position: relative;width: 100px;height: 16px;}.loader:before , .loader:after{content: "";position: absolute;width: 16px;height: 16px;border-radius: 50%;background: #fff;box-shadow: 32px 0 #fff;left: 0;top: 0;animation: ballMoveX 2s linear infinite;}.loader:after {box-shadow: none;transform: translateX(64px) scale(1);z-index: 2;animation: none;animation: trfLoader 2s linear infinite;}@keyframes trfLoader {0% , 5%{transform: translateX(64px) scale(1);background: #FFF;}10%{transform: translateX(64px) scale(1);background: var(--main-color);}40%{transform: translateX(32px) scale(1.5);background: var(--main-color);}90%, 95% {transform: translateX(0px) scale(1);background: var(--main-color);}100% {transform: translateX(0px) scale(1);background: #FFF;}}@keyframes ballMoveX {0% , 10%{transform: translateX(0) }90%, 100% { transform: translateX(32px) }}.activealerts{ overflow: hidden; position: relative; height: 100%; }.activealerts *{ color: var(--main-text-color); }.alerts{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); z-index: 900; display: flex; align-items: center; justify-content: center; padding: 20px; }.content_alerts{ display: flex; flex-direction: column; background: #fff; padding: 20px 30px; max-width: 800px; max-height: 100%; overflow: hidden; border-radius: 6px; }.title_alerts{ padding: 10px 0; margin-bottom: 0px; font-size: 20px; font-weight: 700; text-align: center; }.message_alerts{ padding: 10px 0; font-size: 15px; font-weight: 400; }.html_alerts{ padding: 20px; overflow-x: hidden; overflow-y: auto; border: 1px solid #17191a; }.msg_extra_alert{ display: block; margin-top: 10px; font-size: 11px; color: #7d7d7d; }.buttons_alerts{ display: flex; justify-content: space-between; }.button_alerts{ flex: 0 1 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 300; color: var(--main-text-color); text-transform: uppercase; margin: 10px 6px; padding: 10px 14px; cursor: pointer; background: #e4e9e3; transition: all .2s; border-radius: 4px; }.button_alerts:hover{ background: #d3d8d1; }.activealerts .action{ font-weight: 700; background: var(--main-color); color: #fff; }.activealerts .action:hover{ background: var(--main-color); filter: drop-shadow( 0px 0px 6px rgba(0, 173, 87, .6)); }.alert .content_alerts{ display: flex; flex-direction: row; padding: 20px; min-width: 300px; background: var(--main-color); }.alert .message_alerts{ flex: 0 1 100%; min-height: 20px; padding: 0; padding-left: 32px; background: url("../imagens/icon_alert_alert.svg") no-repeat left top; background-size: auto 20px; font-size: 14px; color: #fff; }.close_notification{ margin-left: 30px; width: 10px; height: 10px; background: url("../imagens/icon_close_alert.svg") no-repeat center; background-size: cover; margin-top: 5px; cursor: pointer; }.alerts.info .content_alerts{ max-width: 500px; }.alerts.modal .title_alerts{ font-size: 18px; text-align: left; }.alerts.modal .buttons_alerts{ justify-content: end; }.alerts.modal .button_alerts{ flex: 0; }.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}body{ height: 100%; background: #00ad57; }.login{ display: flex; justify-content: space-between; width: 100%; max-width: 100%; min-height: 100%; margin: 0 auto; background: var(--main-bg-color) url(../imagens/.jpg) no-repeat center; background-size: cover; }.content_med{ display: flex; flex: 0 0 50%; align-items: center; }.content_left{ padding-right: 40px; background: url(../imagens/img_bg1_login.jpg) no-repeat left center; background-size: cover; }.content_right{ padding-left: 60px; background: url(../imagens/icon_shopao_line.svg) no-repeat center; background-size: cover; }.content_left{ justify-content: right; }.content_left > div{ width: 410px; }.content_left h2{ display: inline; font-size: 40px; font-weight: 700; color: #033f2f; background: #e0f9db none repeat scroll 0 0; ox-decoration-break: clone; -webkit-box-decoration-break: clone; line-height: 55px; padding: 8px 18px; padding-bottom: 10px; border-radius: 8px; letter-spacing: -0.5px; }.content_left h2 b{ font-size: 40px; font-weight: 800; color: #033f2f; }.header_login{ display: flex; margin-bottom: 16px; }.icon_shopao{ width: 70px; margin-right: 10px; }.icon_shopao img{ display: block; width: 100%; height: auto; }.title_portal{ padding-top: 10px; }.title_portal img{ display: block; width: 46px; height: auto; }.title_portal h3{ font-size: 32px; font-weight: 700; color: #033f2f; letter-spacing: -0.2px; margin-left: -2px; }.login .container_login{ position: relative; flex: 0 0 500px; width: 500px; }.logo_login{ position: absolute; display: block; width: 290px; height: auto; margin: 0 auto; z-index: 20; left: 54px; top: -17px; }.logo_login img{ display: block; width: 100%; height: auto; }.wrapper_login{ background: #e0f9db; padding: 34px 40px; position: relative; border-radius: 10px; }.msg_error{ background: #ff9402 url(../imagens/icon_error_login.svg) no-repeat center left +14px; background-size: auto 16px; padding: 12px; padding-left: 38px; margin-bottom: 8px; font-size: 12px; font-weight: 500; color: #fff; line-height: 16px; border-radius: 4px; }.field{ position: relative; width: 100%; margin-bottom: 8px; }.field .icon{ position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; border-right: 0; border-radius: 6px 0 0 6px; transition: all .2s; }.field .icon svg{ width: 40%; fill: #b0c1b9; transition: all .2s; }.field:focus-within svg{ fill: var(--main-bg-color); }.field:focus-within input, .field:focus-within .icon{ border-color: var(--main-bg-color); transition: all .2s; }.field:focus-within input{ box-shadow: 0 0 10px rgba(0, 173, 87, .2); }.form_login p{ font-size: 10.5px; display: block; margin-bottom: 10px; line-height: 12px; color: #979787; }.field .eye{ position: absolute; right: 0px; top: 0px; display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; background: url(../imagens/eye-off.svg) no-repeat center; background-size: 50% auto; cursor: pointer; }.field .eye.open{ background-image: url(../imagens/eye.svg); }.form_login input{ width: 100%; padding: 16px; letter-spacing: 0px; font-size: 15px; font-weight: 500; padding-left: 40px; color: #11110f; border-radius: 6px; }.form_login input::placeholder{ font-weight: 400; color: #b6b6b3; }.input_pass{ padding-right: 30px !important; }.btn_container_logar{ display: flex; width: 100%; }.btn_container_logar button{ display: block; width: 100%; background: #033f2f; padding: 14px 20px; font-size: 18px; font-weight: 700; color: var(--main-text-color-clean); text-decoration: none; text-align: center; transition: all .2s; outline: none; border: none; cursor: pointer; border-radius: 6px; }.btn_container_logar button:hover{ background: var(--main-bg-color); color: var(--main-text-color-clean); }.other_option_login{ border-top: 1px solid #deded9; padding-top: 20px; margin-top: 20px; }.other_option_login p{ display: flex; align-items: end; justify-content: center; text-align: center; font-size: 12px; }.other_option_login p a{ font-size: 13px; font-weight: 700; margin-bottom: -1px; margin-left: 4px; }.footer_text{ padding-top: 10px; }.footer_text p{ font-size: 10px; font-weight: 400; color: #033f2f; }.footer_text p b{ font-weight: 700; color: #033f2f; }@media only screen and (max-width: 1000px){.infos_apresentation > img{ max-width: 240px; }.apresentation_name h2{ font-size: 55px; }.infos_apresentation p{ font-size: 17px; line-height: 22px; }.apresentation_name p{ font-size: 11px; }.subtitle_features{ max-width: 70%; }.feature{ max-width: 94%; margin-bottom: 60px; }}@media only screen and (max-width: 768px){.apresentation .wrapper_apresentation{ flex-direction: column; align-items: center; padding: 50px 0; padding-top: 110px; }.apresentation .container{ padding: 0; }.infos_apresentation{ width: 60%; padding: 0 20px; margin-bottom: 50px; }.btn_container_instalar{ justify-content: center; }.img_apresentation{ padding: 0 20px; }.features .container{ padding-top: 20px; }.info_feature{ margin-bottom: 20px; }.info_feature, .img_feature{ width: 100%; }.img_feature{ display: flex; justify-content: center; padding-left: 28px; }.img_feature img{ width: auto; max-width: 100%; }.feat-leadtime .info_feature{ order: 1; width: 100%; }.feat-leadtime .img_feature{ order: 2; width: 100%; }.feat-color .info_feature{ order: 1; width: 100%; }.feat-color .img_feature{ order: 2; width: 100%; }}@media only screen and (max-width: 620px){.name_logo{ display: none; }.infos_apresentation{ width: 100%; }}