@import url(https://fonts.googleapis.com/css?family=Roboto);.font-sans {
  font-family: "Roboto", sans-serif;
}

:root {
  --primary: rgba(254, 59, 31, 1);
  --primary-dark: rgba(191, 23, 23, 1);
  --primary-70: rgba(254, 59, 31, 0.7);
  --primary-50: rgba(254, 59, 31, 0.5);
  --primary-30: rgba(254, 59, 31, 0.3);
  --primary-10: rgba(254, 59, 31, 0.1);
  --logo: #fe3b1f;
  --sidebar-icon: #fff;
}

.text-primary {
  color: var(--primary-dark);
}

.bg-grad-sidebar {
  background-image: linear-gradient(0deg, #ff482e, #bf1717);
}

.bg-logo {
  background-color: transparent;
}

.bg-logo img {
  height: 50px;
  position: relative;
  top: 10px;
}

.bg-login {
  background-color: #fe3b1f;
}

body {
  font-size: 13px;
}

.table td {
  height: 2.5rem;
  white-space: nowrap;
}

.animate-pulsate {
  -webkit-animation: pulsate 3s ease-in-out infinite;
          animation: pulsate 3s ease-in-out infinite;
}

@-webkit-keyframes pulsate {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  to {
    opacity: 1;
  }
}

@keyframes pulsate {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  to {
    opacity: 1;
  }
}

.content a,
.content a:visited,
.content a:link {
  text-decoration: none;
}

.content a:hover {
  text-decoration: underline;
}