/*! Menu Cadastro Desktop */
.bread-nav {display:none!important;}
.module-cont {margin-bottom: 0 !important;}
.cadastro{width:100%;}
nav.cadastro{padding:0;padding:20px 0;background:#fff;border:1px solid #ddd;text-transform:uppercase}
nav.cadastro .menuTitle{padding:0 20px;font-size:12px;line-height:14px;font-weight:700;margin-bottom:15px;color:#000;margin-bottom: 20px;}
nav.cadastro .menuLogout{padding:0 20px;margin-top:5px;}
nav.cadastro .menuLogout a{font-size:12px;color:#fff;padding:6px 18px;text-decoration:none;background:#000;display:inline-block}
ul.menuConta{padding:0;margin:0;list-style:none}
ul.menuConta li{padding:7px 20px;display:list-item;font-size:12px;line-height:14px;color:#000;border-left:2px solid transparent}
ul.menuConta li a{text-decoration:none;color:#000}
ul.menuConta li.active a,ul.menuConta li.active a:hover{text-decoration:none;color:#000}
ul.menuConta li a:hover{text-decoration:underline;color:#000}
ul.menuConta li.active{border-left:2px solid #000;background:#f7f7f7}
/*! Header Mobile */
.headerMobile{display:table;height:32px;position:fixed;top:0;left:0;z-index:50;width:100%;background:#000}
.headerMobile .menuOpenTitle{text-align:center;font-size:16px;line-height:18px;font-weight:700;color:#fff;text-transform:uppercase;margin-top:8px}
.headerMobile .menuOpen{position:absolute;left:20px;top:6px}
.headerMobile .goHome{position:absolute;right:20px;top:5px}
.headerMobile .menuOpen a{font-size:18px;color:#fff;text-decoration:none;transition:.3s}
.headerMobile .menuOpen a:hover{color:#ccc;text-decoration:none}
.headerMobile .goHome a{font-size:22px;color:#fff;text-decoration:none}
.headerMobile .goHome a:hover{color:#ccc;text-decoration:none}
/*! Side Nav */
.sidenav{height:100%;width:0;position:fixed;z-index:50;top:32px;left:0;background-color:#fff;overflow-x:hidden;transition:.5s;padding-top:30px;box-shadow:0 1px 3px #d9d9d9; }
.sidenav a.closeNav{position:absolute;top:10px;right:10px;font-size:12px;padding:0;color: var(--main-black);}
.sidenav a.closeNav:hover {text-decoration:none;color: var(--main-cinza);}
.sidenav .menuTitle{padding:0 20px;font-size:12px;line-height:14px;font-weight:700;margin-bottom:15px;color:#000}
.sidenav .menuLogout{padding:0 20px;margin-top:5px}
.sidenav .menuLogout a{font-size:12px;color:#fff;padding:6px 18px;text-decoration:none;background:#000;display:inline-block}
.sidenav ul.menuContaMobile{padding:0;margin:0;transition:.3s}
.sidenav ul.menuContaMobile li{padding:7px 20px;display:list-item;font-size:12px;line-height:14px;color:#000;border-left:2px solid transparent}
.sidenav ul.menuContaMobile li a{text-decoration:none;color:#000;transition:.3s}

.sidenav ul.menuContaMobile li a:hover{text-decoration:underline;color:#000}
.sidenav ul.menuContaMobile li.active{border-left:2px solid #000;background:#f7f7f7}
.sidenav ul.menuConta li.active a:hover,.sidenav ul.menuContaMobile li.active a{text-decoration:none;color:#000}
/*! Area de Dados */
.dados{/*transition:margin-left .5s;*/padding-top: 35px;}
.dados h2{margin:0;padding:0;margin-bottom:5px;display:block;font-size:24px;line-height:28px;font-weight:600;text-transform:uppercase}
.dados h3{margin:0;padding:0;display:block;font-size:14px;line-height:18px;text-transform:uppercase;font-weight:600;}
.dados h4{margin:0;padding:0;display:block;font-size:14px;line-height:18px;text-transform:uppercase;font-weight:600;margin-top:30px;margin-bottom:10px}
.dados h5{margin:0;padding:0;display:block;font-size:16px;line-height:18px;text-transform:uppercase;font-weight:600;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #dddddd}
.dadosLogin {padding-top: 0px;padding-bottom: 30px;}
.dados .wrapForm{width:100%;display:inline-block;padding:20px 5px;background:#fff;border:1px solid #ddd;margin-top:30px;position:relative}
.gesMargin {margin-top:35px!important}
.dados .wrapForm .titleArea{padding:0 15px 0;font-size:20px;font-weight:600;margin-bottom:30px;text-transform:uppercase}
.dados .wrapForm label{width:100%}
.dados .wrapForm.wlogin label{width:100%;padding-bottom:10px;font-size: 11px;}
.dados .wrapForm label p{float:left;margin:0;padding:8px 15px 8px 0;text-align:right;font-weight:400;line-height:15px;font-size:11px;width:125px}
.dados .wrapForm label p.fullWidth {padding:0; padding-bottom:10px; width:100%;text-align:left;}
.dados .wrapForm label p span:not([class]){color:red;margin-left:3px}
.dados .wrapForm label input[type=text],
.dados .wrapForm label input[type=password],
.dados .wrapForm label input[type=email]{font-size:11px;font-weight:400;padding:7px 10px;width:calc(100% - 125px);border:1px solid #ccc;height:34px;margin-bottom:10px}
.dados .wrapForm.wlogin label input[type=text],
.dados .wrapForm.wlogin label input[type=password],
.dados .wrapForm.wlogin label input[type=email]{font-size:11px;font-weight:400;padding:7px 10px;width:100%;border:1px solid #ccc;height:34px;margin-bottom:10px}
.dados .wrapForm label input[type=text].fullWidth,
.dados .wrapForm label input[type=password].fullWidth,
.dados .wrapForm label input[type=email].fullWidth{width:100%;}
.dados .wrapForm label input:disabled{font-size:11px;font-weight:400;padding:7px 10px;width:calc(100% - 125px);border:1px solid #ccc;background:#f7f7f7;}
.dados .wrapForm label select{position:relative;font-size:11px;font-weight:400;padding:7px 24px 7px 10px;width:calc(100% - 125px);border:1px solid #ccc;margin-bottom:10px}
.dados .wrapForm label input[type=text].form-control{width:100%;border-radius:0;font-size:11px;font-weight:400;padding:7px 10px;height:34px;}
.dados .wrapForm label .input-group-addon{border-radius:0;padding:5px 6px}
.dados .wrapForm .recover {margin-bottom:15px}
.dados .wrapForm .recover a {text-decoration:underline;color:var(--main-black);}
.dados .wrapForm .recover a:hover {color:var(--main-color);}
/*! Styling Select Down Arrow On Drop */
.selectdiv{position:relative}
.selectdiv:after{content:'\e930';font:normal normal normal 17px/1 ergoicons;color:#9f9f9f;right:1px;top:1px;height:32px;padding:9px 5px 0 5px;border-left:1px solid #ccc;position:absolute;pointer-events:none;background:#f7f7f7}
select::-ms-expand{display:none}
.selectdiv select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:34px;padding:0 24px;font-size:16px;color:#333;background-color:#fff;background-image:none;border:1px solid #ccc;-ms-word-break:normal;word-break:normal}
.dados .formActions{width:100%;display:inline-block;margin-top:30px;text-align:right}
.dados .formActions .btnSave{margin:0px;background:var(--main-color);border-color:var(--main-color);color:var(--main-white);font-weight:400;font-size:14px;border-radius:0px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.dados .formActions .btnSave:hover{margin:0px;background:var(--main-black);border-color:var(--main-black);color:var(--main-white)}
.dados .formActions .btnCancel{margin:0 5px;background:#fff;border-color:#ccc;color:#333;font-weight:400;font-size:14px;border-radius:0px;}
.dados .formActions .btnCancel:hover{margin:0 5px;background:#e6e6e6;border-color:#adadad;color:#333}
.dados .formActions .mandatory{float:left;font-size:10px}
.dados .formActions .mandatory span{color:red;padding-top:15px;margin:0 5px}
/*! Tabela Encomendas */
.lista-encomendas td{vertical-align:middle;}
.lista-encomendas table{width:100%;border-collapse:collapse;color:#000;font-weight:400;overflow-x:hidden}
.lista-encomendas tr:hover{background:#fbfffd}
.lista-encomendas tr:nth-of-type(odd){background:#f2f2f2}
.lista-encomendas th{background:#fff;color:#000;font-weight:600}
.lista-encomendas td,.lista-encomendas th{padding:10px 5px;font-size:14px}
.lista-encomendas td a{color:var(--main-black) !important;} 
.lista-encomendas td a:hover{color:var(--main-color)  !important;}
.lista-encomendas tr.spacer{background:#ccc;width:100%}
.lista-encomendas tr.spacer td{height:1px;padding:0}
.lista-encomendas td img{max-height:100px;max-width:100%;border:0}
.lista-encomendas td.cellcenter,.lista-encomendas th.cellcenter{text-align:center}
.lista-encomendas td.cellright,.lista-encomendas th.cellright{text-align:right}
.lista-encomendas td.cellbold{font-weight:600}
.data_nascimento {margin-bottom:0!important}

/*Devolucoes*/
.devolucoes.selectdiv{position:relative}
.devolucoes.selectdiv:after{content:'\e930';font:normal normal normal 17px/1 ergoicons;color:#9f9f9f;right:1px;top:1px;height:32px;padding:9px 5px 0 5px;border-left:1px solid #ccc;position:absolute;pointer-events:none;background:#f7f7f7}
select::-ms-expand{display:none}
.devolucoes.selectdiv select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:34px;padding:0 24px 0 5px;font-size:16px;color:#333;background-color:#fff;background-image:none;border:1px solid #ccc;-ms-word-break:normal;word-break:normal}
.lista-encomendas textarea {border-width: 0px 0px 1px 0px;border-radius: 0px;transition: .35s;width:100%;margin-bottom:10px;}
.lista-encomendas textarea:focus{border-color: #66afe9;}
.lista-encomendas p.devcondicoes {display:inline;margin:0;font-size:13px;line-height:14px;font-family: var(--main-font);margin-left:5px}
.lista-encomendas p.devcondicoes a {font-size:13px;line-height:14px;font-family: var(--main-font);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;text-decoration:none;color:#333}
.lista-encomendas p.devcondicoes a:hover {color:var(--main-color);}

/*! Bloco Encomenda */
.voltar a{position:absolute;right:20px;top:20px;font-size:20px}
.voltar a:hover{color:#d8252d}
.row-encomenda{display:flex}
.equal-height{flex:1;margin-bottom:15px}
.block-encomenda{border:1px solid #ddd;padding:10px;height:100%}
.block-encomenda .title{font-size:16px;font-weight:600;margin-bottom:30px;text-transform:uppercase}
.block-encomenda .spacer{width:100%;height:15px}
.block-encomenda .line{margin-bottom:5px;width:100%;display:inline-block}
.block-encomenda .line:last-of-type{margin-bottom:0}
.block-encomenda .campo,.block-encomenda .valor{font-size:13px}
.block-encomenda .campo{font-weight:600;float:left}
.block-encomenda .campo.nota{width:100%;margin-bottom:5px}
.block-encomenda .valor{font-weight:400;float:left}

/*! Detalhes Encomenda */
.responsive-tabs{margin-top:20px}
.responsive-tabs-container .nav-tabs>li>a{border-radius:0;padding:10px 15px;color:#333}
.responsive-tabs-container .nav-tabs>li.active>a{color:#333;font-weight:600;background:#f8f8f8}
.responsive-tabs-container[class*=accordion-] .tab-pane{margin-bottom:15px;padding:30px 5px 0 5px}
.responsive-tabs-container[class*=accordion-] .accordion-link{display:none;margin-bottom:10px;padding:10px 15px;background-color:#f5f5f5;border:1px solid #ddd;color:#333}
.responsive-tabs-container[class*=accordion-] .accordion-link.active{border-bottom:medium none;color:#333}

/*! Toggle CheckBox */
.rowB30 {margin-bottom:30px !important;}
.rowB30:last-of-type {margin-bottom:0 !important}
.textToggle {font-size:13px;line-height:17px; font-weight: 400;color:#000;}
.textToggle b {font-weight: 600;}
.toggle{margin-top:3px;margin-bottom:10px}
.toggle label{position:relative;display:inline-block;width:50px !important;height:24px;background-color:#dddddd;border-radius:50px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer;box-shadow:inset 0 0 2px 1px rgba(0,0,0,.1);-webkit-tap-highlight-color:transparent;margin-bottom:0;}
.toggle label:before{content:"";position:absolute;top:3px;left:3px;height:18px;width:18px;background-color:#fff;border-radius:24px;box-shadow:1px 1px 5px rgba(0,0,0,.1);-webkit-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;-webkit-animation:moveLeft .3s ease-in-out;animation:moveLeft .3s ease-in-out}
.toggle input{display:none}
.toggle input:checked+label{background-color:#57de72}
.toggle input:checked+label:before{-webkit-transform:translateX(26px);transform:translateX(26px);box-shadow:-1px -1px 5px rgba(0,0,0,.1);-webkit-animation:moveRight .3s ease-in-out;animation:moveRight .3s ease-in-out}
@-webkit-keyframes moveRight{
0%{width:18px;-webkit-transform:translateX(0);transform:translateX(0)}
45%{width:20px}
100%{width:18px;-webkit-transform:translateX(22px);transform:translateX(22px)}
}
@keyframes moveRight{
0%{width:18px;-webkit-transform:translateX(0);transform:translateX(0)}
45%{width:20px}
100%{width:18px;-webkit-transform:translateX(22px);transform:translateX(22px)}
}
@-webkit-keyframes moveLeft{
0%{width:18px;-webkit-transform:translateX(22px);transform:translateX(22px)}
45%{width:20px}
100%{width:18px;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes moveLeft{
0%{width:18px;-webkit-transform:translateX(22px);transform:translateX(22px)}
45%{width:20px}
100%{width:18px;-webkit-transform:translateX(0);transform:translateX(0)}
}

/*! ------------------ Menu 2 --------------------*/
.mainCadastro2 {padding-top:35px}
.dropdown, .dropup {background:#fff;}
.topMobileMenu {border-bottom:1px solid #f3f3f3;padding:15px 0;cursor:pointer;margin-top: -35px;}
.topMobileMenu h3{margin:0;display:inline;font-size: 12px;line-height: 14px;padding-left:15px;font-weight: 700;color: #000;text-transform: uppercase;}
.topMobileMenu span{display:inline;padding-right:20px;font-size:15px;}
.topMobileMenu[aria-expanded="true"] span{transform: rotate(180deg);color:#85a438;padding-left:20px;padding-right:0;}

ul.menuContaMobile2{left: 15px;width: calc(100% - 30px);border-radius: 0;margin: 0;  padding:15px 0;margin-top: -1px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border: 1px solid #ddd;}
ul.menuContaMobile2 li{padding:7px 20px;display:list-item;font-size:12px;line-height:14px;color:#000;border-left:2px solid transparent}
ul.menuContaMobile2.dropdown-menu > li > a{text-decoration:none;color:#000;transition:.3s;padding:0}
ul.menuContaMobile2.dropdown-menu > li.active > a{text-decoration:none;color:#000}
ul.menuContaMobile2.dropdown-menu > li.active > a:hover{text-decoration:none;color:#000;background:none}
ul.menuContaMobile2.dropdown-menu > li > a:hover{text-decoration:underline;color:#000;background:none}
ul.menuContaMobile2 li.active{border-left:2px solid #000;background:#f7f7f7}
ul.menuContaMobile2.dropdown-menu > .active > a {background:none;}

.dropLogout{padding: 0 20px;margin-top: 5px;}
.dropLogout a {font-size: 12px;color: #fff;padding: 6px 18px; text-decoration: none;background: #000;display: inline-block;}
/*HTML tem alterações*/
/*! ------------------ End Menu 2 --------------------*/

.loginZone {padding:0 0 30px;margin:15px 0 30px}
.loginZone h2{font-family:var(--main-font-semi);padding:0;margin:0;color:#000000;font-size:20px;line-height:22px;text-transform:uppercase;margin-bottom:5px}
.loginZone p{font-family:var(--main-font);padding:0;margin:0;color:#000000;font-size:12px;line-height:14px;}
.loginZone a {font-family:var(--main-font);padding:0;margin:0;color:#000000;font-size:11px;line-height:12px;text-decoration:underline;float:left;margin-left:125px;margin-top:5px;}
.loginZone .loginActions {margin-top: 15px;text-align: right;}
.loginZone .loginActions .btn-login {background:var(--main-black);color:var(--main-white);border-radius:0;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.loginZone .loginActions .btn-login:hover {background:var(--btn-primaryHover);}

.loginZone .dados .wrapForm label input[type=text],
.loginZone .dados .wrapForm label input[type=password],
.loginZone .dados .wrapForm label input[type=email]{font-size:11px;font-weight:400;padding:7px 10px;width:calc(100% - 125px);border:1px solid #ccc;width:100%}

.loginZone .dados .wrapForm label {float:left;margin:0;padding:8px 15px 8px 0;text-align:right;font-weight:400;line-height:15px;font-size:11px;width:125px;width:100%}
.loginZone .dados .wrapForm label {padding:0; padding-bottom:10px; width:100%;text-align:left;}
.dadosLogin .wrapForm.wlogin label span.star, 
.loginZone .dados .wrapForm label span.star{color:red;margin-left:3px}
.loginZone .dados a {float:none;margin-left:inherit}

.loginZone .dados .loginActions {text-align:center;}
.loginZone .dados .loginActions .btn-login {width:100%;background: var(--main-color);color: var(--main-white);font-size: 14px;border: 1px solid transparent;border-radius: 4px;transition: all .3s ease-in-out;}
.loginZone .dados .loginActions .btn-login:hover {background: var(--main-white);color: var(--main-color); font-size: 14px;border: 1px solid var(--main-color);border-radius: 4px;}
.loginZone .dados .loginActions .vp-form-submission {margin-top:10px}

.red {color:red;}
.loginZone .dados .wrapForm .vp-form-group input[type=text],
.loginZone .dados .wrapForm .vp-form-group input[type=password],
.loginZone .dados .wrapForm .vp-form-group input[type=email]{font-size:11px;font-weight:400;padding:7px 10px;width:calc(100% - 125px);border:1px solid #ccc;width:100%;}

.loginZone .dados .wrapForm .vp-weight-text {padding: 0 15px;font-size: 11px;}

.loginZone .dados .wrapForm .vp-tos-checkbox label {padding-bottom:0}
.loginZone .vp-form-submission {padding:0 15px}
.loginZone .vp-form-submission .btn-login {background:var(--main-black);color:var(--main-white);border-radius:0;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;width:100%}
.loginZone .vp-form-submission .btn-login:hover {background:var(--btn-primaryHover);}

.loginActions .vp-form-submission {padding:0}

.loginZone .vp-field-tip {color: red;padding: 0 15px;font-size: 11px;}

/*Pontos*/
table.pontos {font-family: var(--main-font-extra);border-collapse: collapse;width: 100%;margin-top:48px}
table.pontos th {font-weight:600;background:#90c27f;color:#fff;}      
table.pontos td, table.pontos th {border: 1px solid #fff;text-align: left;padding: 5px;text-align:center}
table.pontos tr:nth-child(even) {background-color: #f3f3f3;}

/*Circle Points*/
.wrapper {display: flex;justify-content: center;overflow: hidden;}
.points{float: left;display: inline;}
.circliful {position: relative;}
.circle-text,.circle-info,.circle-text-half,.circle-info-half {width: 100%;position: absolute;text-align: center;display: inline-block;}
.circle-text {font-family:var(--main-font-semi);}
.circle-info-half {font-size: 18px;}
.circle-info {color: #999;}
.circliful .fa {margin: -10px 3px 0 3px;position: relative;bottom: 4px;}
.inCartao {width:170px;height:170px;border-radius:50%;background:#90c27f;display:flex;justify-content: center;align-items: center;margin:40px  0;}
.inCartao p {color:#fff;font-size:20px;text-align: center;line-height: 22px;margin-bottom: 0;}
.inCartao p b {font-family:var(--main-font-semi);font-size:25px}

ul.breadcrumb {opacity: 1;}
 
.subNL label#jform_com_fields_subscrever_a_nossa_newsletter-lbl{font-family:var(--main-font-semi);text-transform:uppercase;}
.subNL label.checkbox {padding-bottom: 0 !important;}
.subNL input[type="checkbox"]{margin: 4px 0 0;line-height: normal;position: relative;}

/*! Formulário */
.regTop h2{font-family:var(--main-font-semi);padding:0;margin:0;color:#000000;font-size:20px;line-height:22px;text-transform:uppercase;margin-bottom:5px}
.regTop p{font-family:var(--main-font);padding:0;margin:0;color:#000000;font-size:12px;line-height:14px;}

.cntRegister {width: 100%;display: inline-block;padding: 20px 5px;background: #fff;border: 1px solid #ddd;margin-top: 30px;position: relative;}
.cntRegister label {float:left;margin:0;padding:8px 15px 8px 0;text-align:right;font-weight:400;line-height:15px;font-size:11px;width:125px;width:100%}
.cntRegister label {padding:0; padding-bottom:10px; width:100%;text-align:left;}
.cntRegister label::after{content:"*";color:red;margin-left:3px}
/*.cntRegister label {margin:0;margin-bottom:5px;font-size:16px;font-weight: 500;color:var(--main-black);width:100%}*/
.cntRegister input[type="text"], .cntRegister input[type="email"] {border-radius:0;border:1px solid #C2C2C2;padding:5px 10px;font-size:14px;margin-bottom:10px;color:var(--main-text);width:100%}
.cntRegister textarea{border-radius:0;border:1px solid #C2C2C2;padding:5px 10px;font-size:14px;color:var(--main-text);width:100%}
.cntRegister input[type="submit"] {float:right;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.cntRegister input[type="checkbox"] {margin-top:3px}
.cntRegister select {border-radius:0;border:1px solid #C2C2C2;padding:7px 10px;font-size:14px;margin-bottom:10px;color:var(--main-text);width:100%;background:#ffffff;}

.cntRegister .nlAceito{margin: auto;font-size:13px;color:var(--main-text);position:relative;margin-top:15px;}
.cntRegister .nlAceito a {color:var(--main-black);transition:all .3s ease-in-out;text-decoration: none;}
.cntRegister .nlAceito a:hover {text-decoration:underline;color:var(--main-text)}
.cntRegister .nlAceito .checkbox{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;font-size:12px;text-transform: initial;font-weight:400}
.cntRegister .nlAceito .checkbox input{display:none}
.cntRegister .nlAceito .checkbox span{position:relative;display:inline-block;vertical-align:middle;min-height:14px;min-width:14px;padding-left:20px;cursor:pointer}
.cntRegister .nlAceito .checkbox span:empty{padding-left:0}
.cntRegister .nlAceito .checkbox span:before{content:'';display:block;position:absolute;top:1px;left:0;width:14px;height:14px;background:rgba(255,255,255,0);box-shadow:inset 0 0 0 1px var(--main-text);border-radius:0;transition:all .1s cubic-bezier(.64,.57,.67,1.53)}
.cntRegister .nlAceito .checkbox span:after{content:'';display:block;width:8px;height:6px;position:absolute;top:4px;left:3px;border:1px solid;border-color:transparent transparent var(--main-text) var(--main-text);transform:scale(5) rotate(-45deg);opacity:0;pointer-events:none;transition:all .1s cubic-bezier(.64,.57,.67,1.53)}
.cntRegister .nlAceito .checkbox input:checked+span:after{opacity:1;border-color:transparent transparent var(--main-color) var(--main-color);box-shadow:inset 1px -1px 0 var(--main-color);transform:scale(1) rotate(-45deg)}
.cntRegister .nlAceito .checkbox input:checked+span:before{box-shadow:inset 0 0 0 1px rgba(189,198,207,0);background:#fff}

.cntRegister label.termos {position:relative;display:inline-block;vertical-align:middle;padding-left:20px;margin-top:15px;font-size:12px;color:var(--main-black);font-weight:400;}
.cntRegister label.termos a {color:var(--main-black);transition:all .3s ease-in-out;text-decoration: none;}
.cntRegister label.termos a:hover {text-decoration:underline;color:var(--main-text)}
.cntRegister label.termos:empty{padding-left:0}

/*! Gestão */
.wrapFieldsSolo {display: grid;grid-gap:15px;grid-template-columns: 1fr;align-items: center;margin-bottom:10px;height: 34px;}
.wrapFieldsSolo p {text-align:right;font-weight:400;line-height:15px;font-size:11px;}
.wrapFieldsSolo p span:not([class]){color:red;margin-left:3px}
.wrapFieldsSolo input[type=text],
.wrapFieldsSolo input[type=password],
.wrapFieldsSolo input[type=email]{font-size:11px;font-weight:400;padding:7px 10px;width:100%;border:1px solid #ccc;height:34px;}
.wrapFieldsSolo input:disabled,
.wrapFieldsSolo select:disabled{background: #f7f7f7;}
.wrapFieldsSolo select{position:relative;font-size:11px;font-weight:400;padding:7px 24px 7px 10px;width:100%;border:1px solid #ccc;}
.wrapFieldsSolo fieldset {display: flex;gap: 10px;width: fit-content;align-items: center;}
.wrapFieldsSolo fieldset label {font-weight:400;line-height:15px;font-size:11px;}
.wrapFieldsSolo fieldset input[type="radio"] {appearance: none;width: 9px; height: 9px;outline: 1px solid var(--main-black);outline-offset: 2px;
  border-radius: 50%;margin-top: 0;flex:0 1 auto;cursor:pointer;margin-left:10px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.wrapFieldsSolo fieldset input[type="radio"]:checked {background: var(--main-color);}
.wrapFieldsSolo fieldset input[type="radio"]:first-child {margin-left:3px;}
.wrapFieldsSolo fieldset input[type="checkbox"] {appearance: none;width: 9px; height: 9px;outline: 1px solid var(--main-black);outline-offset: 2px;margin-top: 0;cursor:pointer;margin-left:10px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.wrapFieldsSolo fieldset input[type="checkbox"]:checked {background: var(--main-color);}
.wrapFieldsSolo fieldset input[type="checkbox"]:first-child {margin-left:3px;}
.wrapFieldsSolo fieldset input[type="radio"]:disabled,
.wrapFieldsSolo fieldset input[type="checkbox"]:disabled {background: #e3e3e3;}
.dados .wrapForm .wrapFieldsSolo label{width:inherit}

.wrapFields {display: grid;grid-gap:15px;grid-template-columns: 100px 1fr;align-items: center;margin-bottom:10px;height: 34px;}
.wrapFieldsTop {display: grid;grid-gap:15px;grid-template-columns: 100px 1fr;align-items:flex-start;margin-bottom:10px;}
.wrapFields p {text-align:right;font-weight:400;line-height:15px;font-size:11px;}
.wrapFields p span:not([class]){color:red;margin-left:3px}
.wrapFields input[type=date],
.wrapFields input[type=text],
.wrapFields input[type=password],
.wrapFields input[type=email]{font-size:11px;font-weight:400;padding:7px 10px;width:100%;border:1px solid #ccc;height:34px;}
.wrapFieldsTop p {text-align:right;font-weight:400;line-height:15px;font-size:11px;}
.wrapFieldsTop p span:not([class]){color:red;margin-left:3px}
.wrapFieldsTop textarea{font-size:11px;font-weight:400;padding:7px 10px;width:100%;border:1px solid #ccc;}
.wrapFieldsTop textarea:disabled{background: #f7f7f7;}
.wrapFields input:disabled,
.wrapFields select:disabled{background: #f7f7f7;}
.wrapFields select{position:relative;font-size:11px;font-weight:400;padding:7px 24px 7px 10px;width:100%;border:1px solid #ccc;}
.wrapFields fieldset {display: flex;gap: 10px;width: fit-content;align-items: center;}
.wrapFields fieldset label {font-weight:400;line-height:15px;font-size:11px;}
.wrapFields fieldset input[type="radio"] {appearance: none;width: 9px; height: 9px;outline: 1px solid var(--main-black);outline-offset: 2px;
  border-radius: 50%;margin-top: 0;flex:0 1 100%;cursor:pointer;margin-left:10px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.wrapFields fieldset input[type="radio"]:checked {background: var(--main-color);}
.wrapFields fieldset input[type="radio"]:first-child {margin-left:3px;}
.wrapFields fieldset input[type="checkbox"] {appearance: none;width: 9px; height: 9px;outline: 1px solid var(--main-black);outline-offset: 2px;margin-top: 0;flex:0 1 100%;cursor:pointer;margin-left:10px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.wrapFields fieldset input[type="checkbox"]:checked {background: var(--main-color);}
.wrapFields fieldset input[type="checkbox"]:first-child {margin-left:3px;}
.wrapFields fieldset input[type="radio"]:disabled,
.wrapFields fieldset input[type="checkbox"]:disabled {background: #e3e3e3;}

/*! Datatables */
.wrapperDTable{margin-top:15px}
.wrapperDTable .dataTables_wrapper {width:100%}
.wrapperDTable .dataTables_filter{float:right}
.wrapperDTable .table-hover>tbody>tr:hover{background-color:rgb(208, 216, 219)}
.wrapperDTable .table > tbody > tr > td, 
.wrapperDTable .table > tbody > tr > th, 
.wrapperDTable .table > tfoot > tr > td, 
.wrapperDTable .table > tfoot > tr > th, 
.wrapperDTable .table > thead > tr > td, 
.wrapperDTable .table > thead > tr > th {padding:4px;font-size:12px;}
.wrapperDTable .table > thead > tr > th {font-weight: 700;}

.wrapperDTable thead{background:#ddd}
.wrapperDTable .table td:nth-child(2){overflow:hidden;text-overflow:ellipsis}
.wrapperDTable .highlight{background:#ff9}

.vc-chrome {position: absolute;top: 35px;right: 0;z-index: 9;}
.current-color {display: inline-block;	width: 16px;height: 16px;background-color: #000;cursor: pointer;}
#app.form-horizontal .form-group {margin:0}
.input-group-addon {background: #f7f7f7;}
.form-control {box-shadow:none;}
.input-group-addon, .form-control {border-radius:0;}
#datanasc .form-control[disabled], 
#datanasc .form-control[readonly], 
#datanasc fieldset[disabled] .form-control {background: #f7f7f7;}
#datanasc .form-control:focus {-webkit-box-shadow: none;box-shadow: none;}

/*!-----LG-----*/
@media (min-width:1200px) and (max-width:1599px){
	/*! Login */
.loginZone p {min-height: 30px;}
}

/*!-----MD-----*/
@media (min-width:992px) and (max-width:1199px){
/*! Detalhes Encomenda */
.responsive-tabs-container.accordion-md .nav-tabs{display:none}
.responsive-tabs-container.accordion-md .accordion-link{display:block}
/*! Login */
.loginZone p {min-height: 30px;}
/*Pontos*/
table.pontos {margin-top:30px}
}

/*!-----SM-----*/
@media (min-width:768px) and (max-width:991px){
.top-fixed ~ main#main {padding-top: 132px;}
.mainCadastro2 {padding-top:35px}
/*! Area de Dados */
.dados{margin-top:0;padding-top: 0;}
/*! Detalhes Encomenda */
.responsive-tabs-container[class*="accordion-"] .accordion-link {padding:10px;}
.responsive-tabs-container[class*="accordion-"] .accordion-link.active {border-bottom: medium none;color: #333;font-weight:600;}
.responsive-tabs-container.accordion-sm .nav-tabs{display:none}
.responsive-tabs-container.accordion-sm .accordion-link{display:block}
.responsive-tabs-container[class*=accordion-] .tab-pane{border:1px solid #ddd;border-top:none;border-top-left-radius:0;border-top-right-radius:0;border-width:medium 1px 1px;margin-bottom:10px;margin-top:-10px;padding:10px}
/*! Login */
.loginZone .dados {margin:30px 0 0;}
.loginZone .dados .wrapForm {margin:0}
.loginZone p {min-height: 30px;}
.gesMargin {margin-top:30px!important}

/*! Gestão */
.wrapFields {grid-gap: 3px;grid-template-columns: 1fr;margin-bottom: 10px;height:auto}
.wrapFieldsTop{grid-gap: 3px;grid-template-columns: 1fr;margin-bottom: 10px;height:auto}
.wrapFields p,.wrapFieldsTop p {text-align:left;}

}

/*!-----XS-----*/
@media (max-width:767px){
.mainCadastro2 {padding-top:35px}
	/*! Area de Dados */
.dados{margin-top:0;padding-top: 0;}
.dados .wrapForm .titleArea{margin-bottom:15px}
.dados .wrapForm label p{float:left;margin:0;padding:8px 0 3px 0;text-align:left;font-weight:400;line-height:15px;font-size:11px;width:100%}
.dados .wrapForm label input[type=text],
.dados .wrapForm label input[type=password],
.dados .wrapForm label input[type=email]{font-size:11px;font-weight:400;padding:7px 10px;width:100%;border:1px solid #ccc;margin-bottom:5px}
.dados .wrapForm label select{width:100%!important;margin-bottom:5px}
.gesMargin {margin-top:30px!important}
.selectdiv:after{top:27px}
.dados .formActions .mandatory{float:none;margin-bottom:10px;text-align:center}
.dados .formActions .mandatory span{margin-right:5px;margin-left:0}
.dados .formActions .saveCancel{text-align:center}
/*! Tabela Encomendas */
.lista-encomendas table{width:100%}
.lista-encomendas table,.lista-encomendas tbody,.lista-encomendas td,.lista-encomendas th,.lista-encomendas thead,.lista-encomendas tr{display:block}
.lista-encomendas thead tr{position:absolute;top:-9999px;left:-9999px}
.lista-encomendas td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:45%}
.lista-encomendas td:before{position:absolute;top:10px;left:5px;width:40%;padding-right:10px;white-space:nowrap;content:attr(data-column);color:#000;font-weight:700}
.lista-encomendas tr.spacer{display:none}
.lista-encomendas td img {max-height: 80px;max-width: 100%;border:0;}
.lista-encomendas td.cellcenter {text-align:inherit}
.lista-encomendas td.cellright {text-align:inherit}
/*! Bloco Encomenda */
.block-encomenda .title{margin-bottom:15px}
.row-encomenda{display:block}
.block-encomenda .line {margin-bottom: 15px;width: 100%;display: inline-block;}
.block-encomenda .campo,.block-encomenda .valor{font-size:14px}
.block-encomenda .campo {margin-bottom:5px;}
.block-encomenda .campo.nota{width:100%;margin-bottom:0}

/*! Detalhes Encomenda */
.responsive-tabs-container[class*="accordion-"] .accordion-link {padding:10px;}
.responsive-tabs-container[class*="accordion-"] .accordion-link.active {border-bottom: medium none;color: #333;font-weight:600;}
.responsive-tabs-container.accordion-xs .nav-tabs{display:none}
.responsive-tabs-container.accordion-xs .accordion-link{display:block}
.responsive-tabs-container[class*=accordion-] .tab-pane{border:1px solid #ddd;border-top:none;border-top-left-radius:0;border-top-right-radius:0;border-width:medium 1px 1px;margin-bottom:10px;margin-top:-10px;padding:10px}

/*! Login */
.loginZone {padding:0;margin:0 0 30px}
.loginZone .dados {margin:15px 0 30px;}
.loginZone .dados .wrapForm {margin:0}
.loginZone a {margin-left:0}
.loginZone .loginActions .btn-login {width:100%}

/*Pontos*/
table.pontos {margin-top:30px}

/*! Gestão */
.wrapFields {grid-gap: 3px;grid-template-columns: 1fr;margin-bottom: 10px;height:auto}
.wrapFieldsTop {grid-gap: 3px;grid-template-columns: 1fr;margin-bottom: 10px;height:auto}
.wrapFields p,.wrapFieldsTop p {text-align:left;}
.wrapFields .selectdiv:after{top:1px}

/*! Datatables */
.table{table-layout:fixed;max-width:100%!important}

.wrapperDTable table,
.wrapperDTable tbody,
.wrapperDTable td,
.wrapperDTable th,
.wrapperDTable thead,
.wrapperDTable tr{display:block}
.wrapperDTable tfoot tr,.wrapperDTable thead tr{position:absolute;top:-9999px;left:-9999px}
.wrapperDTable td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%!important}
.wrapperDTable td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
.wrapperDTable .table td:nth-child(1){background:#ccc;height:100%;top:0;left:0;font-weight:700}
.wrapperDTable td:nth-of-type(1):before{content:"Imagem"}
.wrapperDTable td:nth-of-type(2):before{content:"Produto"}
.wrapperDTable td:nth-of-type(3):before{content:"Tamanho"}
.wrapperDTable td:nth-of-type(4):before{content:"Número"}
.wrapperDTable td:nth-of-type(5):before{content:"Nome"}
.wrapperDTable td:nth-of-type(6):before{content:"Iniciais"}
.wrapperDTable td:nth-of-type(7):before{content:"Observações"}
.wrapperDTable .dataTables_length{display:none}

}