/*start Pillar style*/

    table {
        border-collapse: collapse;
        width: 100%;
    }

    th, td {
        border: 1px solid black;
        padding: 8px;
        text-align: center;
    }

    .vermelho {
        background-color: red;
    }

    .verde {
        background-color: green;
    }

.pillarwrapper {
  display: flex;
  padding: 20px 20px 0px 20px;
}

.pillarwrapper > div {
  flex-grow: 1;
  padding: 20px 20px 0px 20px;
  height:auto;
  overflow:hidden;
  transition: ease-in-out 200ms;
 /*box-shadow: 0.05rem 0.05rem 0.075rem 0.075rem gainsboro; */
  box-shadow: 0px 10px 10px rgba(30, 30, 30, 0.08);
  /*background: linear-gradient(to right bottom, #f7fafc, #fff);*/
  background-color: #ffffff;
  border-collapse: collapse;
  cursor: default; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.pillarwrapper > div:first-of-type { margin-right:10px }
.pillarwrapper > div:nth-of-type(2) { margin-right:10px }
.pillarwrapper > div:nth-of-type(3) {  }

.pillarwrapper > h2 { margin-top:0 margin-bottom:0 }

.pillarwrapper > div:hover {
  box-shadow: 0px 10px 20px rgba(30, 30, 30, 0.16);
}

.pillarcard {
padding-bottom:0px;
width:33vw;
}
.pillarcard img {
opacity: 0.8;
transition: ease-in-out 200ms;
}
.pillarcard:hover img {
opacity: 1.0;
}
/*end Pillar style*/

.carousel_wrapper {
  position: relative;
  width: 320px;
  height: 300px;
  margin: 100px auto 0 auto;
  padding: 5px;
  perspective: 1000px;
}

.carousel {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: rotateY(-360deg) translateZ(-412px);
  animation: swirl 80s steps(10000, end) infinite;
}

.slide {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 300px;
  height: 187px;
}

.slide img {
  width: 280px;
  height: 175px;
  border: 3px inset rgba(0, 255, 34, 0.9);
  box-shadow: 0 0 10px 1px rgba(0, 255, 34, 0.9);
}

.slide.one {
  transform: rotateY(0deg) translateZ(412px);
}
.slide.two {
  transform: rotateY(40deg) translateZ(412px);
}
.slide.three {
  transform: rotateY(80deg) translateZ(412px);
}
.slide.four {
  transform: rotateY(120deg) translateZ(412px);
}
.slide.five {
  transform: rotateY(160deg) translateZ(412px);
}
.slide.six {
  transform: rotateY(200deg) translateZ(412px);
}
.slide.seven {
  transform: rotateY(240deg) translateZ(412px);
}
.slide.eight {
  transform: rotateY(280deg) translateZ(412px);
}
.slide.nine {
  transform: rotateY(320deg) translateZ(412px);
}

@keyframes swirl {
  from {
    transform: rotateY(-360deg);
  }
  to {
    transform: rotateY(0deg);
  }
}
.md-typeset

.progress-label {
    position: absolute;
    text-align: center;
    font-weight: 700;
    width: 100%;
    margin: 0;
    line-height: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
  }

  .progress-bar {
    height: 1.2rem;
    float: left;
    background-color: #2979ff;
  }

 .candystripe-animate .progress-bar {
    animation: animate-stripes 3s linear infinite;
 }

  .progress {
    display: block;
    width: 100%;
    margin: 0.5rem 0;
    height: 1.2rem;
    background-color: #eeeeee;
    position: relative;
  }

  .progress.thin {
    margin-top: 0.9rem;
    height: 0.4rem;
  }

  .progress.thin .progress-label {
    margin-top: -0.4rem;
  }

  .progress.thin .progress-bar {
    height: 0.4rem;
  }

  .progress.candystripe .progress-bar {
    background-image: linear-gradient(135deg, var(--md-progress-stripe) 27%, transparent 27%, transparent 52%, var(--md-progress-stripe) 52%, var(--md-progress-stripe) 77%, transparent 77%, transparent);
    background-size: px2rem(40px) px2rem(40px);
 }

 .progress.static.lightcyan .progress-bar {
    background-color:hsl(187deg 91% 47%);
  }

  .progress.static.blue .progress-bar {
    background-color:#2979ff;
  }

  .progress.static.verydarkcyan .progress-bar {
    background-color:hsl(187deg 39% 22%);
  }

  .progress.static.darkcyan .progress-bar {
    background-color:darkcyan;
  }

  .progress.static.blueviolet .progress-bar {
    background-color:blueviolet;
  }

  .progress.static.bisque .progress-bar {
    background-color:bisque;
  }

  .progress.static.darkgreen .progress-bar {
    background-color:darkgreen;
  }

  .progress.static.green .progress-bar {
    background-color:green;
  }

  .progress.static.orange .progress-bar {
    background-color:orange;
  }

  .progress.static.orangered .progress-bar {
    background-color:orangered;
  }

  .progress.static.olivedrab .progress-bar {
    background-color:olivedrab;
  }

  .progress.static.red .progress-bar {
    background-color:red;
  }


  .progress.static.gray .progress-bar {
    background-color:gray;
  }

  .progress.static.grey .progress-bar {
    background-color: hsl(0deg 5% 89%);
  }

  .progress-100plus .progress-bar {
    background-color: #00e676;
  }

  .progress-80plus .progress-bar {
    background-color: #fbc02d;
  }

  .progress-60plus .progress-bar {
    background-color: #ff9100;
  }

  .progress-40plus .progress-bar {
    background-color: #ff5252;
  }

  .progress-20plus .progress-bar {
    background-color: #ff1744;
  }

  .progress-0plus .progress-bar {
    background-color: #f50057;
  }

  @keyframes animate-stripes {
    0% {
        background-position: 0 0;
   }
    100% {
        background-position: px2rem(120px) 0;
   }
}