/* Minification failed. Returning unminified contents.
(2,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,27): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(27,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(32,19): run-time error CSS1039: Token not allowed after unary operator: '-link-over-color'
(80,16): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(150,19): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(156,16): run-time error CSS1039: Token not allowed after unary operator: '-sub-theme-color'
(164,19): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(185,16): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(211,24): run-time error CSS1039: Token not allowed after unary operator: '-sub-theme-color'
(255,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(256,19): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(272,19): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(277,22): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(299,31): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(300,34): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(320,27): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(338,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(358,33): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(359,22): run-time error CSS1039: Token not allowed after unary operator: '-link-over-color'
(368,30): run-time error CSS1039: Token not allowed after unary operator: '-alternative-background-color'
(369,30): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(401,33): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(409,19): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(413,19): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(492,24): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(532,27): run-time error CSS1039: Token not allowed after unary operator: '-alternative-background-color'
(581,27): run-time error CSS1039: Token not allowed after unary operator: '-sub-theme-color'
(585,16): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(591,27): run-time error CSS1039: Token not allowed after unary operator: '-sub-theme-color'
(604,27): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(605,23): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(611,30): run-time error CSS1039: Token not allowed after unary operator: '-sub-theme-color'
(612,26): run-time error CSS1039: Token not allowed after unary operator: '-sub-theme-color'
(616,23): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(617,16): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(623,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(624,26): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(625,19): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(634,27): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(638,16): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(646,26): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(689,19): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(693,22): run-time error CSS1039: Token not allowed after unary operator: '-link-over-color'
(747,22): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(752,25): run-time error CSS1039: Token not allowed after unary operator: '-link-over-color'
(796,19): run-time error CSS1039: Token not allowed after unary operator: '-link-over-color'
(823,30): run-time error CSS1039: Token not allowed after unary operator: '-sub-theme-color'
(824,19): run-time error CSS1039: Token not allowed after unary operator: '-alternative-text-color'
(993,37): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(998,22): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1005,36): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1029,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1052,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1053,20): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1067,27): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1073,37): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1074,22): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1107,30): run-time error CSS1039: Token not allowed after unary operator: '-alternative-background-color'
(1247,19): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(1268,21): run-time error CSS1039: Token not allowed after unary operator: '-alternative-background-color'
(1269,27): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(1284,30): run-time error CSS1039: Token not allowed after unary operator: '-border-over-color'
(1347,16): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(1462,22): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
 */
:root {
   --main-theme-color: #1564A3;
   --sub-theme-color: #23282a;
   --alternative-theme-color: #202020;
   --background-color: #f9f9f9;
   --alternative-background-color: #fff;
   --text-color: #000;
   --alternative-text-color: #fff;
   --link-color: #015096;
   --link-over-color: #F18503;
   --border-color: #efefef;
   --border-over-color: #F18503;
   --border-theme-neon: #343C3F;
}

html, body {
   height: 100%;
   margin: 0;
}

body {
   background-color: var(--background-color);
   padding-top: 134px;
}

a {
   color: var(--link-color);
   text-decoration: none;
}

   a:hover {
      color: var(--link-over-color);
      text-decoration: none;
   }

.txt-alerta-vermelho {
   color: #d80000;
}

.txt-alerta-amarelo {
   color: #dbb600;
}

.bg-info {
   background-color: #17a2b8 !important;
}

.btn-info {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8;
}

.slider-produtos .owl-prev, .slider-produtos .owl-next,
.outline-less:focus {
   outline: thin dotted;
   outline: 0px auto -webkit-focus-ring-color;
   outline-offset: 0px;
}

.width-max-content {
   width: max-content;
}

.important-block {
   display: block !important;
}

.border-none {
   border: none !important;
}

.border-circle {
   border-radius: 50%;
   padding: 8px;
   text-align: center;
}

.color-main {
   color: var(--main-theme-color) !important;
}

.btn:focus, .btn.focus {
   box-shadow: none !important;
}

/* ======= Cabeçalho ======= */
.cabecalho {
   /*background-color: var(--main-theme-color);*/
   background-color: #fff;
   width: 100%;
   padding: 10px;
}

.cabecalho-wrap {
   position: relative;
   width: 100%;
   max-width: 1400px;
   margin: auto;
}

.cabecalho .logo {
   margin-top: 2px;
   margin-left: 10px;
   max-height: 50px;
}

.cabecalho .logoMobile {
   padding-left: 10px;
   float: left;
   width: 100px;
}

.cabecalho .menuMobile {
   margin-left: 10px;
   padding-left: 0;
   float: left;
}

   .cabecalho .menuMobile button {
      margin-top: 13px;
      padding: 0;
   }

.cabecalho-menu {
   margin: 0;
   padding: 0;
   float: right;
   display: inline-flex;
}

   .cabecalho-menu a {
      display: block;
      vertical-align: middle;
   }

.cabecalho-menu-utilizador {
   max-width: 200px;
}

.cabecalho-menu-carrinho {
   /*width: 120px;*/
}

   .cabecalho-menu-carrinho .cabecalho-menu-carrinho-total {
      /*width: 120px;*/
   }

   .cabecalho-menu-carrinho i {
      color: var(--alternative-text-color) !important;
   }

.cabecalho-menu i {
   font-size: 35px;
   margin: 7px 5px 7px 5px;
   color: var(--sub-theme-color);
}

.cabecalho-utilizador {
   /*border-radius: 12px;*/
}

   .cabecalho-utilizador p {
      color: var(--text-color);
      margin: 0;
      line-height: 50px;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 130px;
      white-space: nowrap;
   }

.cabecalho-utilizador-fotoperfil {
   float: left;
   font-size: 40px !important;
   margin-top: 2px;
}

.cabecalho-utilizador-detalhes {
   float: left;
   margin-left: 10px;
}

.cabecalho-utilizador-logout {
   color: var(--alternative-text-color);
   float: right;
   margin-top: -5px;
}

   .cabecalho-utilizador-logout p {
      float: left;
      margin-left: 5px;
   }

   .cabecalho-utilizador-logout i {
      float: left;
      font-size: 14px !important;
      margin-top: 6px;
      margin-left: 1px;
   }

.cabecalho-menu-carrinho {
   margin-left: 15px;
}

   .cabecalho-menu-carrinho a {
      color: white;
   }

   .cabecalho-menu-carrinho .carrinho-compras {
      background: var(--sub-theme-color);
      display: flex;
      border-radius: 0;
      text-align: right;
      border-radius: 4px;
   }

      .cabecalho-menu-carrinho .carrinho-compras i {
         font-size: 35px;
      }

      .cabecalho-menu-carrinho .carrinho-compras .carrinho-compras-resumo {
         margin: 0px 10px;
      }

      .cabecalho-menu-carrinho .carrinho-compras .carrinho-compras-total {
         font-size: 18px;
         font-weight: bold;
      }


.dropdown-menu {
   padding: 0 !important;
   color: #333333 !important;
}

   .dropdown-menu i {
      font-size: 16px;
      color: #666666;
      margin-right: 15px;
      width: 22px;
   }

.dropdown-item {
   padding: 10px 15px 10px 15px !important;
   border-bottom: 1px solid #efefef;
   padding: 10px 15px 10px 15px !important;
}

   .dropdown-item:last-child {
      border-bottom: none;
   }

   .dropdown-item:active {
      background-color: var(--main-theme-color) !important;
      color: var(--alternative-text-color) !important;
   }

.btn-logout {
   color: #ce3737;
}

   .btn-logout:hover {
      color: #ce3737 !important;
   }

   .btn-logout i {
      color: #ce3737 !important;
   }

   .btn-logout:active {
      color: var(--alternative-text-color) !important;
   }

      .btn-logout:active i,
      .dropdown-item:active i {
         color: var(--alternative-text-color) !important;
      }

.frmPesquisaCab {
   max-width: 500px;
   width: 100%;
   margin-top: 5px;
}

   .frmPesquisaCab input {
      /*border-radius: 30px 0px 0px 30px !important;*/
   }

   .frmPesquisaCab span {
      /*border-radius: 0px 30px 30px 0px !important;*/
   }
/* ======= Fim Cabeçalho ======= */


/* ======= Menu ======= */
.menu {
   background-color: #fff;
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
}

   .menu ul {
      list-style: none;
      display: flex;
      justify-content: center;
      margin: 0;
   }

      .menu ul::-webkit-scrollbar-track {
         background-color: #F4F4F4;
      }

      .menu ul::-webkit-scrollbar {
         width: 16px;
         background: #F4F4F4;
      }

      .menu ul::-webkit-scrollbar-thumb {
         background: var(--main-theme-color);
      }

      .menu ul li {
         min-width: 160px;
         position: relative;
         z-index: 99;
         padding: 7px 10px 5px 10px;
      }

         .menu ul li p {
            text-align: center;
            margin: 0;
            font-size: 13px;
         }

         .menu ul li a {
            text-decoration: none;
            color: var(--text-color);
            font-family: system-ui;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 15px;
            width: 100%;
            float: left;
         }

         .menu ul li img {
            width: 30px;
            display: block;
            margin: auto;
         }


   .menu .main-menu {
   }

      .menu .main-menu > li:hover {
         background-color: var(--background-color);
         color: var(--link-over-color);
      }

   .menu .submenu {
      position: absolute;
      top: 61px;
      left: 0;
      display: none;
      width: 400px;
      background-color: var(--alternative-background-color);
      border: 1px solid var(--border-color);
      z-index: 99;
      padding: 0;
      max-height: calc(100vh - 180px);
      overflow-y: auto;
      overflow-x: hidden;
   }

      .menu .submenu a {
         color: #333333;
         font-size: 14px;
         line-height: 40px;
         margin-left: 10px;
         margin-right: 10px;
         width: calc(100% - 20px);
         float: left;
      }

      .menu .submenu li {
         float: left;
         border-bottom: 1px solid #efefef;
         width: 100%;
         padding: 0 !important;
         z-index: 99;
         position: relative;
      }

         .menu .submenu li p {
            text-align: left;
         }

      .menu .submenu .submenu-content:hover {
         background-color: var(--background-color);
      }

      .menu .submenu ul {
         position: fixed;
      }

   .menu .main-menu .menu-trigger-filhos {
      color: var(--text-color);
   }

   .menu .submenu .menu-trigger-filhos {
      color: var(--text-color);
   }

.menu-img {
   margin-top: 3px;
   height: 32px;
}

@media (max-width: 992px) {
   .menu .main-menu {
      overflow: hidden;
   }

   .menu .submenu {
      position: relative;
      max-height: unset;
      padding-left: 15px;
      border: 0px;
   }
}

/* ======= Medias (redimensionavél) ======= */
@media(min-width: 993px) {
   .menu .main-menu > li:hover > .submenu {
      display: block !important;
   }

   /*.menu .submenu > li:hover > .submenu {
      display: block !important;
   }*/
}

.menu-trigger-filhos {
   text-align: right;
   margin-top: 5px;
   float: right;
}

   .menu-trigger-filhos i {
      padding: 0px 10px 0px 10px;
      line-height: 33px;
   }

.menu-nome .nomeSemIcon {
   line-height: 51px;
}

.animated-icon1 { /* Icon com animação do menu mobile */
   width: 30px;
   height: 20px;
   position: relative;
   margin: 0px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   cursor: pointer;
}

   .animated-icon1 span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
      background: var(--text-color);
   }

      .animated-icon1 span:nth-child(1) {
         top: 0px;
      }

      .animated-icon1 span:nth-child(2) {
         top: 10px;
      }

      .animated-icon1 span:nth-child(3) {
         top: 20px;
      }

   .animated-icon1.open span:nth-child(1) {
      top: 11px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
   }

   .animated-icon1.open span:nth-child(2) {
      opacity: 0;
      left: -60px;
   }

   .animated-icon1.open span:nth-child(3) {
      top: 11px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
   }

/* ======= Fim Menu ======= */

.paginas-textos {
   padding: 20px;
   background-color: var(--alternative-background-color);
}

   .paginas-textos h1 {
      font-size: 28px;
   }

   .paginas-textos h2 {
      font-size: 24px;
   }

.conteudo {
   padding-top: 20px;
   padding-bottom: 20px;
   width: 100%;
   max-width: 1400px;
   margin: auto;
   min-height: calc(100% - 195px);
   display: block;
}

.row-height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
}

   .row-height > [class*='col-'] {
      display: flex;
      flex-direction: column;
   }

.carousel-control-prev {
   left: 15px !important;
}

.carousel-control-next {
   right: 15px !important;
}

.carousel-control-prev,
.carousel-control-next {
   width: 50px;
}

.slide-seta-navegacao-prev,
.slide-seta-navegacao-next {
   background-color: var(--sub-theme-color);
   width: 50px;
   border-radius: 50%;
   border: none;
   color: var(--alternative-text-color);
   font-size: 35px;
   text-align: center;
}

.main-theme-color {
   background-color: var(--sub-theme-color);
}

input[type] {
   /*border-radius: 1.25rem;*/
}

.btn {
   /*border-radius: 1.25rem;*/
   padding: 5px 15px 5px 15px;
}

.btn-primary {
   background-color: var(--main-theme-color) !important;
   border-color: var(--main-theme-color) !important;
}

   .btn-primary:visited,
   .btn-primary:active,
   .btn-primary:hover {
      background-color: var(--sub-theme-color) !important;
      border-color: var(--sub-theme-color) !important;
   }

.btn-outline-primary {
   border-color: var(--main-theme-color) !important;
   color: var(--main-theme-color) !important;
}

   .btn-outline-primary:visited,
   .btn-outline-primary:active,
   .btn-outline-primary:hover {
      background-color: var(--main-theme-color) !important;
      border-color: var(--main-theme-color) !important;
      color: var(--alternative-text-color) !important;
   }

.bg-medium {
   background-color: #fafafa;
}

/* ======= Footer ======= */
footer {
   background-color: var(--main-theme-color);
   padding: 40px 0 20px;
   float: left;
   width: 100%;
   color: var(--alternative-text-color);
}

footer p {
   font-size: 14px;
}

   footer hr {
      border-color: var(--alternative-text-color);
      float: left;
      width: 100%;
      margin-bottom: 0;
   }

.footer-wrap {
   width: 100%;
   max-width: 1400px;
   margin: auto;
}

footer h4 {
   text-transform: uppercase;
   font-size: 18px;
}

#logo-footer {
   width: 100px;
}

.redes-sociais-footer,
.modos-pagamento-footer {
   float: left;
   width: 100%;
}

.redes-sociais-footer-item,
.modos-pagamento-footer-item {
   float: left;
   margin-right: 15px;
}

   .redes-sociais-footer-item:last-child,
   .modos-pagamento-footer-item:last-child {
      margin-right: 0;
   }

.redes-sociais-footer-item {
   font-size: 30px;
}

   .redes-sociais-footer-item a {
      color: var(--alternative-text-color);
      transition: 0.3s all;
   }
      .redes-sociais-footer-item a:hover {
         color: var(--link-over-color);
      }

.informacao-footer-item {
   float: left;
   width: 100%;
   color: #ccc;
}

   .informacao-footer-item a {
      color: #ccc;
      text-decoration: underline;
   }

      .informacao-footer-item a:hover {
         color: #efefef;
      }

.informacao-footer-item-icon {
   font-size: 25px;
   float: left;
   width: 50px;
}

.informacao-footer-item-conteudo {
   float: left;
   width: calc(100% - 50px);
}

   .informacao-footer-item-conteudo p {
      margin: 0;
      font-size: 14px;
   }

.menu-footer {
   margin-top: 15px;
   margin-bottom: 0px;
   padding: 0;
   float: left;
   width: 100%;
   list-style: none;
   justify-content: center;
   display: inline-flex;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}

   .menu-footer li {
      line-height: 15px;
      padding: 10px;
   }

      .menu-footer-horizontal li a,
      .menu-footer li a {
         color: var(--alternative-text-color);
      }

         .menu-footer-horizontal li a:hover,
         .menu-footer li a:hover {
            color: var(--link-over-color);
         }

.menu-footer-horizontal {
   margin: 0;
   padding: 0px;
   list-style: none;
   font-size: 14px;
   /*border-left: 1px solid var(--border-color);*/
   /*width: 50%;*/
   /*float: right;*/
}
/*footer ul {
      list-style: none;
      padding: 0;
      margin: 0;
   }

   footer h5 {
      color: var(--alternative-text-color);
   }

   footer a {
      color: #CCCCCC;
      font-size: 12px;
   }

   footer img {
      margin-top: 10px;
      width: 100%;
      max-width: 570px;
      float: right;
   }*/

.copyright-rcsoft {
   margin-bottom: 0px;
   margin-left: 0px;
   margin-top: 10px;
   text-align: left;
   font-size: 10px;
   color: #efefef;
}

   .copyright-rcsoft a {
      color: var(--link-over-color);
   }

   /* ======= Fim Footer ======= */

.espaco-pedido-cookies {
   width: 100%;
   position: absolute;
   bottom: 0px;
   left: 0px;
}

.espaco-pedido-cookies-inner {
   width: 80%;
   display: block;
   margin-left: auto;
   margin-right: auto;
   background-color: #343A40;
}

   /* ======= Slider produtos ======= */
   .slider-produtos {
      /*position: relative;*/
   }

   .slider-produtos .owl-prev, .slider-produtos .owl-next {
      position: absolute;
      background-color: var(--sub-theme-color) !important;
      color: var(--alternative-text-color) !important;
      font-size: 20px !important;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: none;
      text-align: center;
      opacity: 0.75;
      top: calc(50% - 30px);
   }

   .slider-produtos .owl-prev {
      left: 15px;
   }

   .slider-produtos .owl-next {
      right: 15px;
   }
/* ======= Fim Slider produtos ======= */

.carousel {
   margin-bottom: 10px;
}

.carousel-item {
   min-height: 100px;
}

.carrinho-qtd {
   max-width: 62px;
}

.miniature-product-container {
   width: 70px;
}

.miniature-product {
   max-height: 70px;
   max-width: 70px;
}

/*============================ Popups =====================*/

.modal-confirm {
   width: calc(100% - 20px);
   max-width: 525px;
   color: #636363;
}

   .modal-confirm .modal-content {
      padding: 20px;
      /*border-radius: 5px;*/
      border: none;
   }

   .modal-confirm h4 {
      text-align: center;
      font-size: 26px;
      margin: 30px 0 -15px;
   }

   .modal-confirm .form-control, .modal-confirm .btn {
      min-height: 40px;
      /*border-radius: 3px;*/
   }

   .modal-confirm .close {
      position: absolute;
      top: -5px;
      right: -5px;
   }

   .modal-confirm .modal-footer {
      border: none;
      text-align: center;
      /*border-radius: 5px;*/
      font-size: 13px;
   }

   .modal-confirm .icon-box {
      color: #fff;
      position: absolute;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: -30px;
      width: 95px;
      height: 95px;
      border-radius: 50%;
      z-index: 9;
      background: #82ce34;
      padding: 15px;
      text-align: center;
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
   }

   .modal-confirm.modal-error .icon-box {
      background: #f15e5e;
   }

   .modal-confirm .icon-box i {
      font-size: 58px;
      position: relative;
      top: 3px;
   }

   .modal-confirm.modal-dialog {
      margin-top: 80px;
   }

   .modal-confirm .btn {
      color: #fff;
      /*border-radius: 4px;*/
      text-decoration: none;
      transition: all 0.4s;
      line-height: normal;
      border: none;
   }

   .modal-confirm.modal-success .btn {
      background: #6fb32b;
   }

   .modal-confirm.modal-error .btn {
      background: #f15e5e;
   }

   .modal-confirm .btn:hover, .modal-confirm .btn:focus {
      outline: none;
   }

   .modal-confirm.modal-success .btn:hover, .modal-confirm .btn:focus {
      background: #6fb32b;
   }

   .modal-confirm.modal-error .btn:hover, .modal-confirm .btn:focus {
      background: #ee3535;
   }


   .modal-confirm.modal-warning .icon-box {
      background: #ffbb33;
   }

   .modal-confirm.modal-warning .btn {
      background: #ffbb33;
   }

      .modal-confirm.modal-warning .btn:hover, .modal-confirm .btn:focus {
         background: #ff8800;
      }


.trigger-btn {
   display: inline-block;
   margin: 100px auto;
}

/*===================== Fim popups ==========================*/



/*===================== Inicio Checkout ==========================*/


.checkout {
}

   .checkout .card {
      border-bottom: 2px solid var(--main-theme-color);
   }

      .checkout .card .card-header {
         background: white;
         color: var(--main-theme-color);
         font-weight: bold;
         cursor: pointer;
         padding: 15px 10px;
      }

         .checkout .card .card-header .step-label {
            border: 1px solid var(--main-theme-color);
            border-radius: 50%;
            width: 34px;
            height: 34px;
            text-align: center;
            font-size: 18px;
            padding: 2px 0px 0px 1px;
            display: inline-block;
         }

   .checkout .delivery-options {
   }

      .checkout .delivery-options .btn {
         border: 1px solid #CECECE;
         border-radius: 0px;
         padding: 15px;
      }

      .checkout .delivery-options .btn {
         color: #454545;
      }

         .checkout .delivery-options .btn.active {
            background: var(--main-theme-color);
            color: white !important;
         }

.selecionar-morada-group {
   margin-left: 0px !important;
   margin-right: 0px !important;
}

   .selecionar-morada-group .btn {
      color: #454545;
      padding: 0px;
      margin: 0px;
   }

   .selecionar-morada-group .selecionar-morada-content {
      padding: 5px;
      border: 1px solid #CECECE;
      width: 100%;
      height: 120px;
   }

   .selecionar-morada-group .btn.active .selecionar-morada-content {
      background: var(--main-theme-color);
      border: var(--main-theme-color);
      color: white !important;
   }


.nav-morada {
}

   .nav-morada li a {
      background: #F0F0F0;
      color: #454545;
   }

      .nav-morada li a:hover {
         background: var(--main-theme-color);
         color: #fff;
      }

      .nav-morada li a.active {
         font-weight: bold;
         border-top: 2px solid var(--main-theme-color) !important;
         color: var(--main-theme-color) !important;
      }


.mapa-icon {
   font-size: 35px;
   text-align: center;
}

.loading-ecra {
   background-color: rgba(255,255,255,0.8);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   justify-content: center;
   align-items: center;
   text-align: center;
   display: none;
   z-index: 2000;
}

/*===================== Fim Checkout ==========================*/
@media(max-width: 992px) {
   body {
   }

   .cabecalho .logo {
      margin-left: 15px;
   }

   .menu {
      background-color: var(--alternative-background-color);
      float: left;
   }

      .menu .main-menu {
         display: block;
         margin: 0;
         padding: 0;
         max-height: calc(100vh - 122px);
         overflow: auto;
         float: left;
      }

         .menu .main-menu > li {
            float: left;
            width: 100%;
         }

         .menu .main-menu li p {
            text-align: left;
         }

   .menu-img {
      float: left;
      margin: 0;
   }

      .menu-img img {
         width: 35px !important;
      }

   .menu-nome {
      text-align: left;
      float: left;
   }

      .menu-nome a {
         padding: 8px;
      }

      .menu-nome .nomeSemIcon {
         line-height: 20px;
      }

   .menu .submenu a {
      line-height: 20px;
   }

   .menu .submenu li {
      padding: 5px;
   }

   .menu .submenu,
   .menu .submenu ul {
      top: 0;
      left: 0;
      position: relative;
      float: left;
      width: 100%;
   }

      .menu .submenu .menu-trigger-filhos {
         margin-top: 2px;
      }

   .menu .main-menu .menu-nome {
      width: calc(100% - 75px);
   }

   .menu .submenu .menu-nome {
      width: calc(100% - 40px);
   }

   .carousel-control-prev {
      left: 0px !important;
      display: none;
   }

   .carousel-control-next {
      right: 0px !important;
      display: none;
   }

   .cabecalho-menu {
      margin-right: 8px;
   }

   .cabecalho-utilizador-nome {
      display: none;
   }


   .frmPesquisaCab {
      width: calc(100% - 20px);
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 10px;
      margin-bottom: 5px;
   }

   .carrinho {
      font-size: 80%;
   }

   .informacao-footer-item-conteudo {
      width: calc(100% - 35px);
   }

   .informacao-footer-item-icon {
      width: 35px;
   }

   #logo-footer {
      /*display: block;
      margin: auto;*/
   }

   .modos-pagamento-footer,
   .redes-sociais-footer {
      /*justify-content: center;
      display: flex;*/
   }

   .menu-footer {
      margin-bottom: 5px;
   }

   .menu-footer-horizontal {
      border-left: none;
      /*border-right: 1px solid var(--border-color);*/
   }
}

@media(max-width: 576px) {
   .footer-primeiro-quadro {
      /*display: grid;
      justify-content: center;*/
   }

   .cabecalho-menu-carrinho i {
      color: var(--text-color) !important;
   }
}

@media(max-width: 400px) {
   .cabecalho {
      padding: 10px 0px 10px 0px;
   }

   .cabecalho-utilizador {
      /*width: 200px;*/
   }

   .carrinho-qtd {
      font-size: unset !important;
      max-width: 50px;
   }
}
/* ======= Fim Medias ======= */

.produto-card {
   background: var(--alternative-background-color);
   border: 1px solid var(--border-color);
   padding: 12px;
}

   .produto-card input[type=number]::-webkit-outer-spin-button,
   .produto-card input[type=number]::-webkit-inner-spin-button { /* Retirar rows de incremento para Chrome, Safari, Edge, Opera */
      -webkit-appearance: none;
      margin: 0;
   }

   .produto-card input[type=number] { /* Retirar rows de incremento para Firefox */
      -moz-appearance: textfield;
   }

   .produto-card:hover {
      border: 1px solid var(--border-over-color)
   }

.produto-card-quantidade {
   padding: 0px 1px;
   height: 30px;
   border-left: 0px;
   border-right: 0px;
   text-align: right;
}

.produto-card-quantidade-btn {
   padding: 0px 4px;
   height: 30px;
}

.produto-card-adicionarCarrinho {
   /*background-color: var(--sub-theme-color);
   border: 1px solid var(--main-theme-color);
   border-radius: 1.25rem !important;
   color: var(--alternative-text-color);*/
   /*border-radius: 0.8rem;*/
   padding: 2px 5px;
   font-size: 14px;
   height: 30px;
   font-weight: bold;
   border-radius: 0.25rem;
}

.produto-card-carimbo img {
   width: 100%;
}

.produto-card-imagem {
   height: 150px;
   align-items: center;
   display: flex;
   text-align: center;
}

   .produto-card-imagem img {
      width: auto !important;
      max-height: 150px;
      display: block;
      margin: 0px auto;
   }

.produto-card-nome {
   height: 60px;
   text-align: center !important;
   margin-top: 5px;
   font-size: 13px;
   overflow: hidden;
}

.produto-card-precos {
   display: inline;
}

.produto-card-preco {
   text-align: right;
   font-size: 16px;
   font-weight: bold;
   color: var(--main-theme-color);
}

.produto-card-precoestatistico {
   text-align: right;
   font-size: 14px;
   color: #727272;
   margin-top: 0px;
   height: 18px;
}

.produto-card-precoriscado {
   margin-top: -5px;
   text-align: right;
   font-size: 13px;
   color: #9b9b9b;
   text-decoration: line-through;
   height: 19px;
}

.produto-separador-horizontal {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   border-top: 1px dotted rgba(0, 0, 0, 0.1);
}

.produto-card-carimbo-sm {
   display: none;
}

.produto-card-carimbo-lg {
}

   .produto-card-carimbo-lg img {
      width: 80px;
      max-width: 80px;
      position: absolute;
      top: 5px;
      right: 5px;
   }

.produto-card-nome-container {
   display: block;
}

@media (max-width: 768px) {
   .lista-produtos .produto-card {
      display: flex;
   }

   .lista-produtos .produto-card-imagem {
      float: left;
      width: 110px;
      height: auto;
   }

   .lista-produtos .produto-card-detalhes {
      float: right;
      width: 100%;
      padding-left: 5px;
   }

   .lista-produtos .produto-card-nome {
      height: auto;
      text-align: left;
   }

   .lista-produtos .produto-card-preco {
      height: auto;
   }

   .lista-produtos .produto-card-precoestatistico {
      height: auto;
   }

   .lista-produtos .produto-card-carimbo-sm {
      display: block;
   }

      .lista-produtos .produto-card-carimbo-sm img {
         width: 60px;
      }

   .lista-produtos .produto-card-carimbo-lg {
      display: none;
   }

   .produto-card-nome-container {
      display: flex;
   }
}




/*** Catálogo de Produtos ***/

.prod-cat-item {
   padding: 0px 1px;
   margin: 0px 0px 2px 0px;
}




.produto-detalhe {
}

   .produto-detalhe .produto-precos {
      margin-bottom: 10px;
   }

      .produto-detalhe .produto-precos .preco {
         font-size: 30px;
         font-weight: bold;
         color: var(--main-theme-color);
         text-align: right;
      }

      .produto-detalhe .produto-precos .preco-estatistico {
         font-size: 18px;
         color: #727272;
      }

   .produto-detalhe .produto-qtd {
      padding: 0px 1px;
      height: 30px;
      border-left: 0px;
      border-right: 0px;
      text-align: right;
      width: 120px;
   }

   .produto-detalhe .qtd-button {
      padding: 0px 4px;
      border-radius: 0px;
      height: 30px;
   }

   .produto-detalhe .carimbo-info {
      border-top: 1px solid #F0F0F0;
      margin-top: 15px;
      padding-top: 15px;
      text-align: right;
   }

   .produto-detalhe .produto-detalhe-descricao-completa {
      overflow-x: hidden;
   }

      .produto-detalhe .produto-detalhe-descricao-completa img {
         max-width: 100%;
         height: auto;
      }

