@charset "UTF-8";

.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
    color: #f00;
}

.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #00f;
}

.sts_active {
    background-color: #ff8080;
    color: #ffffff;
}

.sts_inactive {
    background-color: #808080;
    color: #ffffff;
}

.sts_on {
    background-color: red;
    color: white;
}

.sts_off {
    background-color: green;
    color: white;
}

.sts_good {
    background-color: green;
    color: white;
}

.sts_normal {
    background-color: yellow;
    color: black;
}

.sts_bad {
    background-color: red;
    color: white;
}

/* リストをマウスオーバーした時のスタイル */
.hover-row tr:hover td {
    background-color: #ff8080;
    color: #000000;
}

/* セル色：青色 */
.cell-blue {
    background-color: blue;
    color: white;
}

/* セル色：水色 */
.cell-lightblue {
    background-color: lightblue;
    color: black;
}

/* セル色：黄色 */
.cell-yellow {
    background-color: yellow;
    color: black;
}

/* セル色：橙色 */
.cell-orange {
    background-color: orange;
    color: black;
}

/* セル色：赤色 */
.cell-red {
    background-color: red;
    color: white;
}

/* セル色：紫色 */
.cell-purple {
    background-color: #9932CC;
    color: white;
}

/* セル色：黒色 */
.cell-black {
    background-color: #000000;
    color: white;
}

/* d3js */
#canvas svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.axis .domain{
    stroke: #ccc;
    position: relative;
}
.axis .tick line{
    stroke: #ccc;
}

.axis .tick text{
    fill: #223F4B;
    font-family: "Helvetica Neue","Roboto","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","游ゴシック体","Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif !important;
    font-size: 0.7rem;
}


.axis-border {
    fill: none !important;
    stroke: #f80 !important;
    opacity: 0.5 !important;
    stroke-width: 2px !important;
  }

.acdn-content
{
	width: 100%;
	height: 400px;
    display:none;
    font-size: 12px;
}
/* d3js */

.headline-container {
    display: flex;
  }

.headline-item:last-child{
    margin-left: auto;
}