#timeTable {
    font-size: 20px;
}

#timeTable .monthLabelIcon{
    fill: #0063a4;
}

#timeTable .monthLabel {
    font-size:90%;
    font-weight:bold;
    /*font-size: 120%;*/
    fill: #333333;
}

#timeTable .dateHeader {
    stroke: #aaaaaa;
    stroke-width: 1px;
    fill: #ffffff;
}

#timeTable .dateLabel {
    font-size: 70%;
    fill: #000000;
}

#timeTable .hourLabel rect {
    fill: #eaeaea;
}

#timeTable .hourGrid {
    stroke: #aaaaaa;
    stroke-width: 1px;
    fill: #ffffff;
}

#timeTable .halfHourGrid {
    stroke: #dddddd;
    stroke-width: 1px;
    fill: #ffffff;
}

#timeTable .hourHeader {
    font-size: 70%;
    fill: #000000;
    text-anchor: middle;
}

#timeTable .priority_0 {
    fill: #0000ff;
    fill-opacity: 0.5;
    /* cursor: move; */
}

#timeTable .priority_1 {
    /*fill: #ffff00;*/
    fill: #ff9100;
    fill-opacity: 0.5;
    /* cursor: move; */
}

#timeTable .priority_2 {
    fill: #ff0000;
    fill-opacity: 0.5;
    /* cursor: move; */
}

#timeTable rect.self {
    fill: #008800;
    fill-opacity: 0.5;
}

#timeTable .lHandle {
    cursor: ew-resize;
}

#timeTable .rHandle {
    cursor: ew-resize;
}

#timeTable .resBody {
    stroke: #ffffff;
    stroke-width: 1px;
}

#timeTable .resBody.selected {
    stroke: #555;
    stroke-width: 3px;
    animation: move 1s linear;
    animation-direction: normal;
    animation-iteration-count:infinite;
    stroke-dasharray:3, 3;
}

@keyframes move {
  0% {
    stroke-dashoffset:0;
  }

  100% {
    stroke-dashoffset:6;
  }
}

#inputDetail {
    display: none;
}

#reserveDetail {
    display: none;
}

#editDetail {
    display: none;
}