body {
    background: #fafafa;
    color: #33333a;
    padding-top: 70px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #323232;
}

.main-color {
    background-color: #0e76a8;
}

.strike-through-td {
    text-decoration: line-through;
}

#cursor-context-menu {
    cursor: context-menu;
}

.info-frame {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.info-frame-completed {
    color: #28a745;
    border-color: #28a745;
}

.info-frame-incompleted {
    color: #c82333;
    border-color: #c82333;
}

.btn-shadow {
    box-shadow: 2px 2px 8px #888888;
}

.btn-shadow:hover {
    box-shadow: 5px 8px 16px #888888;
}

/* h1 {
  color: red;
} */