@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

:root {
  font-family: 'Roboto', sans-serif;
}

p {
  font-family: 'Roboto', sans-serif;
}

h1,h2,h3 {
  font-family: 'Roboto', sans-serif;
}

li,ul {
    font-family: 'Roboto', sans-serif;
}

tr,td,th,thead,tbody {
  font-family: 'Roboto', sans-serif;
}

.rounded-corners {
    border-radius: 25px;
  }

.shadow {
    border: 1px solid;
    padding: 2px;
    box-shadow: 5px 10px 18px #888888;
  }

.fsio-cell {    
  background: 0 0;
  background-clip: padding-box;
  border: .1rem solid;
  border-radius: 2px;
  font: inherit;
  font-size: 1.0rem;
  font-weight: 400;
  line-height: 1.1rem;
  margin: 0;
  padding: .2rem .4rem;
  text-align: center;
  text-shadow: none;
  user-select: none;
  vertical-align: middle;
}

.fsio-cell--warning {    
  color: #443302;
}

.fsio-cell--danger {    
  color: #443302;
}

.fsio-cell--stretch {    
  display:block;
  width:100%;
}