.cardDashboard {
  height: 236px;
  width: 845px;
  background: #ffffff;
  overflow: auto;
  resize: both;
  border-radius: 15px;
  cursor: pointer;
  box-shadow: 0 0 20px 8px #d0d0d0;
}

.cardDashboard::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.cardDashboard::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

.cardDashboard::-webkit-scrollbar-thumb {
  background-color: #5A5EB9;
}

.cardDashboard::-webkit-scrollbar-thumb {
  background-color: #f6811b;
}

.cardDashboard::-webkit-scrollbar {
  width: 7px;
  height: 5px;
  background-color: #F5F5F5;
}

.icon-shape {
  width: 48px;
  height: 48px;
  background-position: center;
  border-radius: 0.5rem;
}

.icon-shape i {
  color: #fff;
  opacity: 0.8;
  top: 11px;
  position: relative;
}

.icon-shape .ni {
  top: 14px;
}

.btn.bg-gradient-primary {
  box-shadow: 0 3px 3px 0 rgba(233, 30, 99, 0.15), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.15);
}

.btn.bg-gradient-primary:hover {
  background-color: #e91e63;
  border-color: #e91e63;
  box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.4), 0 4px 23px 0 rgba(233, 30, 99, 0.15), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}

.btn.bg-gradient-primary .btn.bg-outline-primary {
  border: 1px solid #e91e63;
}

.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-primary.dropdown-toggle {
  color: color-yiq(#e91e63);
  background-color: #e91e63;
}

.btn.bg-gradient-primary.focus,
.btn.bg-gradient-primary:focus {
  color: #fff;
}

.shadow-primary {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4) !important;
}

.btn .material-icons {
  vertical-align: middle;
  margin-top: -1px;
  margin-bottom: -1px;
  font-size: 1.1rem;
  display: inline-block;
  top: 0;
}

.material-icons {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.opacity-10 {
  opacity: 1 !important;
}

.dashUser .chart {
  height: 150px;
  top: 30px;
}

.dashTicket .chart {
  height: 150px;
  width: 300px;
  top: 30px;
}

.detail-chart .chart {
  height: 200px;
  width: 550px;
  top: 30px;
}

.dashPosicao .chart {
  height: 200px;
  width: 550px;
  top: 30px;
}

.dashDispercaoTicket .chart {
  height: 200px;
  width: 390px;
  top: 30px;
}

.dashBuyEnergy .chart {
  height: 200px;
  width: 500px;
  top: 30px;
}

#cardInfromationTemplate {
  height: 106px !important;
  width: 211px !important;
  overflow: hidden !important;
  resize: none !important;
}

@media (min-width: 500px) {
  .col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.cardDashboardResult {
  margin: 20px;
  padding: 20px;
  grid-template-rows: 20px 50px 1fr 50px;
  border-radius: 10px;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
}

.cardDashboardResult:hover {
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
  transform: scale(1.01);
}