body {
  background: #333;
  padding: 0;
  margin: 0;
  /* background-color: #f4f4f4 !important; */
}
.tittle{
  color: #23501d;
}
.cartao-container{
  width: 50em;
  padding-bottom: 3em;
  margin: 0 auto;
}
.cartao-container>div{
  border-radius: 15px !important;
  box-shadow: 4px -1px 5px -5px rgba(0,0,0,0.57);
}
.opacity{
  transition: all .5s;
  opacity: 0;
}
.jumbotron{
  position: relative;
  padding: 0 !important;
  background-color: #fff !important;
  display: inline-block;
  width: 700px;
  height: 420px;
  text-align: left;
  margin-bottom: 0 !important;
}
.box {
  position: fixed;
  top: 0;
  transform: rotate(80deg); 
  left: 0;
}
svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.waves {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  /* vertical-align: middle; */
  overflow: hidden;
  transform: rotate(180deg) scaleX(-1);
  padding: 1em;
}
.padding-2{
  padding: 2em;
}
.padding-1{
  padding: 1em;
}
/* .svg-2 path{
  fill: #418a38 !important;
}
.svg-1 path{
  fill: #0c5a00 !important;
}
.svg-3 path{
  fill: #61ce50 !important;
} */
.weight-bold{
  font-weight: bold !important;
}
.border-radius{
  border-radius: 15px !important;
  box-shadow: 4px -1px 5px -5px rgba(0,0,0,0.57);
}
.logo-cart{
  width: 27em;
}
.cod-cart{
  /* font-size: 1.5em; */
  font-weight: bold;
  /* padding-top: 1em; */
}
.body-cart h4{
  font-weight: bolder;
}
.body-cart{
  z-index: 1;
  position: absolute;
  padding: 10px;
  width: 100%;
  /* border-top: 1px #cacaca solid;
  border-right: 1px #cacaca solid;
  border-left: 1px #cacaca solid; */
  border-radius: 15px;
}
.align-padding{
  padding-right: 200px !important;
  padding-left: 200px !important;
}
.panel-heading{
  border: 1px solid #cacaca !important;
  background-image: linear-gradient(to bottom,#f5f5f5 0,#ffffff 100%) !important;
  padding-top: 1.3em !important;
  padding-bottom: 2.5em !important;
}
.panel-heading .panel-title a{
  position: absolute;
  /* top: 0em; */
  width: 100%;
  font-weight: bold;
}
.panel-heading .panel-title a:hover,.panel-heading .panel-title a:active,.panel-heading .panel-title a:focus{
  text-decoration: none !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
  background: #f9f9f9;
}
.transparent{
  color: #418a38 !important;
}
.head-tit{
  /* background-image: linear-gradient(to bottom,#d0d0d0 0,#ffffff 100%) !important; */
}
.cartao td{
  padding-bottom: 0 !important;
  /* border: none; */
  border-top: none !important;
}
div.error{
  font-size: 1.5em;
  margin-top: 3em;
  padding: 2em;
}

@media screen and (max-width: 768px) {
  .cartao-container{
    width: 100% !important;
  }

}