body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #000000;
            color: white;
            overflow: hidden;
        }

        /* Adani logo - exact positioning as image */
        .adani-logo {
            position: absolute;
            left: 231px;
            top: 50px;
            width: 140px;
            height: 120px;
            background-color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #666666;
            border-radius: 8px;
            padding: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
            z-index: 1000;
        }

        /* Track lines */
        .track {
            position: absolute;
            background-color: #b80404;
            height: 4px;
            transition: background-color 1s ease;
            border-radius: 2px;
            /* box-shadow: 0 1px 3px rgba(255, 255, 255, 0.3); */
        }

        .track.active-route {
            background-color: #4caf50;
            height: 5px;
            z-index: 5;
            box-shadow: 0 2px 6px rgba(76, 175, 80, 0.6);
        }

        .track.iot-triggered {
            background-color: #4caf50;
            box-shadow:
                0 0 10px #4caf50,
                0 0 20px #4caf50,
                0 0 30px #4caf50,
                0 0 40px #00ff00;
            height: 6px;
            z-index: 5;
            animation: greenGlow 2s ease-in-out infinite alternate;
        }

        /* Progressive track highlighting for journey routes */
        .track.train-route-active {
            background-color: #00ff00 !important;
            box-shadow:
                0 0 8px #00ff00,
                0 0 16px #00ff00,
                0 0 24px #00ff00;
            height: 4px;
            z-index: 6;
            animation: routeGlow 3s ease-in-out infinite alternate;
        }

        @keyframes routeGlow {
            0% {
                box-shadow:
                    0 0 8px #00ff00,
                    0 0 16px #00ff00,
                    0 0 24px #00ff00;
            }

            100% {
                box-shadow:
                    0 0 12px #00ff00,
                    0 0 24px #00ff00,
                    0 0 36px #00ff00,
                    0 0 48px #00ff00;
            }
        }

        .track.train-passing {
            background-color: #ff5722;
            box-shadow: 0 0 15px #ff5722;
            height: 6px;
            animation: trainPass 2s ease-in-out;
            border-radius: 3px;
        }

        @keyframes trainPass {
            0% {
                background-color: #ff5722;
                height: 6px;
            }

            50% {
                background-color: #ffeb3b;
                height: 8px;
            }

            100% {
                background-color: #4caf50;
                height: 5px;
            }
        }

        @keyframes greenGlow {
            0% {
                box-shadow:
                    0 0 10px #4caf50,
                    0 0 20px #4caf50,
                    0 0 30px #4caf50,
                    0 0 40px #00ff00;
            }

            100% {
                box-shadow:
                    0 0 15px #4caf50,
                    0 0 25px #4caf50,
                    0 0 35px #4caf50,
                    0 0 50px #00ff00,
                    0 0 60px #00ff00;
            }
        }

        @keyframes pointGreenGlow {
            0% {
                box-shadow:
                    0 4px 12px rgba(76, 175, 80, 0.4),
                    0 0 15px #4caf50,
                    0 0 25px #4caf50,
                    0 0 35px #00ff00;
            }

            100% {
                box-shadow:
                    0 4px 12px rgba(76, 175, 80, 0.6),
                    0 0 20px #4caf50,
                    0 0 30px #4caf50,
                    0 0 45px #00ff00,
                    0 0 55px #00ff00;
            }
        }

        /* Main horizontal tracks - exact positioning from image */
        .line0 {
            top: 40px;
            left: 891px;
            width: 828px;
        }

        .line1 {
            top: 111px;
            left: 846px;
            width: 895px;
        }

        .line1-dot {
            top: 87px; /* Slightly above the track center */
            left: 822px; /* Positioned in the middle of line1 */
        }

        .line2 {
            top: 192px;
            left: 793px;
            width: 951px;
        }

        .line2-dot {
            top: 155px; /* Slightly above the track center */
            left: 769px; /* Positioned in the middle of line2 */
        }

        .line3 {
         top: 269px;
    left: 950px;
    width: 792px;
    height: 5px !important;
        }

        .line4 {
            top: 342px;
            left: 761px;
            width: 983px;
        }

        .line4-dot {
            top: 356px;
    left: 751px; /* Positioned in the middle of line4 */
        }

        .line5 {
            top: 403px;
            left: 777px;

            width: 971px;
        }

        .line6 {
            top: 610px;
            left: 549px;
            width: 1195px;
        }

        .line7 {
            top: 504px;
    left: 717px;
            width: 1040px;
        }


        .sick-wagon-1 {
            top: 697px;
            left: 658px;
            width: 369px;
        }

        .sick-wagon-1-5 {
            top: 697px;
         left: 1023px;
    width: 722px;
            background-color: #e3f2fd;

        }

        .sick-wagon-2 {
            top: 766px;
            left: 1118px;
            width: 634px;
            background-color: #e3f2fd;

        }

        .loco-shed {
            top: 840px;
            left: 1219px;
            width: 541px;
            background-color: #e3f2fd;

        }

        .line8 {
            top: 932px;
            left: 947px;

            width: 811px;
        }

        /* Left side tracks */
        /* .leadline {
            top: 445px;
            left: 1px;
            width: 1497px;
        } */
        .line10 {
            top: 450px;
            left: -7px;
            width: 287px;
        }

        .line11 {
            top: 450px;
            left: 121px;
            width: 57px;
            /* Increased width for better visibility */
            /* Ensure line11 is visible when active */
            z-index: 3;
        }

        .line12 {
              top: 450px;
    left: 277px;
    width: 94px;
            background-color: #00ff00;
            box-shadow: 0 0 10px #00ff00, 0 0 20px #4caf50, 0 0 30px #4caf50, 0 0 40px #00ff00;
            animation: greenGlow 2s ease-in-out infinite alternate;
            border-radius: 2px;

        }

        .line13 {
            top: 450px;
            left: 300px;
            width: 74px;
        }

        .line14 {
         top: 450px;
    left: 368px;
    width: 135px;
        }

        /* Track dot for line14 */
        .track-dot {
            position: absolute;
            background-color: #ff6b00;
            border: 2px solid #fff;
            border-radius: 50%;
            width: 9px;
            height: 9px;
            z-index: 10;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
        }

        .track-dot:hover {
            background-color: #ff8533;
            transform: scale(1.2);
            box-shadow: 0 3px 6px rgba(255, 107, 0, 0.5);
        }

        .line14-dot {
            top: 388px; /* Slightly above the track center */
            left: 345px; /* Positioned in the middle of line14 */
        }

        .line15 {
            top: 450px;
            left: 500px;
            width: 100px;
            /* Reduced width - from P203 to P205 area */
        }

        .line15-dot {
            top: 374px; /* Slightly above the track center */
            left: 476px; /* Positioned in the middle of line15 */
        }

        .line15-1 {
            top: 450px;
            left: 597px;
            width: 102px;
            /* Middle segment to P211 area */
        }

        .line15-1-dot {
                top: 362px;
    left: 577px;
        }

        .line15-2 {
            top: 450px;
            left: 694px;
            width: 1052px;
            /* Remaining width to complete the original line */
        }

        .line15-2-dot {
            top: 392px; /* Slightly above the track center */
            left: 689px; /* Positioned in the middle of line15-2 */
        }

        .line16 {
            top: 558px;
            left: 5px;
            width: 185px;
        }

        .line16-1 {
            top: 558px;
            left: -5px;
            width: 129px;
                background-color: white;

        }

        .line16-2 {
            top: 558px;
            left: 121px;
            width: 67px;
            background-color: #00ff00;
            box-shadow:
                0 0 10px #00ff00,
                0 0 20px #4caf50,
                0 0 30px #4caf50,
                0 0 40px #00ff00;
            animation: greenGlow 2s ease-in-out infinite alternate;
            border-radius: 2px;
        }

        .line17-1 {
                top: 558px;
    left: 185px;
    width: 142px;
        }

        .line17-2 {
               top: 558px;
    left: 323px;
    width: 140px;
        }

        .line18 {
         top: 558px;
    left: 458px;
    width: 31px;
            background-color: #00ff00;
            box-shadow: 0 0 10px #00ff00, 0 0 20px #4caf50, 0 0 30px #4caf50, 0 0 40px #00ff00;
            animation: greenGlow 2s ease-in-out infinite alternate;
            border-radius: 2px;
        }

        /* .shunting-neck {
            top: 555px;
            left: 3px;
            width: 294px;
        } */

        /* Diagonal connecting tracks - exact angles from image */
        .diag-210 {
            top: 377px;
            left: 674px;
            width: 223px;
            transform: rotate(-57deg);
            transform-origin: left center;
        }

        .diag-214 {
            top: 192px;
            left: 794px;
            width: 99px;
            transform: rotate(-57deg);
            transform-origin: left center;
        }

        .diag-215 {
            top: 111px;
            left: 846px;
            width: 86px;
            transform: rotate(-57deg);
            transform-origin: left center;
        }

        /* .diag-208 { top: 289px; left: 440px; width: 40px; transform: rotate(-45deg); transform-origin: left center; }
        .diag-207 { top: 391px; left: 339px; width: 145px; transform: rotate(-45deg); transform-origin: left center; } */
        .diag-209 {
            top: 450px;
            left: 500px;
            width: 193px;
            transform: rotate(-23deg);
            transform-origin: left center;
        }

        .diag-212 {
            top: 376px;
            left: 674px;

            width: 98px;
            transform: rotate(-21deg);
            transform-origin: left center;
        }

        .diag-212-dot {
                top: 213px;
    left: 650px; /* Positioned along the diagonal track */
        }

        .sick-wagon-1-dot {
            top: 646px; /* Slightly above the track center */
            left: 633px; /* Positioned in the middle of sick-wagon-1 */
        }

        .line17-1-dot {
            top: 446px; /* Slightly above the track center */
            left: 163px; /* Positioned in the middle of line17-1 */
        }

        .line17-2-dot {
            top: 435px; /* Slightly above the track center */
            left: 433px; /* Positioned in the middle of line17-2 */
        }

        .conn-204-2-dot {
            top: 314px; /* Slightly above the track center */
            left: 248px; /* Positioned in the middle of conn-204-2 */
        }

        .diag-216-dot {
            top: 436px; /* Slightly above the track center */
            left: 527px; /* Positioned in the middle of diag-216 */
        }

        .diag-211-dot {
           top: 154px;
    left: 740px; /* Positioned in the middle of diag-211 */
        }
        .diag-209-dot{
            top: 300px;
            left: 667px;
        }

        .line16-2-dot {
            top: 596px; /* Slightly above the track center */
            left: 1000px; /* Positioned in the middle of line16-2 */
        }

        .diag-213 {
            top: 342px;
            left: 762px;
            width: 205px;
            transform: rotate(-21deg);
            transform-origin: left center;
        }

        .diag-211 {
            top: 451px;
            left: 695px;
            width: 98px;
            transform: rotate(-30deg);
            transform-origin: left center;
        }

        .diag-205-1 {
    top: 449px;
    left: 369px;
    width: 68px;
            transform: rotate(50deg);
            transform-origin: left center;
        }

        .diag-205-2 {
       top: 497px;
    left: 409px;
    width: 81px;
            transform: rotate(50deg);
            transform-origin: left center;
        }

        .diag-203 {
            top: 557px;
            left: 486px;
            width: 86px;
            transform: rotate(39deg);
            transform-origin: left center;
            background-color: #00ff00;
            box-shadow: 0 0 10px #00ff00, 0 0 20px #4caf50, 0 0 30px #4caf50, 0 0 40px #00ff00;
            animation: greenGlow 2s ease-in-out infinite alternate;
            border-radius: 2px;
        }

        .diag-216 {
            top: 610px;
            left: 551px;
            width: 141px;
            transform: rotate(39deg);
            transform-origin: left center;
        }

        .diag-217 {
            top: 697px;
            left: 659px;
            width: 374px;
            transform: rotate(39deg);
            transform-origin: left center;
        }

        .diag-201 {
            top: 696px;
            left: 1022px;
            width: 126px;
            transform: rotate(36deg);
            transform-origin: left center;
            background-color: #e3f2fd;
        }

        .diag-218 {
            top: 767px;
            left: 1120px;
            width: 126px;
            transform: rotate(36deg);
            transform-origin: left center;
            background-color: #e3f2fd;

        }

        /* Point to track connections */
        .conn-206 {
            top: 477px;
            left: 593px;
            width: 133px;
            transform: rotate(24deg);
        }

        .conn-204-1 {
      top: 559px;
    left: 186px;
    width: 74px;
            transform: rotate(-50deg);
            transform-origin: left center;
        }

        .conn-204-2 {
                  top: 505px;
    left: 231px;
    width: 74px;
            transform: rotate(-50deg);
            transform-origin: left center;
        }

        .conn-202 {
            top: 390px;
            left: 340px;
            width: 80px;
            transform: rotate(30deg);
            transform-origin: left center;
        }

        .conn-200 {
            top: 365px;
            left: 330px;
            width: 100px;
            transform: rotate(45deg);
            transform-origin: left center;
        }

        .conn-212 {
            top: 415px;
            left: 270px;
            width: 80px;
            transform: rotate(0deg);
        }

        /* Right side connections */
        .conn-213 {
            top: 465px;
            left: 610px;
            width: 30px;
            transform: rotate(0deg);
        }

        .conn-214 {
            top: 465px;
            left: 680px;
            width: 30px;
            transform: rotate(-15deg);
            transform-origin: left center;
        }

        .conn-215 {
            top: 736px;
            left: 871px;
            width: 30px;
            transform: rotate(-10deg);
            transform-origin: left center;
        }

        /* Point numbers as buttons - exact positioning from image */
        .point {
            position: absolute;
            font-size: 12px;
            font-weight: 900;
            color: white;
            background: linear-gradient(135deg, #2196f3, #1976d2);
            padding: 4px 8px;
            cursor: pointer;
            border: 2px solid #1565c0;
            border-radius: 6px;
            transition: all 0.3s ease;
            z-index: 10;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            min-width: 28px;
            text-align: center;
            user-select: none;
        }

        /* .point:hover {
            background: linear-gradient(135deg, #ff9800, #f57c00);
            border-color: #ef6c00;
            border-width: 3px;
            transform: scale(1.15);
            box-shadow: 0 6px 15px rgba(255, 152, 0, 0.5);
            font-weight: 900;
        } */

        /* .point.active {
            background: linear-gradient(135deg, #4caf50, #388e3c);
            color: white;
            border-color: #2e7d32;
            border-width: 3px;
            transform: scale(1.2);
            box-shadow: 0 6px 15px rgba(76, 175, 80, 0.5);
            font-weight: 900;
        } */

        .point.iot-triggered {
            /* IoT glow effect disabled */
            background: linear-gradient(135deg, #2196f3, #1976d2);
            color: white;
            border-color: #1565c0;
            transform: scale(1.0);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            animation: none;
        }

        /* .point.selected {
            background: linear-gradient(135deg, #f44336, #d32f2f);
            color: white;
            border-color: #c62828;
            border-width: 4px;
            transform: scale(1.25);
            animation: buttonPulse 1.5s infinite;
            box-shadow: 0 8px 20px rgba(244, 67, 54, 0.6);
            font-weight: 900;
            font-size: 13px;
        } */

        @keyframes buttonPulse {
            0% {
                transform: scale(1.25);
                box-shadow: 0 6px 16px rgba(244, 67, 54, 0.5);
            }

            50% {
                transform: scale(1.3);
                box-shadow: 0 8px 20px rgba(244, 67, 54, 0.7);
            }

            100% {
                transform: scale(1.25);
                box-shadow: 0 6px 16px rgba(244, 67, 54, 0.5);
            }
        }

        /* Info panel for point details */
        .info-panel {
            position: fixed;
            top: 20px;
            right: 20px;
            background-color: white;
            border: 2px solid #333;
            border-radius: 8px;
            padding: 15px;
            min-width: 250px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            z-index: 1000;
            display: none;
        }

        .info-panel h3 {
            margin: 0 0 10px 0;
            color: #333;
            border-bottom: 1px solid #ddd;
            padding-bottom: 5px;
        }

        .info-panel p {
            margin: 5px 0;
            color: #666;
        }

        .info-panel .close-btn {
            position: absolute;
            top: 5px;
            right: 10px;
            background: none;
            border: none;
            font-size: 18px;
            cursor: pointer;
            color: #999;
        }

        .info-panel .close-btn:hover {
            color: #333;
        }

        /* IoT Sensor indicators */
        .sensor-indicator {
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #2196f3;
            border: 2px solid white;
            z-index: 15;
            animation: sensorPulse 2s infinite;
        }

        @keyframes sensorPulse {

            0%,
            100% {
                opacity: 0.6;
                transform: scale(1);
            }

            50% {
                opacity: 1;
                transform: scale(1.2);
            }
        }

        .sensor-active {
            background-color: #4caf50 !important;
            animation: sensorActive 0.5s infinite;
            box-shadow:
                0 0 10px #4caf50,
                0 0 20px #4caf50,
                0 0 30px #00ff00;
        }

        .sensor-triggered {
            background-color: #ff5722 !important;
            animation: sensorTriggered 1s ease-out;
        }

        @keyframes sensorActive {

            0%,
            100% {
                opacity: 1;
                transform: scale(1.2);
            }

            50% {
                opacity: 0.7;
                transform: scale(1.5);
            }
        }

        @keyframes sensorTriggered {
            0% {
                opacity: 1;
                transform: scale(1);
            }

            25% {
                opacity: 1;
                transform: scale(2);
            }

            100% {
                opacity: 0.6;
                transform: scale(1.2);
            }
        }

        /* Control Panel */
        .control-panel {
            position: fixed;
            top: 20px;
            left: 1500px;
            background-color: #222222;
            border: 2px solid #666666;
            border-radius: 8px;
            padding: 15px;
            min-width: 280px;
            box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
            z-index: 1000;
        }

        .control-panel h3 {
            margin: 0 0 15px 0;
            color: #ffffff;
            border-bottom: 1px solid #666666;
            padding-bottom: 5px;
        }

        .train-simulator {
            margin-bottom: 15px;
        }

        .train-simulator button {
            margin: 5px;
            padding: 8px 12px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-weight: 900;
            font-size: 12px;
        }

        .simulate-btn {
            background-color: #2196f3;
            color: white;
        }

        .simulate-btn:hover {
            background-color: #1976d2;
        }

        .direction-btn {
            background-color: #ff9800;
            color: white;
        }

        .direction-btn:hover {
            background-color: #f57c00;
        }

        .sensor-log {
            max-height: 200px;
            overflow-y: auto;
            border: 1px solid #ddd;
            padding: 5px;
            font-size: 12px;
            background-color: #f9f9f9;
        }

        .log-entry {
            margin: 2px 0;
            padding: 2px 5px;
            border-radius: 3px;
        }

        .log-left {
            background-color: #e3f2fd;
        }

        .log-right {
            background-color: #fff3e0;
        }

        .log-straight {
            background-color: #e8f5e8;
        }

        .p210 {
            top: 83px;
            left: 746px;
        }

        .p208 {
            top: 158px;
            left: 696px;
        }

        .p207 {
            top: 347px;
            left: 574px;
        }

        .p209 {
            top: 350px;
            left: 758px;
        }

        .p211 {
            top: 460px;
            left: 692px;
        }

        .p205 {
            top: 415px;
            left: 592px;
        }

        .p203 {
            top: 416px;
            left: 420px;
        }

        .p201 {
            top: 417px;
            left: 204px;
        }

        .p206 {
            top: 576px;
            left: 549px;
        }

        .p204 {
            top: 568px;
            left: 416px;
        }

        .p202 {
               top: 416px;
    left: 314px;
        }

        .p200 {
            top: 567px;
            left: 143px;
        }

        .p212 {
            top: 569px;
            left: 45px;
        }

        .p212::after {
            content: '';
            position: absolute;
            top: -17px;
           left: 51px;
    width: 4px;
    height: 100px;
            background-color: #00ff00;
            box-shadow:
                0 0 10px #00ff00,
                0 0 20px #4caf50,
                0 0 30px #4caf50,
                0 0 40px #00ff00;

            animation: greenGlow 2s ease-in-out infinite alternate;
            border-radius: 2px;
            transform: rotate(29deg);

            box-shadow: 0 1px 3px rgba(255, 255, 255, 0.3);
        }

        .p212::before {
            content: '';
            position: absolute;
            top: 74px;
            left: -48px;
            width: 79px;
            height: 4px;
            background-color: #00ff00;
            box-shadow:
                0 0 10px #00ff00,
                0 0 20px #4caf50,
                0 0 30px #4caf50,
                0 0 40px #00ff00;

            animation: greenGlow 2s ease-in-out infinite alternate;
            border-radius: 2px;
            box-shadow: 0 1px 3px rgba(255, 255, 255, 0.3);
        }

        .p213 {
            top: 659px;
            left: 656px;
        }

        .p214 {
            top: 664px;
            left: 979px;

        }

        .p215 {
            top: 772px;
            left: 1068px;
        }

        /* Labels - exact positioning from image */
        .label {
            position: absolute;
            font-size: 12px;
            font-weight: 900;
            color: white;
            background-color: #333333;
            padding: 2px 4px;
            border: 1px solid #666666;
            border-radius: 3px;
            box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
        }

        /* Right side labels */
        .label-line9 {
            top: -1px;
            left: 1230px;
        }

        .label-line8 {
            top: 84px;
            left: 1230px;
        }

        .label-line7 {
            top: 166px;
            left: 1230px;
        }

        .label-line6 {
            top: 235px;
            left: 1230px;
        }

        .label-line5 {
            top: 312px;
            left: 1230px;
        }

        .label-line4 {
            top: 369px;
            left: 1230px;
        }

        .label-line3 {
            top: 417px;
            left: 1231px;
        }

        .label-line2 {
            top: 468px;
            left: 1230px;
        }

        .label-line1 {
            top: 580px;
            left: 1230px;
        }

        .label-line9,
        .label-line8,
        .label-line7,
        .label-line6,
        .label-line5,
        .label-line4,
        .label-line3,
        .label-line2,
        .label-line1,
        .label-sick1,
        .label-sick2,
        .label-loco,
        .label-line0 {
            left: 1400px;
        }

        .label-line9 {
            top: 15px;
        }

        .label-line8 {
            top: 84px;
        }

        .label-line7 {
            top: 166px;
        }

        .label-line6 {
            top: 235px;
        }

        .label-line5 {
            top: 312px;
        }

        .label-line4 {
            top: 369px;
        }

        .label-line3 {
            top: 417px;
        }

        .label-line2 {
            top: 468px;
        }

        .label-line1 {
            top: 580px;
        }

        .label-sick1 {
            top: 669px;
        }

        .label-sick2 {
            top: 740px;
        }

        .label-loco {
            top: 811px;
        }

        .label-line0 {
            top: 901px;
        }

        /* Function labels on far right */
        .func-label {
            position: absolute;
            font-size: 11px;
            font-weight: 900;
            color: white;
            background-color: #333333;
            padding: 2px 4px;
            border: 1px solid #666666;
            border-radius: 3px;
            box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
        }

        .func-pre-tipler-c1 {
            top: 15px;
            left: 1459px;
        }

        .func-pre-tipler-c2 {
            top: 239px;
            left: 1460px;
        }

        .func-engine-reversal {
            top: 165px;
            left: 1462px;
        }

        .func-pre-tipler-c3 {
            top: 315px;
            left: 1461px;
        }

        .func-pre-tipler-c4 {
            top: 418px;
            left: 1460px;
        }

        .func-pre-tipler-c5 {
            top: 84px;
            left: 1457px;
        }

        .func-pre-tipler-c6 {
            top: 369px;
            left: 1454px;
        }

        .func-pre-hopper1 {
            top: 466px;
            left: 1467px;
        }

        .func-pre-hopper2 {
            top: 580px;
            left: 1465px;
        }

        .func-csr {
            top: 901px;
            left: 1456px;
        }

        /* Left side labels */
        .label-leadline {
            top: 425px;
            left: 9px;
        }

        .label-shunting {
            top: 524px;
            left: 0px;
        }

        .label-rur {
            top: 660px;
            left: 0px;
        }