.pA {
    position: absolute;
}


.pR {
    position: relative;
}


.pF {
    position: fixed;
}

.tAc {
    text-align: center;
}

.ecHourBox {
    width: 280px;
    height: 40px;
    border-radius: 100px;
    margin: 0px auto 5px auto;
    display: flex;
}

.ecHourBoxGreen {
    background-color: var(--ok-color);
    border: solid 2px var(--ok-color);
    color: #FFFFFF;
}

.ecHourBoxRed {
    background-color: var(--ko-color);
    border: solid 2px var(--ko-color);
    color: #FFFFFF;
}

.ecHourBoxGray {
    background-color: var(--gray-color);
    border: solid 2px var(--gray-color);
    color: #FFFFFF;
}

.ecHourBoxSelected {
    background-color: var(--company-color);
    border: solid 2px var(--company-color);
    color: #000000;
}

.ecHourBoxSelected .ecHour1 {
   
    color: #000000;
}

.ecHourBoxSelected .ecHour2 {
    color: #000000;
}

.ecHour1 {
    width: 38px;
    height: 38px;
    background-color: #FFF;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    top: 1px;
    left: 1px;
}

.ecHourBoxGreen .ecHour1 {
    color: var(--ok-color);
}

.ecHourBoxRed .ecHour1 {
    color: var(--ko-color);
}

.ecHourBoxGray .ecHour1 {
    color: var(--gray-color);
}

.ecHour2 {
    width: 240px;
    padding-top: 8px;
    left: 50px;
    color: #FFFFFF;
}