.header-text {
  font-size: 20px;
}

body {
  background-color: #EEE;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.btn-small {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  padding: 0 5px;
  text-transform: none;
}

table {
  font-size: 12px;
}

td,
th {
  padding: 3px;
}

.clickable {
  cursor: hand;
}

.card-content .row {
  margin-bottom: 0px;
  margin-top: 0px;
}

.card-action p {
  margin-top: 0px;
}

.tab a i {
  font-size: 2.5rem;
  padding-top: 0.5rem;
}

.btn-select-time {
  margin-top: 5px;
  width: 60px;
  height: 32px;
  line-height: 20px;
}

.btn-select-time.selected {
  background-color: #4caf50 !important;
}

.small-text {
  font-size: 12px;
}

.margin-left {
  margin-left: 20px;
}

.size-of-input {
  font-size: 16px;
}

.card .card-content p.checkbox-box {
  margin-left: 10px;
  margin-bottom: 15px;
}

.img-dropwdown {
  margin-top: -4px;
  margin-right: 10px;
}

.card-panel .row {
  margin-bottom: 0px;
}

h5 {
  margin: 0px;
  font-size: 20px;
}

.card .card-action a.like-button:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  margin-right: 0px;
  color: #4098bd;
}

[type="checkbox"]+span:not(.lever) {
  display: inline;
}

#logo {
  margin-top: 5px;
}

.carousel .carousel-item>img {
  width: 100%;
  object-fit: contain;
  height: 400px;
}

@media only screen and (max-width: 600px) {
  .card .card-content {
    padding: 8px;
  }

  .container>.row>.col {
    padding: 0px;
  }
}