body, html {
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", sans-serif;
}


a { text-decoration: none; color: purple;}


.topbar a {
 border-bottom: 0px;
 font-weight: bold;
}

.parsley-errors-list {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #444;
}

.parsley-type {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: red;
}

.parsley-required {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.pseudolink {
  cursor: pointer;
  text-decoration: underline;
}

.waiter {
 font-size: 32px;
}

#motpform {
  display: none;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

      .audit-table {
        border-collapse: collapse;
      }     

      td {  padding-bottom: 10px; 
        padding-top: 10px; 
      }

      tr:nth-child(even) {
        border-bottom: 1px solid #dddddd;
      }




@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.spin {
  font-size: 132px;
  color: #ddd;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}



.checkout {

    background-color: #4CAF50;
    background-color: #632a61;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;


}

.card {
  box-shadow: none !important;
  border: 1px solid #ededed;
}

.sidebar-items {
  margin: 0px;
  padding: 0px;
}

.sidebar-items li {
  margin: 0px;
  padding: 0px;
  line-height: 50px;
  list-style-type: none;
  color: #000000;
  font-weight: 500;
}

.sidebar-items a {
  text-decoration: none;
  color: #000000;
}

.centered {
  text-align: center;
  position: fixed;
  top: 40%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}