/* .color-thumb {
    width: 20px;
    height: 20px;
    height: 20px;
    margin-bottom: 0;
    border-radius: 4px;
    background: #eee;
    cursor: pointer;
}
.Peach-filter:before, .Peach-filter:after , .Peach-color{
    background: linear-gradient(180deg, #F9CDB7 0%, #F6CED5 100%)!important;
}
.Wooden-filter:before, .Wooden-filter:after , .Wooden-color{
    background: linear-gradient(180deg, #512713 0%, #815035 43.23%, #6D4A37 93.23%)!important;
}
.Turquoise-filter:before, .Turquoise-filter:after , .Turquoise-color {
    background: linear-gradient(180deg, #71D3D0 0%, #85DBD6 43.23%, #41AAAD 93.23%)!important;
}
.Gunmetal-filter:before, .Gunmetal-filter:after , .Gunmetal-color, .Gunmetalblack-filter:before, .Gunmetalblack-filter:after , .Gunmetalblack-color, .Gun-filter:before, .Gun-filter:after , .Gun-color  {
    background: linear-gradient(180deg, #454F59 0%, #545D63 43.23%, #B2BCB4 93.23%)!important;
}
.Black-filter:before, .Black-filter:after , .Black-color {
    background: #000000!important;
}
.Coffee-filter:before, .Coffee-filter:after , .Coffee-color {
    background: #6f4e37!important;;
}
.Coral-filter:before, .Coral-filter:after , .Coral-color {
    background: #FF7F50;
}
.Mauve-filter:before, .Mauve-filter:after , .Mauve-color {
    background: #E0B0FF!important;
}
.Taupe-filter:before, .Taupe-filter:after , .Taupe-color {
    background: #B38B6D;
}
.Marsala-filter:before, .Marsala-filter:after , .Marsala-color {
    background: #5D212D;
}
.Bronze-filter:before, .Bronze-filter:after , .Bronze-color {
    background: #CD7F32;
}
.Charcoal-filter:before, .Charcoal-filter:after , .Charcoal-color {
    background: #36454F;
}
.Snake-filter:before, .Snake-filter:after , .Snake-color {
    background: #141414;
}
.Transparent-filter:before, .Transparent-filter:after , .Transparent-color {
    background:  linear-gradient(180deg, #FFFFFF 0%, #DEDEDE 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}
.BlackAndBlue-filter:before, .BlackAndBlue-filter:after , .BlackAndBlue-color, .BlackandBlue-filter:before, .Blackandblue-filter:after , .Blackandblue-color {
    background: linear-gradient(180deg, #000154 0%, #01010D 100%)!important;
}
.BlackAndGold-filter:before, .BlackAndGold-filter:after , .BlackAndGold-color, .Blackandgold-filter:before, .Blackandgold-filter:after , .Blackandgold-color {
    background: linear-gradient(180deg, #B28228 0%, #141312 75%)!important;
}
.BlueNSilver-filter:before, .BlueNSilver-filter:after , .BlueNSilver-color, .Bluensilver-filter:before, .Bluensilver-filter:after , .Bluensilver-color {
    background: linear-gradient(180deg, #D8D8D8 0%, #000154 100%)!important;
}
.Olive-filter:before, .Olive-filter:after , .Olive-color {
    background: linear-gradient(160.35deg, #637102 0%, #BFC30A 50.28%, #6D8002 108.44%)!important;
}
.Zebra-filter:before, .Zebra-filter:after , .Zebra-color {
    background: linear-gradient(144.36deg, #171417 5.03%, #EEEDF0 26.75%, #171417 42.03%, #EEEDF0 56.26%, #171417 71.38%, #EEEDF0 85.78%)!important;
}
.Multicolor-filter:before, .Multicolor-filter:after , .Multicolor-color {
    background: linear-gradient(160.35deg, #FA1480 0%, #D67CBE 29.08%, #E9BF83 58.16%, #7DE2A5 88.45%, #0DE9DD 111.47%)!important;
}
.Mattblack-filter:before, .Mattblack-filter:after , .Mattblack-color, .MattBlack-filter:before, .MattBlack-filter:after , .MattBlack-color  {
    background: #28282B!important;
}
.Reddishbrown-filter:before, .Reddishbrown-filter:after , .Reddishbrown-color, .ReddishBrown-filter:before, .ReddishBrown-filter:after , .ReddishBrown-color {
    background: #A52A2A!important;
}
.Navy-filter:before, .Navy-filter:after , .Navy-color,  .Navyblue-filter:before, .Navyblue-filter:after , .Navyblue-color, .NavyBlue-filter:before, .NavyBlue-filter:after , .NavyBlue-color, .NAVYBLUE-filter:before, .NAVYBLUE-filter:after , .NAVYBLUE-color {
    background: #000080!important;
}
.Riflegreen-filter:before, .Riflegreen-filter:after , .Riflegreen-color, .RifleGreen-filter:before, .RifleGreen-filter:after , .RifleGreen-color, .RIFLEGREEN-filter:before, .RIFLEGREEN-filter:after , .RIFLEGREEN-color {
    background: #444c38!important;
}
.Royalblue-filter:before, .Royalblue-filter:after , .Royalblue-color, .RoyalBlue-filter:before, .RoyalBlue-filter:after , .RoyalBlue-color, .ROYALBLUE-filter:before, .ROYALBLUE-filter:after , .ROYALBLUE-color {
    background: #4169e1!important;
}
.Rosegold-filter:before, .Rosegold-filter:after , .Rosegold-color, .RoseGold-filter:before, .RoseGold-filter:after , .RoseGold-color, .ROSEGOLD-filter:before, .ROSEGOLD-filter:after , .ROSEGOLD-color {
    background: linear-gradient(144.39deg, #CF8673 5.03%, #EDBCAE 79.91%)!important;
}
.Greytransparent-filter:before, .Greytransparent-filter:after , .Greytransparent-color, .GreyTransparent-filter:before, .GreyTransparent-filter:after , .GreyTransparent-color, .GREYTRANSPARENT-filter:before, .GREYTRANSPARENT-filter:after , .GREYTRANSPARENT-color {
    background: #C0C0C0!important;
    background: linear-gradient(180deg, #FFFFFF 0%, #C0C0C0 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}
.Redtransparent-filter:before, .Redtransparent-filter:after , .Redtransparent-color, .Redtransperant-filter:before, .Redtransperant-filter:after , .Redtransperant-color {
    background:linear-gradient(180deg,#fff 0,#ff0000 43.23%,#fff 93.23%)!important
}
.Chocolatebrown-filter:before, .Chocolatebrown-filter:after , .Chocolatebrown-color, .ChocolateBrown-filter:before, .ChocolateBrown-filter:after , .ChocolateBrown-color, .CHOCOLATEBROWN-filter:before, .CHOCOLATEBROWN-filter:after , .CHOCOLATEBROWN-color, .Chocolate-filter:before, .Chocolate-filter:after , .Chocolate-color {
    background: #7B3F00!important;
}
.Skyblue-filter:before, .Skyblue-filter:after , .Skyblue-color, .SkyBlue-filter:before, .SkyBlue-filter:after , .SkyBlue-color, .SKYBLUE-filter:before, .SKYBLUE-filter:after , .SKYBLUE-color {
    background: #87CEEB!important;
}
.Blacksilver-filter:before, .Blacksilver-filter:after , .Blacksilver-color, .BlackSilver-filter:before, .BlackSilver-filter:after , .BlackSilver-color, .BLACKSILVER-filter:before, .BLACKSILVER-filter:after , .BLACKSILVER-color {
    background: linear-gradient(180deg, #D8D8D8 0%, #01010D 100%)!important;
}
.Olivegreen-filter:before, .Olivegreen-filter:after , .Olivegreen-color, .OliveGreen-filter:before, .OliveGreen-filter:after , .OliveGreen-color, .OLIVEGREEN-filter:before, .OLIVEGREEN-filter:after , .OLIVEGREEN-color {
    background: #BAB86C!important;
}
.Darkbrown-filter:before, .Darkbrown-filter:after , .Darkbrown-color, .DarkBrown-filter:before, .DarkBrown-filter:after , .DarkBrown-color, .DARKBROWN-filter:before, .DARKBROWN-filter:after , .DARKBROWN-color {
    background: #654321!important;
}
.Browntransparent-filter:before, .Browntransparent-filter:after , .Browntransparent-color, .BrownTransparent-filter:before, .BrownTransparent-filter:after , .BrownTransparent-color, .BROWNTRANSPARENT-filter:before, .BROWNTRANSPARENT-filter:after , .BROWNTRANSPARENT-color {
    background: #444c38!important;
}
.Bluetransparent-filter:before, .Bluetransparent-filter:after , .Bluetransparent-color, .BlueTransparent-filter:before, .BlueTransparent-filter:after , .BlueTransparent-color, .BLUETRANSPARENT-filter:before, .BLUETRANSPARENT-filter:after , .BLUETRANSPARENT-color {
    background: #C4A484!important;
}
.Whitetransparent-filter:before, .Whitetransparent-filter:after , .Whitetransparent-color, .WhiteTransparent-filter:before, .WhiteTransparent-filter:after , .WhiteTransparent-color, .WHITETRANSPARENT-filter:before, .WHITETRANSPARENT-filter:after , .WHITETRANSPARENT-color {
    background: #FFFFFF!important;
    background: linear-gradient(180deg, #FFFFFF 0%, #f5f5f5 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}
.Mattegold-filter:before, .Mattegold-filter:after , .Mattegold-color, .MatteGold-filter:before, .MatteGold-filter:after , .MatteGold-color, .MATTEGOLD-filter:before, .MATTEGOLD-filter:after , .MATTEGOLD-color {
    background:  #D2BF37!important;
}
.Mattblack-filter:before, .Mattblack-filter:after , .Mattblack-color, .MattBlack-filter:before, .MattBlack-filter:after , .MattBlack-color, .MATTBLACK-filter:before, .MATTBLACK-filter:after , .MATTBLACK-color, .Matteblack-filter:before, .Matteblack-filter:after , .Matteblack-color, .MatteBlack-filter:before, .MatteBlack-filter:after , .MatteBlack-color, .MATTEBLACK-filter:before, .MATTEBLACK-filter:after , .MATTEBLACK-color {
    background: #28282B!important;
}
.Darkslategrey-filter:before, .Darkslategrey-filter:after , .Darkslategrey-color, .DarkSlateGrey-filter:before, .DarkSlateGrey-filter:after , .DarkSlateGrey-color, .DARKSLATEGREY-filter:before, .DARKSLATEGREY-filter:after , .DARKSLATEGREY-color {
    background: #25383C!important;
}
.Darkcyan-filter:before, .Darkcyan-filter:after , .Darkcyan-color, .DarkCyan-filter:before, .DarkCyan-filter:after , .DarkCyan-color, .DARKCYAN-filter:before, .DARKCYAN-filter:after , .DARKCYAN-color {
    background:  #008b8b!important;
}
.Dimgrey-filter:before, .Dimgrey-filter:after , .Dimgrey-color, .DimGrey-filter:before, .DimGrey-filter:after , .DimGrey-color, .DIMGREY-filter:before, .DIMGREY-filter:after , .DIMGREY-color {
    background: #696969!important;
}
.Brown-filter:before, .Brown-filter:after , .Brown-color {
    background: linear-gradient(132.17deg, #2B0E00 -26.24%, #A2774C 34.4%, #2D1002 91.75%)!important;
}
.Burgundy-filter:before, .Burgundy-filter:after , .Burgundy-color, .Burgandy-filter:before, .Burgandy-filter:after , .Burgandy-color{
    background:#800020!important;
}
.Gold-filter:before, .Gold-filter:after  , .Gold-color, .Golden-filter:before, .Golden-filter:after  , .Golden-color{
    background: linear-gradient(132.17deg, #A6852E -15.03%, #D6BB59 34.4%, #B59235 76.59%)!important;
}
.Darkgolden-filter:before, .Darkgolden-filter:after , .Darkgolden-color {
    background:#AA6C39!important;
}
.Aqua-filter:before, .Aqua-filter:after  , .Aqua-color{
    background: linear-gradient(132.17deg, #03A7B3 -17.67%, #04BECA 34.4%, #006F76 76.59%)!important;
}
.Beige-filter:before, .Beige-filter:after , .Beige-color {
    background: linear-gradient(132.17deg, #DCBFA6 -18.99%, #F0C9A8 34.4%, #DCBFA6 76.59%)!important;
}
.Hazel-filter:before, .Hazel-filter:after  , .Hazel-color{
    background: linear-gradient(132.17deg, #C9C789 -18.99%, #DFDD9F 34.4%, #C9C789 76.59%)!important;
}
.Tortoise-filter:before, .Tortoise-filter:after , .Tortoise-color {
    background: url(https://cdn.eyemyeye.com/shared/images/listing/Tortoise.jpg) center no-repeat!important;
}
.Striped-filter:before, .Striped-filter:after , .Striped-color {
    background-image: url(https://cdn.eyemyeye.com/shared/images/listing/Striped.jpg)!important;
    background-size: 18px 18px;
}
.Blue-filter:before, .Blue-filter:after , .Blue-color {
    background: linear-gradient(132.17deg, #22618D 18.78%, #063263 42.08%, #024477 57.48%, #126AA0 78.52%)!important;
}
.Sapphire-filter:before, .Sapphire-filter:after , .Sapphire-color {
    background: linear-gradient(58.67deg, #0B1364 4.49%, #0421B2 33.02%, #0A22B4 57.32%, #130454 106.22%)!important;
}
.Havana-filter:before, .Havana-filter:after  , .Havana-color{
    background: linear-gradient(58.13deg, #3B2B2C -24.6%, #776364 29.23%, #3B2B2C 88.26%, #3B2B2C 147.46%)!important;
}
.Wine-filter:before, .Wine-filter:after , .Wine-color {
    background: linear-gradient(58.13deg, #4E032A 7.01%, #64133D 29.23%, #64143D 58.38%, #4E032A 78.76%)!important;
}
.Red-filter:before, .Red-filter:after , .Red-color {
    background: linear-gradient(58.13deg, #E40E0E 7.01%, #DC2E2E 36.25%, #DE3030 58.38%, #CC0E0E 78.76%)!important;
}
.Lemon-filter:before, .Lemon-filter:after , .Lemon-color {
    background: linear-gradient(180deg, #FAFA33 0%, #EDED68 100%)!important;
}
.Amethyst-filter:before, .Amethyst-filter:after  , .Amethyst-color{
    background: linear-gradient(180deg, #9966CC 0%, #9F60DE 100%)!important;
}
.Golf-filter:before, .Golf-filter:after  , .Golf-color{
    background: linear-gradient(180deg, #5A9E4B 0%, #458E35 100%)!important;
}
.Grey-filter:before, .Grey-filter:after  , .Grey-color {
    background: linear-gradient(180deg, #808080 0%, #5D5F5D 100%)!important;
}
.Purple-filter:before, .Purple-filter:after , .Purple-color {
    background: linear-gradient(180deg, #800080 0%, #700770 100%)!important;
}
.Honey-filter:before, .Honey-filter:after  , .Honey-color{
    background: linear-gradient(180deg, #784628 0%, #AF7B51 47.4%, #683617 100%)!important;
}
.Silver-filter:before, .Silver-filter:after  , .Silver-color, .Silkywhite-filter:before, .Silkywhite-filter:after  , .Silkywhite-color, .SilkyWhite-filter:before, .SilkyWhite-filter:after  , .SilkyWhite-color {
    background: conic-gradient(from 180deg at 50% 50%, #CAC1C1 0deg, #E6E6E6 170.63deg, #C2C2C2 360deg)!important;
}
.Maroon-filter:before, .Maroon-filter:after  , .Maroon-color{
    background: linear-gradient(169.54deg, #690C15 -14.87%, #A6202D 52.36%, #690C15 126.98%)!important;
}
.Mint-filter:before, .Mint-filter:after  , .Mint-color, .Mintgreen-filter:before, .Mintgreen-filter:after  , .Mintgreen-color{
    background: linear-gradient(169.54deg, #98FF98 -14.87%, #F3FFF9 52.36%, #79F58A 126.98%)!important;
}
.Violet-filter:before, .Violet-filter:after  , .Violet-color{
    background: linear-gradient(169.54deg, #8921F1 -14.87%, #9C3AFF 52.36%, #7B18DF 126.98%)!important;
}
.Graphite-filter:before, .Graphite-filter:after , .Graphite-color {
    background: linear-gradient(169.54deg, #353535 -14.87%, #4B4B4B 52.36%, #353535 126.98%)!important;
}
.Smoke-filter:before, .Smoke-filter:after  , .Smoke-color{
    background: linear-gradient(180deg,#515354 0,#718184 43.23%,#d2d2d2 93.23%)!important;
}
.Cream-filter:before, .Cream-filter:after , .Cream-color {
    background: linear-gradient(169.54deg, #F6EFE2 -14.87%, #F4EFE5 52.36%, #F3ECDE 126.98%)!important;
}
.Ivory-filter:before, .Ivory-filter:after , .Ivory-color{
    background:#ffbf00!important;
}
.Indigo-filter:before, .Indigo-filter:after , .Indigo-color,.INDIGO-filter:before, .INDIGO-filter:after , .INDIGO-color{
    background:#4B0082!important;
}
.Lavender-filter:before, .Lavender-filter:after , .Lavender-color{
    background:#C079D9!important;
}
.Lilac-filter:before, .Lilac-filter:after , .Lilac-color{
    background:#DC92EF!important;
}
.Lion-filter:before, .Lion-filter:after , .Lion-color{
    background:#b48648!important;
}
.Lime-filter:before, .Lime-filter:after , .Lime-color{
    background:#00FF00!important;
}
.Camel-filter:before, .Camel-filter:after  , .Camel-color{
    background: linear-gradient(169.54deg, #C19A6B -14.87%, #DAAE79 52.36%, #C19A6B 126.98%)!important;
}
.Leopard-filter:before, .Leopard-filter:after , .Leopard-color, .Leopardprint-filter:before, .Leopardprint-filter:after , .Leopardprint-color {
    background: url(https://cdn.eyemyeye.com/shared/images/listing/Leapord.jpg) center no-repeat!important;
}
.Airforce-filter:before, .Airforce-filter:after , .Airforce-color {
    background: #5F8AA8!important;
}
.Copper-filter:before, .Copper-filter:after , .Copper-color {
    background: #B87333!important;  
}
.Armygreen-filter:before, .Armygreen-filter:after , .Armygreen-color {
    background: #4B5320!important; 
}
.Greenyellow-filter:before, .Greenyellow-filter:after , .Greenyellow-color {
    background: linear-gradient(180deg, #FFFF00 3.94%, #008000 96.81%)!important;  
}
.Goldandbrown-filter:before, .Goldandbrown-filter:after , .Goldandbrown-color {
    background: linear-gradient(180deg, #FFD701 3.94%, #A52A2A 96.81%)!important; 
}
.Mattemidnightblue-filter:before, .Mattemidnightblue-filter:after , .Mattemidnightblue-color {
    background: #191970!important; 
}
.Purpletransparent-filter:before, .Purpletransparent-filter:after , .Purpletransparent-color {
    background: linear-gradient(180deg,#fff 0,#A020F0 43.23%,#fff 93.23%)!important; 
}
.Greentransparent-filter:before, .Greentransparent-filter:after , .Greentransparent-color {
    background: linear-gradient(180deg, #FFFF00 3.94%, #008000 96.81%)!important;
}
.Lightpink-filter:before, .Lightpink-filter:after , .Lightpink-color {
    background: #ff007f!important;
}
.Lightgreen-filter:before, .Lightgreen-filter:after , .Lightgreen-color {
    background: #90EE90!important; 
}
.Lightburgundy-filter:before, .Lightburgundy-filter:after , .Lightburgundy-color {
    background: rgba(128, 0, 32, 0.74)!important; 
}
.Cyan-filter:before, .Cyan-filter:after , .Cyan-color {
    background: #00FFFF!important; 
}
.Teal-filter:before, .Teal-filter:after , .Teal-color {
    background: #008080!important; 
}
.Rosybrown-filter:before, .Rosybrown-filter:after , .Rosybrown-color {
    background: #BC8F8F!important;
}
.Darkseagreen-filter:before, .Darkseagreen-filter:after , .Darkseagreen-color {
    background: #8FBC8F!important;
}
.Aquamarine-filter:before, .Aquamarine-filter:after , .Aquamarine-color {
    background: #7FFFD4!important;
}
.Sienna-filter:before, .Sienna-filter:after , .Sienna-color {
    background: #E97451!important;
}
.Tanblue-filter:before, .Tanblue-filter:after , .Tanblue-color {
    background: #96B9D0!important;
}
.Mustardyellow-filter:before, .Mustardyellow-filter:after , .Mustardyellow-color {
    background: #FFDB58!important;
}
.Orangetransparent-filter:before, .Orangetransparent-filter:after , .Orangetransparent-color {
    background: linear-gradient(180deg,#fff 0,#FFA500 43.23%,#fff 93.23%)!important;
}
.Pinktransparent-filter:before, .Pinktransparent-filter:after , .Pinktransparent-color {
    background: linear-gradient(180deg,#fff 0,#FFC0CB 43.23%,#fff 93.23%)!important;
}
.Yellowtransparent-filter:before, .Yellowtransparent-filter:after , .Yellowtransparent-color {
    background: linear-gradient(180deg,#fff 0,#FFFF00 43.23%,#fff 93.23%)!important;
}
.Satinlightgold-filter:before, .Satinlightgold-filter:after , .Satinlightgold-color {
    background: #cba135!important;
}
.Babypink-filter:before, .Babypink-filter:after , .Babypink-color {
    background: #FFC0CB!important;
}
.Tealgreen-filter:before, .Tealgreen-filter:after , .Tealgreen-color {
    background: #006D5B!important;
}
.Peachtransparent-filter:before, .Peachtransparent-filter:after , .Peachtransparent-color {
    background: linear-gradient(180deg,#fff 0,#FFE5B4 43.23%,#fff 93.23%)!important;
}
.Darkpurple-filter:before, .Darkpurple-filter:after , .Darkpurple-color {
    background: #4B0150!important;
}
.Pastelpurple-filter:before, .Pastelpurple-filter:after , .Pastelpurple-color {
    background: #F2A2E8!important;
}
.Blackgrey-filter:before, .Blackgrey-filter:after , .Blackgrey-color {
    background: #5A5A5A!important;
}
.Blueandyellow-filter:before, .Blueandyellow-filter:after , .Blueandyellow-color {
    background: linear-gradient(180deg, #0000FF 3.94%, #FFFF00 96.81%)!important;
}
.Cedarbrawn-filter:before, .Cedarbrawn-filter:after , .Cedarbrawn-color {
    background: #5E5042!important;
}
.Mutedlightorange-filter:before, .Mutedlightorange-filter:after , .Mutedlightorange-color {
    background: #EB9C5C!important;
}
.Darkblue-filter:before, .Darkblue-filter:after , .Darkblue-color {
    background: #00008B!important;
}
.Goldandred-filter:before, .Goldandred-filter:after , .Goldandred-color {
    background: linear-gradient(180deg, #AA6C39 0%, #F00E0E 100%)!important;
}
.Mattblue-filter:before, .Mattblue-filter:after , .Mattblue-color {
    background: #0000FF!important;
}
.Darkpink-filter:before, .Darkpink-filter:after , .Darkpink-color {
    background: #E75480!important;
}
.Silverpink-filter:before, .Silverpink-filter:after , .Silverpink-color {
    background: #C4AEAD!important;
}
.Yellow-filter:before, .Yellow-filter:after , .Yellow-color {
    background: linear-gradient(180deg, #F4D03C 0%, #F2DD22 100%)!important;
}
.Berry-filter:before, .Berry-filter:after , .Berry-color {
    background: linear-gradient(169.54deg, #571C3C -14.87%, #7A1E47 52.36%, #9C2052 126.98%)!important;
}
.White-filter:before, .White-filter:after, .White-color {
    background: linear-gradient(180deg, #F1F1F1 0%, rgba(255, 255, 255, 0.29) 46.35%, #EEEEEE 100%)!important;
    border: 2px solid #e8e8e8!important;
}
.Green-filter:before, .Green-filter:after , .Green-color {
    background: linear-gradient(178.26deg, #357061 22.14%, #306759 53.26%, #47786B 98.52%, #4C7B6F 98.53%)!important;
}
.Pink-filter:before, .Pink-filter:after , .Pink-color {
    background: linear-gradient(146.61deg, #F981BD 10.64%, #FE97CB 38.13%, #FF84C1 56.24%, #FF69B4 80.13%)!important;
}
.Pistachio-filter:before, .Pistachio-filter:after , .Pistachio-color {
    background: #93C572!important;
}
.Plum-filter:before, .Plum-filter:after , .Plum-color {
    background: #673147!important;
}
.Puma-filter:before, .Puma-filter:after , .Puma-color {
    background: #ae946d!important;
}
.Sapphire-filter:before, .Sapphire-filter:after , .Sapphire-color {
    background: #2554C7!important;
}
.Tan-filter:before, .Tan-filter:after , .Tan-color {
    background: #D2B48C!important;
}
.Yellow-filter:before, .Yellow-filter:after , .Yellow-color {
    background: #FFFF00!important;
}
.Floral-filter:before, .Floral-filter:after , .Floral-color {
    background: url(https://cdn.eyemyeye.com/shared/images/listing/Floral.jpg) center no-repeat!important;
}
.Orange-filter:before, .Orange-filter:after , .Orange-color {
    background: linear-gradient(146.61deg, #D35F30 10.64%, #D35F30 38.13%, #D9764E 56.24%, #D87046 80.13%)!important;
} */


/* new color-code 24-11-2025 */
.color-thumb {
    width: 20px;
    height: 20px;
    height: 20px;
    margin-bottom: 0;
    border-radius: 4px;
    background: #eee;
    cursor: pointer;
}
.Peach-filter:before, .Peach-filter:after , .Peach-color{
    background: linear-gradient(180deg, #F9CDB7 0%, #F6CED5 100%)!important;
}
.Wooden-filter:before, .Wooden-filter:after , .Wooden-color{
    background: linear-gradient(180deg, #512713 0%, #815035 43.23%, #6D4A37 93.23%)!important;
}
.Turquoise-filter:before, .Turquoise-filter:after , .Turquoise-color {
    background: linear-gradient(180deg, #71D3D0 0%, #85DBD6 43.23%, #41AAAD 93.23%)!important;
}
.Gunmetal-filter:before, .Gunmetal-filter:after , .Gunmetal-color, .Gunmetalblack-filter:before, .Gunmetalblack-filter:after , .Gunmetalblack-color, .Gun-filter:before, .Gun-filter:after , .Gun-color  {
    background: linear-gradient(180deg, #454F59 0%, #545D63 43.23%, #B2BCB4 93.23%)!important;
}
.Black-filter:before, .Black-filter:after , .Black-color {
    background: #000000!important;
}
.Coffee-filter:before, .Coffee-filter:after , .Coffee-color {
    background: #6f4e37!important;;
}
.Coral-filter:before, .Coral-filter:after , .Coral-color {
    background: #FF7F50;
}
.Mauve-filter:before, .Mauve-filter:after , .Mauve-color {
    background: #E0B0FF!important;
}
.Taupe-filter:before, .Taupe-filter:after , .Taupe-color {
    background: #B38B6D;
}
.Marsala-filter:before, .Marsala-filter:after , .Marsala-color {
    background: #5D212D;
}
.Bronze-filter:before, .Bronze-filter:after , .Bronze-color {
    background: #CD7F32;
}
.Charcoal-filter:before, .Charcoal-filter:after , .Charcoal-color {
    background: #36454F;
}
.Snake-filter:before, .Snake-filter:after , .Snake-color {
    background: #141414;
}
.Transparent-filter:before, .Transparent-filter:after , .Transparent-color {
    background:  linear-gradient(180deg, #FFFFFF 0%, #DEDEDE 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}
.BlackAndBlue-filter:before, .BlackAndBlue-filter:after , .BlackAndBlue-color, .BlackandBlue-filter:before, .Blackandblue-filter:after , .Blackandblue-color {
    background: linear-gradient(180deg, #000154 0%, #01010D 100%)!important;
}
.BlackAndGold-filter:before, .BlackAndGold-filter:after , .BlackAndGold-color, .Blackandgold-filter:before, .Blackandgold-filter:after , .Blackandgold-color {
    background: linear-gradient(180deg, #B28228 0%, #141312 75%)!important;
}
.BlueNSilver-filter:before, .BlueNSilver-filter:after , .BlueNSilver-color, .Bluensilver-filter:before, .Bluensilver-filter:after , .Bluensilver-color {
    background: linear-gradient(180deg, #D8D8D8 0%, #000154 100%)!important;
}
.Olive-filter:before, .Olive-filter:after , .Olive-color {
    background: linear-gradient(160.35deg, #637102 0%, #BFC30A 50.28%, #6D8002 108.44%)!important;
}
.Zebra-filter:before, .Zebra-filter:after , .Zebra-color {
    background: linear-gradient(144.36deg, #171417 5.03%, #EEEDF0 26.75%, #171417 42.03%, #EEEDF0 56.26%, #171417 71.38%, #EEEDF0 85.78%)!important;
}
.Multicolor-filter:before, .Multicolor-filter:after , .Multicolor-color {
    background: linear-gradient(160.35deg, #FA1480 0%, #D67CBE 29.08%, #E9BF83 58.16%, #7DE2A5 88.45%, #0DE9DD 111.47%)!important;
}
.Mattblack-filter:before, .Mattblack-filter:after , .Mattblack-color, .MattBlack-filter:before, .MattBlack-filter:after , .MattBlack-color  {
    background: #28282B!important;
}
.Reddishbrown-filter:before, .Reddishbrown-filter:after , .Reddishbrown-color, .ReddishBrown-filter:before, .ReddishBrown-filter:after , .ReddishBrown-color {
    background: #A52A2A!important;
}
.Navy-filter:before, .Navy-filter:after , .Navy-color,  .Navyblue-filter:before, .Navyblue-filter:after , .Navyblue-color, .NavyBlue-filter:before, .NavyBlue-filter:after , .NavyBlue-color, .NAVYBLUE-filter:before, .NAVYBLUE-filter:after , .NAVYBLUE-color {
    background: #000080!important;
}
.Riflegreen-filter:before, .Riflegreen-filter:after , .Riflegreen-color, .RifleGreen-filter:before, .RifleGreen-filter:after , .RifleGreen-color, .RIFLEGREEN-filter:before, .RIFLEGREEN-filter:after , .RIFLEGREEN-color {
    background: #444c38!important;
}
.Royalblue-filter:before, .Royalblue-filter:after , .Royalblue-color, .RoyalBlue-filter:before, .RoyalBlue-filter:after , .RoyalBlue-color, .ROYALBLUE-filter:before, .ROYALBLUE-filter:after , .ROYALBLUE-color {
    background: #4169e1!important;
}
.Rosegold-filter:before, .Rosegold-filter:after , .Rosegold-color, .RoseGold-filter:before, .RoseGold-filter:after , .RoseGold-color, .ROSEGOLD-filter:before, .ROSEGOLD-filter:after , .ROSEGOLD-color {
    background: linear-gradient(144.39deg, #CF8673 5.03%, #EDBCAE 79.91%)!important;
}
.Greytransparent-filter:before, .Greytransparent-filter:after , .Greytransparent-color, .GreyTransparent-filter:before, .GreyTransparent-filter:after , .GreyTransparent-color, .GREYTRANSPARENT-filter:before, .GREYTRANSPARENT-filter:after , .GREYTRANSPARENT-color {
    background: #C0C0C0!important;
    background: linear-gradient(180deg, #FFFFFF 0%, #C0C0C0 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}
.Redtransparent-filter:before, .Redtransparent-filter:after , .Redtransparent-color, .Redtransperant-filter:before, .Redtransperant-filter:after , .Redtransperant-color {
    background:linear-gradient(180deg,#fff 0,#ff0000 43.23%,#fff 93.23%)!important
}
.Chocolatebrown-filter:before, .Chocolatebrown-filter:after , .Chocolatebrown-color, .ChocolateBrown-filter:before, .ChocolateBrown-filter:after , .ChocolateBrown-color, .CHOCOLATEBROWN-filter:before, .CHOCOLATEBROWN-filter:after , .CHOCOLATEBROWN-color, .Chocolate-filter:before, .Chocolate-filter:after , .Chocolate-color {
    background: #7B3F00!important;
}
.Skyblue-filter:before, .Skyblue-filter:after , .Skyblue-color, .SkyBlue-filter:before, .SkyBlue-filter:after , .SkyBlue-color, .SKYBLUE-filter:before, .SKYBLUE-filter:after , .SKYBLUE-color {
    background: #87CEEB!important;
}
.Blacksilver-filter:before, .Blacksilver-filter:after , .Blacksilver-color, .BlackSilver-filter:before, .BlackSilver-filter:after , .BlackSilver-color, .BLACKSILVER-filter:before, .BLACKSILVER-filter:after , .BLACKSILVER-color {
    background: linear-gradient(180deg, #D8D8D8 0%, #01010D 100%)!important;
}
.Olivegreen-filter:before, .Olivegreen-filter:after , .Olivegreen-color, .OliveGreen-filter:before, .OliveGreen-filter:after , .OliveGreen-color, .OLIVEGREEN-filter:before, .OLIVEGREEN-filter:after , .OLIVEGREEN-color {
    background: #BAB86C!important;
}
.Darkbrown-filter:before, .Darkbrown-filter:after , .Darkbrown-color, .DarkBrown-filter:before, .DarkBrown-filter:after , .DarkBrown-color, .DARKBROWN-filter:before, .DARKBROWN-filter:after , .DARKBROWN-color {
    background: #654321!important;
}
.Browntransparent-filter:before, .Browntransparent-filter:after , .Browntransparent-color, .BrownTransparent-filter:before, .BrownTransparent-filter:after , .BrownTransparent-color, .BROWNTRANSPARENT-filter:before, .BROWNTRANSPARENT-filter:after , .BROWNTRANSPARENT-color {
    background: #444c38!important;
}
.Bluetransparent-filter:before, .Bluetransparent-filter:after , .Bluetransparent-color, .BlueTransparent-filter:before, .BlueTransparent-filter:after , .BlueTransparent-color, .BLUETRANSPARENT-filter:before, .BLUETRANSPARENT-filter:after , .BLUETRANSPARENT-color {
    background: #C4A484!important;
}
.Whitetransparent-filter:before, .Whitetransparent-filter:after , .Whitetransparent-color, .WhiteTransparent-filter:before, .WhiteTransparent-filter:after , .WhiteTransparent-color, .WHITETRANSPARENT-filter:before, .WHITETRANSPARENT-filter:after , .WHITETRANSPARENT-color {
    background: #FFFFFF!important;
    background: linear-gradient(180deg, #FFFFFF 0%, #f5f5f5 43.23%, #FFFFFF 93.23%)!important;
    border: 2px solid #e8e8e8!important;
}
.Mattegold-filter:before, .Mattegold-filter:after , .Mattegold-color, .MatteGold-filter:before, .MatteGold-filter:after , .MatteGold-color, .MATTEGOLD-filter:before, .MATTEGOLD-filter:after , .MATTEGOLD-color {
    background:  #D2BF37!important;
}
.Mattblack-filter:before, .Mattblack-filter:after , .Mattblack-color, .MattBlack-filter:before, .MattBlack-filter:after , .MattBlack-color, .MATTBLACK-filter:before, .MATTBLACK-filter:after , .MATTBLACK-color, .Matteblack-filter:before, .Matteblack-filter:after , .Matteblack-color, .MatteBlack-filter:before, .MatteBlack-filter:after , .MatteBlack-color, .MATTEBLACK-filter:before, .MATTEBLACK-filter:after , .MATTEBLACK-color {
    background: #28282B!important;
}
.Darkslategrey-filter:before, .Darkslategrey-filter:after , .Darkslategrey-color, .DarkSlateGrey-filter:before, .DarkSlateGrey-filter:after , .DarkSlateGrey-color, .DARKSLATEGREY-filter:before, .DARKSLATEGREY-filter:after , .DARKSLATEGREY-color {
    background: #25383C!important;
}
.Darkcyan-filter:before, .Darkcyan-filter:after , .Darkcyan-color, .DarkCyan-filter:before, .DarkCyan-filter:after , .DarkCyan-color, .DARKCYAN-filter:before, .DARKCYAN-filter:after , .DARKCYAN-color {
    background:  #008b8b!important;
}
.Dimgrey-filter:before, .Dimgrey-filter:after , .Dimgrey-color, .DimGrey-filter:before, .DimGrey-filter:after , .DimGrey-color, .DIMGREY-filter:before, .DIMGREY-filter:after , .DIMGREY-color {
    background: #696969!important;
}
.Brown-filter:before, .Brown-filter:after , .Brown-color {
    background: linear-gradient(132.17deg, #2B0E00 -26.24%, #A2774C 34.4%, #2D1002 91.75%)!important;
}
.Burgundy-filter:before, .Burgundy-filter:after , .Burgundy-color, .Burgandy-filter:before, .Burgandy-filter:after , .Burgandy-color{
    background:#800020!important;
}
.Gold-filter:before, .Gold-filter:after  , .Gold-color, .Golden-filter:before, .Golden-filter:after  , .Golden-color{
    background: linear-gradient(132.17deg, #A6852E -15.03%, #D6BB59 34.4%, #B59235 76.59%)!important;
}
.Darkgolden-filter:before, .Darkgolden-filter:after , .Darkgolden-color {
    background:#AA6C39!important;
}
.Aqua-filter:before, .Aqua-filter:after  , .Aqua-color{
    background: linear-gradient(132.17deg, #03A7B3 -17.67%, #04BECA 34.4%, #006F76 76.59%)!important;
}
.Beige-filter:before, .Beige-filter:after , .Beige-color {
    background: linear-gradient(132.17deg, #DCBFA6 -18.99%, #F0C9A8 34.4%, #DCBFA6 76.59%)!important;
}
.Hazel-filter:before, .Hazel-filter:after  , .Hazel-color{
    background: linear-gradient(132.17deg, #C9C789 -18.99%, #DFDD9F 34.4%, #C9C789 76.59%)!important;
}
.Tortoise-filter:before, .Tortoise-filter:after , .Tortoise-color {
    background: url(https://cdn.eyemyeye.com/shared/images/listing/Tortoise.jpg) center no-repeat!important;
}
.Striped-filter:before, .Striped-filter:after , .Striped-color {
    background-image: url(https://cdn.eyemyeye.com/shared/images/listing/Striped.jpg)!important;
    background-size: 18px 18px;
}
.Blue-filter:before, .Blue-filter:after , .Blue-color {
    background: linear-gradient(132.17deg, #22618D 18.78%, #063263 42.08%, #024477 57.48%, #126AA0 78.52%)!important;
}
.Sapphire-filter:before, .Sapphire-filter:after , .Sapphire-color {
    background: linear-gradient(58.67deg, #0B1364 4.49%, #0421B2 33.02%, #0A22B4 57.32%, #130454 106.22%)!important;
}
.Havana-filter:before, .Havana-filter:after  , .Havana-color{
    background: linear-gradient(58.13deg, #3B2B2C -24.6%, #776364 29.23%, #3B2B2C 88.26%, #3B2B2C 147.46%)!important;
}
.Wine-filter:before, .Wine-filter:after , .Wine-color {
    background: linear-gradient(58.13deg, #4E032A 7.01%, #64133D 29.23%, #64143D 58.38%, #4E032A 78.76%)!important;
}
.Red-filter:before, .Red-filter:after , .Red-color {
    background: linear-gradient(58.13deg, #E40E0E 7.01%, #DC2E2E 36.25%, #DE3030 58.38%, #CC0E0E 78.76%)!important;
}
.Lemon-filter:before, .Lemon-filter:after , .Lemon-color {
    background: linear-gradient(180deg, #FAFA33 0%, #EDED68 100%)!important;
}
.Amethyst-filter:before, .Amethyst-filter:after  , .Amethyst-color{
    background: linear-gradient(180deg, #9966CC 0%, #9F60DE 100%)!important;
}
.Golf-filter:before, .Golf-filter:after  , .Golf-color{
    background: linear-gradient(180deg, #5A9E4B 0%, #458E35 100%)!important;
}
.Grey-filter:before, .Grey-filter:after  , .Grey-color {
    background: linear-gradient(180deg, #808080 0%, #5D5F5D 100%)!important;
}
.Purple-filter:before, .Purple-filter:after , .Purple-color {
    background: linear-gradient(180deg, #800080 0%, #700770 100%)!important;
}
.Honey-filter:before, .Honey-filter:after  , .Honey-color{
    background: linear-gradient(180deg, #784628 0%, #AF7B51 47.4%, #683617 100%)!important;
}
.Silver-filter:before, .Silver-filter:after  , .Silver-color, .Silkywhite-filter:before, .Silkywhite-filter:after  , .Silkywhite-color, .SilkyWhite-filter:before, .SilkyWhite-filter:after  , .SilkyWhite-color {
    background: conic-gradient(from 180deg at 50% 50%, #CAC1C1 0deg, #E6E6E6 170.63deg, #C2C2C2 360deg)!important;
}
.Maroon-filter:before, .Maroon-filter:after  , .Maroon-color{
    background: linear-gradient(169.54deg, #690C15 -14.87%, #A6202D 52.36%, #690C15 126.98%)!important;
}
.Mint-filter:before, .Mint-filter:after  , .Mint-color, .Mintgreen-filter:before, .Mintgreen-filter:after  , .Mintgreen-color{
    background: linear-gradient(169.54deg, #98FF98 -14.87%, #F3FFF9 52.36%, #79F58A 126.98%)!important;
}
.Violet-filter:before, .Violet-filter:after  , .Violet-color{
    background: linear-gradient(169.54deg, #8921F1 -14.87%, #9C3AFF 52.36%, #7B18DF 126.98%)!important;
}
.Graphite-filter:before, .Graphite-filter:after , .Graphite-color {
    background: linear-gradient(169.54deg, #353535 -14.87%, #4B4B4B 52.36%, #353535 126.98%)!important;
}
.Smoke-filter:before, .Smoke-filter:after  , .Smoke-color{
    background: linear-gradient(180deg,#515354 0,#718184 43.23%,#d2d2d2 93.23%)!important;
}
.Cream-filter:before, .Cream-filter:after , .Cream-color {
    background: linear-gradient(169.54deg, #F6EFE2 -14.87%, #F4EFE5 52.36%, #F3ECDE 126.98%)!important;
}
.Ivory-filter:before, .Ivory-filter:after , .Ivory-color{
    background:#ffbf00!important;
}
.Indigo-filter:before, .Indigo-filter:after , .Indigo-color,.INDIGO-filter:before, .INDIGO-filter:after , .INDIGO-color{
    background:#4B0082!important;
}
.Lavender-filter:before, .Lavender-filter:after , .Lavender-color{
    background:#C079D9!important;
}
.Lilac-filter:before, .Lilac-filter:after , .Lilac-color{
    background:#DC92EF!important;
}
.Lion-filter:before, .Lion-filter:after , .Lion-color{
    background:#b48648!important;
}
.Lime-filter:before, .Lime-filter:after , .Lime-color{
    background:#00FF00!important;
}
.Camel-filter:before, .Camel-filter:after  , .Camel-color{
    background: linear-gradient(169.54deg, #C19A6B -14.87%, #DAAE79 52.36%, #C19A6B 126.98%)!important;
}
.Leopard-filter:before, .Leopard-filter:after , .Leopard-color, .Leopardprint-filter:before, .Leopardprint-filter:after , .Leopardprint-color {
    background: url(https://cdn.eyemyeye.com/shared/images/listing/Leapord.jpg) center no-repeat!important;
}
.Airforce-filter:before, .Airforce-filter:after , .Airforce-color {
    background: #5F8AA8!important;
}
.Copper-filter:before, .Copper-filter:after , .Copper-color {
    background: #B87333!important;  
}
.Armygreen-filter:before, .Armygreen-filter:after , .Armygreen-color {
    background: #4B5320!important; 
}
.Greenyellow-filter:before, .Greenyellow-filter:after , .Greenyellow-color {
    background: linear-gradient(180deg, #FFFF00 3.94%, #008000 96.81%)!important;  
}
.Goldandbrown-filter:before, .Goldandbrown-filter:after , .Goldandbrown-color {
    background: linear-gradient(180deg, #FFD701 3.94%, #A52A2A 96.81%)!important; 
}
.Mattemidnightblue-filter:before, .Mattemidnightblue-filter:after , .Mattemidnightblue-color {
    background: #191970!important; 
}
.Purpletransparent-filter:before, .Purpletransparent-filter:after , .Purpletransparent-color {
    background: linear-gradient(180deg,#fff 0,#A020F0 43.23%,#fff 93.23%)!important; 
}
.Greentransparent-filter:before, .Greentransparent-filter:after , .Greentransparent-color {
    background: linear-gradient(180deg, #FFFF00 3.94%, #008000 96.81%)!important;
}
.Lightpink-filter:before, .Lightpink-filter:after , .Lightpink-color {
    background: #ff007f!important;
}
.Lightgreen-filter:before, .Lightgreen-filter:after , .Lightgreen-color {
    background: #90EE90!important; 
}
.Lightburgundy-filter:before, .Lightburgundy-filter:after , .Lightburgundy-color {
    background: rgba(128, 0, 32, 0.74)!important; 
}
.Cyan-filter:before, .Cyan-filter:after , .Cyan-color {
    background: #00FFFF!important; 
}
.Teal-filter:before, .Teal-filter:after , .Teal-color {
    background: #008080!important; 
}
.Rosybrown-filter:before, .Rosybrown-filter:after , .Rosybrown-color {
    background: #BC8F8F!important;
}
.Darkseagreen-filter:before, .Darkseagreen-filter:after , .Darkseagreen-color {
    background: #8FBC8F!important;
}
.Aquamarine-filter:before, .Aquamarine-filter:after , .Aquamarine-color {
    background: #7FFFD4!important;
}
.Sienna-filter:before, .Sienna-filter:after , .Sienna-color {
    background: #E97451!important;
}
.Tanblue-filter:before, .Tanblue-filter:after , .Tanblue-color {
    background: #96B9D0!important;
}
.Mustardyellow-filter:before, .Mustardyellow-filter:after , .Mustardyellow-color {
    background: #FFDB58!important;
}
.Orangetransparent-filter:before, .Orangetransparent-filter:after , .Orangetransparent-color {
    background: linear-gradient(180deg,#fff 0,#FFA500 43.23%,#fff 93.23%)!important;
}
.Pinktransparent-filter:before, .Pinktransparent-filter:after , .Pinktransparent-color {
    background: linear-gradient(180deg,#fff 0,#FFC0CB 43.23%,#fff 93.23%)!important;
}
.Yellowtransparent-filter:before, .Yellowtransparent-filter:after , .Yellowtransparent-color {
    background: linear-gradient(180deg,#fff 0,#FFFF00 43.23%,#fff 93.23%)!important;
}
.Satinlightgold-filter:before, .Satinlightgold-filter:after , .Satinlightgold-color {
    background: #cba135!important;
}
.Babypink-filter:before, .Babypink-filter:after , .Babypink-color {
    background: #FFC0CB!important;
}
.Tealgreen-filter:before, .Tealgreen-filter:after , .Tealgreen-color {
    background: #006D5B!important;
}
.Peachtransparent-filter:before, .Peachtransparent-filter:after , .Peachtransparent-color {
    background: linear-gradient(180deg,#fff 0,#FFE5B4 43.23%,#fff 93.23%)!important;
}
.Darkpurple-filter:before, .Darkpurple-filter:after , .Darkpurple-color {
    background: #4B0150!important;
}
.Pastelpurple-filter:before, .Pastelpurple-filter:after , .Pastelpurple-color {
    background: #F2A2E8!important;
}
.Blackgrey-filter:before, .Blackgrey-filter:after , .Blackgrey-color {
    background: #5A5A5A!important;
}
.Blueandyellow-filter:before, .Blueandyellow-filter:after , .Blueandyellow-color {
    background: linear-gradient(180deg, #0000FF 3.94%, #FFFF00 96.81%)!important;
}
.Cedarbrawn-filter:before, .Cedarbrawn-filter:after , .Cedarbrawn-color {
    background: #5E5042!important;
}
.Mutedlightorange-filter:before, .Mutedlightorange-filter:after , .Mutedlightorange-color {
    background: #EB9C5C!important;
}
.Darkblue-filter:before, .Darkblue-filter:after , .Darkblue-color {
    background: #00008B!important;
}
.Goldandred-filter:before, .Goldandred-filter:after , .Goldandred-color {
    background: linear-gradient(180deg, #AA6C39 0%, #F00E0E 100%)!important;
}
.Mattblue-filter:before, .Mattblue-filter:after , .Mattblue-color {
    background: #0000FF!important;
}
.Darkpink-filter:before, .Darkpink-filter:after , .Darkpink-color {
    background: #E75480!important;
}
.Silverpink-filter:before, .Silverpink-filter:after , .Silverpink-color {
    background: #C4AEAD!important;
}
.Yellow-filter:before, .Yellow-filter:after , .Yellow-color {
    background: linear-gradient(180deg, #F4D03C 0%, #F2DD22 100%)!important;
}
.Berry-filter:before, .Berry-filter:after , .Berry-color {
    background: linear-gradient(169.54deg, #571C3C -14.87%, #7A1E47 52.36%, #9C2052 126.98%)!important;
}
.White-filter:before, .White-filter:after, .White-color {
    background: linear-gradient(180deg, #F1F1F1 0%, rgba(255, 255, 255, 0.29) 46.35%, #EEEEEE 100%)!important;
    border: 2px solid #e8e8e8!important;
}
.Green-filter:before, .Green-filter:after , .Green-color {
    background: linear-gradient(178.26deg, #357061 22.14%, #306759 53.26%, #47786B 98.52%, #4C7B6F 98.53%)!important;
}
.Pink-filter:before, .Pink-filter:after , .Pink-color {
    background: linear-gradient(146.61deg, #F981BD 10.64%, #FE97CB 38.13%, #FF84C1 56.24%, #FF69B4 80.13%)!important;
}
.Pistachio-filter:before, .Pistachio-filter:after , .Pistachio-color {
    background: #93C572!important;
}
.Plum-filter:before, .Plum-filter:after , .Plum-color {
    background: #673147!important;
}
.Puma-filter:before, .Puma-filter:after , .Puma-color {
    background: #ae946d!important;
}
.Sapphire-filter:before, .Sapphire-filter:after , .Sapphire-color {
    background: #2554C7!important;
}
.Tan-filter:before, .Tan-filter:after , .Tan-color {
    background: #D2B48C!important;
}
.Yellow-filter:before, .Yellow-filter:after , .Yellow-color {
    background: #FFFF00!important;
}
.Floral-filter:before, .Floral-filter:after , .Floral-color {
    background: url(https://cdn.eyemyeye.com/shared/images/listing/Floral.jpg) center no-repeat!important;
}
.Orange-filter:before, .Orange-filter:after , .Orange-color {
    background: linear-gradient(146.61deg, #D35F30 10.64%, #D35F30 38.13%, #D9764E 56.24%, #D87046 80.13%)!important;
}

/* aljaber color start */
.Abalone-color {
    background-color: #F2F2F2;
}

.AirForce-color {
    background-color: #5d8aa8;
}

.Almond-color {
    background-color: #EADDCA;
}

.AlmondBrown-color {
    background-color: #EED9C4;
}

.AmberBrown-color {
    background-color: #A6674C;
}

.AmberGray-color {
    background-color: #929698;
}

.Amethyst-color {
    background-color: #9966cc;
}

.Aqua-color {
    background-color: #00FFFF;
}

.Aquamarine-color {
    background: linear-gradient(to right, #7FFFD4, #3fada8);
}

.AristaGold-color {
    background: linear-gradient(90deg, #D4AF37 0%, #C5A028 30%, #E8C675 65%, #A97C14 100%);
}

.ArmyGreen-color {
    background-color: #4B5320;
}

.AshBrown-color {
    background: linear-gradient(90deg, #CBBBAE, #B2A198, #8E837A, #7A6858);
}

.Azure-color {
    background: linear-gradient(90deg, #007FFF, #66B2FF);
}

.BabyPink-color {
    background-color: #F4C2C2;
}

.BlackAndRed-color {
    background: linear-gradient(90deg, #000000, #FF0000);
}

.BarkBlue-color {
    background-color: #3C4F76;
}

.Beige-color {
    background-color: #F5F5DC;
}

.Berry-color {
    background-color: #B01E68;
}

.Black-color {
    background-color: #000000;
}

.BlackAndBlue-color {
    background: linear-gradient(90deg, #000000, #0000FF);
}

.BlackAndGold-color {
    background: linear-gradient(90deg, #000000, #D4AF37);
}

.BlackGrey-color {
    background: linear-gradient(90deg, #000000, #808080);
}

.BlackOnGold-color {
    background: linear-gradient(90deg, #000000, #D4AF37);
}

.BlackSilver-color {
    background: linear-gradient(180deg, #000000, #D9D9D9);
}

.Blue-color {
    background-color: #0000FF;
}

.BlueAndYellow-color {
    background: linear-gradient(to right, #4A90E2, #FFE066);
}

.BlueGray-color {
    background: linear-gradient(to right, #60A5FA, #E5E7EB);
}

.BlueNSilver-color {
    background: linear-gradient(to right, #1E3A8A, #C0C0C0);
}

.BlueTransparent-color {
    background: linear-gradient(to right, #1E3A8A, rgba(30, 58, 138, 0));
}

.Bronze-color {
    background: linear-gradient(to right, #8C6239, #CD9575);
}

.Brown-color {
    background-color: #A52A2A;
}

.BrownBlack-color {
    background: linear-gradient(to right, #A52A2A, #000000);
}

.BrownTransparent-color {
    background: linear-gradient(to right, #A52A2A, rgba(165, 42, 42, 0));
}

.BrownHorn-color {
    background: linear-gradient(to right, #C49A6C, #5A3E2B);
}

.Burgandy-color {
    background-color: #800020;
}

.Burgundy-color {
    background-color: #800020;
}

.CedarBrawn-color {
    background: linear-gradient(to right, #B76E4A, #7A4B33);
}

.Charcoal-color {
    background-color: #36454F;
}

.Chocolate-color {
    background-color: #7B3F00;
}

.ChocolateBrown-color {
    background: linear-gradient(to right, #7B3F00, #4E2604);
}

.Cinnamon-color {
    background: linear-gradient(to right, #D2691E, #8B4513);
}

.Clear-color {
    background-color: transparent;
}

.CloudGray-color {
    background: linear-gradient(to right, #F7F7F7, #D9D9D9);
}

.Coffee-color {
    background-color: #6F4E37;
}

.Concrete-color {
    background-color: #95A5A6;
}

.Coockie-color {
    background-color: #C9A66B;
}

.Copper-color {
    background-color: #B87333;
}

.Coral-color {
    background-color: #FF7F50;
}

.Cream-color {
    background-color: #FFFDD0;
}

.Cyan-color {
    background-color: #00FFFF;
}

.DarkBlue-color {
    background-color: #00008B;
}

.DarkBrown-color {
    background-color: #654321;
}

.DarkCyan-color {
    background-color: #008B8B;
}

.DarkGolden-color {
    background-color: #B8860B;
}

.DarkGreen-color {
    background-color: #006400;
}

.DarkGrey-color {
    background-color: #A9A9A9;
}

.DarkPink-color {
    background-color: #C71585;
}

.Darkpurple-color {
    background-color: #4B0082;
}

.DarkRed-color {
    background-color: #8B0000;
}

.DarkSeaGreen-color {
    background-color: #8FBC8F;
}

.DarkSlateGrey-color {
    background-color: #2F4F4F;
}

.DimGrey-color {
    background-color: #696969;
}

.Emarald-color {
    background-color: #50C878;
}

.EmeraldGreen-color {
    background-color: #008000;
}

.Floral-color {
    background-color: #FFFAF0;
}

.G-15Green-color {
    background-color: #2B5D34;
}

.G.blue-color {
    background-color: #0D4F8B;
}

.G.blueFlashMirror-color {
    background: linear-gradient(135deg, #0D4F8B 0%, #1E90FF 50%, #A6D8FF 100%);
}

.G.brown {
    background-color: #604020;
}

.G.brownFlashMirror-color {
    background: linear-gradient(135deg, #604020 0%, #A97450 50%, #D2B48C 100%);
}

.G.greenG15-color {
    background-color: #2B5D34;
}

.G.greenG15FlashMirror-color {
    background: linear-gradient(135deg, #2B5D34 0%, #5AA063 50%, #A8D5B0 100%);
}

.G.grey-color {
    background-color: #4B4B4B;
}

.G.greyFlashMirror-color {
    background: linear-gradient(135deg, #4B4B4B 0%, #7D7D7D 50%, #B0B0B0 100%);
}

.Ginger-color {
    background-color: #B06500;
}

.Gold-color {
    background-color: #FFD700;
}

.GoldAndBrown-color {
    background: linear-gradient(135deg, #FFD700 0%, #B5651D 100%);
}

.GoldAndRed-color {
    background: linear-gradient(135deg, #FFD700 0%, #FF4500 100%);
}

.Golden-color {
    background-color: #FFC107;
}

.GoldenBrown-color {
    background-color: #996515;
}

.Graphite-color {
    background-color: #474A51;
}

.Gray-color {
    background-color: #808080;
}

.GrayBeige-color {
    background-color: #BEB5A7;
}

.Green-color {
    background-color: #008000;
}

.GreenTransparent-color {
    background-color: rgba(0, 128, 0, 0.5);
}

.GreenYellow-color {
    background-color: #ADFF2F;
}

.Grey-color {
    background-color: #808080;
}

.GreyFlashMirror-color {
    background: linear-gradient(135deg, #808080 0%, #A9A9A9 50%, #D3D3D3 100%);
}

.GreyTransparent-color {
    background-color: rgba(128, 128, 128, 0.5);
}

.Gun-color {
    background-color: #2a3439;
}

.Gunmetal-color {
    background-color: #2C3539;
}

.GunmetalBlack-color {
    background-color: #1A1A1A;
}

.Havana-color {
    background-color: #C07242;
}

.HavanaOnTransparentBrown-colot {
    background-color: rgba(192, 114, 66, 0.5);
}

.Hazel-color,
.HAZEL-color {
    background-color: #8E7618;
}

.HazelBeige-color {
    background-color: #BFA66A;
}

.HazelHoney-color {
    background-color: #C68642;
}

.Honey-color {
    background-color: #FFC30B;
}

.Indigo-color {
    background-color: #4B0082;
}

.Ivory-color {
    background-color: #FFFFF0;
}

.Lavender-color {
    background-color: #E6E6FA;
}

.Leopard-color {
    background: linear-gradient(135deg, #FFD700 0%, #C68642 50%, #4B2E2E 100%);
}

.LeopardPrint-color {
    background: linear-gradient(135deg, #FFD700 0%, #C68642 50%, #4B2E2E 100%);
}

.LightBlue-color {
    background-color: #ADD8E6;
}

.LightBrownGradient-color {
    background: linear-gradient(135deg, #D2B48C 0%, #C19A6B 50%, #A67B5B 100%);
}

.LightBurgundy-color {
    background-color: #A0536D;
}

.LightGreen-color {
    background-color: #90EE90;
}

.LightGreyGradientDarkGrey-color {
    background: linear-gradient(135deg, #D3D3D3 0%, #A9A9A9 50%, #696969 100%);
}

.LightGun-color {
    background-color: #5B6670;
}

.LightHavana-color {
    background-color: #D8A16B;
}

.LightPink-color {
    background-color: #FFB6C1;
}

.Lilac-color {
    background-color: #C8A2C8;
}

.LiliaGray-color {
    background-color: #A8A4B1;
}

.Lime-color {
    background-color: #00FF00;
}

.Lion-color {
    background-color: #C19A6B;
}

.Luna-color {
    background-color: #C0C0C0;
}

.Maroon-color {
    background-color: #800000;
}

.Marsala-color {
    background-color: #955251;
}

.Mattblack-color {
    background-color: #1C1C1C;
}

.MattBlackGoldBridge-color {
    background: linear-gradient(135deg, #1C1C1C 0%, #FFD700 100%);
}

.MattBlue-color {
    background-color: #3B5998;
}

.MatteGold-color {
    background-color: #D4AF37;
}

.MatteMidnightBlue-color {
    background-color: #191970;
}

.MattGoldBlack-color {
    background: linear-gradient(135deg, #1C1C1C 0%, #D4AF37 100%);
}

.MattGoldSilverBridge-color {
    background: linear-gradient(135deg, #D4AF37 0%, #C0C0C0 100%);
}

.MattGunSilverBridge-color {
    background: linear-gradient(135deg, #5B6670 0%, #C0C0C0 100%);
}

.Mauve-color {
    background-color: #E0B0FF;
}

.M.BlackBlueAcetate-color {
    background: linear-gradient(135deg, #1C1C1C 0%, #3B5998 100%);
}

.M.BlackDemiBrown-color {
    background: linear-gradient(to right, #000000, #644117);
}

.M.GreyDarkBlue-color {
    background: linear-gradient(to right, #6E6E6E, #0B3D91);
}

.M.GunDarkBlue-color {
    background: linear-gradient(to right, #2C2F33, #0B3D91);
}

.M.GunDemiBrwon-color {
    background: linear-gradient(to right, #2C2F33, #6E4B2B);
}

.Mica-color {
    background-color: #BFC1C2;
}

.MidnightBlue-color {
    background-color: #191970;
}

.Mint-color {
    background-color: #98FF98;
}

.MintGray-color {
    background-color: #A3BFC1;
}

.MintGreen-color {
    background-color: #98FF98;
}

.M.lightGunTransparentGrey-color {
    background: linear-gradient(to right, #4B4F54, rgba(128, 128, 128, 0.3));
}

.Moon-color {
    background-color: #CED2D2;
}

.Moss-color {
    background-color: #8A9A5B;
}

.Multicolor-color {
    background: linear-gradient(to right, #FF4B5C, #FF914D, #FFEA4D, #4DFF88, #4DB8FF, #A14DFF);
}

.MustardYellow-color {
    background-color: #FFDB58;
}

.MutedLightOrange-color {
    background-color: #FFA86C;
}

.Navy-color {
    background-color: #000080;
}

.NavyBlue-color {
    background: linear-gradient(to right, #000080, #4169E1, #6495ED);
}

.Ocean-color {
    background-color: #016064;
}

.OceanBlue-color {
    background: linear-gradient(to right, #003B44, #016064, #3B9C9C);
}

.Olive-color {
    background-color: #808000;   
}

.OliveGreen-color {
    background-color: #556B2F;
}
.Orange-color {
    background-color: #FF8C00;
}
.Orange-transparent {
    background-color: rgba(255, 140, 0, 0.5); 
}
.PastelPurple-color {
    background-color: #C3A1E1;
}
.Peach-color {
    color: #FFD1B3;
}

.Peach-transparent {
    background-color: rgba(255, 209, 179, 0.5);
}

.Pearl-color {
    background-color: #F5F3EB;
}

.Pink-color {
    background-color: #FF69B4;
}

.Pink-transparent {
    background-color: rgba(255, 105, 180, 0.5);
}
.Pistachio-color {
    background-color: #93C572;
}

.Plum-color {
    background-color: #673147;
}

.PrescriptionLens-color {
    background-color: #E5ECF2;
}

.Puma-color {
    background-color: #111111;
}

.PureHazel-color {
    background-color: #8E6B3E;
}

.Purple-color {
    background-color: #800080;
}

.Purple-transparent {
    background-color: rgba(128, 0, 128, 0.5);
}

.RadiantHazelnut-color {
    background-color: #9B6B43;
}

.Red-color {
    background-color: #ff0000;
}

.ReddishBrown-color {
    background-color: #7B3F00;
}
.Red-transparent {
    background-color: rgba(255, 0, 0, 0.5);
}

.RifleGreen-color {
    background-color: #444C38;
}

.RoseGold-color {
    background-color: #B76E79;
}

.Rosewood-color {
    background-color: #65000B;
}

.RosyBrown-color {
    background-color: #BC8F8F;
}

.RoyalBlue-color {
    background-color: #4169E1;
}

.RubberBlack-color {
    background-color: #0B0B0B;
}

.SandyBrown-color {
    background-color: #F4A460;
}

.SandyGray-color {
    background-color: #B5B5AE;
}

.Sapphire-color {
    background-color: #0F52BA;
}

.SapphireBlue-color {
    background-color: #0067A5;
}

.SatinLightGold-color {
    background-color: #D8C690;
}

.Sepia-color {
    background-color: #704214;
}

.ShinyGold-color {
    background-color: #FFD700;
}

.ShinyGun-color {
    background-color: #2A2F33;
}

.Sienna-color {
    background-color: #A0522D;
}

.SilkyWhite-color {
    background-color: #FAF9F6;
}

.Silver-color {
    background-color: #C0C0C0;
}

.SilverPink-color {
    background-color: #C4A7A0;
}

.SkyBlue-color {
    background-color: #87CEEB;
}


.Smoke-color {
    background-color: #738276;
}

.Snake-color {
    background-color: #6B5E4A;
}

.Sterling-color {
    background-color: #8F9AA3;
}

.StoneGray-color {
    background-color: #928E8E;
}

.Striped-color {
    background-color: #D1CFC7;
}

.StylishBrown-color {
    background-color: #5C3A21;
}

.StylishGray-color {
    background-color: #6E7074;
}

.Tan-color {
    background-color: #D2B48C;
}

.TanBlue-color {
    background-color: #6E8B8E;
}

.Taupe-color {
    background-color: #483C32;
}

.Teal-color {
    background-color: #008080;
}

.TealGreen-color {
    background-color: #006D5B;
}

.Test2-color {
    background-color: #999999;
}

.Test3-color {
    background-color: #777777;
}

.Test4-color {
    background-color: #555555;
}

.TopVioletOnTransparentViolet-color {
    background: linear-gradient(to right, rgba(138, 43, 226, 0.7), rgba(138, 43, 226, 0.2));
}

.Tortoise-color {
    background-color: #5B4636;
}

.Transparent-color {
    background-color: transparent;
}

.TransparentBlue-color {
    background-color: rgba(0, 0, 255, 0.5);
}

.Turquoise-color {
    background-color: #40E0D0;
}

.Violet-color {
    background-color: #EE82EE;
}

.White-color {
    background-color: #FFFFFF;
}

.WhiteTransparent-color {
    background-color: rgba(255, 255, 255, 0.5);
}

.WildHoney-color {
    background-color: #B8860B;
}

.Wine-color {
    background-color: #722F37;
}

.Wooden-color {
    background-color: #8B5A2B;
}

.Yellow-color {
    background-color: #FFFF00;
}

.YellowTransparent-color {
    background-color: rgba(255, 255, 0, 0.5);
}

.Zebra-color {
    background: repeating-linear-gradient(45deg, #000000, #000000 10px, #FFFFFF 10px, #FFFFFF 20px);
}