.lh-tight {
    line-height: 2;
}

.list-ledbox {
    margin: 5px 5px;
}

.ledbox {
    padding: 0px 5px;
}

/* selectboxの内容を全て表示させてたい */
/* .ch-select {
    text-overflow: clip;
    white-space: nowrap;
    box-sizing:content-box;
} */

.pageheder-cus {
    margin-top: 20px;
}


.img-backpage {
    width: 25px !important;
    height: 25px !important;
}

.sidebar ul.nav ul.children li a {
    background: #fff;
}

.sidebar ul.nav ul.children .active a{
    color: #fff;
    background-color: #30a5ff;
}

.td-led{
    padding-right: 20px;
}

.led {
    width: 18px;
    height: 14px;
    display: inline-block;
    border-radius: 9999px;
    margin-right: 5px;
}

.led-blink2 {
    animation: blinkAnime2 0.2s infinite alternate;
}

@keyframes blinkAnime2{
    0% {background-color: rgb(123, 2, 2);}
    100% {background-color: #f9243f;}
}


/******************
    map
******************/
#map {
    height: 1080px;
    width: 100%;
}

.map-pos{
    padding-right: 0;
    padding-left: 0;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    /* background: black; */
    border-color: #337ab7;
}

.leaflet-popup-content,
a.leaflet-popup-close-button {
    color: #337ab7 !important;
    font: bold 14pt monospace;
}

.leaflet-popup-content-wrapper {
    border-width: 3px;
    border-style: solid;
}

.leaflet-popup-tip-container {
    margin-top: -3px;
    height: 23px;
}

.leaflet-popup-tip {
    border-style: solid;
    border-width: 0 3px 3px 0;
}

div.station-marker {
    background: orange;
    text-align: center;
    color: white;
    font-size: 20px;
    border-radius: 5px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}


/******************
    LED1
******************/
.led-blink {
    background-color:#f9243f;
    border-color: #f9243f;
    box-shadow: rgba(255, 255, 255, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 4px, rgba(255, 255, 255, 0.5) 0 2px 12px inset;
    color: #fff;
    pointer-events: none;
    animation: blinkAnime2 0.2s infinite alternate;
}

.green-box {
    background-color:#1ebfae;
    border-color: #1ebfae;
    box-shadow: rgba(255, 255, 255, 0.2) 0 -1px 7px 1px, inset #10504a 0 -1px 4px, rgba(255, 255, 255, 0.5) 0 2px 12px inset;
    color: #fff;
    pointer-events: none;
}

.yellow-box {
    background-color:#ffb53e;
    border-color: #ffb53e;
    box-shadow: rgba(255, 255, 255, 0.2) 0 -1px 7px 1px, inset #5b431c 0 -1px 4px, rgba(255, 255, 255, 0.5) 0 2px 12px inset;
    color: #fff;
    pointer-events: none;
}

.red-box {
    background-color:#f9243f;
    border-color: #f9243f;
    box-shadow: rgba(255, 255, 255, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 4px, rgba(255, 255, 255, 0.5) 0 2px 12px inset;
    color: #fff;
    pointer-events: none;
}

.red-box-blink {
    background-color:#f9243f;
    border-color: #f9243f;
    box-shadow: rgba(255, 255, 255, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 4px, rgba(255, 255, 255, 0.5) 0 2px 12px inset;
    color: #fff;
    pointer-events: none;
    animation: blinkAnime 0.2s infinite alternate;
}

@keyframes blinkAnime{
    0% {background-color: rgb(123, 2, 2);}
    100% {background-color: #F00;}
}