body {
    font-family: 'Titillium Web', sans-serif;
    /*caveat*/
}
.brand-logo img {
    height: 64px;
}
.sidenav-trigger i{
    color:white;
}

#toast-container {
    min-width: 10% !important;
    top: 50% !important;
    right: 50% !important;
    transform: translateX(50%) translateY(50%);
}

th.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
  }
  
th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}


@media only screen and (max-width: 992px) {
  .responsive-table.highlight.cuota-table th {
    margin: 29px 0;
  }
}