.coin-icon { font-size: 11px; }

.hr-table { overflow: auto; }
.hr-table table {
  border: 1px #ccc solid; width: 100%; }
  .hr-table table tbody tr th, .hr-table table tbody tr td, .hr-table table thead tr th, .hr-table table thead tr td {
    font-size: 12px;
    border: 1px #e8eaf0 solid;
    padding: 5px 5px;
    min-width: 25px;
    background-color: #fff; }
    .hr-table table tbody tr th a, .hr-table table tbody tr td a, .hr-table table thead tr th a, .hr-table table thead tr td a {
      color: #e2411d; }
  .hr-table table tbody tr.bottom-border td, .hr-table table thead tr.bottom-border td {
    border-bottom: 2px #333 solid; }
  .hr-table table thead tr th {
    background-color: #f0f0f0; }
  .hr-table table tbody tr.bg1 td {
    background-color: #ebf6ff; }
  .hr-table table tbody tr.bg2 td {
    background-color: #f1e1e1; }

.hr-table .clickableday, .hr-table .clickableday2 { cursor: pointer; text-align: center; }
.hr-table .clickableday:hover, .hr-table .clickableday2:hover { background-color: #5c60f5; color: white; }

.hr-table .disableday { background-color: red !important; color: white !important; opacity: 0.5; text-align: center; }

.mr-3 { margin-right: 10px; }
.width-150 { width: 150px !important; }
.width-300 { width: 300px !important; }
.width-400 { width: 400px !important; }

.nowrap { white-space: nowrap; }

@media(max-width: 768px){
  .width-150,
  .width-300 { width: 100% !important; }
  .width-400 { width: 90% !important; }
}

.hr-table table thead tr th.today, .hr-table table tbody tr td.today { border-right: 1px #5c60f5 solid !important; }
.hr-comment { display: inline-block; max-height: 40px; overflow: auto; font-size: 11px; }

.hr-table tr td hr { margin: 5px 0px; padding: 0px 0px; }

.parent {
  display: flex;
  flex-wrap: wrap;
}
.child {
  min-width: 20%;
  height: 100px;
}
.hidden { display: none; }
.cursor-pointer { cursor: pointer; }