body {
    background: #f3f3f3;
}

/* non responsive semantic-ui container  */
body .ui.container {
    width: 1127px !important;
    max-width: none !important;
}

.clearfix { clear: both; }

li {
    list-style: none;
    padding: 0;
}

/*--------------
     Menu
---------------*/

.ui.secondary.menu {
    height: 80px;
    background: #007cb6;
}

.ui.menu {
    margin-bottom: 0;
}

/* Hover */

.ui.secondary.menu .dropdown.item,
.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
  background: transparent;
  color: rgba(255, 255, 255, 0.95);
}

.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
  background: transparent;
  color: rgba(255, 255, 255, 0.95);
}

/* Active */

.ui.secondary.menu .dropdown.item:active,
.ui.secondary.menu .link.item:active,
.ui.secondary.menu a.item:active {
  background: transparent;
  color: rgba(255, 255, 255, 0.95);
}

/* Focus */

.ui.secondary.menu .dropdown.item:focus,
.ui.secondary.menu .link.item:focus,
.ui.secondary.menu a.item:focus {
  background: transparent;
  color: rgba(255, 255, 255, 0.95);
}

/*
.ui.icon.pointing.top.left.dropdown.item.active.visible {
    background: transparent;
}
*/

/*--------------
     Avatar
---------------*/

.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg,
.ui.avatar.image img,
.ui.avatar.image svg,
.ui.avatar.image {
  margin-right: 0.25em;
  display: inline-block;
  width: 3em;
  height: 3em;
  border-radius: 500rem;
}

.avatar-name {
    font-size: 13px;
    font-weight: 600;
}

.ui.menu .ui.dropdown .menu > .item {
    color: #707478 !important;
    margin-bottom: 4px;
}

/* Automatically float dropdown menu right on last menu item */

.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
  padding-top: 24px;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 24px;
}

/* Dropdown */

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
  padding-top: 24px;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 24px;
}

.ui.dropdown .menu > .header {
    font-size: 1em;
    color: #35383c;
    margin-bottom: 1.4em;
}


/*--------------
     Hero
---------------*/

.hero {
    height: 348px;
    width: 100%;
    background-color: #fff;
    background-size: cover;
}

.hero h1 {
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 248px;
}

.box-hero {
    background: #fff;
    border-radius: 6px;
    width: 100%;
    padding: 40px 0px 40px 0px;
    position: relative;
}

.ui.header > .image:not(.icon), .ui.header > img {
    width: 4em;
}

.hero-ft {
    font-size: 20px;
}

.list-hero-ft {
    font-size: 14px;
    color: #8d9da4;
}

.ui.header .sub.list-hero-ft-sub {
    font-size: 24px !important;
}

.ui.header .sub.list-hero-ft-sub > span {
    font-size: 16px !important;
}

.list-hero-margin {
    margin-top: 22px !important;
}

.list-hero-margin-2 {
    margin-top: 0px !important;
}



/*--------------
  Submenu bottom
---------------*/

.submenu-bottom:after {
    content: '';
    display: block;
    clear: both;
}

.submenu-bottom {
    margin-top: 132px;
    margin-bottom: 44px;
}


/*--------------
     Featured
---------------*/

.featured {
    background: #fff;
    padding: 100px 0 100px 0;
}

.featured:after {
    content: '';
    display: block;
    clear: both; 
}

.featured img {
    width: 100%;
}

.featured-subtext {
    line-height: 1.8em !important;
    font-size: 14px !important;
}

.featured-header {
    margin-top: 0.3em;
}


/*--------------
     Doubts
---------------*/

.doubts {
    padding: 70px 0 70px 0;
}

.doubts-header {
    text-align: center;
}

.doubts-subtext {
    line-height: 1.8em !important;
    font-size: 14px !important;
    margin-bottom: 1em !important;
}

/*---------------------------
     Page @Visão Geral
----------------------------*/

a.update-data-link {
    position: absolute;
    top: -2em;
    left: 0;
    color: #ffffff;
    font-weight: 600;
}

a.update-data-link:hover {
    color: #fff;
    text-decoration: underline;
}

.item-list-featured {
    background: #fff;
    padding: 30px 20px 30px 20px !important;
    border-radius: 6px;
}

.inside-item-list-featured {
    font-size: 16px !important;
}

.inside-item-list-featured-sub {
    margin-top: 20px !important;
    color: #707478;
}

.datatable-section {
    padding: 30px 0 50px 0;
/*    background: #fff;*/
    border-radius: 6px;
    position: relative;
}

div.header-links-section {
    position: relative;
    top: -30px;
    width: 100%;
}

span.title-section-link {
    color: #707478;
    font-size: 1.2em;
}

a.title-section-extrato-link {
    float: right;
    font-weight: 600;
}

a.title-section-extrato-link:hover {
    text-decoration: underline;
}


/*---------------------------
     Page @Extrato
----------------------------*/

.table-label {
    font-weight: 600;
    color: #35383c;
}

ul#dynatable-pagination-links-table1324, ul#dynatable-pagination-links-table5487 {
    text-transform: lowercase;
    position: absolute;
    right: 0;
    bottom: 0px;
    margin: 0;
}

ul#dynatable-pagination-links-table1324 li > a,
ul#dynatable-pagination-links-table862547 li > a,
ul#dynatable-pagination-links-table5487 li > a{
    color: #80868c;
    cursor: pointer;
}

ul#dynatable-pagination-links-table1324 li, 
ul#dynatable-pagination-links-table5487 li {
    margin-left: 14px;
    display: inline-block;
}

ul#dynatable-pagination-links-table1324 li:first-child 
ul#dynatable-pagination-links-table5487 li:first-child {
    margin-left: 0 !important;
}

.dynatable-active-page {
    padding: 2px 6px 2px 6px;
     border-radius: 0px !important;
    background: #ff9696 !important;
    font-weight: bold;
    color: #fff !important;
}

th.dynatable-head a {
    color: #8d9da4;
    font-weight: 400;
}

.margimoff-70 {
    margin-top: -70px !important;
}


/*---------------------------
     Page @Catalogo
----------------------------*/

.card-title {
    text-align: center;
}

.extra.content.extra-dropdown {
    text-align: center;
}

.box-hero-catalog {
    padding: 80px 0px 80px 0px; 
}

button.btn-view {
    position: relative;
    z-index: 100;
/*
    margin-top: 1em;
    top: 1.4em;
*/
}

/*---------------------------
     Page @Resgates
----------------------------*/

ul#dynatable-pagination-links-table862547 {
    position: absolute;
    bottom: 0;
    right: 0;
}

span#dynatable-record-count-table862547 {
    position: relative;
    top: 14px;
}

i.circular.plus.inverted.icon {
    font-size: 8px;
}

.wrapper-bx {
    position: relative;
    margin-top: -100px;
    margin-bottom: 30px;
}


.aligned-styles-off {
    border: none !important;
    box-shadow: none !important;
}

.getintouch {
    text-align: center;
    font-size: 1.2em;
    padding-bottom: 18px;
}

.field.aligned-left {
    text-align: left;
}

.footer {
    margin-top: 30px;
}

.footer-aligntext {
    text-align: right;
}


/*---------------------------
     Page @Pedido
----------------------------*/

.confirmarpedido {
    padding-bottom: 0 !important;
}

.columnprincipal {
    padding: 40px 0 40px 0 !important;
}

.inline.field.aligned-left label {
    font-size: 1em !important;
}

.inline.field.aligned-left label:nth-child(2) {
    color: #80868c;
    font-weight: 400;
}

.footer-pedido {
    padding: 20px 0 20px 0 !important;
}

.padding {
    padding-top: 30px !important;
}

/*--------------
     Confs
---------------*/

.fw-400 {
    font-weight: 400;
}

.fw-600 {
    font-weight: 700;
}

.fw-400 strong {
    font-weight: 600 !important;
}

.margin-home-box {
    bottom: 0px;
}

a.active-item {
    font-weight: 700 !important;
}

.hero-mg-bottom {
/*    margin-bottom: 132px; */
}

.ui.grid {
     margin-left: -0rem !important; 
     margin-right: -0rem !important; 
}

.margin-section {
    margin-bottom: 60px;
}

.ui.grid > .row {
    padding-top: 0 !important; 
}

.ui.table {
    border: none;
}

.ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg, .ui.tiny.image {
    height: 80px !important; 
}

.segment-off {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.subheader {
    max-width: 558px;
    margin: 0 auto !important;
    margin-top: 14px !important;
}

.hide-info-modal {
    display: none !important;
}

.content-reveal {
    display: none;
}

#checkmark-group {
  width: 88px;
  display: block;
    margin: 0 auto;
}

circle, #checkmark {
  fill: none;
  stroke: #2ac166;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 4px;
  stroke-dasharray: 400;
}

#checkmark {
  animation: checkmark-stroke 1s forwards;
  animation-timing-function: ease-in;
  animation-delay: 0.5s;
  stroke-linejoin: round;
  opacity: 0;
}

@keyframes checkmark-stroke {
  0% {
    stroke-dashoffset: 400;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

circle {
  animation: circle-stroke 2s forwards;
}

@keyframes circle-stroke {
  from {
    stroke-dashoffset: -400;
  }
  to {
    stroke-dashoffset: 0;
  }
}