@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,600);



:root {
--color-primary:            #0b1642; 
--color-primary-hover:      #213ba3;
--color-nav-central-bg:     #0b1642;
--color-secondary:          #00b0f2;
--color-bg:                 #FFFFFF;
--color-cinza:              #403F3F;
--color-cinza-escuro:       #333;
--color-cinza-medio:        #909090;
--color-cinza-claro:        #E3E3E3;
--color-cinza-muito-claro:  #F6F6F6;
--color-page-background:    #FBFBFB;
--color-branco:             #FFF;
--color-preto:              #000;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}




body{
    font-family:Lato,sans-serif;
    font-size: 16px;
    color:#333;
    background-color: var(--color-page-background);        
}
.body-bg-login{
    background-color:#fff
}
.header{
    padding: 10px 0;
    background-color: #fff;
}

a{
    color:#000
}
a:focus,a:hover{
    color:#000;
    text-decoration:underline
}
.login-box{
    width:360px;
    margin:20px auto 40px;
    -webkit-box-shadow:0 2px 6px rgba(0,0,0,.3);
    -moz-box-shadow:0 2px 6px rgba(0,0,0,.3);
    box-shadow:0 2px 6px rgba(0,0,0,.3);
    border-radius:3px
}
.login-box-body{
    background:#fff;
    padding:20px;
    border-top:0;
    color:#666;
    text-align:center
}

.slide-image{
    width:100%
}
.caption{
    height:50px;
    overflow:hidden
}
.caption h4{
    white-space:nowrap
}
.thumbnail img{
    margin:20px auto
}
.ratings{
    color:#0b1642;
    margin:10px 15px 20px
}
label{
    color:#000
}
.thumbnail{
    padding:0
}
.thumbnail .caption-full{
    padding:9px;
    color:#333
}
footer{
    padding:20px 0;
    color:#0b1642
}
.tooltip-inner{
    color:#0b1642;
    background-color:#EDEDED
}
.tooltip.bottom .tooltip-arrow,.tooltip.left .tooltip-arrow,.tooltip.top .tooltip-arrow{
    border-top-color:#EDEDED
}
#form-sonho .tooltip{
    width:240px;
    line-height:16px
}
a.list-group-item{
    color:#000;
    padding: 5px 10px;
}
a.list-group-item-categoria-extra{
    color:var(--bs-primary);
    padding: 5px 10px;  
    font-weight: bold;
}
a.list-group-item-categoria-extra:hover{
    color: white;
    text-decoration:none;
    background-color:var(--bs-primary);
    font-weight: bold;
}
a.list-group-item,
a.list-group-item-categoria-extra{
    transition:background .1s ease-in-out;
    -moz-transition:background .1s ease-in-out;
    -webkit-transition:background .1s ease-in-out
}
a.list-group-item:focus,a.list-group-item:hover{
    color:#FFF;
    text-decoration:none;
    background-color:#0b1642
}
.container,.container-fluid,.modal{
    color:#000
}
.modal-title{
    color:#4e4e4e;
    font-weight:700
}
#modal_select_account{
    display:none
}
.modal-produtos-title{
    font-size:24px;
    margin:10px;
    display:block;
    float:left;
    width:650px;
    clear:both;
    font-weight:700;
    letter-spacing:-1px
}
.modal-produtos-subtitle{
    font-size:13px;
    margin:10px;
    display:block;
    clear:both;
    float:left;
    width:650px
}
#hor-zebra{
    font-size:10px;
    text-align:left;
    border-collapse:collapse;
    float:left;
    clear:both;
    border:1px solid #CCC;
    width:640px
}
.center{
    text-align:center
}
.left{
    text-align:left
}
.right{
    text-align:right
}
.bold{
    font-weight:700
}
thead{
    background-color:#0b1642;
    color:#FFF
}
.thead-admin{
    background-color:#D8D8D8;
    color:#000
}
.navbar{
    min-height:100px;
    margin:20px 0
}
.navbar-nav>li>a{
    color:#0b1642;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{
    color:#FFF;
    background-color:rgba(0,176,242,.9);
    text-decoration:none;
    border-radius:4px;
    transition:background .1s ease-in-out;
    -moz-transition:background .1s ease-in-out;
    -webkit-transition:background .1s ease-in-out
}
.navbar-brand{
    color:#FFF
}
.navbar-brand a:hover{
    color:#CCC
}
#nav-central{
    color:#FFF;
    background-color:var(--color-primary);
}
.nav-central-bg{
    padding: 5px 0;
    background-color: var(--color-nav-central-bg);
}
.nav-tabs{
    margin-bottom:20px
}
.nav-tabs>li>a{
    margin-right:0
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a{
    color:#0b1642
}
.navbar-toggle .icon-bar{
    background-color:#FFF
}
.icon-rosa{
    background-color:#0b1642!important
}
.navbar-toggle-categorias{
    padding:5px 0;
    margin-top:0;
    margin-right:0
}
.navbar-collapse{
    padding-right:0;
}
.navbar-collapse a{
    font-size: 0.9em;    
}
.nav-link-home{
    font-weight:700;
    color:#FFF;
    display:block;
    float:left
}
.nav-link-home:hover{
    color:rgba(255,255,255,.8);
    text-decoration:none;
    transition:color .25s ease-in-out;
    -moz-transition:color .25s ease-in-out;
    -webkit-transition:color .25s ease-in-out
}
.lead-01{
    margin-bottom:10px;
    color:#FFF;
    font-size:18px
}
.lead-02{
    margin-bottom:10px;
    color:#0b1642;
    font-size:1em;
    margin-left:0px
}
.background-page-content{
    background-color: var(--color-page-background);
    padding:20px 0 40px;
    border-bottom: 1px solid var(--color-primary);
/*    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.3);
    box-shadow:0 1px 1px rgba(0,0,0,.3)*/
}
.menu-score-carrinho{
    padding:7px 20px;
    font-weight:700;
    display:table;
    color:#FFF
}
.menu-score-carrinho a{
    text-decoration:none
}
.menu-score-carrinho:hover{
    color:#FFF;
    background-color:rgba(255,255,255,.3);
    text-decoration:none;
    border-radius:4px;
    transition:background .25s ease-in-out;
    -moz-transition:background .25s ease-in-out;
    -webkit-transition:background .25s ease-in-out
}
.txt-usuario-pontos{
    margin:7px 0;
    font-weight:700;
    display:block;
    color:#FFF
}
.txt-usuario-catalogo{
    font-weight:700;
    display:block;
    color:#FFF;
    margin-top:3px
}
.product-title-txt {
  font-size: 0.9em;
  text-align: center;
  letter-spacing: -0.05em;
  font-kerning: none;
  line-height: 0.9em;
}
.product-point-txt{
    font-size:18px;
    font-weight:700;
    color:#0b1642;
    margin-top:3px
}
.product-point-txt:hover{
    color:#0b1642
}
.btn-hover{
    font-weight:400;
    cursor:pointer;
    color:#0b1642;
    background-color:inherit;
    border-color:transparent
}
.btn-cart{
    font-weight:400;
    cursor:pointer;
    color:#000;
    background-color:inherit;
    border-color:transparent
}
.btn-cart.active,.btn-cart:active,.btn-cart:focus,.btn-cart:hover{
    color:#0b1642
}
.btn-hover-alt{
    font-weight:400;
    color:#fff;
    cursor:pointer;
    background-color:inherit;
    border-color:transparent
}
.btn-project:active,.btn-project:hover,.open>dropdown-toggle.btn-project{
    color:#FFF;
    background-color:#0b1642;
    border-color:#0b1642
}
.btn-project:focus{
    color:#0b1642;
    background-color:#FFF;
    border-color:transparent
}
.btn:focus{
    outline:0
}
.btn-comprar{
    color:#FFF;
    background-color:#00b0f2
}
.btn-align-vertical,.btn-cep{
    margin-top:25px
}
.btn-comprar:focus,.btn-comprar:hover{
    color:#FFF;
    background-color:rgba(0,176,242,.9);
    transition:background .25s ease-in-out;
    -moz-transition:background .25s ease-in-out;
    -webkit-transition:background .25s ease-in-out
}
.btn-cep{
    margin-top:25px
}
.pos-cadastro-buttons{
    margin:20px 0 0
}
.btn-troca-catalogo{
    color:#333;
    background-color:#fff
}
.btn-troca-catalogo.disabled,.btn-troca-catalogo[disabled]{
    color:#FFF;
    background-color:rgba(255,255,255,.3);
    opacity:1;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.15);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.15)
}
h1{
    font-size:26px;
    color:#0b1642;
    margin:0 0 20px
}
h2{
    font-size:18px;
    color:#0b1642;
    margin:0 0 20px
}
.titulo-capa{
    font-size:18px;
    color:#0b1642;
    border-bottom:#0b1642 1px solid
}
.titulo-produto{
    font-size:26px;
    color:#0b1642;
    margin:0 0 20px
}
.valor-produto{
    font-size:26px;
    margin:10px 0
}
.legenda-pontos{
    font-size:12px
}
.caracteristicas-produto-titulo{
    font-size:16px;
    font-weight:700;
    color:#0b1642;
    margin:20px 0 0
}
.caracteristicas-produto{
    font-size:16px
}
.breadcrumb{
    padding:0 15px 10px;
    margin-bottom:10px;
    list-style:none;
    background-color:transparent;
    font-size:11px
}
.breadcrumb>.active{
    color:#0b1642
}

footer a,footer p,footer span{
    color:#777
}
footer a:hover{
    color:#999
}
footer div{
    text-align:center
}
.border-bottom-primary{
    border-bottom:1px solid #0b1642;
    padding:0 0 5px
}
.txt-numero-pedido{
    font-size:30px;
    color:#0b1642;
    font-weight:700;
    text-align:center;
    padding:20px;
    margin:0 0 40px;
    border:1px solid #0b1642;
    background:#EEE
}
.pos-banner-meudesejo{
    margin:20px 0
}
.zoom{
    display:inline-block;
    position:relative;
    border:1px solid #DDD;
    border-radius:4px;
    padding:20px;
    background-color: #FFF;
}
.zoom:after{
    content:'';
    display:block;
    width:33px;
    height:33px;
    position:absolute;
    top:0;
    right:0;
    background:url(../js/icon.png)
}
.zoom img{
    display:block
}
.zoom img::selection{
    background-color:transparent
}
#ex2 img:hover{
    cursor:url(grab.cur),default
}
#ex2 img:active{
    cursor:url(grabbed.cur),default
}
.meudesejo-titulo{
    font-size:18px;
    font-weight:700;
    border-bottom:1px solid #000;
    margin:10px 0
}
.text-warning{
    color:#FF9800
}
#block_maisprocurados{
    border:1px solid #DDD;
    margin-top:60px;
    padding:5px;
    z-index:0;
    border-radius:4px
}
#block_maisprocurados h1{
    font-size:18px;
    color:#0b1642;
    margin:0 0 5px;
    padding:10px 0;
    line-height:1
}
#block_maisprocurados .line_maisprocurados{
    border-top:1px dotted #DDD;
    padding:5px 0;
    font-size:10px;
    height:63px;
    position:relative;
    z-index:2;
    background-color:#FFF
}
#block_maisprocurados img{
    float:left;
    margin:0 5px
}
#block_maisprocurados a{
    text-decoration:none;
    color:#333
}
#block_maisprocurados a:hover{
    color:#0b1642
}
#block_maisprocurados p{
    position:absolute;
    top:10px;
    margin:0;
    padding:0;
    line-height:1;
    width:45px;
    height:50px;
    font-size:44px;
    font-weight:700;
    color:#EEE;
    z-index:-1;
    right:5px;
    text-align:right
}
.menu-busca{
    padding:20px 0 16px;
    margin:0 10px 0 0;
    border-top:1px solid #EEE
}
.busca-resultados-txt{
    padding:5px 0 0
}
.display-search-results{
    margin-bottom:20px
}
.linha-resultados{
    border-top:1px solid #EEE;
    padding:20px 0;
    margin:0 10px 0 0
}
.linha-resultados-nome-produto{
    font-size:20px;
    margin:auto 0
}
.results-pos{
    float:left;
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.results-pos-img{
    width:20%
}
.results-pos-nome{
    width:60%
}
.results-pos-buttom{
    width:20%
}
.results-txt-profas{
    color:#0b1642;
    font-size:20px;
    font-weight:700
}
.texto-regulamento{
    margin:0 40px 80px 0
}
.table a{
    text-decoration:none;
    color:#0b1642
}
.table a:hover{
    color:#0b1642;
    text-decoration:underline
}
#table-cart th,#table-extrato th{
    color:#FFF;
    background-color:#0b1642;
    border:none
}
#table-extrato tfoot tr{
    color:#000;
    background-color:#DDD;
    border:none
}
.table-extrato{
    font-size:9px
}
.extrato-menos{
    color:red
}
#table-cart>tbody>tr>td{
    height:50px
}
#table-cart tfoot tr{
    color:#000;
    background-color:#DDD;
    border:none;
    font-weight:700
}
#table-cart tfoot tr td{
    padding:20px 0
}
.table-cart-valign{
    margin-top:14px
}
.bg-white{
    background-color:#FFF
}
#table-cart-confirma tfoot tr{
    color:#000;
    background-color:#DDD;
    border:none;
    font-weight:700
}
#table-cart-confirma tfoot tr td{
    padding:20px 0
}
.table-cart-confirma-valign{
    margin-top:14px
}
#table-cart-confirma th{
    color:#000;
    background-color:#DDD;
    border:none
}
.pagination{
    margin:0
}
.pagination>li>a{
    color:#000
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
    background-color:#0b1642;
    color:#FFF;
    border-color:#ddd
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    color:#fff;
    background-color:#0b1642;
    border-color:#ddd
}
#img_loader_aviseme,#solicitar_info_sent{
    display:none;
    font-size:14px
}
#carousel-prodimage{
    height:270px;
    display:block;
    margin:20px auto;
}
.carousel-holder{
    margin-bottom:20px;
}
.carousel-control{
    width:7%
}
.carousel-inner{
    left:-15px
}
.carousel-fade .carousel-inner .item{
    transition-property:opacity
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item{
    opacity:0
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
    opacity:1
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{
    left:0;
    transform:translate3d(0,0,0)
}
.carousel-fade .carousel-control{
    z-index:2
}
.carousel-control.left,.carousel-control.right{
    background-image:none!important
}
/*! * Datepicker for Bootstrap v1.5.1 (https://github.com/eternicode/bootstrap-datepicker) * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */
.datepicker{
    padding:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    direction:ltr
}
.datepicker thead{
    background-color:#FFF;
    color:#000
}
.datepicker-inline{
    width:220px
}
.datepicker.datepicker-rtl{
    direction:rtl
}
.datepicker.datepicker-rtl table tr td span{
    float:right
}
.datepicker-dropdown{
    top:0;
    left:0
}
.datepicker-dropdown:before{
    content:'';
    display:inline-block;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #999;
    border-top:0;
    border-bottom-color:rgba(0,0,0,.2);
    position:absolute
}
.datepicker-dropdown:after{
    content:'';
    display:inline-block;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    border-top:0;
    position:absolute
}
.datepicker-dropdown.datepicker-orient-left:before{
    left:6px
}
.datepicker-dropdown.datepicker-orient-left:after{
    left:7px
}
.datepicker-dropdown.datepicker-orient-right:before{
    right:6px
}
.datepicker-dropdown.datepicker-orient-right:after{
    right:7px
}
.datepicker-dropdown.datepicker-orient-bottom:before{
    top:-7px
}
.datepicker-dropdown.datepicker-orient-bottom:after{
    top:-6px
}
.datepicker-dropdown.datepicker-orient-top:before{
    bottom:-7px;
    border-bottom:0;
    border-top:7px solid #999
}
.datepicker-dropdown.datepicker-orient-top:after{
    bottom:-6px;
    border-bottom:0;
    border-top:6px solid #fff
}
.datepicker>div{
    display:none
}
.datepicker table{
    margin:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:#000
}
.datepicker td,.datepicker th{
    text-align:center;
    width:20px;
    height:20px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:none
}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{
    background-color:transparent
}
.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{
    background:#eee;
    cursor:pointer
}
.datepicker table tr td.new,.datepicker table tr td.old{
    color:#BBB
}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{
    background:0 0;
    color:#999;
    cursor:default
}
.datepicker table tr td.highlighted{
    background:#d9edf7;
    border-radius:0
}
.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{
    background-color:#0b1642;
    color:#FFF
}
.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{
    background-color:#FF8282;
    color:#FFF
}
.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{
    background-color:#0b1642
}
.datepicker table tr td.today:hover:hover{
    color:#000
}
.datepicker table tr td.today.active:hover{
    color:#fff
}
.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{
    background:#eee;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{
    background-color:#f3d17a;
    background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));
    background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-repeat:repeat-x;
    border-color:#f3e97a #f3e97a #edde34;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{
    background-color:#f3e97a
}
.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{
    background-color:#efe24b
}
.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{
    background-color:#9e9e9e;
    background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);
    background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));
    background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);
    background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);
    background-image:linear-gradient(to bottom,#b3b3b3,grey);
    background-repeat:repeat-x;
    border-color:grey grey #595959;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{
    background-color:grey
}
.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{
    background-color:#666
}
.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{
    background-color:#006dcc;
    background-image:-moz-linear-gradient(to bottom,#08c,#04c);
    background-image:-ms-linear-gradient(to bottom,#08c,#04c);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image:-webkit-linear-gradient(to bottom,#08c,#04c);
    background-image:-o-linear-gradient(to bottom,#08c,#04c);
    background-image:linear-gradient(to bottom,#08c,#04c);
    background-repeat:repeat-x;
    border-color:#04c #04c #002a80;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{
    background-color:#04c
}
.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{
    background-color:#039
}
.datepicker table tr td span{
    display:block;
    width:23%;
    height:54px;
    line-height:54px;
    float:left;
    margin:1%;
    cursor:pointer;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.datepicker table tr td span:hover{
    background:#eee
}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{
    background:0 0;
    color:#999;
    cursor:default
}
.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{
    background-color:#006dcc;
    background-image:-moz-linear-gradient(to bottom,#08c,#04c);
    background-image:-ms-linear-gradient(to bottom,#08c,#04c);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image:-webkit-linear-gradient(to bottom,#08c,#04c);
    background-image:-o-linear-gradient(to bottom,#08c,#04c);
    background-image:linear-gradient(to bottom,#08c,#04c);
    background-repeat:repeat-x;
    border-color:#04c #04c #002a80;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{
    background-color:#04c
}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{
    background-color:#039
}
.datepicker table tr td span.new,.datepicker table tr td span.old{
    color:#999
}
.datepicker .datepicker-switch{
    width:145px
}
.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{
    cursor:pointer
}
.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{
    background:#eee
}
.datepicker .cw{
    font-size:10px;
    width:12px;
    padding:0 2px 0 5px;
    vertical-align:middle
}
.input-append.date .add-on,.input-prepend.date .add-on{
    cursor:pointer
}
.input-append.date .add-on i,.input-prepend.date .add-on i{
    margin-top:3px
}
.input-daterange input{
    text-align:center
}
.input-daterange input:first-child{
    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px
}
.input-daterange input:last-child{
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0
}
.input-daterange .add-on{
    display:inline-block;
    width:auto;
    min-width:16px;
    height:18px;
    padding:4px 5px;
    font-weight:400;
    line-height:18px;
    text-align:center;
    text-shadow:0 1px 0 #fff;
    vertical-align:middle;
    background-color:#eee;
    border:1px solid #ccc;
    margin-left:-5px;
    margin-right:-5px
}
#new-tracking{
    font-size:12px
}
#new-tracking .card-wrapper{
    max-width:100%
}
#new-tracking .radius{
    border-radius:5px
}
#new-tracking .shadowDepth1{
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}
#new-tracking .card{
    background-color:#fff;
    margin-bottom:1.6rem
}
#new-tracking .card__header{
    background-color:#eaeaea;
    padding:1.6rem;
    height:90px
}
#new-tracking .border-header-radius{
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
#new-tracking .header-dataped,#new-tracking .header-numped{
    border-right:1px solid #999;
    margin-right:20px
}
#new-tracking .header-title{
    font-size:1.2rem
}
#new-tracking .header-value{
    font-size:3rem;
    line-height:4rem
}
#new-tracking .header-statusped-value{
    font-size:1.5rem;
    line-height:5.5rem
}
/*! ### Tracking ############################### !*/
#tracking{
    font-size:12px;
    padding:20px;
    min-height:300px
}
.tracking-form-consulta{
    background-color:#000;
    color:#FFF;
    margin:8px 0 0;
    padding:29px 22px;
    font-size:18px;
    height:40px
}
.form-posTracking-label{
    display:block;
    float:left;
    margin:7px 20px 0 10px
}
.form-posTracking-numped{
    width:100px;
    display:block;
    float:left;
    margin:0 20px 0 10px
}
#tracking h1{
    font-size:11px;
    color:#000;
    font-weight:700;
    display:block;
    background-color:#e28c7b;
    line-height:11px;
    padding:10px 20px
}
#tracking p{
    margin:20px;
    font-size:14px
}
#tracking fieldset{
    background-color:#000;
    padding:10px 20px;
    margin:10px 0;
    font-size:11px
}
#tracking label{
    padding-right:30px;
    color:#FFF;
    float:left
}
#tracking .tb1-header{
    font-weight:700;
    padding:5px 20px;
    font-size:11px
}
#tracking .tb1-lines{
    background-color:#f8f8f8;
    margin-top:4px;
    padding:15px 20px;
    font-size:14px
}
#tracking .tb1-lines a{
    color:#000
}
#tracking .tb1-lines a:hover{
    color:#088d3e
}
#tracking .tb-numped{
    width:120px;
    float:left
}
#tracking .tb-dataped{
    float:left;
    width:120px
}
#tracking .tb-produto{
    width:300px
}
#tracking .tb2-lines{
    background-color:#f8f8f8;
    margin-top:4px;
    font-size:14px;
    padding:10px 20px;
    float:left;
    width:820px
}
#tracking .tb2-rotulo{
    float:left;
    width:160px;
    font-weight:700
}
#tracking .tb2-conteudo{
    float:left
}
#tracking .lastrow{
    margin-bottom:40px
}
#tracking a{
    text-decoration:none;
    color:#3498db
}
#tracking h2{
    line-height:1.2;
    margin-bottom:1.6rem
}
.border-header-radius{
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
#tracking .text-center{
    text-align:center
}
#tracking .radius{
    border-radius:5px
}
#tracking .padding-tb{
    padding-top:1.6rem;
    padding-bottom:1.6rem
}
#tracking .shadowDepth0{
    box-shadow:0 1px 3px rgba(0,0,0,.12)
}
#tracking .shadowDepth1{
    box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}
#tracking .card{
    background-color:#fff;
    margin-bottom:1.6rem
}
#tracking .card-wrapper{
    max-width:100%
}
#tracking .card__padding{
    padding:1.6rem
}
#tracking .card__image{
    min-height:100px;
    background-color:#eee
}
#tracking .card__image img{
    width:100%;
    max-width:100%;
    display:block
}
#tracking .card__header{
    background-color:#eaeaea;
    padding:20px 0;
    display:block;
    float:left;
    width:-webkit-fill-available
}
#tracking .card__content{
    position:relative
}
#tracking .card__meta time{
    font-size:1.5rem;
    color:#bbb;
    margin-left:.8rem
}
#tracking .card__article a{
    text-decoration:none;
    color:#444;
    transition:all .5s ease
}
#tracking .card__article a:hover{
    color:#2980b9
}
#tracking .card__action{
    overflow:hidden;
    padding:1.6rem
}
#tracking .card__steps{
    width:100%;
    display:inline-block
}
#tracking .card__product{
    width:70%;
    height:140px;
    display:inline-block;
    border-right:1px solid #999;
    margin-right:20px;
    float:left
}
#tracking .card__infos p{
    margin:0;
    font-size:12px
}
#tracking .card__product img,#tracking .card__product-content{
    display:inline-block;
    vertical-align:middle;
    font-size:1.6rem;
    font-weight:700
}
#tracking .card__product img{
    border-radius:50%;
    margin-right:.6em
}




.cart-preview-badge {
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  padding: 0.4em 0.6em;
  background-color: #fff;
  color: #f69323;
  border: 2px solid #f69323;
  border-radius: 3.75em;
  font-size: 0.7em;
  position: absolute;
  top: -0.4em;
  right: -1em;
}
.cart-preview {
  position: relative;
  display: inline-block;
  text-align: center;
  background: var(--color-primary);
  color: #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  padding: 4px 8px 4px 4px;
  line-height: 40px;
  margin-left: 1em;
  cursor: pointer;
}
.cart-preview .fa-2x {
  font-size: 1.5em;
}


.navbar-superior {
  background-color: #f6f6f6;
  padding: 0 0 5px;
  border-bottom: 1px solid #eee;
}
.pos-user-menu {
  margin: 5px 0 0;
  font-size: 0.9em;
}
.pos-user-menu span a {
  padding: 5px;
  color: var(--color-primary);
  text-decoration: none;
}
.pos-user-menu span a:hover {
  padding: 5px;
  color: #fff;
  background-color: var(--color-primary);
  text-decoration: none;
}






.card-g {
  display: block;
  line-height: 1.42857143;
  background-color: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease;
  border-radius: 0;
  margin: 0 0 15px;
  padding: 20px;
}
.card-g .caption {
  padding: 0 10px;
  color: #333;
}
.card-g .caption-full {
  padding: 9px;
  color: #333;
}
.card-g img {
  margin: 0 auto 5px;
  padding: 0;
}
.card-g .ratings {
  color: var(--color-primary);
  margin: 10px 0 0;
}





.card2{
    position:relative;
    margin:.5rem 0 1rem;
    background-color:#fff;
    -webkit-transition:-webkit-box-shadow .25s;
    transition:-webkit-box-shadow .25s;
    transition:box-shadow .25s;
    transition:box-shadow .25s,-webkit-box-shadow .25s;
    border-radius:2px;
    -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)
}
.card2 .card-image{
    position:relative;
    padding:10%
}
.card2 .card-image img{
    display:block;
    border-radius:2px 2px 0 0;
    position:relative;
    left:0;
    right:0;
    top:0;
    bottom:0;
    height:180px;
    width:auto;
    margin-right:auto;
    margin-left:auto
}
.card2 .card-content{
    padding:0 24px 24px;
    border-radius:0 0 2px 2px;
    max-height:120px;
    min-height:120px
}
.card2 .card-content .card-title{
    display:block;
    line-height:32px;
    margin-bottom:8px
}
.card2 .card-title{
    font-size:24px;
    font-weight:300
}
.card2 .card-content p{
    margin:0
}
.card-content p{
    -webkit-font-smoothing:antialiased
}
.card2 .card-action:last-child{
    border-radius:0 0 2px 2px
}
.card2 .card-action{
    background-color:inherit;
    border-top:1px solid rgba(160,160,160,.2);
    position:relative;
    padding:16px 24px
}
.card2 .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){
    color:#ffab40;
    -webkit-transition:color .3s ease;
    transition:color .3s ease
}
.card2 .btn-floating.halfway-fab{
    position:absolute;
    right:24px;
    bottom:-20px
}
.card2 .waves-effect{
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    vertical-align:middle;
    z-index:1;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out
}
.card2 .btn-floating{
    display:inline-block;
    color:#fff;
    position:relative;
    overflow:hidden;
    z-index:1;
    width:40px;
    height:40px;
    line-height:40px;
    padding:0;
    background-color:#26a69a;
    border-radius:50%;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
    cursor:pointer;
    vertical-align:middle
}
.card2 .btn-floating i{
    width:inherit;
    display:inline-block;
    text-align:center;
    color:#fff
}
.card2 .btn i,.card2 .btn-flat i,.card2 .btn-floating i,.card2 .btn-large i,.card2 .btn-small i{
    font-size:1.3rem;
    line-height:inherit
}
.stepwizard-step p{
    margin-top:10px
}
.stepwizard-row{
    display:table-row
}
.stepwizard{
    display:table;
    width:100%;
    position:relative;
    border-bottom:1px solid #f0f0f0;
    margin:20px 0
}
.stepwizard-step button[disabled]{
    opacity:1!important;
    filter:alpha(opacity=100)!important
}
.stepwizard-row:before{
    top:14px;
    bottom:0;
    position:absolute;
    content:" ";
    width:100%;
    height:1px;
    background-color:#ccc;
    z-order:0
}
.stepwizard-step{
    display:table-cell;
    text-align:center;
    position:relative;
    padding:0 0 20px
}
#tracking .stepwizard-step p{
    font-size:12px;
    margin:0
}
.btn-circle{
    width:30px;
    height:30px;
    text-align:center;
    padding:6px 0;
    font-size:12px;
    line-height:1.428571429;
    border-radius:15px
}
#tracking .header-dataped-wrapper,#tracking .header-numped-wrapper{
    display:inline-block;
    border-right:1px solid #999;
    padding:0 20px;
    float:left
}
#tracking .header-statusped-wrapper{
    display:inline-block;
    padding:0 20px;
    float:left
}
#tracking .header-title{
    font-size:1em
}
#tracking .header-statusped-value,#tracking .header-value{
    font-size:1.5em;
    line-height:1.5em
}


/* Estilos para categorias extra */
.categoria-extra {
    font-weight: bold !important;
    color: var(--bs-primary) !important;
}

/* .categoria-extra:before {
    content: "? ";
    margin-right: 5px;
} */

.categoria-extra:hover {
    color: var(--bs-primary) !important;
    text-decoration: underline;
}



/* Container da vitrine */
.vitrine {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 20px; /* Espaçamento entre os produtos */
  justify-content: center;
  padding: 0px 15px;
}

/* Cada produto será uma coluna flexível */
.produto {
  flex: 1 1 calc(33.333% - 15px); /* 3 colunas no desktop */
  max-width: calc(33.333% - 15px);
  transition: transform 0.2s ease-in-out;
}
.produto:hover {
  transform: scale(1.05);
}
.vitrine .produto a {
  position: relative;
  z-index: 1; /* Garante que o link fique acima de outros elementos */
  display: block; /* Faz com que o link ocupe toda a área clicável */
}

/* Ajusta para 2 colunas no mobile */
@media (max-width: 767px) {
  .produto {
      flex: 1 1 calc(50% - 15px); /* 2 colunas no mobile */
      max-width: calc(50% - 15px);
  }
}





@media (max-width:991.98px){
    #tracking .header-dataped-wrapper{
        border-right:none
    }
    #tracking .header-statusped-wrapper{
        padding:20px 20px 0;
        float:left
    }
    #tracking .card__product{
        width:100%;
        border:none
    }
    #tracking .card__infos{
        width:100%;
        border-top:1px solid #f0f0f0
    }
    .stepwizard-step{
        display:block
    }
    .stepwizard-row:before{
        height:0;
        background-color:#FFF
    }
}
.notifications{
    position:fixed;
    z-index:9999
}
.notifications.top-right{
    right:10px;
    top:25px
}
.notifications.top-left{
    left:10px;
    top:25px
}
.notifications.bottom-left{
    left:10px;
    bottom:25px
}
.notifications.bottom-right{
    right:10px;
    bottom:25px
}
.notifications>div{
    position:relative;
    margin:5px 0
}
.glyphicon-refresh-animate{
    -animation:spin .7s infinite linear;
    -webkit-animation:spin2 .7s infinite linear
}
@-webkit-keyframes spin2{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    from{
        transform:scale(1) rotate(0deg)
    }
    to{
        transform:scale(1) rotate(360deg)
    }
}
#btn-cat-loading{
    display:none
}
#modal-troca-catalogo .modal-body{
    height:80%
}
.adm-pos-button{
    margin:25px 0 0
}
.icon-loading{
    color:#00b0f2
}
@media (min-width:300px){
    .menu-score-carrinho{
        margin:10px auto
    }
    .navbar-header{
        float:none;
        border-bottom:#0b1642 1px solid;
        margin-bottom:10px
    }
    .navbar-top{
        margin:20px;
        border-bottom:#0b1642 1px solid
    }
    .table-responsive{
        margin:0 20px 0 0
    }
    .pos-busca{
        margin-top:5px
    }
    .pos-cart-preview {
      margin: 10px 40px 10px 0;
    }
    .nav-link-home{	padding: 0px 20px 0 10px; }
}
@media screen and (min-width:768px){
    .carousel-indicators{
        bottom:0;
        display:none
    }
}
@media (min-width:768px){
    .navbar-nav{
        float:right;
        margin-top:20px
    }
    .menu-score-carrinho{
        float:right;
        margin:0
    }
    .navbar-header{
        float:none;
        border-bottom:0;
        margin-bottom:0
    }
    .table-responsive{
        margin:0
    }
    .pos-busca{
        margin-top:25px
    }
    .carousel-inner{
        width:104%
    }
    .product-title-txt {
      font-size: 1em;
      line-height: 1em;
    }
    .pos-cart-preview {
      margin: 20px 40px 0 0;
    }
    .nav-link-home{ padding: 7px 20px 0 0;}
}