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

body {
  background-color: #ededed;
  font-family: 'Roboto', sans-serif;
  color: #656565;
  font-size: .95rem;
}

.bg-yellow {
  background-color: #f0c30f;
}

.btn {
  border-radius: 100px;
  padding: .375rem 1.5rem;
}

input {
  padding: 10px 22px;
  border-radius: 5px;
  border-color: transparent;
}

header.header {
  padding: 20px 0;
  box-shadow: inset 0 -1px 0 0 #bbb9b0;
  border-bottom: solid 5px #fff;
  margin-bottom: 25px;
}

.btn-secondary {
  color: #fff;
  background-color: #dd392b;
  border-color: #dd392b;
}

.text-blue {
  color: #06468d;
}

table.table tr th.border-right {
  border-right: 2px solid #dee2e6;
}

table.table thead th {
  border-top: none;
}

table.table tbody {
  border-bottom: 2px solid #dee2e6;
}

table.table tr.salir:hover {
  background-color: #fff;
}
table.table tr.table-responsive {
  display: table-row;
}

.fa.fa-circle {
  color: #ededed;
}
.fa.fa-plus {
  color: #06468d;
}
.fa-stack {
  cursor: pointer;
}

@media (min-width: 576px) {
  .container-fluid {
    width: 83%;
  }
}