#dxWaterfall { width: 100%; height: 200px; min-height: 200px; display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; } #dxWaterfallCanvasContainer { min-height: 200px; } #dxWaterfallSpot { width: 100%; background-color: #000000; color: #FFFFFF; padding: 5px 8px; font-family: "Consolas", "Courier New", monospace; font-size: 12px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; min-height: 32px; display: flex; align-items: center; word-wrap: break-word; overflow-wrap: break-word; position: relative; border-radius: 5px 5px 5px 5px; transition: border-radius 0.3s; } #dxWaterfallSpot.active { border-radius: 5px 5px 0 0; border-bottom: none; } #dxWaterfallSpotHeader { display: flex; align-items: center; width: 100%; position: relative; cursor: pointer; } #dxWaterfallSpotHeader.hidden { display: none; } #dxWaterfallSpotContent { display: none; width: 100%; padding-right: 65px; } #dxWaterfallSpotContent.active { display: block; } #dxWaterfallSpotLeft { display: flex; align-items: center; flex: 1; padding-right: 55px; } #dxWaterfallPowerOnIcon { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); cursor: pointer; color: #FF0000; flex-shrink: 0; transition: color 0.3s; } #dxWaterfallPowerOnIcon:hover { color: #DD0000; } #dxWaterfallHelpIcon { position: absolute; top: 50%; right: 28px; transform: translateY(-50%); cursor: pointer; color: #FFFFFF; flex-shrink: 0; transition: color 0.2s; text-decoration: none; display: flex; align-items: center; } #dxWaterfallHelpIcon:hover { color: #AAAAAA; text-decoration: none; } #dxWaterfallHelpIcon i { font-size: 14px; } #dxWaterfallMessage { text-align: left; } #dxWaterfallPowerOffIcon { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); cursor: pointer; color: #00FF00; flex-shrink: 0; transition: color 0.2s; display: none; } #dxWaterfallPowerOffIcon.active { display: block; } #dxWaterfallPowerOffIcon:hover { color: #00DD00; } #dxWaterfallHelpIconOff { position: absolute; top: 50%; right: 36px; transform: translateY(-50%); cursor: pointer; color: #FFFFFF; flex-shrink: 0; transition: color 0.2s; text-decoration: none; display: none; align-items: center; } #dxWaterfallHelpIconOff.active { display: flex; } #dxWaterfallHelpIconOff:hover { color: #AAAAAA; text-decoration: none; } #dxWaterfallHelpIconOff i { font-size: 14px; } #dxWaterfallMenu { width: 100%; background-color: #000000; color: #FFFFFF; padding: 5px 8px; font-family: "Consolas", "Courier New", monospace; font-size: 13px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-radius: 0 0 5px 5px; min-height: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } #dxWaterfallMenu .zoom-in-icon, #dxWaterfallMenu .zoom-out-icon, #dxWaterfallMenu .zoom-reset-icon, #dxWaterfallMenu .prev-spot-icon, #dxWaterfallMenu .next-spot-icon, #dxWaterfallMenu .smart-hunter-icon, #dxWaterfallMenu .continent-cycle-icon, #dxWaterfallMenu .mode-filter-icon, #dxWaterfallMenu .label-size-icon { cursor: pointer; color: #FFFFFF; margin: 0 2px; font-size: 12px; transition: color 0.2s; } #dxWaterfallMenu .zoom-in-icon:hover:not(.disabled), #dxWaterfallMenu .zoom-out-icon:hover:not(.disabled), #dxWaterfallMenu .zoom-reset-icon:hover:not(.disabled), #dxWaterfallMenu .prev-spot-icon:hover:not(.disabled), #dxWaterfallMenu .next-spot-icon:hover:not(.disabled), #dxWaterfallMenu .smart-hunter-icon:hover:not(.disabled), #dxWaterfallMenu .smart-hunter-text:hover:not(.disabled), #dxWaterfallMenu .continent-cycle-icon:hover:not(.disabled), #dxWaterfallMenu .continent-cycle-text:hover:not(.disabled), #dxWaterfallMenu .mode-filter-icon:hover:not(.disabled), #dxWaterfallMenu .label-size-icon:hover { color: #AAAAAA; } #dxWaterfallMenu .smart-hunter-text, #dxWaterfallMenu .continent-cycle-text { cursor: pointer; color: #FFFFFF; margin-left: 5px; font-size: 13px; transition: color 0.2s; user-select: none; } #dxWaterfallMenu .mode-filter-phone, #dxWaterfallMenu .mode-filter-cw, #dxWaterfallMenu .mode-filter-digi { user-select: none; } #dxWaterfallMenu .mode-filter-phone:hover:not(.disabled), #dxWaterfallMenu .mode-filter-cw:hover:not(.disabled), #dxWaterfallMenu .mode-filter-digi:hover:not(.disabled) { opacity: 0.7; } @keyframes blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0.3; } } .radio-icon-blink { animation: blink 0.4s ease-in-out 1; } #dxWaterfallSpot .flag-emoji { font-family: "Twemoji Country Flags", "Helvetica", "Comic Sans", sans-serif !important; font-style: normal !important; font-variant: normal !important; } #dxWaterfallSpot .copy-icon, #dxWaterfallSpot .tune-icon, #dxWaterfallSpot .cycle-spot-icon { cursor: pointer; color: #FFFFFF; margin-right: 5px; font-size: 12px; transition: color 0.2s; } #dxWaterfallSpot .copy-icon:hover, #dxWaterfallSpot .tune-icon:hover, #dxWaterfallSpot .cycle-spot-icon:hover { color: #AAAAAA; } #dxWaterfallSpot .new-continent-icon { color: #FFD700; /* Gold */ margin-left: 5px; font-size: 12px; } #dxWaterfallSpot .new-dxcc-icon { color: #C0C0C0; /* Silver */ margin-left: 5px; font-size: 12px; } #dxWaterfallSpot .new-callsign-icon { color: #CD7F32; /* Bronze */ margin-left: 5px; font-size: 12px; } .dxwaterfallpane{ margin-bottom: 2px; }