.areacliente {
   padding: 0;
    padding: 20px 0;
    background: #fff;
    border: 1px solid #ddd;
    text-transform: uppercase;

}
.areacliente ul.mod-menu.mod-list.nav li {
	
	padding: 7px 20px;
    display: list-item;
    font-size: 14px;
    line-height: 14px;
    color: #000 !important;
    border-left: 2px solid transparent;
}
	
.areacliente h3.mod-title.mod-block-title {
	padding: 0 20px;
    font-size: 16px;
    line-height: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
}
.areacliente .mod-header-group {
    margin-bottom: 0px !important;
}
ul.nav.nav-tabs.responsive-tabs {
    display: none;
}
.tab-content {
    margin: 0px 15px;
}
.nav-tabs+.t
ol, ul {
    list-style: none;
}
/*! Menu Cadastro Desktop */
.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}
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;}
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:50px;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:16px}
.headerMobile .menuOpen{position:absolute;left:20px;top:15px}
.headerMobile .goHome{position:absolute;right:20px;top:12px}
.headerMobile .menuOpen a{font-size:20px;color:#fff;text-decoration:none;transition:.3s}
.headerMobile .menuOpen a:hover{font-size:20px;color:#ccc;text-decoration:none}
.headerMobile .goHome a{font-size:26px;color:#fff;text-decoration:none}
.headerMobile .goHome a:hover{font-size:26px;color:#ccc;text-decoration:none}

/*! Side Nav */
.sidenav{height:100%;width:0;position:fixed;z-index:1;top:50px;left:0;background-color:#fff;overflow-x:hidden;transition:.5s;padding-top:30px}
.sidenav a.closeNav{position:absolute;top:10px;right:10px;font-size:12px;padding:0}
.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.menuConta li.active a:hover,.sidenav ul.menuContaMobile li.active a{text-decoration:none;color:#000}
.sidenav ul.menuContaMobile li a:hover{text-decoration:underline;color:#000}
.sidenav ul.menuContaMobile li.active{border-left:2px solid #000;background:#f7f7f7}

/*! Area de Dados */
.dados{transition:margin-left .5s}
.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;font-weight:400;text-transform:uppercase}
.dados .wrapForm{width:100%;display:inline-block;padding:20px 5px;background:#fff;border:1px solid #ddd;margin-top:30px;position:relative}
.dados .wrapForm .titleArea{padding:0 15px 0;font-size:20px;font-weight:600;margin-bottom:0px;text-transform:uppercase}
.dados .wrapForm label{width:100%}
.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}
.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}
.dados .wrapForm label input[type=text].form-control{width:100%;border-radius:0;font-size:11px;font-weight:400;padding:7px 10px;height:auto}
.dados .wrapForm label .input-group-addon{border-radius:0;padding:5px 7px}

/*! 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:29px;padding:7px 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:31px;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:0 5px;background:#d9534f;border-color:#d9534f;color:#fff;font-weight:400;font-size:14px}
.dados .formActions .btnSave:hover{margin:0 5px;background:#c9302c;border-color:#c9302c;color:#fff}
.dados .formActions .btnCancel{margin:0 5px;background:#fff;border-color:#ccc;color:#333;font-weight:400;font-size:14px}
.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 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:#a8c02f}
.lista-encomendas td a:hover{color:#000000}
.lista-encomendas tr.spacer{background:#ccc;width:100%}
.lista-encomendas tr.spacer td{height:1px;padding:0}
.lista-encomendas td img{max-width:100%;border:0;max-height: unset;}
.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}

/*! Bloco Encomenda */
.voltar a{position:absolute;right:20px;top:20px;font-size:20px}
.voltar a:hover{color:#c9302c}
.row-encomenda{display:flex;margin: 0px 2px;}
.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)}

}
/*! Estado da Encomenda*/
.block-estado {border:1px solid #ddd;padding:10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom: 15px;margin: 15px;}
.block-estado .title{font-size:16px;font-weight:600;margin-bottom:5px;text-transform:uppercase;width:100%;text-align:center}
.block-estado .estado{flex:1 1 auto;}
.block-estado .estado .step{display:flex;width:25px;height:25px;background:#cccccc;justify-content:center;align-content:center;font-size:15px;line-height:25px;border-radius:50%;font-weight:600;color:#333333;margin-bottom:30px;margin: 0 auto 15px;}
.block-estado .estado .step.active {background:#4c3c2a;color:#ffffff}
.block-estado .estado .state{text-align:center;font-size:13px;}
.block-estado .blockState {margin-top:15px;font-size:18px;font-weight:600;width:100%;text-align:center;background:#666666;color:#ffffff;padding:5px}

/*
/*!-----XLG-----*/
@media (min-width:1200px){
/*!*/
/*! Detalhes Encomenda */
.responsive-tabs-container.accordion-lg .nav-tabs{display:none}
.responsive-tabs-container.accordion-lg .accordion-link{display:block}
}

/*!-----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}
}


/*!-----SM-----*/
@media (min-width:768px) and (max-width:991px){
/*! Area de Dados */
.dados{margin-top:45px}
/*! 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}

/*! Estado da Encomenda*/
.block-estado .estado {flex: 1 0 calc(50% - 15px);}
}

/*!-----XS-----*/
@media (max-width:767px){
/*! Area de Dados */
.dados{margin-top:45px}
.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}
.dados .wrapForm label select{width:100%!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}
/*! Estado da Encomenda*/
.block-estado .estado {flex: 1 1 100%;}

}

/*!-----XSM-----*/
@media (min-width:490px) and (max-width:767px){
.block-estado .estado {flex: 1 0 calc(50% - 15px);}
}