/* --------- GUIDE --------- */
.account textarea, .mfp-wrap textarea,
.account input[type=text], .mfp-wrap input[type=text],
.account input[type=number], .mfp-wrap input[type=number],
.account input[type=email], .mfp-wrap input[type=email],
.account input[type=password], .mfp-wrap input[type=password],
.account input[type=tel], .mfp-wrap input[type=tel],
.account input[type=search], .mfp-wrap input[type=search],
.account input[type=file], .mfp-wrap input[type=file],
.account select, .mfp-wrap select{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 300;font-size: 11px;padding: 7px 10px;border-color: #CCC;}
input[type=text]:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=search]:disabled, textarea:disabled, div.select[disabled],
input[type=text].disabled, input[type=email].disabled, input[type=password].disabled, input[type=tel].disabled, input[type=search].disabled, textarea.disabled, div.select.disabled,
.selectQtd.disabled {
    -webkit-text-fill-color: #333;
    -webkit-opacity: 1;
    cursor: default;
}
.account div.select, .mfp-wrap div.select{border-color: #CCC;/* background-color: #FFF;*/}
.account div.select select, body:not(.account-page) .mfp-wrap div.select select{position: relative;width: 100%;height: 30px;padding: 7px 30px 7px 10px !important;}
.account div.select:after, body:not(.account-page) .mfp-wrap div.select:after{right: 8px;}
.account .button, .account .btn-special{display: inline-block;line-height: normal;text-align: center;text-decoration: none !important;}
.account .button, .account button {padding-left: 30px; padding-right: 30px;}
.account input[disabled], .mfp-wrap input[disabled] {background-image: none !important;}
/*.account .button.loader{color: #000;border-color: #000;background-color: #000;}*/
.account .btn-special{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 300;font-size: 9px;color: #262626;position: relative;padding: 5px 12px 5px 12px !important;border-radius: 12px;border: 1px solid #E1E1E1;text-transform: none; height: auto; background-color: #FFF;}
body.tablet .account .btn-special {font-size: 11px;}
.account .btn-special:hover{border-color: #999;}

.account .account-icon {font-family: "icon-sys";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 12px;line-height: 12px;font-size: 12px;margin-right: 5px;text-align: center;font-variant: normal;text-transform: none;}

/* ------------------------- */

/* ---- ESTILOS GERAIS ----- */
#main.account{background: #F7F7F7;}
.account .wrapper-account{max-width: 1190px;}
.account .title-page{padding: 0 0 27px;}
.account .title-page span{float: left;padding: 0 12px;margin: 1px 21px;border-radius: 100px;background-color: #E7E7E7;}
.account .title-page a:not(.toggle-account-button){float: right;padding: 1px 0;}
.account .title-page h2{padding-top: 10px;}
.account .title-page p{padding: 2px 0 0 0;}
/*.account .toggle-account-button{position: absolute;top: calc(50% - 10px);left: 15px;}
.account .toggle-account-button::after{content: '';display: block;width: 18px;height: 18px;background: url(/sysimages/icon-menu-account.png) left top/18px no-repeat;}
.account .toggle-account-button.active::after{background-position: left bottom;}*/

.account .toggle-account-button{position: absolute;top: calc(50% - 25px);z-index: 50;left: 3px;padding: 14px 9px;border:0;line-height: 0;}

@media screen and (min-width: 768px) {
   .account .wrapper-page{padding: 30px 0px 150px;}
}

@media screen and (max-width: 767px) {
   #toggle-button-svg {width: 22px; height: 22px;}
}
/*.account .toggle-account-button span{background: #000;height: 2px;width: 20px;display: block;margin-bottom: 3px;transition: all .5s;}
.account .toggle-account-button span:last-child{margin: 0;}
.account .toggle-account-button.active span:nth-of-type(1){-webkit-transform: translateY(5px) rotate(45deg);-ms-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg);}
.account .toggle-account-button.active span:nth-of-type(2){opacity: 0;}
.account .toggle-account-button.active span:nth-of-type(3){-webkit-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg);}*/

.account .subtitle-page{padding-bottom: 15px;}
.account-content {float: left;width: calc(100% - 234px);}
.account-menu-hidden .account-content {float: none;width: 100%;}
.account .content-holder:not(.static){padding: 24px 29px 29px;background: #FFF;border-width: 1px; border-style: solid;}
.account .special-button{position: relative;}
.account .flags .flag{float: left;padding: 1px 7px;margin-left: 5px;}
.account .flags .flag:first-child{margin-left: 0;}
   /* -- Font Styles -- */
   .account, .account p{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 300;font-size: 11px;line-height: 20px;color: #343434;-webkit-font-smoothing: auto;}
   .account b, .account p b, .account strong, .account p strong{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;}
   .account .title-page h1{font-size: 22px;line-height: 110%;}
   .account .title-page2 h4{font-size: 12px;line-height: 110%;font-family: 'Metrocity';font-weight: 700;}
   .account .title-page a{font-size: 11px;text-decoration: underline;}
   .account .title-page a:hover{text-decoration: none;}
   body .account .subtitle-page h1{font-size: 22px;line-height: 140%;}
   .account .special-button{text-decoration: underline;text-transform: uppercase;font-size: 11px;}
   .account .special-button:hover{text-decoration: none;}
   .account .flags .flag{font-family: 'OpenSans-Regular', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: normal;font-size: 8px;line-height: 100%;color: #FFF;text-transform: uppercase; height: 14px;-moz-osx-font-smoothing: initial !important; display: inline-block; padding: 4px; margin-right: 4px;background-color: #333}
   .account .small{font-size: 11px;line-height: 16px;color: #666;}
   .account .list-nav-title{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;}
   @media screen and (min-width: 768px) {
      .account .list-nav-title.list-nav-title-fixed-fontsize {font-size: 13px;}
   }

@media screen and (max-width: 767px){
   .account .title-page2{padding: 0 18px 15px; margin-left: -18px; margin-right: -18px;}
   .account .title-page h1{position: relative; font-size: 18px !important; font-family: 'Metrocity-Bold' !important; font-weight: normal !important; line-height: normal !important; text-align: left; text-transform: none; width: 100%;}
   .account .title-page h1 + h2, .account .title-page h1 + div {padding-top: 24px;}
   .account .title-page p {padding-top: 0;}
   .account h2, .account .h2 {font-family: 'Metrocity';font-weight: 700;}
   .account h3, .account .h3 {font-family: 'Metrocity';font-weight: 700;font-size: 14px;}
   .account .title-page span{clear: left;margin: 0;}
   .account .subtitle-page{padding: 0;}
   body .account .subtitle-page h1{font-size: 16px;}
   .account .account-content{float: none;width: 100%;}
   .account .content-holder:not(.static){padding: 0; border: 0;}
   .account .flags .flag {height: auto; padding-top: 2px; padding-bottom: 2px; font-size: 11px;}
}
/* Only iPhone 5 (portrait mode) */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait)
{
   .account .title-page h1 {font-size: 17px !important;}
}
/* -------------------------- */

/* ------ MENU LATERAL ------ */
.account-menu{float: left;width: 204px;padding: 19px 0 24px;margin-right: 30px;border-width: 1px;border-style: solid;background: #FFF;}
.account-menu .title-menu{padding: 0 24px 11px;}
.account-menu ul li a{display: block;padding: 4px 21px;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;border-left: 3px solid #FFF; text-decoration: none;}
.account-menu ul li a:hover {text-decoration: underline;}
.account-menu ul li.sel a{text-decoration: none;}
   /* ----- Mobile ---- */
   .account-menu-open #account-menu{display: block !important;}
   #account-menu{display: none;background: #FFF;}
   #account-menu .title-menu {display: table; height: 53px; padding: 0; border-width: 1px;border-style: solid;background: #F7F7F7;margin-bottom: 20px; width: 100%;}
   #account-menu .title-menu p {padding: 0 15px; display: table-cell; vertical-align: middle;}
   #account-menu ul{margin: 0;list-style: none;}
   #account-menu ul li{border-top-width: 1px;border-top-style: solid;}
   #account-menu ul li:first-child{border-top-width: 0;}
   #account-menu ul li a{position: relative;display: block;padding: 10px 15px;}
   /* -- Font Styles -- */
   .account-menu .title-menu p, .account-menu ul li a{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 400;text-transform: uppercase;font-size: 11px;}
   .account-menu .title-menu p {font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;}
   .account-menu ul li a{color: #333;}
   #account-menu .title-menu p{font-family: 'LatoLight', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: normal;font-size: 20px;}
   #account-menu ul li a{font-weight: 600;font-size: 11px;text-decoration: none;text-transform: uppercase;}
/* -------------------------- */

/* --------- STEPS ---------- */
.wrapper-steps .steps{position: relative;padding: 0 25px;}
.wrapper-steps .steps .step{position: relative;float: left;width: 33.33333333333333%;padding-top: 38px;}
.wrapper-steps .steps .step:first-child{width: 0 !important;}
.wrapper-steps .steps .step .line{position: relative;display: block;width: 100%;height: 8px;background-color: #E7E7E7;}
.wrapper-steps .steps .step .line::after{content: '';position: absolute;top: calc(50% - 13px);right: 0;margin-right: -13px;width: 20px;height: 20px;border-radius: 20px;border: 3px solid #FFF;z-index: 1;background-color: #E7E7E7;}
.wrapper-steps .steps .step.active .line{background-color: #77BE21;}
.wrapper-steps .steps .step.active .line::after{background-color: #77BE21;}
.wrapper-steps .steps .step > label:first-child{position: absolute;top: 0;right: -78px;width: 156px;z-index: 10;text-align: center;}
.wrapper-steps .steps .step > label:last-child{padding-top: 14px;text-align: center; display: block;}
.wrapper-steps .steps .step:first-child > label{text-align: left;left: -10px;}
.wrapper-steps .steps .step:last-child > label{text-align: right;right: -10px;}
.wrapper-steps .steps.disabled .step:last-child{width: 100%;}

@media screen and (max-width: 767px){
   .wrapper-steps .steps{padding: 0 13px !important;}
   .wrapper-steps .steps .step{position: static;padding-top: 30px;}
   .wrapper-steps .steps .step > label{display: none;}
   .wrapper-steps .steps .step.active > label:first-child{display: block;left: 0;right: auto;width: 100%;text-align: center;background: #F7F7F7;}
}
/* -------------------------- */

/* ------ FORMULÁRIOS ------- */
.account div.wrapper-form .form-field {padding-left: 0; padding-right: 0;}
.form-message .success{position: relative; background-image: none; padding-left: 1em;}
.form-message .success::after{content: '';position: absolute;top: calc(50% - 12px);right: 8px;width: 24px;height: 24px;background: url(../sysimgs/icon-loader-account.gif) left top/24px no-repeat;}
.form-field {position: relative;}
.form-field .row{margin: 0 -5px;}
.form-field .row .column{padding: 0 5px;}
.form-field textarea, .form-field input[type=text], .form-field input[type=number], .form-field input[type=email], .form-field input[type=password], .form-field input[type=tel], .form-field input[type=search],
.form-field .select, .select{width: 100%;}
.form-field .wrapper-radio{padding: 6px 0;}
.form-field .wrapper-radio label{float: left;margin-right: 20px;}
.form-field .wrapper-radio label:first-child{padding-left: 0;}
.form-field .wrapper-radio label p{float: left;padding: 2px 0 0;margin-top: 0;width: calc(100% - 20px);white-space: nowrap;text-align: left;}
.form-field .wrapper-radio label input{float: left;margin: 4px 7px 0 0;}
.form-field .wrapper-radio label span{float: left;padding: 0;}
.form-field.float-field{margin-bottom: 1.5em;}
.form-field.float-field p{float: left;padding: 8px 15px 8px 0;text-align: right;line-height: 16px;}
.form-field.float-field .field-content{float: left;}
.form-field .max-carac{font-size: 10px;color: #666;}
.bottom-form{padding-top: 21px;}
.bottom-form > div{float: right;}
/*.bottom-form .required-notice{float: left;padding: 6px 0 0;}*/
.bottom-form .changeSettings{float: left;padding-left: 23px;}
.bottom-form .changeSettings .special-button{display: inline-block;margin-right: 12px;margin-top: 8px;}
.bottom-form .changeSettings .button{margin-right: 5px;}
.bottom-form .required-notice {float: left;padding: 8px 0;}
.bottom-form button{float: right;}
   /* -- Font Styles -- */
   .form-field p span:not([class]){color: #D0021B;}
   /*.bottom-form .required-notice{font-size: 10px;}*/

@media print, (min-width: 768px){
   .form-field .max-carac{position: absolute;top: 0;right: 0;padding: 6px 14px;}
   .form-field.float-field p{max-width: 180px;}
   .form-field.float-field.address input{padding-right: 65px;}
}

@media screen and (max-width: 767px){
   .form-field .wrapper-radio label {padding-left: 26px;}
   .form-field .wrapper-radio label p{width: auto; line-height: 18px;}
   .bottom-form{padding: 5px 0 0;}
   .bottom-form > div{float: none;}
   .bottom-form .required-notice{float: none;padding: 0;}
   .bottom-form .changeSettings{float: none;padding: 10px 0 0;text-align: center;}
   .bottom-form .changeSettings .special-button{margin: 0 0 10px;}
   .bottom-form .changeSettings .button{width: 100%;margin: 10px 0 5px;}
   .bottom-form .changeSettings button{width: 100%;}

   .form-field .max-carac{float: right;}
}
/* -------------------------- */

/* ----- TABELAS GERAIS ----- */
.wrapper-table table{border-collapse: initial;}
.wrapper-table > table{width: 100%;border-width: 1px;border-style: solid;background: #FFF;}
.wrapper-table > table > tbody > tr > td{padding: 9px 15px;border-top-width: 1px;border-top-style: solid;}
.wrapper-table > table > tbody > tr > td.col-value, .wrapper-table > table > tbody > tr > td.col-value p{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;color: #333;}
.wrapper-table table > tbody > tr.row-value > td, .wrapper-table table > tbody > tr.row-value > td p{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;font-size: 15px;color: #333;}
.wrapper-table table > tbody > tr.row-value-credit > td, .wrapper-table table > tbody > tr.row-value-credit > td p{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;font-size: 12px;color: #FF0000;}
.wrapper-table table > tbody > tr.row-value-points > td, .wrapper-table table > tbody > tr.row-value-points > td p{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;font-size: 12px;color: #333;}

.wrapper-table .empty-line{height: 80px;text-align: center;}
.filters-row > td{background: #FFF;border-bottom-width: 1px;border-bottom-style: solid;}
.tableFilters{width: 100%;}
.tableFilters tr td{line-height: 0;border-left: 1px solid #EEE;text-align: center;}
.tableFilters tr td:first-child{border-left: 0;}
.tableFilters tr td p{cursor: pointer; display: block;margin: -8px 0 -1px;padding: 15px 15px 12px;border-top: 3px solid transparent;position: relative;z-index: 1;}
.tableFilters tr td p.active{background-image: linear-gradient(180deg, #ffffff 0%, #F1F1F1 100%);}

   /* ---- PRODUTO ---- */
   .table-product{width: 100%;}
   .table-product tr td{padding: 0 5px;vertical-align: top;}
   .table-product tr td.table-product-desc {width: 100%;overflow: hidden;text-overflow: ellipsis;max-width: 0;}
   .table-product tr td:first-child{width: 60px;padding-left: 0;}
   .table-product tr td:first-child a, .table-product tr td:first-child .table-product-wrap-image {width: 60px; display: block;}
   .table-product tr td:last-child{padding-right: 0;}
   .table-product tr td img{display: block;width: 100%;height: auto;border-width: 1px;border-style: solid;}
   .table-product tr td .item-name{padding-bottom: 2px;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
   .table-product tr td .flags{padding: 4px 0 0;}
   .table-product tr td .flags .flag{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
   /* -- Font Styles -- */
      .wrapper-table > table > thead > tr > th, .wrapper-table > table > thead > tr > td{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;font-size: 10px;line-height: 120%;color: #333;text-transform: uppercase;}
      .wrapper-table > table > tbody > tr > td, .wrapper-table > table > tbody > tr > td p{font-size: 11px;line-height: 16px;color: #343434;}
      .wrapper-table > table > tbody > tr > td .special-button{font-size: 10px;}
      .wrapper-table > table tr td a:not([class]){color: #167ED2;text-decoration: underline;}
      .wrapper-table > table tr td a:not([class]):hover{text-decoration: none;}
      .tableFilters tr td p{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;font-size: 11px;color: #535353;text-transform: uppercase;}
      .table-product tr td, .table-product tr td p{font-size: 11px;line-height: 16px;color: #666;}
      .table-product tr td .item-name{font-family: 'Metrocity', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: 600;font-size: 10px;color: #333;line-height: 150%;text-transform: uppercase;}
      .table-product tr td .item-name span{text-transform: none;}

@media print, (min-width: 768px) {
   .wrapper-table > table > thead > tr{background: #F1F1F1;}
   .wrapper-table > table > thead > tr:not(.filters-row) > th, .wrapper-table > table > thead > tr:not(.filters-row) > td{padding: 8px 15px 10px;}
   .wrapper-table > table > thead > tr:not(.filters-row) > th:first-child, .wrapper-table > table > thead > tr:not(.filters-row) > td:first-child{padding-left: 29px;}
   .wrapper-table > table > thead > tr:not(.filters-row) > th:last-child, .wrapper-table > table > thead > tr:not(.filters-row) > td:last-child{padding-right: 29px;}
   .wrapper-table > table > tbody > tr > td:first-child{padding-left: 29px;}
   .wrapper-table > table > tbody > tr > td:last-child{padding-right: 29px;}
   .table-product tr td .item-name, .table-product tr td .item-info, .table-product tr td .flags .flag {max-width: 200px;}
}

@media screen and (max-width: 767px){
   .wrapper-table > table > thead > tr:not(.filters-row) > th, .wrapper-table > table > thead > tr:not(.filters-row) > td{padding: 10px 0px;}
   .wrapper-table > table > tbody > tr > td{padding: 10px 0px;}
   .wrapper-table > table > tbody > tr > td .special-button{font-size: 12px;text-transform: none; line-height: 120%; border-bottom: 1px solid currentColor; text-decoration: none !important}
   .wrapper-table .filters-row > td{border-bottom: 0;}
   .wrapper-table > table table:not(.table-product):not(.tableFilters){/*width: calc(100% - 20px); margin: 0 10px;*/ width: 100%;}
   .wrapper-table > table table:not(.table-product):not(.tableFilters) tr td:last-child{text-align: right;}
   .wrapper-table .table-product tr td .item-wishlist{padding-top: 5px;}
   .table-product tr td {padding-left: 10px;}
   .table-product tr td .item-name {text-transform: none; padding-top: 2px; padding-bottom: 4px;}
   .table-product tr td .item-name b, .table-product tr td .item-name b + span,
   .table-product tr td .item-value b, .table-product tr td .item-value b + span  {font-size: 12px; display: inline;}
   .wrapper-table > table > tbody > tr > td, .wrapper-table > table > tbody > tr > td p{font-size: 13px;line-height: 120%;}
   .wrapper-table > table > tbody > tr > td p {padding-bottom: 4px;}
   .table-product tr td{padding: 0 10px;}
   .table-product tr td:first-child{width: 80px;padding: 0;}
   .table-product tr td:first-child + td {width: auto;}
   .table-product tr td:first-child a, .table-product tr td:first-child .table-product-wrap-image {width: 100%; display: block;}
   .table-product tr td img {border: 0;}
}
/* -------------------------- */

/* ----- CUSTOM STYLES ------ */
.account-billing form > .row > .column:nth-child(2n+1){clear: left;}
.points_value{background: #999;color: #fff !important;border-radius: 3px;display: inline-block;padding: 2px;line-height: 11px !important;font-size: 11px !important;}

/* -------------------------- */

.rating {width: 70px; margin: auto;}

/* Border Color */

#account-menu ul li,
#account-menu .title-menu,
.account .content-holder:not(.static),
#account-menu .title-menu,
#account-menu ul li,
.account-menu,
.wrapper-table > table,
.wrapper-table > table > tbody > tr > td,
.filters-row > td,
.table-product tr td img,
.wrapper-table .dados .mobile-header,
.wrapper-table .dados .table-shipping tr td img,
.wrapper-table .visible-print,
.wrapper-steps,
.wrapper-tracking,
.wrapper-table.table-order,
.wrapper-bottom-table,
.wrapper-points,
.wrapper-points.noPoints,
.wrapper-rules,
.account-content[data-page="3"] .wrapper-instructions,
.account-content[data-page="2"] .column-resume .resume-products,
.account-content[data-page="2"] .column-resume .resume-values,
.account-content[data-page="2"] .column-resume .resume-payments,
.wrapper-points .row .column:not(:first-child),
.wrapper-card-info{
   border-color:#E7E7E7;
}

@media screen and (max-width: 767px){
   .account-shipping .form-field.adress-input,
   .wrapper-table .dados .shippingMethod,
   .wrapper-points .row .column:not(:first-child),
   .wrapper-points .row .column:not(:first-child),
   .account-content[data-page="1"] .lst-products .row-product,
   .account-content[data-page="2"] .column-resume .resume-products,
   .account-content[data-page="2"] .column-resume .resume-values,
   .account-content[data-page="2"] .column-resume .resume-payments,
   .popup-account .title-popup,
   .wrapper-table > table .wrapper-order {
      border-color:#E7E7E7;
   }
}

/* List Notifications */
.account .listNotifications .uni {margin-bottom: 34px;}
.account .listNotifications .text {float: left;max-width: 618px;}
.account .listNotifications .desc {line-height: 16px;}
.account .listNotifications .checkbox-switch {float: left; margin-right: 31px;}
.account .listNotifications .checkbox-switch input[type=checkbox]{height: 0 !important;width: 0;visibility: hidden;}
.account .listNotifications .checkbox-switch label {cursor: pointer;text-indent: -9999px;width: 48px;height: 24px;background-color: #c5c5c5;display: block;border-radius: 100px;position: relative;margin-top: -22px;}
.account .listNotifications .checkbox-switch label:after {content: '';position: absolute;top: 3px;left: 3px;width: 18px;height: 18px;background: #fff;border-radius: 90px;transition: 0.3s;}
.account .listNotifications .checkbox-switch input:checked + label {background-color: var(--color-success, #1EA74E);}
.account .listNotifications .checkbox-switch input:checked + label:after {left: calc(100% - 3px);transform: translateX(-100%);}
.account .listNotifications .checkbox-switch input#opc1:checked + label {cursor: default;}
.account .listNotifications .checkbox-switch input#opc1:checked + label:after {width: 18px;}
.account .listNotifications .checkbox-switch label:active:after {width: 42px;}
.account .listNotifications .title {padding-bottom: 6px;}

@media screen and (max-width: 767px) {
   .account .listNotifications .text {width: calc(100% - 82px)}
   .account .listNotifications .checkbox-switch label {margin-top: -20px;}
}

/* Estilos */
/* Botão "Limpar" */
.account .special-button,
#account-menu li.sel a {
   color: #000;
}

/* "A Minha Conta" / (Titulos das tabs) */
.account-menu .title-menu p,
.tableFilters tr td p:hover,
.tableFilters tr td p.active,
.wrapper-points p.points.color {
   color: #000;
}

/* Estilo .sel menu lateral */
.account-menu li.sel a {
   background: whitesmoke;
   border-color: whitesmoke;
   border-left-color: black;
}

/* Tabs listagem encomendas */
.tableFilters p.active {
   border-color: #000;
   background-color: whitesmoke;
}

@media screen and (max-width: 767px) {
   #account-menu li.sel a {font-family: "Metrocity";font-weight: 700;}
   .account .wrapper-page * {letter-spacing: normal;}
   .account .container,
   .account .container-fluid {padding: 18px;}
   .account .wrapper-page {min-height: 70vh;}
   .account b, .account p b, .account strong, .account p strong,
   .account b + span, .account p b + span, .account strong + span, .account p strong + span {font-size: 14px; font-family: "Metrocity"; font-weight: 700; display: inline-block;}
   .account, .account p, .account p b, .table-product tr td, .table-product tr td p, .account ul li {font-family: "Metrocity"; font-weight: 400; color: #444; font-size: 13px;}
   .account .form-field label p, .account .form-field .label p {font-family: "Metrocity"; font-weight: 300; padding-bottom: 4px;}
   #main.account {background-color: white}
   .account textarea, .mfp-wrap textarea,
   .account input[type=text], .mfp-wrap input[type=text],
   .account input[type=number], .mfp-wrap input[type=number],
   .account input[type=email], .mfp-wrap input[type=email],
   .account input[type=password], .mfp-wrap input[type=password],
   .account input[type=tel], .mfp-wrap input[type=tel],
   .account input[type=search], .mfp-wrap input[type=search],
   .account input[type=file], .mfp-wrap input[type=file],
   .account select, .mfp-wrap select,
   .account div.select select, body:not(.account-page) .mfp-wrap div.select select {height: 36px; font-size: 14px; color: #333; line-height: 19px; padding: 9px 10px; border-color: lightgray;}
   .bottom-form .changeSettings .button.backCK {border: 0 !important; background-color: transparent !important;}
   .title-page .toggle-account-button {display: none !important;}
   .tableMobile-wrapper thead {display: none;}
   .wrapper-table > table {border-width: 0}
   .account .wrapper-page .select.mobile-special-select {border-width: 0 !important; border-bottom-width: 1px !important; border-bottom-color: darkgray;}
   .account .wrapper-page .select.mobile-special-select select{border-width: 0;font-family: "Metrocity";font-weight: 700;font-size: 16px; padding-left: 0  !important; padding-right: 0  !important; padding-bottom: 0 !important; background-color: transparent;}
   .account .wrapper-page .select.mobile-special-select::after {top: calc(50% - 8px);right: 0;width: 16px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 32 32'%3E%3Cpath d='m22.5 6.055-10.018 10.445 10.018 10.445-1.491 1.555-11.509-12 11.509-12z' transform='matrix(0 -1 -1 0 32.5 32.5)'%3E%3C/path%3E%3C/svg%3E") left top/100% no-repeat;}
   .adress-input p {display: none;}
   .form-field .row .column.col-xs-3 {width: 60px;}
   .form-field .row .column.col-xs-9 {width: calc(100% - 60px);}
   .account .form-field .country-mobile-disabled p {background-position: left center; background-repeat: no-repeat; padding: 0 0 0 26px; font-size: 13px;
    font-family: "Metrocity";font-weight: 400;}
   .wrapper-table > table > tbody > tr:first-child td, .wrapper-table > table > tbody > tr.rdc-row-first-child td {border-top-width: 0;}
   .tableMobile-wrapper td {padding-bottom: 4px; vertical-align: top;}
   .account .title-page span {margin: 15px auto 10px;padding: 3px 12px;background: lightyellow;font-size: 14px;line-height: 17px;border: 1px solid lightgray;font-family: monospace;font-weight: 700; border-radius: 0; float: none; display: inline-block;}
   .account .btn-special {font-size: 12px;padding: 8px 12px !important;line-height: 120%;border-radius: 0;margin-top: 4px;margin-bottom: 4px;background-color: whitesmoke;font-family: 'Metrocity';font-weight: 600;text-transform: uppercase;border-color: #333;}
   .account .btn-special i {display: none;}
   .account .rdc-account-menu-item-subtitle{font-size: 13px;line-height: 18px;color: #A2A2A2;}
}

/* ----------- Print ----------- */

@media print {
   @page {size: A4 portrait; margin-left: 0mm; margin-right: 0mm;}
   table {page-break-inside: avoid;}
   body{-webkit-print-color-adjust: exact;background: #FFF !important;}
   body header {max-width: 1280px; margin: auto;}
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
   .col-sm-12 {width: 100%;  }
   .col-sm-11 {width: 91.66666667%;  }
   .col-sm-10 {width: 83.33333333%;  }
   .col-sm-9 {width: 75%; }
   .col-sm-8 {width: 66.66666667%; }
   .col-sm-7 {width: 58.33333333%; }
   .col-sm-6 {width: 50%;  }
   .col-sm-5 {width: 41.66666667%; }
   .col-sm-4 {width: 33.33333333%; }
   .col-sm-3 {width: 25%;  }
   .col-sm-2 {width: 16.66666667%; }
   .col-sm-1 {width: 8.33333333%;  }
   .hidden-xs{display: block !important;}
   .hidden-sm, .hidden-md, .hidden-lg,#footer,.notice-bar,.right-header,.menu,.tabs,.title-tab,.btn,.nav-top,.shipping-info{display:none !important;}
   #main{padding-top: 0 !important;}
   #header{border-bottom: 0 !important;}
   #header, #header.sticky {position: static !important;}
   #header .wrapper-header {padding: 15px 0 !important;}
   table.hidden-xs{display: table !important;}
   table thead.hidden-xs{display: table-header-group !important;}
   table tr.hidden-xs{display: table-row !important;}
   table tr th.hidden-xs, table tr td.hidden-xs{display: table-cell !important;}
   body .account .wrapper-page {padding: 30px 0 0 0;}
   /* ----- ACCOUNT ----- */
   body #main.account, body #main.account .evolucao-step .step.active > label{background: none;}
   body .account .account-menu{display: none !important;}
   body .account .account-content{float: none;width: 100%;}
   body .account .title-page a{display: none;}
   body .wrapper-table > table > thead > tr.filters-row{display: none;}
   body .wrapper-table .dados tr.tr_faturacao.hidden-print{display: none !important;}
   body .wrapper-table .dados tr.tr_entrega{display: table-row !important;}
   body .wrapper-table .visible-print{display: table-header-group !important;}
   body .wrapper-table .dados tr.tr_faturacao{display: table-row !important;}
   body .wrapper-table .dados .shippingMethod .button{display: none;}
   body .wrapper-tracking .btn-special{display: none;}
   body .table-order > table > thead > tr > td:first-child + td,
   body .table-order > table > tbody > tr > td:first-child + td{display: none;}
   body .table-product{width: 230px;}
   body .table-product tr td .item-wishlist{display: none;}
   body .wrapper-bottom-table .column-left{display: none;}
   body .wrapper-buttons-table{display: none;}
   body .account .wrapper-account {max-width: 100%;}
   body .wrapper-bottom-table a.button {display: none;}
   body .wrapper-steps {padding-bottom: 20px;}
   body .wrapper-steps .title-table {padding-bottom: 10px;}
   body .wrapper-table.table-order {padding-top: 15px;}
   body .wrapper-table.table-order .title-table {padding-bottom: 15px;}
   body .account-content .table-order table.hidden-xs {page-break-inside: auto;}
   body .wrapper-table > table > thead > tr:not(.filters-row) > th,
   body .wrapper-table > table > thead > tr:not(.filters-row) > td {
      padding: 8px 15px 10px;
   }
   /* ------------------- */
}


/* tablet */
body.tablet .account .wrapper-account {max-width: 100%;}
body.tablet .account-menu {width: 260px;}
body.tablet .account-content {width: calc(100% - 290px);}
body.tablet .tableFilters tr td p, body.tablet .tableFilters tr td p *,
body.tablet .account-content[data-page="2"] .pickup-adress .form .form-field#pickupaddresses-return p,
body.tablet .account-content[data-page="2"] .pickup-adress .form .form-field#pickupaddresses-change p,
body.tablet .account .flags .flag {-webkit-text-size-adjust: 100%;}
body.tablet .wrapper-steps .steps .step > label:first-child {-webkit-text-size-adjust: 110%;}
body.tablet .account .account-icon {margin-right: 14px;}
body.tablet .account div.select select, body.tablet:not(.account-page) .mfp-wrap div.select select {height: 32px;}
body.tablet:not(.rdc-viewport-devicewidth) .account .flags .flag {font-size: 13px; padding-top: 4px; padding-bottom: 4px; height: auto;}

body.tablet.rdc-viewport-devicewidth .account div.select select,
body.tablet.rdc-viewport-devicewidth .popUp.account div.select select {padding-right: 20px !important;}
body.tablet.rdc-viewport-devicewidth #main.account div.select::after,
body.tablet.rdc-viewport-devicewidth .popUp.account div.select::after {right: 8px;}
body.tablet.rdc-viewport-devicewidth .form-field .max-carac {padding-left: 8px; padding-right: 8px;}
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > thead > tr:not(.filters-row) > th,
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > thead > tr:not(.filters-row) > td{padding: 8px 15px 10px;}
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > thead > tr:not(.filters-row) > th:first-child,
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > thead > tr:not(.filters-row) > td:first-child{padding-left: 15px;}
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > thead > tr:not(.filters-row) > th:last-child,
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > thead > tr:not(.filters-row) > td:last-child{padding-right: 15px;}
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > tbody > tr > td:first-child{padding-left: 15px;}
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > tbody > tr > td:last-child{padding-right: 15px;}
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > thead > tr:not(.filters-row) > th,
body.tablet.rdc-viewport-devicewidth .wrapper-table > table > thead > tr:not(.filters-row) > td {padding-left: 10px; padding-right: 10px;}
body.tablet.rdc-viewport-devicewidth .wrapper-bottom-table,
body.tablet.rdc-viewport-devicewidth .wrapper-buttons-table {padding-left: 15px; padding-right: 15px;}
body.tablet.rdc-viewport-devicewidth .wrapper-tracking {padding-left: 15px;}
body.tablet.rdc-viewport-devicewidth .account .account-icon {margin-right: 4px;}
body.tablet.rdc-viewport-devicewidth .account .content-holder:not(.static) {padding-left: 15px; padding-right: 15px;}
body.tablet.rdc-viewport-devicewidth .account .column-resume .content-holder:not(.static) {padding-left: 0; padding-right: 0;}
body.tablet.rdc-viewport-devicewidth .account .flags .flag {font-size: 11px; padding-top: 2px; padding-bottom: 2px; height: auto;}
body.tablet.rdc-viewport-devicewidth .table-product tr td .item-name b,
body.tablet.rdc-viewport-devicewidth .table-product tr td .item-name b + span,
body.tablet.rdc-viewport-devicewidth .table-product tr td .item-value b,
body.tablet.rdc-viewport-devicewidth .table-product tr td .item-value b + span  {font-size: 12px;}

/* Tablet Landscape */
@media screen and (min-device-width: 700px) and (min-device-height: 600px) and (min-width: 768px) and (orientation: landscape) {
   body.tablet.rdc-viewport-devicewidth .account-menu {width: 210px; margin-right: 15px;}
   body.tablet.rdc-viewport-devicewidth .account-content {width: calc(100% - 225px);}
   body.tablet.rdc-viewport-devicewidth .account-orders .tableFilters tr td p {padding-left: 12px; padding-right: 12px;}
   body.tablet.rdc-viewport-devicewidth .account-orders .tableFilters tr td p b {zoom: .8;}
}

/* Tablet Portrait */
@media screen and (min-device-width: 700px) and (min-device-height: 600px) and (min-width: 768px) and (orientation: portrait) {
   .tablet.rdc-viewport-devicewidth .account-menu {display: none;}
   .tablet.rdc-viewport-devicewidth .account-content {width: 100%;}
   .tablet.rdc-viewport-devicewidth .toggle-account-button {display: block !important;}
   #account-menu .title-menu {height: 51px;}
   .tablet.rdc-viewport-devicewidth .wrapper-table > table table:not(.table-product):not(.tableFilters) {width: 100%;}
   .tablet.rdc-viewport-devicewidth .wrapper-table > table table:not(.table-product):not(.tableFilters) tr td:last-child{text-align: right;}
   .tablet.rdc-viewport-devicewidth .table-product tr td .item-name {text-transform: none; padding-top: 2px; padding-bottom: 4px;}  
}