/* CSS BUTTONS [^="start"]  [*="contain"]  [$="ends"] */
:root{
  --btn-white:255 255 255; /* #ffffff */
  --btn-light:230 230 230; /* #dbdbdb */
  --btn-gray:180 180 180; /*  */
  --btn-form:110 110 110;  
  --btn-dark:0 0 0 ;
  --btn-primary:26 118 246; /*  #1a76f6 */
  --btn-secondary:145 86 221; /* #9156dd */
  --btn-secondary-2:124 58 237;  
  /* 6f00ff */
  --btn-info:59 130 246; /* #3b82f6 */
  --btn-success:72 199 102; /* #48c766 */
  --btn-warning:250 183 0; /* #fab700 */
  --btn-danger:231 76 60; /* #e74c3c */
  --btn-danger-2:230 38 38; 
  --btn-fuc: 255 0 255; 
  --btn-fuc-2: 219 39 119; 
  --btn-cyan: 0 230 255; 
  --btn-orange: 230 130 49; 
  --bg-opacity:0.15;
}



[class*="btn-none"] { 
  color: rgba(var(--btn-light) / 1) !important;
  background: transparent !important;
  filter: brightness(80%);
}
[class*="btn-white"] { 
  color: rgba(var(--btn-white) / 1) !important;
  border: 1px solid rgba(var(--btn-white) / 1) !important;
  background-color: rgba(var(--btn-white) / 0.03)  !important;
}
[class*="btn-light"] { 
  color: rgba(var(--btn-light) / 1) !important;
  border: 1px solid rgba(var(--btn-light) / 1) !important;
  /* background-color: rgba(var(--btn-success) / var(--bg-opacity))  !important; */
}
[class*="btn-gray"] { 
  color: rgba(var(--btn-gray) / 1) !important;
  border: 1px solid rgba(var(--btn-gray) / 1) !important;
}
[class*="btn-dark"] { 
  color: rgba(var(--btn-dark) / 1) !important;
  border: 1px solid rgba(var(--btn-dark) / 1) !important;
  background-color: rgba(var(--btn-dark) / var(--bg-opacity))  !important;
}
[class*="btn-form"] { 
  color: rgba(var(--btn-form) / 1) !important;
  border: 1px solid rgba(var(--btn-form) / 0.8) !important;
  background-color: #ffffff  !important;
}
[class*="btn-primary"] {
  color: rgba(var(--btn-primary) / 1) !important;
  border: 1px solid rgba(var(--btn-primary) / 1) !important;
  background-color: rgba(var(--btn-primary) / var(--bg-opacity))  !important;
}
[class*="btn-secondary"] {
  color: rgba(var(--btn-secondary) / 1) !important;
  border: 1px solid rgba(var(--btn-secondary) / 1) !important;
  background-color: rgba(var(--btn-secondary) / var(--bg-opacity))  !important;
}
[class*="btn-secondary-2"] {
  color: rgba(var(--btn-secondary) / 1) !important;
  border: 1px solid rgba(var(--btn-secondary-2) / 1) !important;
  background-color: rgba(var(--btn-secondary-2) / var(--bg-opacity))  !important;
}
[class*="btn-info"] {
  color: rgba(var(--btn-info) / 1) !important;
  border: 1px solid rgba(var(--btn-info) / 1) !important;
  background-color: rgba(var(--btn-info) / var(--bg-opacity))  !important;
}
[class*="btn-success"] {
  color: rgba(var(--btn-success) / 1) !important;
  border: 1px solid rgba(var(--btn-success)) !important;
  background-color: rgba(var(--btn-success) / var(--bg-opacity))  !important;
}
[class*="btn-warning"] {
  color: rgba(var(--btn-warning) / 1) !important;
  border: 1px solid rgba(var(--btn-warning) / 1) !important;
  background-color: rgba(var(--btn-warning) / var(--bg-opacity)) !important;
}
[class*="btn-danger"] {
  color: rgba(var(--btn-danger) / 1) !important;
  border: 1px solid rgba(var(--btn-danger) / 1) !important;
  background-color: rgba(var(--btn-danger) / var(--bg-opacity)) !important;
}
[class*="btn-fuc"] {
  color: rgba(var(--btn-fuc) / 1) !important;
  border: 1px solid rgba(var(--btn-fuc) / 1) !important;
  background-color: rgba(var(--btn-fuc) / var(--bg-opacity)) !important;
}

[class*="btn-"]{
  color: var(--btn-light);
  white-space: nowrap; 
  background: #222;
  padding: 5px 10px;
  cursor: pointer; 
}

[class*="btn-"]:hover{ filter: brightness(120%); }
[class*="btn-"]:active{  transform: scale(0.96); } 

[class*="btn-"][class*="-mini"]{ padding: 1px 10px !important; }
[class*="btn-"][class*="-micro"]{ padding: 1px 10px !important; transform: scale(0.8); }
[class*="btn-"][class*="-nano"]{ padding: 1px 10px !important; transform: scale(0.7); }

[class*="btn-"][class*="-mini"]:active{ transform: scale(0.95) !important; }
[class*="btn-"][class*="-micro"]:active{ transform: scale(0.85) !important;   }
[class*="btn-"][class*="-nano"]:active{ transform: scale(0.75) !important;   }

[class*="btn-close"]:is( [class*="-mini"],[class*="-micro"],[class*="-nano"] ){ padding: 5px 10px !important;}



[class*="select-"]{ font-size: 120%;  }
[class*="select-"] option { font-size: 70%;}
[class*="select-"]:hover{ filter: brightness(120%);  }

.mini-m{ transform: scale(0.938) !important; }
.mini{ transform: scale(0.9) !important; }
.micro{ transform: scale(0.8) !important; }
.nano{ transform: scale(0.7) !important; }
.nano{ transform: scale(0.7) !important; }


.round-05{ border-radius: 5px;}
.round-1{ border-radius: 10px;}
.round-2{ border-radius: 20px;}
.round{ border-radius: 30px;}
.tools-box .icon, .foot-box .icon, .tools-box-start .icon{ border-radius: 999px; padding: 10px 11px; font-size: 150%;  line-height: 150%;}
.tools-box .icon-text, .foot-box .icon-text, .tools-box-start .icon-text{ padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; font-weight: 500;}


.btn-color {
  opacity: 1;
  cursor: pointer; 
  width: 100%;
  height: 40px; 
  margin-top: 0 !important;
  border: 1px solid #eee;
  text-align: right;
  float: right;
}


.btn-color-box {
  /* border: solid 1px #333; */ 
  width: 22px; 
  height: 22px;
  border-radius: 999px;
  margin-left: 5px;
}


.bdr-1{ border-width: 1px !important;}
.bdr-2{ border-width: 2px !important;}
.bdr-3{ border-width: 3px !important;}

.click-97:active{  transform: scale(0.97); }


/* BOXES INPUTS */

.editable[contenteditable="false"] {
  color:#555;
}


/* Stylize PayPal Buttons */

[class*="btn-"][class*="-paypal-1"] {  background-color: #ffc439 !important;  padding: 9px 10px !important;
  color:#06307c !important;
  background-size: auto 20px; min-height: 40px;
  background-position: center;  
  background-repeat: no-repeat;  
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxcHgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxMDEgMzIiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiIHhtbG5zPSJodHRwOiYjeDJGOyYjeDJGO3d3dy53My5vcmcmI3gyRjsyMDAwJiN4MkY7c3ZnIj48cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNIDEyLjIzNyAyLjggTCA0LjQzNyAyLjggQyAzLjkzNyAyLjggMy40MzcgMy4yIDMuMzM3IDMuNyBMIDAuMjM3IDIzLjcgQyAwLjEzNyAyNC4xIDAuNDM3IDI0LjQgMC44MzcgMjQuNCBMIDQuNTM3IDI0LjQgQyA1LjAzNyAyNC40IDUuNTM3IDI0IDUuNjM3IDIzLjUgTCA2LjQzNyAxOC4xIEMgNi41MzcgMTcuNiA2LjkzNyAxNy4yIDcuNTM3IDE3LjIgTCAxMC4wMzcgMTcuMiBDIDE1LjEzNyAxNy4yIDE4LjEzNyAxNC43IDE4LjkzNyA5LjggQyAxOS4yMzcgNy43IDE4LjkzNyA2IDE3LjkzNyA0LjggQyAxNi44MzcgMy41IDE0LjgzNyAyLjggMTIuMjM3IDIuOCBaIE0gMTMuMTM3IDEwLjEgQyAxMi43MzcgMTIuOSAxMC41MzcgMTIuOSA4LjUzNyAxMi45IEwgNy4zMzcgMTIuOSBMIDguMTM3IDcuNyBDIDguMTM3IDcuNCA4LjQzNyA3LjIgOC43MzcgNy4yIEwgOS4yMzcgNy4yIEMgMTAuNjM3IDcuMiAxMS45MzcgNy4yIDEyLjYzNyA4IEMgMTMuMTM3IDguNCAxMy4zMzcgOS4xIDEzLjEzNyAxMC4xIFoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNIDM1LjQzNyAxMCBMIDMxLjczNyAxMCBDIDMxLjQzNyAxMCAzMS4xMzcgMTAuMiAzMS4xMzcgMTAuNSBMIDMwLjkzNyAxMS41IEwgMzAuNjM3IDExLjEgQyAyOS44MzcgOS45IDI4LjAzNyA5LjUgMjYuMjM3IDkuNSBDIDIyLjEzNyA5LjUgMTguNjM3IDEyLjYgMTcuOTM3IDE3IEMgMTcuNTM3IDE5LjIgMTguMDM3IDIxLjMgMTkuMzM3IDIyLjcgQyAyMC40MzcgMjQgMjIuMTM3IDI0LjYgMjQuMDM3IDI0LjYgQyAyNy4zMzcgMjQuNiAyOS4yMzcgMjIuNSAyOS4yMzcgMjIuNSBMIDI5LjAzNyAyMy41IEMgMjguOTM3IDIzLjkgMjkuMjM3IDI0LjMgMjkuNjM3IDI0LjMgTCAzMy4wMzcgMjQuMyBDIDMzLjUzNyAyNC4zIDM0LjAzNyAyMy45IDM0LjEzNyAyMy40IEwgMzYuMTM3IDEwLjYgQyAzNi4yMzcgMTAuNCAzNS44MzcgMTAgMzUuNDM3IDEwIFogTSAzMC4zMzcgMTcuMiBDIDI5LjkzNyAxOS4zIDI4LjMzNyAyMC44IDI2LjEzNyAyMC44IEMgMjUuMDM3IDIwLjggMjQuMjM3IDIwLjUgMjMuNjM3IDE5LjggQyAyMy4wMzcgMTkuMSAyMi44MzcgMTguMiAyMy4wMzcgMTcuMiBDIDIzLjMzNyAxNS4xIDI1LjEzNyAxMy42IDI3LjIzNyAxMy42IEMgMjguMzM3IDEzLjYgMjkuMTM3IDE0IDI5LjczNyAxNC42IEMgMzAuMjM3IDE1LjMgMzAuNDM3IDE2LjIgMzAuMzM3IDE3LjIgWiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwMDMwODciIGQ9Ik0gNTUuMzM3IDEwIEwgNTEuNjM3IDEwIEMgNTEuMjM3IDEwIDUwLjkzNyAxMC4yIDUwLjczNyAxMC41IEwgNDUuNTM3IDE4LjEgTCA0My4zMzcgMTAuOCBDIDQzLjIzNyAxMC4zIDQyLjczNyAxMCA0Mi4zMzcgMTAgTCAzOC42MzcgMTAgQyAzOC4yMzcgMTAgMzcuODM3IDEwLjQgMzguMDM3IDEwLjkgTCA0Mi4xMzcgMjMgTCAzOC4yMzcgMjguNCBDIDM3LjkzNyAyOC44IDM4LjIzNyAyOS40IDM4LjczNyAyOS40IEwgNDIuNDM3IDI5LjQgQyA0Mi44MzcgMjkuNCA0My4xMzcgMjkuMiA0My4zMzcgMjguOSBMIDU1LjgzNyAxMC45IEMgNTYuMTM3IDEwLjYgNTUuODM3IDEwIDU1LjMzNyAxMCBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA2Ny43MzcgMi44IEwgNTkuOTM3IDIuOCBDIDU5LjQzNyAyLjggNTguOTM3IDMuMiA1OC44MzcgMy43IEwgNTUuNzM3IDIzLjYgQyA1NS42MzcgMjQgNTUuOTM3IDI0LjMgNTYuMzM3IDI0LjMgTCA2MC4zMzcgMjQuMyBDIDYwLjczNyAyNC4zIDYxLjAzNyAyNCA2MS4wMzcgMjMuNyBMIDYxLjkzNyAxOCBDIDYyLjAzNyAxNy41IDYyLjQzNyAxNy4xIDYzLjAzNyAxNy4xIEwgNjUuNTM3IDE3LjEgQyA3MC42MzcgMTcuMSA3My42MzcgMTQuNiA3NC40MzcgOS43IEMgNzQuNzM3IDcuNiA3NC40MzcgNS45IDczLjQzNyA0LjcgQyA3Mi4yMzcgMy41IDcwLjMzNyAyLjggNjcuNzM3IDIuOCBaIE0gNjguNjM3IDEwLjEgQyA2OC4yMzcgMTIuOSA2Ni4wMzcgMTIuOSA2NC4wMzcgMTIuOSBMIDYyLjgzNyAxMi45IEwgNjMuNjM3IDcuNyBDIDYzLjYzNyA3LjQgNjMuOTM3IDcuMiA2NC4yMzcgNy4yIEwgNjQuNzM3IDcuMiBDIDY2LjEzNyA3LjIgNjcuNDM3IDcuMiA2OC4xMzcgOCBDIDY4LjYzNyA4LjQgNjguNzM3IDkuMSA2OC42MzcgMTAuMSBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA5MC45MzcgMTAgTCA4Ny4yMzcgMTAgQyA4Ni45MzcgMTAgODYuNjM3IDEwLjIgODYuNjM3IDEwLjUgTCA4Ni40MzcgMTEuNSBMIDg2LjEzNyAxMS4xIEMgODUuMzM3IDkuOSA4My41MzcgOS41IDgxLjczNyA5LjUgQyA3Ny42MzcgOS41IDc0LjEzNyAxMi42IDczLjQzNyAxNyBDIDczLjAzNyAxOS4yIDczLjUzNyAyMS4zIDc0LjgzNyAyMi43IEMgNzUuOTM3IDI0IDc3LjYzNyAyNC42IDc5LjUzNyAyNC42IEMgODIuODM3IDI0LjYgODQuNzM3IDIyLjUgODQuNzM3IDIyLjUgTCA4NC41MzcgMjMuNSBDIDg0LjQzNyAyMy45IDg0LjczNyAyNC4zIDg1LjEzNyAyNC4zIEwgODguNTM3IDI0LjMgQyA4OS4wMzcgMjQuMyA4OS41MzcgMjMuOSA4OS42MzcgMjMuNCBMIDkxLjYzNyAxMC42IEMgOTEuNjM3IDEwLjQgOTEuMzM3IDEwIDkwLjkzNyAxMCBaIE0gODUuNzM3IDE3LjIgQyA4NS4zMzcgMTkuMyA4My43MzcgMjAuOCA4MS41MzcgMjAuOCBDIDgwLjQzNyAyMC44IDc5LjYzNyAyMC41IDc5LjAzNyAxOS44IEMgNzguNDM3IDE5LjEgNzguMjM3IDE4LjIgNzguNDM3IDE3LjIgQyA3OC43MzcgMTUuMSA4MC41MzcgMTMuNiA4Mi42MzcgMTMuNiBDIDgzLjczNyAxMy42IDg0LjUzNyAxNCA4NS4xMzcgMTQuNiBDIDg1LjczNyAxNS4zIDg1LjkzNyAxNi4yIDg1LjczNyAxNy4yIFoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDA5Y2RlIiBkPSJNIDk1LjMzNyAzLjMgTCA5Mi4xMzcgMjMuNiBDIDkyLjAzNyAyNCA5Mi4zMzcgMjQuMyA5Mi43MzcgMjQuMyBMIDk1LjkzNyAyNC4zIEMgOTYuNDM3IDI0LjMgOTYuOTM3IDIzLjkgOTcuMDM3IDIzLjQgTCAxMDAuMjM3IDMuNSBDIDEwMC4zMzcgMy4xIDEwMC4wMzcgMi44IDk5LjYzNyAyLjggTCA5Ni4wMzcgMi44IEMgOTUuNjM3IDIuOCA5NS40MzcgMyA5NS4zMzcgMy4zIFoiPjwvcGF0aD48L3N2Zz4');}

[class*="btn-paypal-1"]:hover{ filter: brightness(90%); }


[class*="btn-"][class*="-paypal-2"]{ background-color:#06307c !important; padding: 9px 10px !important; }
[class*="btn-"][class*="-paypal-3"]{ padding: 9px 10px !important; }
 

.text-rainbow {
  background: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; 
}

 
.btn-rainbow{ position: relative; 
  background: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
 
.btn-rainbow::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 30px;  
  border: 1.5px solid transparent; 
  background: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%) border-box !important;  
  -webkit-mask:  
     linear-gradient(#fff 0 0) padding-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;  
          mask-composite: exclude;
}




.rainbow-1{ filter: hue-rotate(315deg); } 
.rainbow-1:hover{ filter: hue-rotate(315deg) brightness(105%); } 

.rainbow-2{ filter: hue-rotate(45deg); }
.rainbow-2:hover{ filter: hue-rotate(45deg) brightness(105%); }

.rainbow-3{ filter: hue-rotate(140deg); }
.rainbow-3:hover{ filter: hue-rotate(140deg) brightness(105%); }

.rainbow-4{ filter: hue-rotate(0deg); }
.rainbow-4:hover{ filter: hue-rotate(0deg) brightness(105%); }

.rainbow-5{ filter: hue-rotate(225deg); }
.rainbow-5:hover{ filter: hue-rotate(225deg) brightness(105%); }

.rainbow-6{ filter: hue-rotate(270deg); }
.rainbow-6:hover{ filter: hue-rotate(270deg) brightness(105%); }

 



.scale-101-hover:hover { transform: scale(1.01); }
.scale-110-hover:hover { transform: scale(1.1); }
.scale-115-hover:hover { transform: scale(1.15); }
 


/* SLIDER */

.slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: #444;
  outline: none;
  border-radius: 999px !important;
  --thumb-color: #ff00ff;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background: var(--thumb-color);
  cursor: pointer;
  border-radius: 50%;
}
.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: var(--thumb-color);
  cursor: pointer;
  border-radius: 50%;
}


.vertical-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 200px;
  height: 12px;
  transform: rotate(-90deg);
  background: #444;
  outline: none;
  --thumb-color: #4CAF50;
}

.vertical-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background: var(--thumb-color);
  cursor: pointer;
  border-radius: 50%;
}

.vertical-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: var(--thumb-color);
  cursor: pointer;
  border-radius: 50%;
}




.glow-white{
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.2) !important;
}
.glow-white:hover{
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.3) !important;
}
.glow-white-hover:hover{
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.3) !important;
}




/* SIGNAL ICON */
:root { --signal-color: rgba(var(--btn-success) / 1) !important; --signal-band: 45%; }

.bg-signal{
  background: radial-gradient(circle at 48% 53%, var(--signal-color) var(--signal-band), transparent 0%);
  /*background: radial-gradient(circle at 50% 55%, #00ff00 15%, transparent 0%);*/  
  background-clip: text; 
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  /* display: inline-block; */
}

/*  1dot - 15% // 2dots - 30% // 3dots - 45% */
.signal-1{ --signal-band: 15%; animation: pulse-signal-1 25s infinite ease-in-out; }
.signal-2{ --signal-band: 30%; animation: pulse-signal-2 20s infinite ease-in-out; }
.signal-3{ --signal-band: 45%; animation: pulse-signal-3 15s infinite ease-in-out;}

@keyframes pulse-signal-1 {
  0% { --signal-band: 15%; }
  79% { --signal-band: 15%; }
  80% { --signal-band: 6%; }
  100% { --signal-band: 15%; }
}

@keyframes pulse-signal-2 {
  0% { --signal-band: 30%; }
  79% { --signal-band: 30%; }
  80% { --signal-band: 15%; }
  100% { --signal-band: 30%; }
}
@keyframes pulse-signal-3 {
  0% { --signal-band: 45%; }
  79% { --signal-band: 45%; }
  80% { --signal-band: 30%; }
  100% { --signal-band: 45%; }
}





/* AFTER ALL TO OVERWRITE */

.dark{color: rgba( var(--btn-dark) / 1) !important; } a.dark:hover {filter: brightness(120%);}
.light{color: rgba( var(--btn-light) / 1) !important;} a.light:hover {filter: brightness(120%);}
.relight{color: rgba( var(--btn-light) / 1) !important; transition: color 0.5s ease-in;} a.relight:hover {filter: brightness(120%);}
.gray{color:#555 !important;}
.secondary{color: rgba( var(--btn-secondary) / 1) !important;} a.secondary:hover {filter: brightness(120%);}
.info{color: rgba( var(--btn-info) / 1) !important; --signal-color: rgba(var(--btn-info) / 1) !important;} a.info:hover {filter: brightness(120%);}
.success{color: rgba( var(--btn-success) / 1) !important; --signal-color: rgba(var(--btn-success) / 1) !important;} a.success:hover {filter: brightness(120%);}
.warning{color: rgba( var(--btn-warning) / 1) !important; --signal-color: rgba(var(--btn-warning) / 1) !important;} a.warning:hover {filter: brightness(120%);}
.danger{color: rgba( var(--btn-danger) / 1) !important; --signal-color: rgba(var(--btn-danger) / 1) !important;} a.danger:hover {filter: brightness(120%);}
.danger-2{color: rgba( var(--btn-danger-2) / 1) !important; --signal-color: rgba(var(--btn-danger-2) / 1) !important;} a.danger-2:hover {filter: brightness(120%);}
.fuc{color: rgba( var(--btn-fuc) / 1) !important; --signal-color: rgba(var(--btn-fuc) / 1) !important;} a.fuc:hover {filter: brightness(120%) !important;}
.cyan{color: rgba( var(--btn-cyan) / 1) !important; --signal-color: rgba(var(--btn-cyan) / 1) !important;} a.cyan:hover {filter: brightness(120%) !important;}
.orange{color: rgba( var(--btn-orange) / 1) !important; --signal-color: rgba(var(--btn-orange) / 1) !important;} a.orange:hover {filter: brightness(120%) !important;}

.bg-white{background-color: rgba( var(--btn-white) / 1) !important;}
.bg-light{background-color: rgba( var(--btn-light) / 1) !important;}
.bg-gray{background-color: #555 !important;}
.bg-dark{background-color: #222 !important;}
.bg-dark-g{background-color: #033 !important;}
.bg-secondary{background-color: rgba( var(--btn-secondary) / 1) !important;}
.bg-info{background-color: rgba( var(--btn-info) / 1) !important;}
.bg-success{background-color: rgba( var(--btn-success) / 1) !important;}
.bg-warning{background-color: rgba( var(--btn-warning) / 1) !important;}
.bg-danger{background-color: rgba( var(--btn-danger) / 1) !important;}
.bg-fuc{background-color: rgba( var(--btn-fuc) / 1) !important;}
.bg-cyan{background-color: rgba( var(--btn-cyan) / 1) !important;}
.bg-orange{background-color: rgba( var(--btn-orange) / 1) !important;}

.bdr-white{border: 1px solid rgba( var(--btn-white) / 1) !important;}
.bdr-light{border: 1px solid rgba( var(--btn-light) / 1) !important;}
.bdr-gray{border: 1px solid #555 !important;}
.bdr-dark{border: 1px solid #222 !important;}
.bdr-secondary{border: 1px solid rgba( var(--btn-secondary) / 1) !important;}
.bdr-info{border: 1px solid rgba( var(--btn-info) / 1) !important;}
.bdr-success{border: 1px solid rgba( var(--btn-success) / 1) !important;}
.bdr-warning{border: 1px solid rgba( var(--btn-warning) / 1) !important;}
.bdr-danger{border: 1px solid rgba( var(--btn-danger) / 1) !important;}
.bdr-fuc{border: 1px solid rgba( var(--btn-fuc) / 1) !important;}
.bdr-fuc-2{border: 2px solid rgba( var(--btn-fuc) / 1) !important;}
.bdr-cyan{border: 2px solid rgba( var(--btn-cyan) / 1) !important;}
.bdr-orange{border: 2px solid rgba( var(--btn-orange) / 1) !important;}

.out-light{outline-color: 1px solid rgba( var(--btn-light) / 1) !important;}
.out-dark{outline-color: 1px solid #222 !important;}
.out-secondary{outline-color: 1px solid rgba( var(--btn-secondary) / 1) !important;}
.out-info{outline-color: 1px solid rgba( var(--btn-info) / 1) !important;}
.out-success{outline-color: 1px solid rgba( var(--btn-success) / 1) !important;}
.out-warning{outline-color: 1px solid rgba( var(--btn-warning) / 1) !important;}
.out-danger{outline-color: 1px solid rgba( var(--btn-danger) / 1) !important;}
 


/* OM BADGES */


:root{
 
  --bg-om0:gray;  
  --bg-om1:deeppink;  
  --bg-om2: blueviolet;  
  --bg-om3: orange;  
  --bg-om4: red;   
  --tx-om0:white;  
  --tx-om1:white;  
  --tx-om2: white;  
  --tx-om3: blueviolet;  
  --tx-om4: white;  
 
}


[class*="NODE"] [class*="badge-om"] {
  font-size: 1rem !important;
  transform: translate(50%, -60%) !important;
  padding: 0 0.75rem 0 0.75rem !important;
}


.badge-om, .badge-om1 , .badge-om2 , .badge-om3 , .badge-om4 {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-20%, -45%);
    font-size: 0.625rem; /* 10px - text-xxs */
    font-weight: 600; /* font-semibold */
    padding-left: 0.25rem; /* px-1 */
    padding-right: 0.25rem; /* px-1 */
    padding-top: 0; /* py-0 */
    padding-bottom: 0; /* py-0 */
    border-radius: 9999px; /* rounded-full */
}

.point-om, .point-om1, .point-om2 , .point-om3 , .point-om4 {
    line-height: 7px;
    /* height: 5px; */
    /* width: 5px; */
    position: absolute;
    top: 0;
    right: 0;
    /* transform: translate(-20%, -45%); */
    font-size: 0.625rem;
    /* font-weight: 600; */
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    /* padding-top: 0; */
    /* padding-bottom: 0; */
    border-radius: 9999px;
}


.pill-om, .pill-om0, .pill-om1, .pill-om2 , .pill-om3 , .pill-om4,
.pillshow-om, .pillshow-om0, .pillshow-om1, .pillshow-om2 , .pillshow-om3 , .pillshow-om4 {
    font-size: 0.8rem; /* 10px - text-xxs */
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    padding-left: 0.35rem; /* px-1 */
    padding-right: 0.35rem; /* px-1 */
    padding-top: 0.1rem; /* py-0 */
    padding-bottom: 0.1rem; /* py-0 */
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 9999px; /* rounded-full */
}



.badge-om0, .pill-om0, .pillshow-om0, .point-om0 {
  background-color:  var(--bg-om0) !important; 
  color: var(--tx-om0) !important; 
}
.badge-om1, .pill-om1, .pillshow-om1, .point-om1 {
  background-color:  var(--bg-om1) !important; 
  color: var(--tx-om1) !important; 
}
.badge-om2, .pill-om2, .pillshow-om2, .point-om2 {
  background-color:  var(--bg-om2) !important; 
  color: var(--tx-om2) !important; 
}
.badge-om3, .pill-om3, .pillshow-om3, .point-om3 {
  background-color:  var(--bg-om3) !important; 
  color: var(--tx-om3) !important; 
}
.badge-om4, .pill-om4, .pillshow-om4, .point-om4 {
  background-color:  var(--bg-om4) !important; 
  color: var(--tx-om4) !important; 
}