.rst label{margin-right:5px;}
.rst-group {padding:0px 0px 0px 0px;}
div#map {height:100%;}
.login-box, .register-box {
   margin-top:0px;
}
.required, .login-box-msg, .parsley-required, .error {
    color:red;
}
.parsley-errors-list {
    list-style: none;
    padding: 0px 0px 0px 3px;
    font-size:12px;
}
/*.main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999;
}*/
.errorWrap {
    padding: 10px;
    margin: 0 0 20px 0;
	background: #dd3d36;
	color:#fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
    padding: 10px;
    margin: 0 0 20px 0;
	background: #5cb85c;
	color:#fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

.box.box-chat, .box.box-spots {box-shadow: 0 1px 1px rgba(0,0,0,1);}
.spot-time {/*display:block;*/margin-left:3px;}
.product-list-in-box>.item {font-size:1em; padding-top:3px; border-top:solid 1px #999;}
.products-list .product-description {white-space:normal; clear:right; color:#333;}
.spot-comments {display:block;}
.product-title .label {font-size:1em;}
.box-spots .box-body {padding-top:0px;}
.box-spots .spotter {font-weight:600; color:black;}
.box-spots .product-title.label-me {background-color:#FFFFAA}
.box-spots .product-info { margin-left:78px; padding-left:5px;}
/*.box-add-spot .form-control {height:25px;}*/

.direct-chat .box-body {overflow:hidden;}
.direct-chat-messages {height:100%;} 
.direct-chat-messages .user-found {background-color:#FFFFAA}
.direct-chat-timestamp {color:black;}
.direct-chat-text {margin-left:80px;}
.right .direct-chat-text {margin-right:84px;}
.highlighted {
    background-color: #FFFFAA!important;
    border-color:#FFFFAA!important;
    color:black;
    -webkit-transition: background 5s linear;
-moz-transition: background 5s linear;
-ms-transition: background 5s linear;
-o-transition: background 0.5s linear;
transition: background 5s linear;

}

.control-sidebar-bg, .control-sidebar {width:261px; right:-261px;}

.direct-chat .right>.direct-chat-text.highlighted{color:black;}
.direct-chat .right>.direct-chat-text.highlighted:before, .direct-chat .right>.direct-chat-text.highlighted:after{top:7px!important;}
.direct-chat .direct-chat-text:before, .direct-chat .direct-chat-text:after{top:7px!important;}

@-o-keyframes fadeIt {
    0%   { background-color: #FFFFAA; }
    50%  { background-color: #ffffff; }
    100% { background-color: rgb( 236, 234, 96); }
  }
  @keyframes fadeIt {
    0%   { background-color: #FFFFAA; }
    50%  { background-color: #FFFFFF; }
    100% { background-color: #FFFFAA; }
  }
  
  .backgroundAnimated{    
      background-image:none !important; 
           -o-animation: fadeIt 5s ease-in-out infinite; 
              animation: fadeIt 5s ease-in-out infinite; 
  }

  .right-sidebar-button {
      position:absolute;
      top:50%;
      padding: 4px 8px 4px 9px;
      margin: 0px 0px 0px -26px;
      font-size: 15px!important;
      color: #fff!important;
      -webkit-transform: rotate(-90deg) translate(-40px,-33px)!important;
      -moz-transform: rotate(-90deg) translate(-40px,-33px)!important;
      -ms-transform: rotate(-90deg) translate(-40px,-33px)!important;
      -o-transform: rotate(-90deg) translate(-40px,-33px)!important;
      -khtml-transform: rotate(-90deg) translate(-40px,-33px)!important;
      transform: rotate(-90deg) translate(-40px,-33px)!important;
      background: #002664!important;
      -webkit-border-radius: 8px 8px 0px 0px!important;
      -moz-border-radius: 8px 8px 0px 0px!important;
      -ms-border-radius: 8px 8px 0px 0px!important;
      -o-border-radius: 8px 8px 0px 0px!important;
      -khtml-border-radius: 8px 8px 0px 0px!important;
      border-radius: 8px 8px 0px 0px!important;
      border: 1px solid #bbb!important;
      cursor: pointer!important;
      display: inline-block!important;
      text-align: center!important;
      vertical-align: middle!important;
      white-space: nowrap!important;
      cursor: pointer!important
  
  }
  
  .icheckbox_line-blue, .iradio_line-blue {
    float:left;
    margin-right:3px;
  }

  .right-sidebar {position:fixed;}

  .right-sidebar-nav{
      position:fixed;
      top:50%;
      margin:-32px 0px 0px 0px;
  }

  @media (max-width: 767px){
    .control-sidebar {
        padding-top: 44px;
        
    }
    .rst-group label{
        display:none;
    }
    #add_spot .form-group{
        margin-bottom:5px;
    }
    .box-add-spot .box-header{
        padding: 3px 3px 3px 3px;
    }
  }
  @media (max-width: 767px){
    .rst-group .form-group, .form-inline .form-control {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
  }

  @media (max-width: 991px){
  .main-header .navbar-custom-menu a {background:transparent; color:white;}
  }

  .btn-default-filter {
    background-color: #dfdbdb!important;
    color: #444!important;
    border-color: #ddd!important;
}
  .btn-default-filter:hover {
    background-color: #d3d2d2!important;
}

  .label-hf{background-color:#cc2249;color:white;}
  .label-10m{background-color:#6d6e70;color:white;}
  .label-6m{background-color:#000000;color:white;}
  .label-2m{background-color:#FF0000;color:white;}
  .label-70cm{background-color:#FFA500;color:black;}
  .label-23cm{background-color:#FFFF00;color:black;}
  .label-13cm{background-color:#34ff34;color:black;}
  .label-9cm{background-color:#008000;color:white;}
  .label-6cm{background-color:#34cdf9;color:white;}
  .label-3cm{background-color:#0000ff;color:white;}
  .label-12mm{background-color:#4b0082;color:white;}
  .label-6mm{background-color:#8fc740;color:white;}
  .label-4mm{background-color:#1a7abd;color:white;}
  .label-2mm{background-color:#4e62ad;color:white;}
  .label-22mm{background-color:#7c93e7;color:white;}
  .label-1mm{background-color:#7786bb;color:white;}
  .label-default{background-color:#bdb8b8;color:black;}

  .icon-spotter{background-color:#2d7df5!important;color:white!important;border:1px solid #999!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-10m{background-color:#6d6e70!important;color:white!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-6m{background-color:#000000!important;color:white!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-2m{background-color:#FF0000!important;color:white!important;;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-70cm{background-color:#FFA500!important;color:black!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-23cm{background-color:#FFFF00!important;color:black!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-13cm{background-color:#34ff34!important;color:black!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-9cm{background-color:#008000!important;color:white!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-6cm{background-color:#34cdf9!important;color:white!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-3cm{background-color:#0000ff!important;color:white!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-12mm{background-color:#4b0082!important;color:white!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-6mm{background-color:#8fc740!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-4mm{background-color:#1a7abd!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-2mm{background-color:#4e62ad!important;width:8px!important;height:8px!important;border-radius:50% !important;}
  .icon-default{background-color:#bdb8b8!important;color:black!important;width:8px!important;height:8px!important;border-radius:50% !important;}

a.editSpot, a.deleteSpot{color:red; margin:0px 3px 0px 0px}
a.editSpot:hover, a.editSpot:active, a.editSpot:focus, a.deleteSpot:hover, a.deleteSpot:active, a.deleteSpot:focus {color:rgb(245, 94, 94)}
.map-legand .label {font-size:86%;margin-right:2px;}

#mapMessage{color:red;}
.alert{margin-bottom:0px;}
.spot-icon{vertical-align:top;}
.main-header .navbar .nav>li>a>.label {
    top: 6px;
}

.ellipsis {
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.tropo-image{margin-top:-23px;}
#propagation-box{margin-top:5px; border-bottom:1px solid #ddd;}
#propagation-box .btn-box-tool{background:whitesmoke;}
.chatUsersList{display:inline-block;}
#calc-results code {color:#0000ff;font-weight:bold;font-size:105%;}

.leaflet-div-icon
{
    width:6px !important;
    height:6px !important;
  background:red !important;
  border:5px solid rgba(255,255,255,0.5) !important;
  color:blue !important;
  font-weight:bold !important;
  text-align:center !important;
  border-radius:50% !important;
  line-height:30px !important;
}

td.dt-nowrap { white-space: nowrap }
.table-row-warning{background-color:#f3d7eb!important;color:rgb(17, 16, 16);}

div.progress.psk-progress{height:5px;}

#pskrTable tr {
    transition: all 2.0s ease;
  }
#clusterTable tr {
    transition: all 2.0s ease;
  }
#on4kstTable tr {
    transition: all 0.5s ease;
  }

.animate-newrow {
    /*transition: background-color linear 2s;*/
}

footer ul.footerUL{
    list-style:none;
}

table.condensed tbody th, table.condensed tbody td {
    /*font-size: 0.75rem;*/
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
}

.field-inline{
    display: inline-block;
    margin-left: 20px !important;
}

.timeTo{
    font-size:10px;
    display:block;
}

dd[data-editor-field] {
    border: 1px dashed #ccc;
    /*padding: 0.5em;*/
    /*margin: 0.5em;*/
}

dd[data-editor-field]:hover {
    background: #f3f3f3;
    border: 1px dashed #333;
}
.btn-create{
    color:white !important;
    background-color:#367fa9;
}
.btn-create:hover{
    background-color: #204d74;
    border-color: #122b40;
}
.band-filter-button{
    float:left;
    margin-right:3px;
    margin-top:2px;
    padding: 0px 7px 0px 21px;
    width:71px;
}

#filter-box{
  margin-bottom:0px;
}

input#closeFilter, input#closeFilter + label{
  margin-left:3px;
}
.apply-button-animation{
    /*background-color: #222;*/
    animation-name: apply-button;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.apply-chat-animation{
    /*background-color: #222;*/
    animation-name: apply-chat-animation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
.apply-newchat-animation{
    /*background-color: #222;*/
    animation-name: apply-newchat-animation;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-fill-mode: forwards;
}
.apply-pskr-animation{
    /*background-color: #222;*/
    animation-name: apply-chat-animation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.direct-chat-text {
  background: #f1f1f1;
  border-radius: 10px;
  padding: 10px;
  position: relative;
  flex-grow: 1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.current-user-message {
  background-color: #e5f3fa; /* Light pastel blue */
}
  
@keyframes apply-button {
    0% {
      background-color: #f4f4f4;
    }
    50% {
      background-color: #4285f4;
    }
    100% {
      background-color: #f4f4f4;
    }
  }
@keyframes apply-chat-animation {
    0% {
      background-color: #d2d6de;
    }
    50% {
      background-color: #FFFFAA;
    }
    100% {
      background-color: #d2d6de;
    }
  }
  @keyframes apply-newchat-animation {
    0% {
      background-color: #d2d6de;
    }
    50% {
      background-color: #0a8805;
      color:white;
    }
    100% {
      background-color: #d2d6de;
    }
  }
  .bandFilterControls,.modeFilterControls{
    float: left;
    /* height: 20px; */
    position: relative;
    display: block;
    padding-left: 3px;
    margin-bottom:5px;
  }
  .apply-button{
    /*position: absolute;*/
    /*left: 41px;*/
    /* height: 29px; */
    padding: 3px 12px;
  }
  /* Removed empty ruleset for .allBandFilters */

  #loader{
    display:inline-block;
    width:12px;
    height:12px;
  }

  .loader {
    border: 3px solid #ccc;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 12px;
    height: 12px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    display:inline-block;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .btn-add-spot {
    color: #fff;
    background-color: #002664;
    border-color: #2e6da4
}

.btn-addd-spot.focus,.btn-add-spot:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-add-spot:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}
.sub-top-nav{
  background-color:#ddd;
  color:#333;
  min-height:24px;
}

.sub-top-nav #utctime{
  font-weight:700;
}
.sub-top-nav .solar-list{
  list-style-type:none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  
}
.time-div{
  float:left;
  width:230px;
  text-align:center;
}
.solar-display{
  float:right;
}
.solar-display .solar-list li{
  padding-right:10px;
  display:inline;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p>span.userArrow {
  color: #0a56c7;
  font-size: 20px;
  /*position: absolute;
  bottom: 0;
  right: 10px;*/
  float:right;
}

.feeditem {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: rgb(255 255 255 / 15%);
  border: 1px solid #d2d6de;
  /* margin: 5px 0 0 50px; */
  color: #444;
}

.chatGroupDate{
  margin:0px 0px 0px 0px;
  font-weight:bolder;
}

.chatHR{
  margin:0px 0px 5px 0px;
  height:2px;border-width:0;color:gray;background-color:gray;
}

.chatTimeTo{
  width:78px;
}

#chat-messages .direct-chat-text{
  margin-top:2px;
}

.dragPointIcon{
  font-size: inherit!important;
  opacity: 0.5!important;
  margin-left: 5px!important;
}
.bottom-margin-10{
  margin-bottom:10px!important;
}

.led-green {
  margin: 0 auto;
  width: 10px;
  height: 10px;
  background-color: #ABFF00;
  border-radius: 50%;
  box-shadow: rgb(0 0 0 / 20%) 0 -1px 7px 1px, inset #3047013d 0 -1px 9px, #89ff00 0 2px 2px;
}
.led-off{
  margin: 0 auto;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  box-shadow: rgb(0 0 0 / 20%) 0 -1px 7px 1px, inset #3047013d 0 -1px 9px, #ddd 0 2px 2px;
}

body {
  table-layout: fixed;
}

.history-tooltip {
  font-size: 8px;
  padding-bottom: 0px!important;
  padding-top: 2px!important;
}

  /* Style the marker at zoom level 0 */
  .zoom-level-3 .zoneIcon .zoneIcon-content, .zoom-level-4 .zoneIcon .zoneIcon-content, .zoom-level-5 .zoneIcon .zoneIcon-content,
  .zoom-level-6 .zoneIcon .zoneIcon-content, .zoom-level-7 .zoneIcon .zoneIcon-content, .zoom-level-8 .zoneIcon .zoneIcon-content,
  .zoom-level-9 .zoneIcon .zoneIcon-content, .zoom-level-10 .zoneIcon .zoneIcon-content, .zoom-level-11 .zoneIcon .zoneIcon-content,
  .zoom-level-12 .zoneIcon .zoneIcon-content, .zoom-level-13 .zoneIcon .zoneIcon-content, .zoom-level-14 .zoneIcon .zoneIcon-content,
  .zoom-level-15 .zoneIcon .zoneIcon-content, .zoom-level-16 .zoneIcon .zoneIcon-content, .zoom-level-17 .zoneIcon .zoneIcon-content,
  .zoom-level-18 .zoneIcon .zoneIcon-content, .zoom-level-19 .zoneIcon .zoneIcon-content, .zoom-level-20 .zoneIcon .zoneIcon-content,
  .zoom-level-21 .zoneIcon .zoneIcon-content, .zoom-level-22 .zoneIcon .zoneIcon-content, .zoom-level-23 .zoneIcon .zoneIcon-content,
  .zoom-level-24 .zoneIcon .zoneIcon-content, .zoom-level-25 .zoneIcon .zoneIcon-content, .zoom-level-26 .zoneIcon .zoneIcon-content,
  .zoom-level-27 .zoneIcon .zoneIcon-content, .zoom-level-28 .zoneIcon .zoneIcon-content, .zoom-level-29 .zoneIcon .zoneIcon-content,
  .zoom-level-30 .zoneIcon .zoneIcon-content, .zoom-level-31 .zoneIcon .zoneIcon-content, .zoom-level-32 .zoneIcon .zoneIcon-content,
  .zoom-level-33 .zoneIcon .zoneIcon-content, .zoom-level-34 .zoneIcon .zoneIcon-content, .zoom-level-35 .zoneIcon .zoneIcon-content,
  .zoom-level-36 .zoneIcon .zoneIcon-content, .zoom-level-37 .zoneIcon .zoneIcon-content, .zoom-level-38 .zoneIcon .zoneIcon-content, 
  .zoom-level-39 .zoneIcon .zoneIcon-content, .zoom-level-40 .zoneIcon .zoneIcon-content, .zoom-level-41 .zoneIcon .zoneIcon-content, 
  .zoom-level-42 .zoneIcon .zoneIcon-content, .zoom-level-43 .zoneIcon .zoneIcon-content, .zoom-level-44 .zoneIcon .zoneIcon-content, 
  .zoom-level-45 .zoneIcon .zoneIcon-content, .zoom-level-46 .zoneIcon .zoneIcon-content, .zoom-level-47 .zoneIcon .zoneIcon-content, 
  .zoom-level-48 .zoneIcon .zoneIcon-content, .zoom-level-49 .zoneIcon .zoneIcon-content, .zoom-level-50 .zoneIcon .zoneIcon-content, 
  .zoom-level-51 .zoneIcon .zoneIcon-content, .zoom-level-52 .zoneIcon .zoneIcon-content {
    width: 50px;
    height: 20px;
    background-color: rgb(238, 255, 0);
    text-align: center;
    line-height: 20px;
    font-size:12px;
    /*text-shadow: 1px 1px 2px rgb(27, 25, 26);*/
    color: rgb(0, 0, 0);
    font-weight:bold;
    border-radius: 5px;
  }
  
  /* Style the marker at zoom level 1 */
  .zoom-level-1 .zoneIcon .zoneIcon-content {
    width: 30px;
    height: 10px;
    background-color: rgb(238, 255, 0);
    text-align: center;
    line-height: 11px;
    font-size:8px;
    /*text-shadow: 1px 1px 2px rgb(27, 25, 26);*/
    color: rgb(0, 0, 0);
    font-weight:bold;
    border-radius: 5px;
  
  }
  
  /* Style the marker at zoom level 2 */
  .zoom-level-2 .zoneIcon .zoneIcon-content {
    width: 33px;
    height: 15px;
    background-color: rgb(238, 255, 0);
    text-align: center;
    line-height: 15px;
    font-size:10px;
    /*text-shadow: 1px 1px 2px rgb(27, 25, 26);*/
    color: rgb(0, 0, 0);
    font-weight:bold;
    border-radius: 5px;
  
  }

  .text-marker {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px; /* Adjust the font size as needed */
    font-weight: bold; /* Adjust the font weight as needed */
    background-color: rgba(255, 255, 255, 0.7); /* Optional: Add a background color */
  }
  .text-marker-highlight {
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px; /* Adjust the font size as needed */
    font-weight: bold; /* Adjust the font weight as needed */
    background-color: rgb(238, 255, 0);
  }

  
  .chat-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
    z-index: 1000;
    padding-top: 95px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chat-loading-overlay span {
    position: relative;
    font-size: 20px;
    color: #3498db;
    display: inline-block; /* Add this for better Firefox support */
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.spinning {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#userContextMenu {
  min-width: 160px;
}

#userContextMenu ul {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}

#userContextMenu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}

#userContextMenu li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.badge-blocked {
  opacity: 0.5;
  cursor: not-allowed;
}

.badge-blocked:hover {
  opacity: 0.7;
}

.bg-secondary {
  background-color: #6c757d !important;
  color: #fff;
}

.bg-secondary:hover {
  background-color: #5a6268 !important;
}

.blocked-user-row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.blocked-user-row:last-child {
  border-bottom: none;
}

.map-legand {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 4px;
}

.map-legand small.label {
  display: inline-block;
  margin-bottom: 2px;
  white-space: nowrap;
}

.es-probability-control {
  padding: 6px 8px;
  background: white;
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  border-radius: 4px;
}

.es-control-header {
  font-weight: bold;
  margin-bottom: 5px;
}

.es-control-content {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}

.es-gradient-bar {
  height: 8px;
  background: linear-gradient(90deg,
      rgb(114,136,144) 0%,
      rgb(57,221,206) 11%, 
      rgb(77,152,23) 23%,
      rgb(247,245,0) 34%,
      rgb(251,184,0) 46%,
      rgb(219,45,1) 57%,
      rgb(112,48,160) 69%,
      rgb(242,242,242) 80%,
      rgb(92,92,97) 100%);
}

#epiSlider {
  width: 140px;
}

#epiValue {
  width: 15px;
}

.probability-legend-value-high {
  float:right;
}

.muf-probability-control {
  padding: 6px 8px;
  background: white;
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  border-radius: 4px;
}

.muf-control-header {
  display:flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 5px;
}

.muf-gradient-bar {
  height: 8px;
  background: linear-gradient(90deg,
  rgb(184,159,190) 0%,
  rgb(170,219,209) 50%,
  rgb(253,246,171) 100%);
}

.muf-probability-legend-label {
  display: flex;
  justify-content: space-between; /* This creates equal space between items */
  width: 100%; /* Ensures the container takes full width */
  margin-top: 2px;
}