/**
 # GUIobjects Colors
 -------------------
 Version: 1.3.0
 https://www.guiobjects.com
 
 Provides background color utility classes for all standard CSS color names,
 and other popular non-standard color names, using the `data-gui-color` 
 attribute for GUIobjects components.
 
 Copyright 2025 Tellbrite Corporation. All rights reserved.
**/

/**
 ## Standard CSS Color Names
 [Named Colors](https://www.w3.org/TR/css-color-4/#named-colors)
**/
.gui-item[data-gui-color~="aliceblue"] {
  background-color: aliceblue !important;
}
.gui-item[data-gui-color~="antiquewhite"] {
  background-color: antiquewhite !important;
}
.gui-item[data-gui-color~="aqua"] {
  background-color: aqua !important;
}
.gui-item[data-gui-color~="aquamarine"] {
  background-color: aquamarine !important;
}
.gui-item[data-gui-color~="azure"] {
  background-color: azure !important;
}
.gui-item[data-gui-color~="beige"] {
  background-color: beige !important;
}
.gui-item[data-gui-color~="bisque"] {
  background-color: bisque !important;
}
.gui-item[data-gui-color~="black"] {
  background-color: black !important;
}
.gui-item[data-gui-color~="blanchedalmond"] {
  background-color: blanchedalmond !important;
}
.gui-item[data-gui-color~="blue"] {
  background-color: blue !important;
}
.gui-item[data-gui-color~="blueviolet"] {
  background-color: blueviolet !important;
}
.gui-item[data-gui-color~="brown"] {
  background-color: brown !important;
}
.gui-item[data-gui-color~="burlywood"] {
  background-color: burlywood !important;
}
.gui-item[data-gui-color~="cadetblue"] {
  background-color: cadetblue !important;
}
.gui-item[data-gui-color~="chartreuse"] {
  background-color: chartreuse !important;
}
.gui-item[data-gui-color~="chocolate"] {
  background-color: chocolate !important;
}
.gui-item[data-gui-color~="coral"] {
  background-color: coral !important;
}
.gui-item[data-gui-color~="cornflowerblue"] {
  background-color: cornflowerblue !important;
}
.gui-item[data-gui-color~="cornsilk"] {
  background-color: cornsilk !important;
}
.gui-item[data-gui-color~="crimson"] {
  background-color: crimson !important;
}
.gui-item[data-gui-color~="cyan"] {
  background-color: cyan !important;
}
.gui-item[data-gui-color~="darkblue"] {
  background-color: darkblue !important;
}
.gui-item[data-gui-color~="darkcyan"] {
  background-color: darkcyan !important;
}
.gui-item[data-gui-color~="darkgoldenrod"] {
  background-color: darkgoldenrod !important;
}
.gui-item[data-gui-color~="darkgray"] {
  background-color: darkgray !important;
}
.gui-item[data-gui-color~="darkgreen"] {
  background-color: darkgreen !important;
}
.gui-item[data-gui-color~="darkgrey"] {
  background-color: darkgrey !important;
}
.gui-item[data-gui-color~="darkkhaki"] {
  background-color: darkkhaki !important;
}
.gui-item[data-gui-color~="darkmagenta"] {
  background-color: darkmagenta !important;
}
.gui-item[data-gui-color~="darkolivegreen"] {
  background-color: darkolivegreen !important;
}
.gui-item[data-gui-color~="darkorange"] {
  background-color: darkorange !important;
}
.gui-item[data-gui-color~="darkorchid"] {
  background-color: darkorchid !important;
}
.gui-item[data-gui-color~="darkred"] {
  background-color: darkred !important;
}
.gui-item[data-gui-color~="darksalmon"] {
  background-color: darksalmon !important;
}
.gui-item[data-gui-color~="darkseagreen"] {
  background-color: darkseagreen !important;
}
.gui-item[data-gui-color~="darkslateblue"] {
  background-color: darkslateblue !important;
}
.gui-item[data-gui-color~="darkslategray"] {
  background-color: darkslategray !important;
}
.gui-item[data-gui-color~="darkslategrey"] {
  background-color: darkslategrey !important;
}
.gui-item[data-gui-color~="darkturquoise"] {
  background-color: darkturquoise !important;
}
.gui-item[data-gui-color~="darkviolet"] {
  background-color: darkviolet !important;
}
.gui-item[data-gui-color~="deeppink"] {
  background-color: deeppink !important;
}
.gui-item[data-gui-color~="deepskyblue"] {
  background-color: deepskyblue !important;
}
.gui-item[data-gui-color~="dimgray"] {
  background-color: dimgray !important;
}
.gui-item[data-gui-color~="dimgrey"] {
  background-color: dimgrey !important;
}
.gui-item[data-gui-color~="dodgerblue"] {
  background-color: dodgerblue !important;
}
.gui-item[data-gui-color~="firebrick"] {
  background-color: firebrick !important;
}
.gui-item[data-gui-color~="floralwhite"] {
  background-color: floralwhite !important;
}
.gui-item[data-gui-color~="forestgreen"] {
  background-color: forestgreen !important;
}
.gui-item[data-gui-color~="fuchsia"] {
  background-color: fuchsia !important;
}
.gui-item[data-gui-color~="gainsboro"] {
  background-color: gainsboro !important;
}
.gui-item[data-gui-color~="ghostwhite"] {
  background-color: ghostwhite !important;
}
.gui-item[data-gui-color~="gold"] {
  background-color: gold !important;
}
.gui-item[data-gui-color~="goldenrod"] {
  background-color: goldenrod !important;
}
.gui-item[data-gui-color~="gray"] {
  background-color: gray !important;
}
.gui-item[data-gui-color~="green"] {
  background-color: green !important;
}
.gui-item[data-gui-color~="greenyellow"] {
  background-color: greenyellow !important;
}
.gui-item[data-gui-color~="grey"] {
  background-color: grey !important;
}
.gui-item[data-gui-color~="honeydew"] {
  background-color: honeydew !important;
}
.gui-item[data-gui-color~="hotpink"] {
  background-color: hotpink !important;
}
.gui-item[data-gui-color~="indianred"] {
  background-color: indianred !important;
}
.gui-item[data-gui-color~="indigo"] {
  background-color: indigo !important;
}
.gui-item[data-gui-color~="ivory"] {
  background-color: ivory !important;
}
.gui-item[data-gui-color~="khaki"] {
  background-color: khaki !important;
}
.gui-item[data-gui-color~="lavender"] {
  background-color: lavender !important;
}
.gui-item[data-gui-color~="lavenderblush"] {
  background-color: lavenderblush !important;
}
.gui-item[data-gui-color~="lawngreen"] {
  background-color: lawngreen !important;
}
.gui-item[data-gui-color~="lemonchiffon"] {
  background-color: lemonchiffon !important;
}
.gui-item[data-gui-color~="lightblue"] {
  background-color: lightblue !important;
}
.gui-item[data-gui-color~="lightcoral"] {
  background-color: lightcoral !important;
}
.gui-item[data-gui-color~="lightcyan"] {
  background-color: lightcyan !important;
}
.gui-item[data-gui-color~="lightgoldenrodyellow"] {
  background-color: lightgoldenrodyellow !important;
}
.gui-item[data-gui-color~="lightgray"] {
  background-color: lightgray !important;
}
.gui-item[data-gui-color~="lightgreen"] {
  background-color: lightgreen !important;
}
.gui-item[data-gui-color~="lightgrey"] {
  background-color: lightgrey !important;
}
.gui-item[data-gui-color~="lightpink"] {
  background-color: lightpink !important;
}
.gui-item[data-gui-color~="lightsalmon"] {
  background-color: lightsalmon !important;
}
.gui-item[data-gui-color~="lightseagreen"] {
  background-color: lightseagreen !important;
}
.gui-item[data-gui-color~="lightskyblue"] {
  background-color: lightskyblue !important;
}
.gui-item[data-gui-color~="lightslategray"] {
  background-color: lightslategray !important;
}
.gui-item[data-gui-color~="lightslategrey"] {
  background-color: lightslategrey !important;
}
.gui-item[data-gui-color~="lightsteelblue"] {
  background-color: lightsteelblue !important;
}
.gui-item[data-gui-color~="lightyellow"] {
  background-color: lightyellow !important;
}
.gui-item[data-gui-color~="lime"] {
  background-color: lime !important;
}
.gui-item[data-gui-color~="limegreen"] {
  background-color: limegreen !important;
}
.gui-item[data-gui-color~="linen"] {
  background-color: linen !important;
}
.gui-item[data-gui-color~="magenta"] {
  background-color: magenta !important;
}
.gui-item[data-gui-color~="maroon"] {
  background-color: maroon !important;
}
.gui-item[data-gui-color~="mediumaquamarine"] {
  background-color: mediumaquamarine !important;
}
.gui-item[data-gui-color~="mediumblue"] {
  background-color: mediumblue !important;
}
.gui-item[data-gui-color~="mediumorchid"] {
  background-color: mediumorchid !important;
}
.gui-item[data-gui-color~="mediumpurple"] {
  background-color: mediumpurple !important;
}
.gui-item[data-gui-color~="mediumseagreen"] {
  background-color: mediumseagreen !important;
}
.gui-item[data-gui-color~="mediumslateblue"] {
  background-color: mediumslateblue !important;
}
.gui-item[data-gui-color~="mediumspringgreen"] {
  background-color: mediumspringgreen !important;
}
.gui-item[data-gui-color~="mediumturquoise"] {
  background-color: mediumturquoise !important;
}
.gui-item[data-gui-color~="mediumvioletred"] {
  background-color: mediumvioletred !important;
}
.gui-item[data-gui-color~="midnightblue"] {
  background-color: midnightblue !important;
}
.gui-item[data-gui-color~="mintcream"] {
  background-color: mintcream !important;
}
.gui-item[data-gui-color~="mistyrose"] {
  background-color: mistyrose !important;
}
.gui-item[data-gui-color~="moccasin"] {
  background-color: moccasin !important;
}
.gui-item[data-gui-color~="navajowhite"] {
  background-color: navajowhite !important;
}
.gui-item[data-gui-color~="navy"] {
  background-color: navy !important;
}
.gui-item[data-gui-color~="oldlace"] {
  background-color: oldlace !important;
}
.gui-item[data-gui-color~="olive"] {
  background-color: olive !important;
}
.gui-item[data-gui-color~="olivedrab"] {
  background-color: olivedrab !important;
}
.gui-item[data-gui-color~="orange"] {
  background-color: orange !important;
}
.gui-item[data-gui-color~="orangered"] {
  background-color: orangered !important;
}
.gui-item[data-gui-color~="orchid"] {
  background-color: orchid !important;
}
.gui-item[data-gui-color~="palegoldenrod"] {
  background-color: palegoldenrod !important;
}
.gui-item[data-gui-color~="palegreen"] {
  background-color: palegreen !important;
}
.gui-item[data-gui-color~="paleturquoise"] {
  background-color: paleturquoise !important;
}
.gui-item[data-gui-color~="palevioletred"] {
  background-color: palevioletred !important;
}
.gui-item[data-gui-color~="papayawhip"] {
  background-color: papayawhip !important;
}
.gui-item[data-gui-color~="peachpuff"] {
  background-color: peachpuff !important;
}
.gui-item[data-gui-color~="peru"] {
  background-color: peru !important;
}
.gui-item[data-gui-color~="pink"] {
  background-color: pink !important;
}
.gui-item[data-gui-color~="plum"] {
  background-color: plum !important;
}
.gui-item[data-gui-color~="powderblue"] {
  background-color: powderblue !important;
}
.gui-item[data-gui-color~="purple"] {
  background-color: purple !important;
}
.gui-item[data-gui-color~="rebeccapurple"] {
  background-color: rebeccapurple !important;
}
.gui-item[data-gui-color~="red"] {
  background-color: red !important;
}
.gui-item[data-gui-color~="rosybrown"] {
  background-color: rosybrown !important;
}
.gui-item[data-gui-color~="royalblue"] {
  background-color: royalblue !important;
}
.gui-item[data-gui-color~="saddlebrown"] {
  background-color: saddlebrown !important;
}
.gui-item[data-gui-color~="salmon"] {
  background-color: salmon !important;
}
.gui-item[data-gui-color~="sandybrown"] {
  background-color: sandybrown !important;
}
.gui-item[data-gui-color~="seagreen"] {
  background-color: seagreen !important;
}
.gui-item[data-gui-color~="seashell"] {
  background-color: seashell !important;
}
.gui-item[data-gui-color~="sienna"] {
  background-color: sienna !important;
}
.gui-item[data-gui-color~="silver"] {
  background-color: silver !important;
}
.gui-item[data-gui-color~="skyblue"] {
  background-color: skyblue !important;
}
.gui-item[data-gui-color~="slateblue"] {
  background-color: slateblue !important;
}
.gui-item[data-gui-color~="slategray"] {
  background-color: slategray !important;
}
.gui-item[data-gui-color~="slategrey"] {
  background-color: slategrey !important;
}
.gui-item[data-gui-color~="snow"] {
  background-color: snow !important;
}
.gui-item[data-gui-color~="springgreen"] {
  background-color: springgreen !important;
}
.gui-item[data-gui-color~="steelblue"] {
  background-color: steelblue !important;
}
.gui-item[data-gui-color~="tan"] {
  background-color: tan !important;
}
.gui-item[data-gui-color~="teal"] {
  background-color: teal !important;
}
.gui-item[data-gui-color~="thistle"] {
  background-color: thistle !important;
}
.gui-item[data-gui-color~="tomato"] {
  background-color: tomato !important;
}
.gui-item[data-gui-color~="turquoise"] {
  background-color: turquoise !important;
}
.gui-item[data-gui-color~="violet"] {
  background-color: violet !important;
}
.gui-item[data-gui-color~="wheat"] {
  background-color: wheat !important;
}
.gui-item[data-gui-color~="white"] {
  background-color: white !important;
}
.gui-item[data-gui-color~="whitesmoke"] {
  background-color: whitesmoke !important;
}
.gui-item[data-gui-color~="yellow"] {
  background-color: yellow !important;
}
.gui-item[data-gui-color~="yellowgreen"] {
  background-color: yellowgreen !important;
}

/**
 ## Popular Non-standard Color Names
 Found often in e-commerce web sites.
**/
.gui-item[data-gui-color~="bronze"] {
  background-color: #cd7f32 !important;
}
.gui-item[data-gui-color~="charcoal"] {
  background-color: #36454f !important;
}
.gui-item[data-gui-color~="off-white"] {
  background-color: #fafaf5 !important;
}
.gui-item[data-gui-color~="copper"] {
  background-color: #b87333 !important;
}

/**
 ## Special Color Cases
 Swatches that represent effects or concepts (like "multicolor" or "clear") 
 rather than a single color value.
**/
.gui-item[data-gui-color~="multicolor"] {
  background: linear-gradient(
    90deg,
    #ff0000 0%,
    #ffa500 20%,
    #ffff00 40%,
    #008000 60%,
    #0000ff 80%,
    #800080 100%
  ) !important;
}
.gui-item[data-gui-color~="clear"] {
  background-color: transparent !important;
  border: 1px dashed #ccc;
}