body
{
    height: 100%;
    overflow: hidden;
    background: #000000;
}
#map-content-canvas
{
    z-index:10000;
}
#map-content
{
    z-index:10001;
}
.player
{
}
.dot
{
    text-shadow: 1px 1px #000, 1px 2px #000, 2px 1px #000, 2px 2px #000, 3px 1px #000, 3px 2px #000, 3px
    3px #000;
}
.name
{
    margin-top: -23px; font-size: 70%; text-transform: uppercase; font-weight: bold;
}
.direction
{
    text-shadow: 1px 1px #000, 1px 2px #000, 2px 1px #000, 2px 2px #000, 3px 1px #000, 3px 2px #000, 3px 3px #000;
}
#wrap-map-img
{
    margin: 0 auto;
}
#ct, #terro
{
    display: flex;
    flex-direction: column;
}
#ct .fixed-header, #terro .fixed-header
{
    position: sticky;
    top: 0;
    z-index: 10;
}
#ct .list-group, #terro .list-group
{
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    flex-grow: 1;
}
#ct .list-group::-webkit-scrollbar, #terro .list-group::-webkit-scrollbar
{
    width: 2px;
}
#ct .list-group::-webkit-scrollbar-track, #terro .list-group::-webkit-scrollbar-track
{
    background: transparent;
}
#ct .list-group::-webkit-scrollbar-thumb
{
    background-color: transparent;
    //background-color: #1C1C1C;
}
#terro .list-group::-webkit-scrollbar-thumb
{
    background-color: transparent;
    //background-color: #DC2740;
}
.list-group-item.active
{
    border-color: #FFFFFF !important;
}
.border-player
{
    border-color: #000000 !important;
}
.border-ct
{
    border-color: #0D6EFD !important;
}
.text-player-ct
{
    color: #08086C !important;
}
.player-ct .dot, .player-ct .direction, .player-ct .name, .bg-player-ct
{
    background: #08086C !important;
}
.player-ct.active .dot, .player-ct.active .direction, .player-ct.active .name
{
    background: #0D6EFD !important;
}
.border-terro
{
    border-color: #DC2740 !important;
}
.text-player-terro
{
    color: #7D0D1D !important;
}
.player-terro .dot, .player-terro .direction, .player-terro .name, .bg-player-terro
{
    background: #7D0D1D !important;
}
.player-terro.active .dot, .player-terro.active .direction, .player-terro.active .name
{
    background: #DC2740 !important;
}
.stripy-pause
{
    opacity: 0.5;
    background: repeating-linear-gradient(-45deg, transparent, transparent 10px, #CCCCCC 10px, #CCCCCC 20px), linear-gradient(to bottom, #EEEEEE, #999999);
}