.autocomplete
{
    display: flex;
    margin: 0px !important;
}
#ColourRangeInput
{
    margin: 0px !important;
    color: #fff !important;
}
.autocomplete:before {
    border: 1px solid white;
    content: "";
    position: relative;
    width: 50px;
    background: transparent;
    z-index: 2;
    display: inline-flex;
    color: #000;
}

.TBC::before
{
    background: conic-gradient(red, orange, yellow, green, cyan, blue, violet, red);
}
.RAL1000-Matt::before
{
    background-color:#BEBD7F
}
.RAL1001-Matt::before
{
    background-color:#C2B078
}
.RAL1002-Matt::before
{
    background-color:#C6A664
}
.RAL1003-Matt::before
{
    background-color:#E5BE01
}
.RAL1004-Matt::before
{
    background-color:#CDA434
}
.RAL1005-Matt::before
{
    background-color:#A98307
}
.RAL1006-Matt::before
{
    background-color:#E4A010
}
.RAL1007-Matt::before
{
    background-color:#DC9D00
}
.RAL1011-Matt::before
{
    background-color:#8A6642
}
.RAL1012-Matt::before
{
    background-color:#C7B446
}
.RAL1013-Matt::before
{
    background-color:#EAE6CA
}
.RAL1014-Matt::before
{
    background-color:#E1CC4F
}
.RAL1015-Matt::before
{
    background-color:#E6D690
}
.RAL1016-Matt::before
{
    background-color:#EDFF21
}
.RAL1018-Matt::before
{
    background-color:#F8F32B
}
.RAL1019-Matt::before
{
    background-color:#9E9764
}
.RAL1020-Matt::before
{
    background-color:#999950
}
.RAL1021-Matt::before
{
    background-color:#F3DA0B
}
.RAL1023-Matt::before
{
    background-color:#FAD201
}
.RAL1024-Matt::before
{
    background-color:#AEA04B
}
.RAL1032-Matt::before
{
    background-color:#D6AE01
}
.RAL2000-Matt::before
{
    background-color:#ED760E
}
.RAL2001-Matt::before
{
    background-color:#C93C20
}
.RAL2002-Matt::before
{
    background-color:#CB2821
}
.RAL2003-Matt::before
{
    background-color:#FF7514
}
.RAL2004-Matt::before
{
    background-color:#F44611
}
.RAL2008-Matt::before
{
    background-color:#F75E25
}
.RAL2009-Matt::before
{
    background-color:#F54021
}
.RAL2010-Matt::before
{
    background-color:#D84B20
}
.RAL3000-Matt::before
{
    background-color:#AF2B1E
}
.RAL3001-Matt::before
{
    background-color:#A52019
}
.RAL3002-Matt::before
{
    background-color:#A2231D
}
.RAL3003-Matt::before
{
    background-color:#9B111E
}
.RAL3004-Matt::before
{
    background-color:#75151E
}
.RAL3005-Matt::before
{
    background-color:#5E2129
}
.RAL3007-Matt::before
{
    background-color:#412227
}
.RAL3009-Matt::before
{
    background-color:#642424
}
.RAL3011-Matt::before
{
    background-color:#781F19
}
.RAL3012-Matt::before
{
    background-color:#C1876B
}
.RAL3013-Matt::before
{
    background-color:#A12312
}
.RAL3014-Matt::before
{
    background-color:#D36E70
}
.RAL3015-Matt::before
{
    background-color:#EA899A
}
.RAL3016-Matt::before
{
    background-color:#B32821
}
.RAL3017-Matt::before
{
    background-color:#E63244
}
.RAL3018-Matt::before
{
    background-color:#D53032
}
.RAL3022-Matt::before
{
    background-color:#D95030
}
.RAL3027-Matt::before
{
    background-color:#C51D34
}
.RAL3031-Matt::before
{
    background-color:#B32428
}
.RAL3020-Matt::before
{
    background-color:#CC0605
}
.RAL4001-Matt::before
{
    background-color:#6D3F5B
}
.RAL4002-Matt::before
{
    background-color:#922B3E
}
.RAL4004-Matt::before
{
    background-color:#641C34
}
.RAL4005-Matt::before
{
    background-color:#6C4675
}
.RAL5000-Matt::before
{
    background-color:#354D73
}
.RAL5001-Matt::before
{
    background-color:#1F3438
}
.RAL5002-Matt::before
{
    background-color:#20214F
}
.RAL5003-Matt::before
{
    background-color:#1D1E33
}
.RAL5004-Matt::before
{
    background-color:#18171C
}
.RAL5005-Matt::before
{
    background-color:#1E2460
}
.RAL5007-Matt::before
{
    background-color:#3E5F8A
}
.RAL5008-Matt::before
{
    background-color:#26252D
}
.RAL5009-Matt::before
{
    background-color:#025669
}
.RAL5010-Matt::before
{
    background-color:#0E294B
}
.RAL5011-Matt::before
{
    background-color:#231A24
}
.RAL5012-Matt::before
{
    background-color:#3B83BD
}
.RAL5013-Matt::before
{
    background-color:#1E213D
}
.RAL5014-Matt::before
{
    background-color:#606E8C
}
.RAL5015-Matt::before
{
    background-color:#2271B3
}
.RAL5017-Matt::before
{
    background-color:#063971
}
.RAL5018-Matt::before
{
    background-color:#3F888F
}
.RAL5019-Matt::before
{
    background-color:#1B5583
}
.RAL5020-Matt::before
{
    background-color:#1D334A
}
.RAL5021-Matt::before
{
    background-color:#256D7B
}
.RAL5022-Matt::before
{
    background-color:#252850
}
.RAL5023-Matt::before
{
    background-color:#49678D
}
.RAL5024-Matt::before
{
    background-color:#5D9B9B
}
.RAL6000-Matt::before
{
    background-color:#316650
}
.RAL6001-Matt::before
{
    background-color:#287233
}
.RAL6002-Matt::before
{
    background-color:#2D572C
}
.RAL6003-Matt::before
{
    background-color:#424632
}
.RAL6004-Matt::before
{
    background-color:#1F3A3D
}
.RAL6005-Matt::before
{
    background-color:#2F4538
}
.RAL6006-Matt::before
{
    background-color:#3E3B32
}
.RAL6007-Matt::before
{
    background-color:#343B29
}
.RAL6008-Matt::before
{
    background-color:#39352A
}
.RAL6009-Matt::before
{
    background-color:#31372B
}
.RAL6010-Matt::before
{
    background-color:#35682D
}
.RAL6011-Matt::before
{
    background-color:#587246
}
.RAL6012-Matt::before
{
    background-color:#343E40
}
.RAL6013-Matt::before
{
    background-color:#6C7156
}
.RAL6014-Matt::before
{
    background-color:#47402E
}
.RAL6015-Matt::before
{
    background-color:#3B3C36
}
.RAL6016-Matt::before
{
    background-color:#1E5945
}
.RAL6017-Matt::before
{
    background-color:#4C9141
}
.RAL6018-Matt::before
{
    background-color:#57A639
}
.RAL6019-Matt::before
{
    background-color:#BDECB6
}
.RAL6020-Matt::before
{
    background-color:#2E3A23
}
.RAL6021-Matt::before
{
    background-color:#89AC76
}
.RAL6022-Matt::before
{
    background-color:#25221B
}
.RAL6024-Matt::before
{
    background-color:#308446
}
.RAL6025-Matt::before
{
    background-color:#3D642D
}
.RAL6026-Matt::before
{
    background-color:#015D52
}
.RAL6027-Matt::before
{
    background-color:#84C3BE
}
.RAL6028-Matt::before
{
    background-color:#2C5545
}
.RAL6029-Matt::before
{
    background-color:#20603D
}
.RAL6031-Matt::before
{
    background-color:#495746
}
.RAL6032-Matt::before
{
    background-color:#317F43
}
.RAL6033-Matt::before
{
    background-color:#497E76
}
.RAL6034-Matt::before
{
    background-color:#7FB5B5
}
.RAL7000-Matt::before
{
    background-color:#78858B
}
.RAL7001-Matt::before
{
    background-color:#8A9597
}
.RAL7002-Matt::before
{
    background-color:#7E7B52
}
.RAL7003-Matt::before
{
    background-color:#6C7059
}
.RAL7004-Matt::before
{
    background-color:#969992
}
.RAL7005-Matt::before
{
    background-color:#646B63
}
.RAL7006-Matt::before
{
    background-color:#6D6552
}
.RAL7008-Matt::before
{
    background-color:#6A5F31
}
.RAL7009-Matt::before
{
    background-color:#4D5645
}
.RAL7010-Matt::before
{
    background-color:#4C514A
}
.RAL7011-Matt::before
{
    background-color:#434B4D
}
.RAL7012-Matt::before
{
    background-color:#4E5754
}
.RAL7013-Matt::before
{
    background-color:#464531
}
.RAL7015-Matt::before
{
    background-color:#434750
}
.RAL7016-Matt::before
{
    background-color:#293133
}
.RAL7021-Matt::before
{
    background-color:#23282B
}
.RAL7022-Matt::before
{
    background-color:#332F2C
}
.RAL7023-Matt::before
{
    background-color:#686C5E
}
.RAL7024-Matt::before
{
    background-color:#474A51
}
.RAL7026-Matt::before
{
    background-color:#2F353B
}
.RAL7030-Matt::before
{
    background-color:#8B8C7A
}
.RAL7031-Matt::before
{
    background-color:#474B4E
}
.RAL7032-Matt::before
{
    background-color:#B8B799
}
.RAL7033-Matt::before
{
    background-color:#7D8471
}
.RAL7034-Matt::before
{
    background-color:#8F8B66
}
.RAL7035-Matt::before
{
    background-color:#D7D7D7
}
.RAL7036-Matt::before
{
    background-color:#7F7679
}
.RAL7037-Matt::before
{
    background-color:#7D7F7D
}
.RAL7038-Matt::before
{
    background-color:#B5B8B1
}
.RAL7039-Matt::before
{
    background-color:#6C6960
}
.RAL7040-Matt::before
{
    background-color:#9DA1AA
}
.RAL7042-Matt::before
{
    background-color:#8D948D
}
.RAL7043-Matt::before
{
    background-color:#4E5452
}
.RAL7044-Matt::before
{
    background-color:#CAC4B0
}
.RAL7045-Matt::before
{
    background-color:#909090
}
.RAL7046-Matt::before
{
    background-color:#82898F
}
.RAL7047-Matt::before
{
    background-color:#D0D0D0
}
.RAL7048-Matt::before
{
    background-color:#898176
}
.RAL8000-Matt::before
{
    background-color:#826C34
}
.RAL8001-Matt::before
{
    background-color:#955F20
}
.RAL8002-Matt::before
{
    background-color:#6C3B2A
}
.RAL8003-Matt::before
{
    background-color:#734222
}
.RAL8004-Matt::before
{
    background-color:#8E402A
}
.RAL8007-Matt::before
{
    background-color:#59351F
}
.RAL8008-Matt::before
{
    background-color:#6F4F28
}
.RAL8011-Matt::before
{
    background-color:#5B3A29
}
.RAL8012-Matt::before
{
    background-color:#592321
}
.RAL8014-Matt::before
{
    background-color:#382C1E
}
.RAL8015-Matt::before
{
    background-color:#633A34
}
.RAL8016-Matt::before
{
    background-color:#4C2F27
}
.RAL8017-Matt::before
{
    background-color:#45322E
}
.RAL8019-Matt::before
{
    background-color:#403A3A
}
.RAL8022-Matt::before
{
    background-color:#212121
}
.RAL8023-Matt::before
{
    background-color:#A65E2E
}
.RAL8024-Matt::before
{
    background-color:#79553D
}
.RAL8025-Matt::before
{
    background-color:#755C48
}
.RAL8028-Matt::before
{
    background-color:#4E3B31
}
.RAL8040-Matt::before
{
    background-color:#533926
}
.RAL8070-Matt::before
{
    background-color:#665548
}
.RAL8080-Matt::before
{
    background-color:#534C48
}
.RAL9001-Matt::before
{
    background-color:#FDF4E3
}
.RAL9002-Matt::before
{
    background-color:#E7EBDA
}
.RAL9003-Matt::before
{
    background-color:#F4F4F4
}
.RAL9004-Matt::before
{
    background-color:#282828
}
.RAL9005-Matt::before
{
    background-color:#0A0A0A
}
.RAL9006-Matt::before
{
    background-color:#A5A5A5
}
.RAL9007-Matt::before
{
    background-color:#8F8F8F
}
.RAL9010-Matt::before
{
    background-color:#FFFFFF
}
.RAL9011-Matt::before
{
    background-color:#1C1C1C
}
.RAL9016-Matt::before
{
    background-color:#F6F6F6
}
.RAL9017-Matt::before
{
    background-color:#1E1E1E
}
.RAL9018-Matt::before
{
    background-color:#D7D7D7
}
.RAL9910-Gloss::before
{
    background-color:#FFF9F7
}
.RAL9911-Matt::before
{
    background-color:#fcfcfc
}
.BS00A01-Matt::before
{
    background-color: #D5D4CE
}
.BS00A05-Matt::before
{
    background-color:#B1B0AE
}
.BS00A13-Matt::before
{
    background-color:#5A5A5B
}
.BS00E55-Matt::before
{
    background-color:#F1F2EA
}
.BS04E53-Matt::before
{
    background-color:#BE443B
}
.BS08B29-Matt::before
{
    background-color:#524943
}
.BS10A03-Matt::before
{
    background-color:#CAC7BF
}
.BS10A05-Matt::before
{
    background-color:#B8B5AA
}
.BS10B15-Matt::before
{
    background-color:#F2E6D3
}
.BS12B21-Matt::before
{
    background-color:#9E9C83
}
.BS12B29-Matt::before
{
    background-color:#474840
}
.BS14C39-Matt::before
{
    background-color:#425E4F
}
.BS14C40-Matt::before
{
    background-color:#444D48
}
.BS14E53-Matt::before
{
    background-color:#309268
}
.BS18B17-Matt::before
{
    background-color:#C2CDCB
}
.BS18B25-Matt::before
{
    background-color:#697376
}
.BS18B29-Matt::before
{
    background-color:#42474B
}
.BS18E53-Matt::before
{
    background-color:#007CA1
}
.BS20D45-Matt::before
{
    background-color:#366286
}
.HERITAGE-BLACK::before
{
    background-color:#000000
}
.HERITAGE-CARAMEL::before
{
    background-color:#c78752
}
.HERITAGE-CREAM::before
{
    background-color:#FFFDD0
}
.HERITAGE-HOLLY::before
{
    background-color:#425E4F
}
.HERITAGE-LEAD::before
{
    background-color:#6c6c6a
}
.HERITAGE-NAVY::before
{
    background-color:#000053
}
.HERITAGE-RUBY::before
{
    background-color:#9b111e
}
.HERITAGE-SAGE::before
{
    background-color:#78866b
}
.HERITAGE-WHITE::before
{
    background-color:#ffffff
}
.Heritage_Black::before
{
    background-color:#000000
}
.Heritage_Caramel::before
{
    background-color:#c78752
}
.Heritage_Cream::before
{
    background-color:#FFFDD0
}
.Heritage_Holly::before
{
    background-color:#425E4F
}
.Heritage_Lead::before
{
    background-color:#6c6c6a
}
.Heritage_Navy::before
{
    background-color:#000053
}
.Heritage_Ruby::before
{
    background-color:#9b111e
}
.Heritage_Sage::before
{
    background-color:#78866b
}
.Heritage_White::before
{
    background-color:#ffffff
}
.RAL1000-MATT::before
{
    background-color:#BEBD7F
}
.RAL1001-MATT::before
{
    background-color:#C2B078
}
.RAL1002-MATT::before
{
    background-color:#C6A664
}
.RAL1003-MATT::before
{
    background-color:#E5BE01
}
.RAL1004-MATT::before
{
    background-color:#CDA434
}
.RAL1005-MATT::before
{
    background-color:#A98307
}
.RAL1006-MATT::before
{
    background-color:#E4A010
}
.RAL1007-MATT::before
{
    background-color:#DC9D00
}
.RAL1011-MATT::before
{
    background-color:#8A6642
}
.RAL1012-MATT::before
{
    background-color:#C7B446
}
.RAL1013-MATT::before
{
    background-color:#EAE6CA
}
.RAL1014-MATT::before
{
    background-color:#E1CC4F
}
.RAL1015-MATT::before
{
    background-color:#E6D690
}
.RAL1016-MATT::before
{
    background-color:#EDFF21
}
.RAL1018-MATT::before
{
    background-color:#F8F32B
}
.RAL1019-MATT::before
{
    background-color:#9E9764
}
.RAL1020-MATT::before
{
    background-color:#999950
}
.RAL1021-MATT::before
{
    background-color:#F3DA0B
}
.RAL1023-MATT::before
{
    background-color:#FAD201
}
.RAL1024-MATT::before
{
    background-color:#AEA04B
}
.RAL1032-MATT::before
{
    background-color:#D6AE01
}
.RAL2000-MATT::before
{
    background-color:#ED760E
}
.RAL2001-MATT::before
{
    background-color:#C93C20
}
.RAL2002-MATT::before
{
    background-color:#CB2821
}
.RAL2003-MATT::before
{
    background-color:#FF7514
}
.RAL2004-MATT::before
{
    background-color:#F44611
}
.RAL2008-MATT::before
{
    background-color:#F75E25
}
.RAL2009-MATT::before
{
    background-color:#F54021
}
.RAL2010-MATT::before
{
    background-color:#D84B20
}
.RAL3000-MATT::before
{
    background-color:#AF2B1E
}
.RAL3001-MATT::before
{
    background-color:#A52019
}
.RAL3002-MATT::before
{
    background-color:#A2231D
}
.RAL3003-MATT::before
{
    background-color:#9B111E
}
.RAL3004-MATT::before
{
    background-color:#75151E
}
.RAL3005-MATT::before
{
    background-color:#5E2129
}
.RAL3007-MATT::before
{
    background-color:#412227
}
.RAL3009-MATT::before
{
    background-color:#642424
}
.RAL3011-MATT::before
{
    background-color:#781F19
}
.RAL3012-MATT::before
{
    background-color:#C1876B
}
.RAL3013-MATT::before
{
    background-color:#A12312
}
.RAL3014-MATT::before
{
    background-color:#D36E70
}
.RAL3015-MATT::before
{
    background-color:#EA899A
}
.RAL3016-MATT::before
{
    background-color:#B32821
}
.RAL3017-MATT::before
{
    background-color:#E63244
}
.RAL3018-MATT::before
{
    background-color:#D53032
}
.RAL3022-MATT::before
{
    background-color:#D95030
}
.RAL3027-MATT::before
{
    background-color:#C51D34
}
.RAL3031-MATT::before
{
    background-color:#B32428
}
.RAL3020-MATT::before
{
    background-color:#CC0605
}
.RAL4001-MATT::before
{
    background-color:#6D3F5B
}
.RAL4002-MATT::before
{
    background-color:#922B3E
}
.RAL4004-MATT::before
{
    background-color:#641C34
}
.RAL4005-MATT::before
{
    background-color:#6C4675
}
.RAL5000-MATT::before
{
    background-color:#354D73
}
.RAL5001-MATT::before
{
    background-color:#1F3438
}
.RAL5002-MATT::before
{
    background-color:#20214F
}
.RAL5003-MATT::before
{
    background-color:#1D1E33
}
.RAL5004-MATT::before
{
    background-color:#18171C
}
.RAL5005-MATT::before
{
    background-color:#1E2460
}
.RAL5007-MATT::before
{
    background-color:#3E5F8A
}
.RAL5008-MATT::before
{
    background-color:#26252D
}
.RAL5009-MATT::before
{
    background-color:#025669
}
.RAL5010-MATT::before
{
    background-color:#0E294B
}
.RAL5011-MATT::before
{
    background-color:#231A24
}
.RAL5012-MATT::before
{
    background-color:#3B83BD
}
.RAL5013-MATT::before
{
    background-color:#1E213D
}
.RAL5014-MATT::before
{
    background-color:#606E8C
}
.RAL5015-MATT::before
{
    background-color:#2271B3
}
.RAL5017-MATT::before
{
    background-color:#063971
}
.RAL5018-MATT::before
{
    background-color:#3F888F
}
.RAL5019-MATT::before
{
    background-color:#1B5583
}
.RAL5020-MATT::before
{
    background-color:#1D334A
}
.RAL5021-MATT::before
{
    background-color:#256D7B
}
.RAL5022-MATT::before
{
    background-color:#252850
}
.RAL5023-MATT::before
{
    background-color:#49678D
}
.RAL5024-MATT::before
{
    background-color:#5D9B9B
}
.RAL6000-MATT::before
{
    background-color:#316650
}
.RAL6001-MATT::before
{
    background-color:#287233
}
.RAL6002-MATT::before
{
    background-color:#2D572C
}
.RAL6003-MATT::before
{
    background-color:#424632
}
.RAL6004-MATT::before
{
    background-color:#1F3A3D
}
.RAL6005-MATT::before
{
    background-color:#2F4538
}
.RAL6006-MATT::before
{
    background-color:#3E3B32
}
.RAL6007-MATT::before
{
    background-color:#343B29
}
.RAL6008-MATT::before
{
    background-color:#39352A
}
.RAL6009-MATT::before
{
    background-color:#31372B
}
.RAL6010-MATT::before
{
    background-color:#35682D
}
.RAL6011-MATT::before
{
    background-color:#587246
}
.RAL6012-MATT::before
{
    background-color:#343E40
}
.RAL6013-MATT::before
{
    background-color:#6C7156
}
.RAL6014-MATT::before
{
    background-color:#47402E
}
.RAL6015-MATT::before
{
    background-color:#3B3C36
}
.RAL6016-MATT::before
{
    background-color:#1E5945
}
.RAL6017-MATT::before
{
    background-color:#4C9141
}
.RAL6018-MATT::before
{
    background-color:#57A639
}
.RAL6019-MATT::before
{
    background-color:#BDECB6
}
.RAL6020-MATT::before
{
    background-color:#2E3A23
}
.RAL6021-MATT::before
{
    background-color:#89AC76
}
.RAL6022-MATT::before
{
    background-color:#25221B
}
.RAL6024-MATT::before
{
    background-color:#308446
}
.RAL6025-MATT::before
{
    background-color:#3D642D
}
.RAL6026-MATT::before
{
    background-color:#015D52
}
.RAL6027-MATT::before
{
    background-color:#84C3BE
}
.RAL6028-MATT::before
{
    background-color:#2C5545
}
.RAL6029-MATT::before
{
    background-color:#20603D
}
.RAL6031-MATT::before
{
    background-color:#495746
}
.RAL6032-MATT::before
{
    background-color:#317F43
}
.RAL6033-MATT::before
{
    background-color:#497E76
}
.RAL6034-MATT::before
{
    background-color:#7FB5B5
}
.RAL7000-MATT::before
{
    background-color:#78858B
}
.RAL7001-MATT::before
{
    background-color:#8A9597
}
.RAL7002-MATT::before
{
    background-color:#7E7B52
}
.RAL7003-MATT::before
{
    background-color:#6C7059
}
.RAL7004-MATT::before
{
    background-color:#969992
}
.RAL7005-MATT::before
{
    background-color:#646B63
}
.RAL7006-MATT::before
{
    background-color:#6D6552
}
.RAL7008-MATT::before
{
    background-color:#6A5F31
}
.RAL7009-MATT::before
{
    background-color:#4D5645
}
.RAL7010-MATT::before
{
    background-color:#4C514A
}
.RAL7011-MATT::before
{
    background-color:#434B4D
}
.RAL7012-MATT::before
{
    background-color:#4E5754
}
.RAL7013-MATT::before
{
    background-color:#464531
}
.RAL7015-MATT::before
{
    background-color:#434750
}
.RAL7016-MATT::before
{
    background-color:#293133
}
.RAL7021-MATT::before
{
    background-color:#23282B
}
.RAL7022-MATT::before
{
    background-color:#332F2C
}
.RAL7023-MATT::before
{
    background-color:#686C5E
}
.RAL7024-MATT::before
{
    background-color:#474A51
}
.RAL7026-MATT::before
{
    background-color:#2F353B
}
.RAL7030-MATT::before
{
    background-color:#8B8C7A
}
.RAL7031-MATT::before
{
    background-color:#474B4E
}
.RAL7032-MATT::before
{
    background-color:#B8B799
}
.RAL7033-MATT::before
{
    background-color:#7D8471
}
.RAL7034-MATT::before
{
    background-color:#8F8B66
}
.RAL7035-MATT::before
{
    background-color:#D7D7D7
}
.RAL7036-MATT::before
{
    background-color:#7F7679
}
.RAL7037-MATT::before
{
    background-color:#7D7F7D
}
.RAL7038-MATT::before
{
    background-color:#B5B8B1
}
.RAL7039-MATT::before
{
    background-color:#6C6960
}
.RAL7040-MATT::before
{
    background-color:#9DA1AA
}
.RAL7042-MATT::before
{
    background-color:#8D948D
}
.RAL7043-MATT::before
{
    background-color:#4E5452
}
.RAL7044-MATT::before
{
    background-color:#CAC4B0
}
.RAL7045-MATT::before
{
    background-color:#909090
}
.RAL7046-MATT::before
{
    background-color:#82898F
}
.RAL7047-MATT::before
{
    background-color:#D0D0D0
}
.RAL7048-MATT::before
{
    background-color:#898176
}
.RAL8000-MATT::before
{
    background-color:#826C34
}
.RAL8001-MATT::before
{
    background-color:#955F20
}
.RAL8002-MATT::before
{
    background-color:#6C3B2A
}
.RAL8003-MATT::before
{
    background-color:#734222
}
.RAL8004-MATT::before
{
    background-color:#8E402A
}
.RAL8007-MATT::before
{
    background-color:#59351F
}
.RAL8008-MATT::before
{
    background-color:#6F4F28
}
.RAL8011-MATT::before
{
    background-color:#5B3A29
}
.RAL8012-MATT::before
{
    background-color:#592321
}
.RAL8014-MATT::before
{
    background-color:#382C1E
}
.RAL8015-MATT::before
{
    background-color:#633A34
}
.RAL8016-MATT::before
{
    background-color:#4C2F27
}
.RAL8017-MATT::before
{
    background-color:#45322E
}
.RAL8019-MATT::before
{
    background-color:#403A3A
}
.RAL8022-MATT::before
{
    background-color:#212121
}
.RAL8023-MATT::before
{
    background-color:#A65E2E
}
.RAL8024-MATT::before
{
    background-color:#79553D
}
.RAL8025-MATT::before
{
    background-color:#755C48
}
.RAL8028-MATT::before
{
    background-color:#4E3B31
}
.RAL8040-MATT::before
{
    background-color:#533926
}
.RAL8070-MATT::before
{
    background-color:#665548
}
.RAL8080-MATT::before
{
    background-color:#534C48
}
.RAL9001-MATT::before
{
    background-color:#FDF4E3
}
.RAL9002-MATT::before
{
    background-color:#E7EBDA
}
.RAL9003-MATT::before
{
    background-color:#F4F4F4
}
.RAL9004-MATT::before
{
    background-color:#282828
}
.RAL9005-MATT::before
{
    background-color:#0A0A0A
}
.RAL9006-MATT::before
{
    background-color:#A5A5A5
}
.RAL9007-MATT::before
{
    background-color:#8F8F8F
}
.RAL9010-MATT::before
{
    background-color:#FFFFFF
}
.RAL9011-MATT::before
{
    background-color:#1C1C1C
}
.RAL9016-MATT::before
{
    background-color:#F6F6F6
}
.RAL9017-MATT::before
{
    background-color:#1E1E1E
}
.RAL9018-MATT::before
{
    background-color:#D7D7D7
}
.RAL9910-GLOSS::before
{
    background-color:#FFF9F7
}
.RAL9911-MATT::before
{
    background-color:#fcfcfc
}
.BS00A01-MATT::before
{
    background-color: #D5D4CE
}
.BS00A05-MATT::before
{
    background-color:#B1B0AE
}
.BS00A13-MATT::before
{
    background-color:#5A5A5B
}
.BS00E55-MATT::before
{
    background-color:#F1F2EA
}
.BS04E53-MATT::before
{
    background-color:#BE443B
}
.BS08B29-MATT::before
{
    background-color:#524943
}
.BS10A03-MATT::before
{
    background-color:#CAC7BF
}
.BS10A05-MATT::before
{
    background-color:#B8B5AA
}
.BS10B15-MATT::before
{
    background-color:#F2E6D3
}
.BS12B21-MATT::before
{
    background-color:#9E9C83
}
.BS12B29-MATT::before
{
    background-color:#474840
}
.BS14C39-MATT::before
{
    background-color:#425E4F
}
.BS14C40-MATT::before
{
    background-color:#444D48
}
.BS14E53-MATT::before
{
    background-color:#309268
}
.BS18B17-MATT::before
{
    background-color:#C2CDCB
}
.BS18B25-MATT::before
{
    background-color:#697376
}
.BS18B29-MATT::before
{
    background-color:#42474B
}
.BS18E53-MATT::before
{
    background-color:#007CA1
}
.BS20D45-MATT::before
{
    background-color:#366286
}

.RAL1000-Matt::after
{
    background-color:#BEBD7F
}
.RAL1001-Matt::after
{
    background-color:#C2B078
}
.RAL1002-Matt::after
{
    background-color:#C6A664
}
.RAL1003-Matt::after
{
    background-color:#E5BE01
}
.RAL1004-Matt::after
{
    background-color:#CDA434
}
.RAL1005-Matt::after
{
    background-color:#A98307
}
.RAL1006-Matt::after
{
    background-color:#E4A010
}
.RAL1007-Matt::after
{
    background-color:#DC9D00
}
.RAL1011-Matt::after
{
    background-color:#8A6642
}
.RAL1012-Matt::after
{
    background-color:#C7B446
}
.RAL1013-Matt::after
{
    background-color:#EAE6CA
}
.RAL1014-Matt::after
{
    background-color:#E1CC4F
}
.RAL1015-Matt::after
{
    background-color:#E6D690
}
.RAL1016-Matt::after
{
    background-color:#EDFF21
}
.RAL1018-Matt::after
{
    background-color:#F8F32B
}
.RAL1019-Matt::after
{
    background-color:#9E9764
}
.RAL1020-Matt::after
{
    background-color:#999950
}
.RAL1021-Matt::after
{
    background-color:#F3DA0B
}
.RAL1023-Matt::after
{
    background-color:#FAD201
}
.RAL1024-Matt::after
{
    background-color:#AEA04B
}
.RAL1032-Matt::after
{
    background-color:#D6AE01
}
.RAL2000-Matt::after
{
    background-color:#ED760E
}
.RAL2001-Matt::after
{
    background-color:#C93C20
}
.RAL2002-Matt::after
{
    background-color:#CB2821
}
.RAL2003-Matt::after
{
    background-color:#FF7514
}
.RAL2004-Matt::after
{
    background-color:#F44611
}
.RAL2008-Matt::after
{
    background-color:#F75E25
}
.RAL2009-Matt::after
{
    background-color:#F54021
}
.RAL2010-Matt::after
{
    background-color:#D84B20
}
.RAL3000-Matt::after
{
    background-color:#AF2B1E
}
.RAL3001-Matt::after
{
    background-color:#A52019
}
.RAL3002-Matt::after
{
    background-color:#A2231D
}
.RAL3003-Matt::after
{
    background-color:#9B111E
}
.RAL3004-Matt::after
{
    background-color:#75151E
}
.RAL3005-Matt::after
{
    background-color:#5E2129
}
.RAL3007-Matt::after
{
    background-color:#412227
}
.RAL3009-Matt::after
{
    background-color:#642424
}
.RAL3011-Matt::after
{
    background-color:#781F19
}
.RAL3012-Matt::after
{
    background-color:#C1876B
}
.RAL3013-Matt::after
{
    background-color:#A12312
}
.RAL3014-Matt::after
{
    background-color:#D36E70
}
.RAL3015-Matt::after
{
    background-color:#EA899A
}
.RAL3016-Matt::after
{
    background-color:#B32821
}
.RAL3017-Matt::after
{
    background-color:#E63244
}
.RAL3018-Matt::after
{
    background-color:#D53032
}
.RAL3022-Matt::after
{
    background-color:#D95030
}
.RAL3027-Matt::after
{
    background-color:#C51D34
}
.RAL3031-Matt::after
{
    background-color:#B32428
}
.RAL3020-Matt::after
{
    background-color:#CC0605
}
.RAL4001-Matt::after
{
    background-color:#6D3F5B
}
.RAL4002-Matt::after
{
    background-color:#922B3E
}
.RAL4004-Matt::after
{
    background-color:#641C34
}
.RAL4005-Matt::after
{
    background-color:#6C4675
}
.RAL5000-Matt::after
{
    background-color:#354D73
}
.RAL5001-Matt::after
{
    background-color:#1F3438
}
.RAL5002-Matt::after
{
    background-color:#20214F
}
.RAL5003-Matt::after
{
    background-color:#1D1E33
}
.RAL5004-Matt::after
{
    background-color:#18171C
}
.RAL5005-Matt::after
{
    background-color:#1E2460
}
.RAL5007-Matt::after
{
    background-color:#3E5F8A
}
.RAL5008-Matt::after
{
    background-color:#26252D
}
.RAL5009-Matt::after
{
    background-color:#025669
}
.RAL5010-Matt::after
{
    background-color:#0E294B
}
.RAL5011-Matt::after
{
    background-color:#231A24
}
.RAL5012-Matt::after
{
    background-color:#3B83BD
}
.RAL5013-Matt::after
{
    background-color:#1E213D
}
.RAL5014-Matt::after
{
    background-color:#606E8C
}
.RAL5015-Matt::after
{
    background-color:#2271B3
}
.RAL5017-Matt::after
{
    background-color:#063971
}
.RAL5018-Matt::after
{
    background-color:#3F888F
}
.RAL5019-Matt::after
{
    background-color:#1B5583
}
.RAL5020-Matt::after
{
    background-color:#1D334A
}
.RAL5021-Matt::after
{
    background-color:#256D7B
}
.RAL5022-Matt::after
{
    background-color:#252850
}
.RAL5023-Matt::after
{
    background-color:#49678D
}
.RAL5024-Matt::after
{
    background-color:#5D9B9B
}
.RAL6000-Matt::after
{
    background-color:#316650
}
.RAL6001-Matt::after
{
    background-color:#287233
}
.RAL6002-Matt::after
{
    background-color:#2D572C
}
.RAL6003-Matt::after
{
    background-color:#424632
}
.RAL6004-Matt::after
{
    background-color:#1F3A3D
}
.RAL6005-Matt::after
{
    background-color:#2F4538
}
.RAL6006-Matt::after
{
    background-color:#3E3B32
}
.RAL6007-Matt::after
{
    background-color:#343B29
}
.RAL6008-Matt::after
{
    background-color:#39352A
}
.RAL6009-Matt::after
{
    background-color:#31372B
}
.RAL6010-Matt::after
{
    background-color:#35682D
}
.RAL6011-Matt::after
{
    background-color:#587246
}
.RAL6012-Matt::after
{
    background-color:#343E40
}
.RAL6013-Matt::after
{
    background-color:#6C7156
}
.RAL6014-Matt::after
{
    background-color:#47402E
}
.RAL6015-Matt::after
{
    background-color:#3B3C36
}
.RAL6016-Matt::after
{
    background-color:#1E5945
}
.RAL6017-Matt::after
{
    background-color:#4C9141
}
.RAL6018-Matt::after
{
    background-color:#57A639
}
.RAL6019-Matt::after
{
    background-color:#BDECB6
}
.RAL6020-Matt::after
{
    background-color:#2E3A23
}
.RAL6021-Matt::after
{
    background-color:#89AC76
}
.RAL6022-Matt::after
{
    background-color:#25221B
}
.RAL6024-Matt::after
{
    background-color:#308446
}
.RAL6025-Matt::after
{
    background-color:#3D642D
}
.RAL6026-Matt::after
{
    background-color:#015D52
}
.RAL6027-Matt::after
{
    background-color:#84C3BE
}
.RAL6028-Matt::after
{
    background-color:#2C5545
}
.RAL6029-Matt::after
{
    background-color:#20603D
}
.RAL6031-Matt::after
{
    background-color:#495746
}
.RAL6032-Matt::after
{
    background-color:#317F43
}
.RAL6033-Matt::after
{
    background-color:#497E76
}
.RAL6034-Matt::after
{
    background-color:#7FB5B5
}
.RAL7000-Matt::after
{
    background-color:#78858B
}
.RAL7001-Matt::after
{
    background-color:#8A9597
}
.RAL7002-Matt::after
{
    background-color:#7E7B52
}
.RAL7003-Matt::after
{
    background-color:#6C7059
}
.RAL7004-Matt::after
{
    background-color:#969992
}
.RAL7005-Matt::after
{
    background-color:#646B63
}
.RAL7006-Matt::after
{
    background-color:#6D6552
}
.RAL7008-Matt::after
{
    background-color:#6A5F31
}
.RAL7009-Matt::after
{
    background-color:#4D5645
}
.RAL7010-Matt::after
{
    background-color:#4C514A
}
.RAL7011-Matt::after
{
    background-color:#434B4D
}
.RAL7012-Matt::after
{
    background-color:#4E5754
}
.RAL7013-Matt::after
{
    background-color:#464531
}
.RAL7015-Matt::after
{
    background-color:#434750
}
.RAL7016-Matt::after
{
    background-color:#293133
}
.RAL7021-Matt::after
{
    background-color:#23282B
}
.RAL7022-Matt::after
{
    background-color:#332F2C
}
.RAL7023-Matt::after
{
    background-color:#686C5E
}
.RAL7024-Matt::after
{
    background-color:#474A51
}
.RAL7026-Matt::after
{
    background-color:#2F353B
}
.RAL7030-Matt::after
{
    background-color:#8B8C7A
}
.RAL7031-Matt::after
{
    background-color:#474B4E
}
.RAL7032-Matt::after
{
    background-color:#B8B799
}
.RAL7033-Matt::after
{
    background-color:#7D8471
}
.RAL7034-Matt::after
{
    background-color:#8F8B66
}
.RAL7035-Matt::after
{
    background-color:#D7D7D7
}
.RAL7036-Matt::after
{
    background-color:#7F7679
}
.RAL7037-Matt::after
{
    background-color:#7D7F7D
}
.RAL7038-Matt::after
{
    background-color:#B5B8B1
}
.RAL7039-Matt::after
{
    background-color:#6C6960
}
.RAL7040-Matt::after
{
    background-color:#9DA1AA
}
.RAL7042-Matt::after
{
    background-color:#8D948D
}
.RAL7043-Matt::after
{
    background-color:#4E5452
}
.RAL7044-Matt::after
{
    background-color:#CAC4B0
}
.RAL7045-Matt::after
{
    background-color:#909090
}
.RAL7046-Matt::after
{
    background-color:#82898F
}
.RAL7047-Matt::after
{
    background-color:#D0D0D0
}
.RAL7048-Matt::after
{
    background-color:#898176
}
.RAL8000-Matt::after
{
    background-color:#826C34
}
.RAL8001-Matt::after
{
    background-color:#955F20
}
.RAL8002-Matt::after
{
    background-color:#6C3B2A
}
.RAL8003-Matt::after
{
    background-color:#734222
}
.RAL8004-Matt::after
{
    background-color:#8E402A
}
.RAL8007-Matt::after
{
    background-color:#59351F
}
.RAL8008-Matt::after
{
    background-color:#6F4F28
}
.RAL8011-Matt::after
{
    background-color:#5B3A29
}
.RAL8012-Matt::after
{
    background-color:#592321
}
.RAL8014-Matt::after
{
    background-color:#382C1E
}
.RAL8015-Matt::after
{
    background-color:#633A34
}
.RAL8016-Matt::after
{
    background-color:#4C2F27
}
.RAL8017-Matt::after
{
    background-color:#45322E
}
.RAL8019-Matt::after
{
    background-color:#403A3A
}
.RAL8022-Matt::after
{
    background-color:#212121
}
.RAL8023-Matt::after
{
    background-color:#A65E2E
}
.RAL8024-Matt::after
{
    background-color:#79553D
}
.RAL8025-Matt::after
{
    background-color:#755C48
}
.RAL8028-Matt::after
{
    background-color:#4E3B31
}
.RAL8040-Matt::after
{
    background-color:#533926
}
.RAL8070-Matt::after
{
    background-color:#665548
}
.RAL8080-Matt::after
{
    background-color:#534C48
}
.RAL9001-Matt::after
{
    background-color:#FDF4E3
}
.RAL9002-Matt::after
{
    background-color:#E7EBDA
}
.RAL9003-Matt::after
{
    background-color:#F4F4F4
}
.RAL9004-Matt::after
{
    background-color:#282828
}
.RAL9005-Matt::after
{
    background-color:#0A0A0A
}
.RAL9006-Matt::after
{
    background-color:#A5A5A5
}
.RAL9007-Matt::after
{
    background-color:#8F8F8F
}
.RAL9010-Matt::after
{
    background-color:#FFFFFF
}
.RAL9011-Matt::after
{
    background-color:#1C1C1C
}
.RAL9016-Matt::after
{
    background-color:#F6F6F6
}
.RAL9017-Matt::after
{
    background-color:#1E1E1E
}
.RAL9018-Matt::after
{
    background-color:#D7D7D7
}
.RAL9910-Gloss::after
{
    background-color:#FFF9F7
}
.RAL9911-Matt::after
{
    background-color:#fcfcfc
}
.BS00A01-Matt::after
{
    background-color: #D5D4CE
}
.BS00A05-Matt::after
{
    background-color:#B1B0AE
}
.BS00A13-Matt::after
{
    background-color:#5A5A5B
}
.BS00E55-Matt::after
{
    background-color:#F1F2EA
}
.BS04E53-Matt::after
{
    background-color:#BE443B
}
.BS08B29-Matt::after
{
    background-color:#524943
}
.BS10A03-Matt::after
{
    background-color:#CAC7BF
}
.BS10A05-Matt::after
{
    background-color:#B8B5AA
}
.BS10B15-Matt::after
{
    background-color:#F2E6D3
}
.BS12B21-Matt::after
{
    background-color:#9E9C83
}
.BS12B29-Matt::after
{
    background-color:#474840
}
.BS14C39-Matt::after
{
    background-color:#425E4F
}
.BS14C40-Matt::after
{
    background-color:#444D48
}
.BS14E53-Matt::after
{
    background-color:#309268
}
.BS18B17-Matt::after
{
    background-color:#C2CDCB
}
.BS18B25-Matt::after
{
    background-color:#697376
}
.BS18B29-Matt::after
{
    background-color:#42474B
}
.BS18E53-Matt::after
{
    background-color:#007CA1
}
.BS20D45-Matt::after
{
    background-color:#366286
}
.HERITAGE-BLACK::after
{
    background-color:#000000
}
.HERITAGE-CARAMEL::after
{
    background-color:#c78752
}
.HERITAGE-CREAM::after
{
    background-color:#FFFDD0
}
.HERITAGE-HOLLY::after
{
    background-color:#425E4F
}
.HERITAGE-LEAD::after
{
    background-color:#6c6c6a
}
.HERITAGE-NAVY::after
{
    background-color:#000053
}
.HERITAGE-RUBY::after
{
    background-color:#9b111e
}
.HERITAGE-SAGE::after
{
    background-color:#78866b
}
.HERITAGE-WHITE::after
{
    background-color:#ffffff
}
.Heritage_Black::after
{
    background-color:#000000
}
.Heritage_Caramel::after
{
    background-color:#c78752
}
.Heritage_Cream::after
{
    background-color:#FFFDD0
}
.Heritage_Holly::after
{
    background-color:#425E4F
}
.Heritage_Lead::after
{
    background-color:#6c6c6a
}
.Heritage_Navy::after
{
    background-color:#000053
}
.Heritage_Ruby::after
{
    background-color:#9b111e
}
.Heritage_Sage::after
{
    background-color:#78866b
}
.Heritage_White::after
{
    background-color:#ffffff
}
.RAL1000-MATT::after
{
    background-color:#BEBD7F
}
.RAL1001-MATT::after
{
    background-color:#C2B078
}
.RAL1002-MATT::after
{
    background-color:#C6A664
}
.RAL1003-MATT::after
{
    background-color:#E5BE01
}
.RAL1004-MATT::after
{
    background-color:#CDA434
}
.RAL1005-MATT::after
{
    background-color:#A98307
}
.RAL1006-MATT::after
{
    background-color:#E4A010
}
.RAL1007-MATT::after
{
    background-color:#DC9D00
}
.RAL1011-MATT::after
{
    background-color:#8A6642
}
.RAL1012-MATT::after
{
    background-color:#C7B446
}
.RAL1013-MATT::after
{
    background-color:#EAE6CA
}
.RAL1014-MATT::after
{
    background-color:#E1CC4F
}
.RAL1015-MATT::after
{
    background-color:#E6D690
}
.RAL1016-MATT::after
{
    background-color:#EDFF21
}
.RAL1018-MATT::after
{
    background-color:#F8F32B
}
.RAL1019-MATT::after
{
    background-color:#9E9764
}
.RAL1020-MATT::after
{
    background-color:#999950
}
.RAL1021-MATT::after
{
    background-color:#F3DA0B
}
.RAL1023-MATT::after
{
    background-color:#FAD201
}
.RAL1024-MATT::after
{
    background-color:#AEA04B
}
.RAL1032-MATT::after
{
    background-color:#D6AE01
}
.RAL2000-MATT::after
{
    background-color:#ED760E
}
.RAL2001-MATT::after
{
    background-color:#C93C20
}
.RAL2002-MATT::after
{
    background-color:#CB2821
}
.RAL2003-MATT::after
{
    background-color:#FF7514
}
.RAL2004-MATT::after
{
    background-color:#F44611
}
.RAL2008-MATT::after
{
    background-color:#F75E25
}
.RAL2009-MATT::after
{
    background-color:#F54021
}
.RAL2010-MATT::after
{
    background-color:#D84B20
}
.RAL3000-MATT::after
{
    background-color:#AF2B1E
}
.RAL3001-MATT::after
{
    background-color:#A52019
}
.RAL3002-MATT::after
{
    background-color:#A2231D
}
.RAL3003-MATT::after
{
    background-color:#9B111E
}
.RAL3004-MATT::after
{
    background-color:#75151E
}
.RAL3005-MATT::after
{
    background-color:#5E2129
}
.RAL3007-MATT::after
{
    background-color:#412227
}
.RAL3009-MATT::after
{
    background-color:#642424
}
.RAL3011-MATT::after
{
    background-color:#781F19
}
.RAL3012-MATT::after
{
    background-color:#C1876B
}
.RAL3013-MATT::after
{
    background-color:#A12312
}
.RAL3014-MATT::after
{
    background-color:#D36E70
}
.RAL3015-MATT::after
{
    background-color:#EA899A
}
.RAL3016-MATT::after
{
    background-color:#B32821
}
.RAL3017-MATT::after
{
    background-color:#E63244
}
.RAL3018-MATT::after
{
    background-color:#D53032
}
.RAL3022-MATT::after
{
    background-color:#D95030
}
.RAL3027-MATT::after
{
    background-color:#C51D34
}
.RAL3031-MATT::after
{
    background-color:#B32428
}
.RAL3020-MATT::after
{
    background-color:#CC0605
}
.RAL4001-MATT::after
{
    background-color:#6D3F5B
}
.RAL4002-MATT::after
{
    background-color:#922B3E
}
.RAL4004-MATT::after
{
    background-color:#641C34
}
.RAL4005-MATT::after
{
    background-color:#6C4675
}
.RAL5000-MATT::after
{
    background-color:#354D73
}
.RAL5001-MATT::after
{
    background-color:#1F3438
}
.RAL5002-MATT::after
{
    background-color:#20214F
}
.RAL5003-MATT::after
{
    background-color:#1D1E33
}
.RAL5004-MATT::after
{
    background-color:#18171C
}
.RAL5005-MATT::after
{
    background-color:#1E2460
}
.RAL5007-MATT::after
{
    background-color:#3E5F8A
}
.RAL5008-MATT::after
{
    background-color:#26252D
}
.RAL5009-MATT::after
{
    background-color:#025669
}
.RAL5010-MATT::after
{
    background-color:#0E294B
}
.RAL5011-MATT::after
{
    background-color:#231A24
}
.RAL5012-MATT::after
{
    background-color:#3B83BD
}
.RAL5013-MATT::after
{
    background-color:#1E213D
}
.RAL5014-MATT::after
{
    background-color:#606E8C
}
.RAL5015-MATT::after
{
    background-color:#2271B3
}
.RAL5017-MATT::after
{
    background-color:#063971
}
.RAL5018-MATT::after
{
    background-color:#3F888F
}
.RAL5019-MATT::after
{
    background-color:#1B5583
}
.RAL5020-MATT::after
{
    background-color:#1D334A
}
.RAL5021-MATT::after
{
    background-color:#256D7B
}
.RAL5022-MATT::after
{
    background-color:#252850
}
.RAL5023-MATT::after
{
    background-color:#49678D
}
.RAL5024-MATT::after
{
    background-color:#5D9B9B
}
.RAL6000-MATT::after
{
    background-color:#316650
}
.RAL6001-MATT::after
{
    background-color:#287233
}
.RAL6002-MATT::after
{
    background-color:#2D572C
}
.RAL6003-MATT::after
{
    background-color:#424632
}
.RAL6004-MATT::after
{
    background-color:#1F3A3D
}
.RAL6005-MATT::after
{
    background-color:#2F4538
}
.RAL6006-MATT::after
{
    background-color:#3E3B32
}
.RAL6007-MATT::after
{
    background-color:#343B29
}
.RAL6008-MATT::after
{
    background-color:#39352A
}
.RAL6009-MATT::after
{
    background-color:#31372B
}
.RAL6010-MATT::after
{
    background-color:#35682D
}
.RAL6011-MATT::after
{
    background-color:#587246
}
.RAL6012-MATT::after
{
    background-color:#343E40
}
.RAL6013-MATT::after
{
    background-color:#6C7156
}
.RAL6014-MATT::after
{
    background-color:#47402E
}
.RAL6015-MATT::after
{
    background-color:#3B3C36
}
.RAL6016-MATT::after
{
    background-color:#1E5945
}
.RAL6017-MATT::after
{
    background-color:#4C9141
}
.RAL6018-MATT::after
{
    background-color:#57A639
}
.RAL6019-MATT::after
{
    background-color:#BDECB6
}
.RAL6020-MATT::after
{
    background-color:#2E3A23
}
.RAL6021-MATT::after
{
    background-color:#89AC76
}
.RAL6022-MATT::after
{
    background-color:#25221B
}
.RAL6024-MATT::after
{
    background-color:#308446
}
.RAL6025-MATT::after
{
    background-color:#3D642D
}
.RAL6026-MATT::after
{
    background-color:#015D52
}
.RAL6027-MATT::after
{
    background-color:#84C3BE
}
.RAL6028-MATT::after
{
    background-color:#2C5545
}
.RAL6029-MATT::after
{
    background-color:#20603D
}
.RAL6031-MATT::after
{
    background-color:#495746
}
.RAL6032-MATT::after
{
    background-color:#317F43
}
.RAL6033-MATT::after
{
    background-color:#497E76
}
.RAL6034-MATT::after
{
    background-color:#7FB5B5
}
.RAL7000-MATT::after
{
    background-color:#78858B
}
.RAL7001-MATT::after
{
    background-color:#8A9597
}
.RAL7002-MATT::after
{
    background-color:#7E7B52
}
.RAL7003-MATT::after
{
    background-color:#6C7059
}
.RAL7004-MATT::after
{
    background-color:#969992
}
.RAL7005-MATT::after
{
    background-color:#646B63
}
.RAL7006-MATT::after
{
    background-color:#6D6552
}
.RAL7008-MATT::after
{
    background-color:#6A5F31
}
.RAL7009-MATT::after
{
    background-color:#4D5645
}
.RAL7010-MATT::after
{
    background-color:#4C514A
}
.RAL7011-MATT::after
{
    background-color:#434B4D
}
.RAL7012-MATT::after
{
    background-color:#4E5754
}
.RAL7013-MATT::after
{
    background-color:#464531
}
.RAL7015-MATT::after
{
    background-color:#434750
}
.RAL7016-MATT::after
{
    background-color:#293133
}
.RAL7021-MATT::after
{
    background-color:#23282B
}
.RAL7022-MATT::after
{
    background-color:#332F2C
}
.RAL7023-MATT::after
{
    background-color:#686C5E
}
.RAL7024-MATT::after
{
    background-color:#474A51
}
.RAL7026-MATT::after
{
    background-color:#2F353B
}
.RAL7030-MATT::after
{
    background-color:#8B8C7A
}
.RAL7031-MATT::after
{
    background-color:#474B4E
}
.RAL7032-MATT::after
{
    background-color:#B8B799
}
.RAL7033-MATT::after
{
    background-color:#7D8471
}
.RAL7034-MATT::after
{
    background-color:#8F8B66
}
.RAL7035-MATT::after
{
    background-color:#D7D7D7
}
.RAL7036-MATT::after
{
    background-color:#7F7679
}
.RAL7037-MATT::after
{
    background-color:#7D7F7D
}
.RAL7038-MATT::after
{
    background-color:#B5B8B1
}
.RAL7039-MATT::after
{
    background-color:#6C6960
}
.RAL7040-MATT::after
{
    background-color:#9DA1AA
}
.RAL7042-MATT::after
{
    background-color:#8D948D
}
.RAL7043-MATT::after
{
    background-color:#4E5452
}
.RAL7044-MATT::after
{
    background-color:#CAC4B0
}
.RAL7045-MATT::after
{
    background-color:#909090
}
.RAL7046-MATT::after
{
    background-color:#82898F
}
.RAL7047-MATT::after
{
    background-color:#D0D0D0
}
.RAL7048-MATT::after
{
    background-color:#898176
}
.RAL8000-MATT::after
{
    background-color:#826C34
}
.RAL8001-MATT::after
{
    background-color:#955F20
}
.RAL8002-MATT::after
{
    background-color:#6C3B2A
}
.RAL8003-MATT::after
{
    background-color:#734222
}
.RAL8004-MATT::after
{
    background-color:#8E402A
}
.RAL8007-MATT::after
{
    background-color:#59351F
}
.RAL8008-MATT::after
{
    background-color:#6F4F28
}
.RAL8011-MATT::after
{
    background-color:#5B3A29
}
.RAL8012-MATT::after
{
    background-color:#592321
}
.RAL8014-MATT::after
{
    background-color:#382C1E
}
.RAL8015-MATT::after
{
    background-color:#633A34
}
.RAL8016-MATT::after
{
    background-color:#4C2F27
}
.RAL8017-MATT::after
{
    background-color:#45322E
}
.RAL8019-MATT::after
{
    background-color:#403A3A
}
.RAL8022-MATT::after
{
    background-color:#212121
}
.RAL8023-MATT::after
{
    background-color:#A65E2E
}
.RAL8024-MATT::after
{
    background-color:#79553D
}
.RAL8025-MATT::after
{
    background-color:#755C48
}
.RAL8028-MATT::after
{
    background-color:#4E3B31
}
.RAL8040-MATT::after
{
    background-color:#533926
}
.RAL8070-MATT::after
{
    background-color:#665548
}
.RAL8080-MATT::after
{
    background-color:#534C48
}
.RAL9001-MATT::after
{
    background-color:#FDF4E3
}
.RAL9002-MATT::after
{
    background-color:#E7EBDA
}
.RAL9003-MATT::after
{
    background-color:#F4F4F4
}
.RAL9004-MATT::after
{
    background-color:#282828
}
.RAL9005-MATT::after
{
    background-color:#0A0A0A
}
.RAL9006-MATT::after
{
    background-color:#A5A5A5
}
.RAL9007-MATT::after
{
    background-color:#8F8F8F
}
.RAL9010-MATT::after
{
    background-color:#FFFFFF
}
.RAL9011-MATT::after
{
    background-color:#1C1C1C
}
.RAL9016-MATT::after
{
    background-color:#F6F6F6
}
.RAL9017-MATT::after
{
    background-color:#1E1E1E
}
.RAL9018-MATT::after
{
    background-color:#D7D7D7
}
.RAL9910-GLOSS::after
{
    background-color:#FFF9F7
}
.RAL9911-MATT::after
{
    background-color:#fcfcfc
}
.BS00A01-MATT::after
{
    background-color: #D5D4CE
}
.BS00A05-MATT::after
{
    background-color:#B1B0AE
}
.BS00A13-MATT::after
{
    background-color:#5A5A5B
}
.BS00E55-MATT::after
{
    background-color:#F1F2EA
}
.BS04E53-MATT::after
{
    background-color:#BE443B
}
.BS08B29-MATT::after
{
    background-color:#524943
}
.BS10A03-MATT::after
{
    background-color:#CAC7BF
}
.BS10A05-MATT::after
{
    background-color:#B8B5AA
}
.BS10B15-MATT::after
{
    background-color:#F2E6D3
}
.BS12B21-MATT::after
{
    background-color:#9E9C83
}
.BS12B29-MATT::after
{
    background-color:#474840
}
.BS14C39-MATT::after
{
    background-color:#425E4F
}
.BS14C40-MATT::after
{
    background-color:#444D48
}
.BS14E53-MATT::after
{
    background-color:#309268
}
.BS18B17-MATT::after
{
    background-color:#C2CDCB
}
.BS18B25-MATT::after
{
    background-color:#697376
}
.BS18B29-MATT::after
{
    background-color:#42474B
}
.BS18E53-MATT::after
{
    background-color:#007CA1
}
.BS20D45-MATT::after
{
    background-color:#366286
}
.TBC::after
{
    background: conic-gradient(red, orange, yellow, green, cyan, blue, violet, red);
}
.GREEN_BEIGE
{
    background-color:#BEBD7F
}
.BEIGE
{
    background-color:#C2B078
}
.SAND_YELLOW
{
    background-color:#C6A664
}
.SIGNAL_YELLOW
{
    background-color:#E5BE01
}
.GOLDEN_YELLOW
{
    background-color:#CDA434
}
.HONEY_YELLOW
{
    background-color:#A98307
}
.MAIZE_YELLOW
{
    background-color:#E4A010
}
.DAFFODIL_YELLOW
{
    background-color:#DC9D00
}
.BROWN_BEIGE
{
    background-color:#8A6642
}
.LEMON_YELLOW
{
    background-color:#C7B446
}
.OYSTER_WHITE
{
    background-color:#EAE6CA
}
.IVORY
{
    background-color:#E1CC4F
}
.LIGHT_IVORY
{
    background-color:#E6D690
}
.SULFUR_YELLOW
{
    background-color:#EDFF21
}
.ZINC_YELLOW
{
    background-color:#F8F32B
}
.GREY_BEIGE
{
    background-color:#9E9764
}
.OLIVE_YELLOW
{
    background-color:#999950
}
.COLZA_YELLOW
{
    background-color:#F3DA0B
}
.TRAFFIC_YELLOW
{
    background-color:#FAD201
}
.OCHRE_YELLOW
{
    background-color:#AEA04B
}
.BROOM_YELLOW
{
    background-color:#D6AE01
}
.GELBORANGE
{
    background-color:#ED760E
}
.RED_ORANGE
{
    background-color:#C93C20
}
.VERMILION
{
    background-color:#CB2821
}
.PASTEL_ORANGE
{
    background-color:#FF7514
}
.PURE_ORANGE
{
    background-color:#F44611
}
.BRIGHT_RED_ORANGE
{
    background-color:#F75E25
}
.TRAFFIC_ORANGE
{
    background-color:#F54021
}
.SIGNAL_ORANGE
{
    background-color:#D84B20
}
.FLAME_RED
{
    background-color:#AF2B1E
}
.SIGNAL_RED
{
    background-color:#A52019
}
.CARMINE_RED
{
    background-color:#A2231D
}
.RUBY_RED
{
    background-color:#9B111E
}
.PURPLE_RED
{
    background-color:#75151E
}
.WINE_RED
{
    background-color:#5E2129
}
.BLACK_RED
{
    background-color:#412227
}
.OXIDE_RED
{
    background-color:#642424
}
.BROWN_RED
{
    background-color:#781F19
}
.BEIGE_RED
{
    background-color:#C1876B
}
.TOMATO_RED
{
    background-color:#A12312
}
.ANTIQUE_PINK
{
    background-color:#D36E70
}
.LIGHT_PINK
{
    background-color:#EA899A
}
.CORAL_RED
{
    background-color:#B32821
}
.ROSE
{
    background-color:#E63244
}
.STRAWBERRY_RED
{
    background-color:#D53032
}
.SALMON_PINK
{
    background-color:#D95030
}
.RASPBERRY_RED
{
    background-color:#C51D34
}
.ORIENT_RED
{
    background-color:#B32428
}
.TRAFFIC_RED
{
    background-color:#CC0605
}
.ROTLILA
{
    background-color:#6D3F5B
}
.RED_VIOLET
{
    background-color:#922B3E
}
.CLARET_VIOLET
{
    background-color:#641C34
}
.BLUE_LILAC
{
    background-color:#6C4675
}
.VIOLET_BLUE
{
    background-color:#354D73
}
.GREEN_BLUE
{
    background-color:#1F3438
}
.ULTRAMARINE_BLUE
{
    background-color:#20214F
}
.SAPHIRE_BLUE
{
    background-color:#1D1E33
}
.BLACK_BLUE
{
    background-color:#18171C
}
.SIGNAL_BLUE
{
    background-color:#1E2460
}
.BRILLANT_BLUE
{
    background-color:#3E5F8A
}
.GREY_BLUE
{
    background-color:#26252D
}
.AZURE_BLUE
{
    background-color:#025669
}
.GENTIAN_BLUE
{
    background-color:#0E294B
}
.STEEL_BLUE
{
    background-color:#231A24
}
.LIGHT_BLUE
{
    background-color:#3B83BD
}
.COBALT_BLUE
{
    background-color:#1E213D
}
.PIGEON_BLUE
{
    background-color:#606E8C
}
.SKY_BLUE
{
    background-color:#2271B3
}
.TRAFFIC_BLUE
{
    background-color:#063971
}
.TURQUOISE_BLUE
{
    background-color:#3F888F
}
.CAPRI_BLUE
{
    background-color:#1B5583
}
.OCEAN_BLUE
{
    background-color:#1D334A
}
.WATER_BLUE
{
    background-color:#256D7B
}
.NIGHT_BLUE
{
    background-color:#252850
}
.DISTANT_BLUE
{
    background-color:#49678D
}
.PASTEL_BLUE
{
    background-color:#5D9B9B
}
.PATINA_GREEN
{
    background-color:#316650
}
.EMERALD_GREEN
{
    background-color:#287233
}
.LEAF_GREEN
{
    background-color:#2D572C
}
.OLIVE_GREEN
{
    background-color:#424632
}
.BLUE_GREEN
{
    background-color:#1F3A3D
}
.MOSS_GREEN
{
    background-color:#2F4538
}
.GREY_OLIVE
{
    background-color:#3E3B32
}
.BOTTLE_GREEN
{
    background-color:#343B29
}
.BROWN_GREEN
{
    background-color:#39352A
}
.FIR_GREEN
{
    background-color:#31372B
}
.GRASS_GREEN
{
    background-color:#35682D
}
.RESEDA_GREEN
{
    background-color:#587246
}
.BLACK_GREEN
{
    background-color:#343E40
}
.REED_GREEN
{
    background-color:#6C7156
}
.YELLOW_OLIVE
{
    background-color:#47402E
}
.BLACK_OLIVE
{
    background-color:#3B3C36
}
.TURQUOISE_GREEN
{
    background-color:#1E5945
}
.MAY_GREEN
{
    background-color:#4C9141
}
.YELLOW_GREEN
{
    background-color:#57A639
}
.PASTEL_GREEN
{
    background-color:#BDECB6
}
.CHROME_GREEN
{
    background-color:#2E3A23
}
.PALE_GREEN
{
    background-color:#89AC76
}
.OLIVE_GRAB
{
    background-color:#25221B
}
.TRAFFIC_GREEN
{
    background-color:#308446
}
.FERN_GREEN
{
    background-color:#3D642D
}
.OPAL_GREEN
{
    background-color:#015D52
}
.LIGHT_GREEN
{
    background-color:#84C3BE
}
.PINE_GREEN
{
    background-color:#2C5545
}
.MINT_GREEN
{
    background-color:#20603D
}
.BRONZE_GREEN
{
    background-color:#495746
}
.SIGNAL_GREEN
{
    background-color:#317F43
}
.MINT_TURQUOISE
{
    background-color:#497E76
}
.PASTEL_TURQUOISE
{
    background-color:#7FB5B5
}
.SQUIRREL_GREY
{
    background-color:#78858B
}
.SILVER_GREY
{
    background-color:#8A9597
}
.OLIVE_GREY
{
    background-color:#7E7B52
}
.MOSS_GREY
{
    background-color:#6C7059
}
.SIGNAL_GREY
{
    background-color:#969992
}
.MOUSE_GREY
{
    background-color:#646B63
}
.BEIGE_GREY
{
    background-color:#6D6552
}
.KHAKI_GREY
{
    background-color:#6A5F31
}
.GREEN_GREY
{
    background-color:#4D5645
}
.TARPAULIN_GREY
{
    background-color:#4C514A
}
.IRON_GREY
{
    background-color:#434B4D
}
.BASALT_GREY
{
    background-color:#4E5754
}
.BROWN_GREY
{
    background-color:#464531
}
.SLATE_GREY
{
    background-color:#434750
}
.ANTHRACITE_GREY
{
    background-color:#293133
}
.BLACK_GREY
{
    background-color:#23282B
}
.UMBRA_GREY
{
    background-color:#332F2C
}
.CONCRETE_GREY
{
    background-color:#686C5E
}
.GRAPHITE_GREY
{
    background-color:#474A51
}
.GRANITE_GREY
{
    background-color:#2F353B
}
.STONE_GREY
{
    background-color:#8B8C7A
}
.BLUE_GREY
{
    background-color:#474B4E
}
.PEBBLE_GREY
{
    background-color:#B8B799
}
.CEMENT_GREY
{
    background-color:#7D8471
}
.YELLOW_GREY
{
    background-color:#8F8B66
}
.LIGHT_GREY
{
    background-color:#D7D7D7
}
.PLATINUM_GREY
{
    background-color:#7F7679
}
.DUSTY_GREY
{
    background-color:#7D7F7D
}
.AGATE_GREY
{
    background-color:#B5B8B1
}
.QUARTZ_GREY
{
    background-color:#6C6960
}
.WINDOW_GREY
{
    background-color:#9DA1AA
}
.TRAFFIC_GREY_A
{
    background-color:#8D948D
}
.TRAFFIC_GREY_B
{
    background-color:#4E5452
}
.SILK_GREY
{
    background-color:#CAC4B0
}
.TELEGRAY_1
{
    background-color:#909090
}
.TELEGRAY_2
{
    background-color:#82898F
}
.TELEGRAY_4
{
    background-color:#D0D0D0
}
.PEARL_MOUSE_GREY
{
    background-color:#898176
}
.GREEN_BROWN
{
    background-color:#826C34
}
.OCHRE_BROWN
{
    background-color:#955F20
}
.SIGNAL_BROWN
{
    background-color:#6C3B2A
}
.CLAY_BROWN
{
    background-color:#734222
}
.COPPER_BROWN
{
    background-color:#8E402A
}
.FAWN_BROWN
{
    background-color:#59351F
}
.OLIVE_BROWN
{
    background-color:#6F4F28
}
.NUT_BROWN
{
    background-color:#5B3A29
}
.RED_BROWN
{
    background-color:#592321
}
.SEPIA_BROWN
{
    background-color:#382C1E
}
.CHESTNUT_BROWN
{
    background-color:#633A34
}
.MAHOGANY_BROWN
{
    background-color:#4C2F27
}
.CHOCOLATE_BROWN
{
    background-color:#45322E
}
.GREY_BROWN
{
    background-color:#403A3A
}
.BLACK_BROWN
{
    background-color:#212121
}
.ORANGE_BROWN
{
    background-color:#A65E2E
}
.BEIGE_BROWN
{
    background-color:#79553D
}
.PALE_BROWN
{
    background-color:#755C48
}
.TERRA_BROWN
{
    background-color:#4E3B31
}
.DARK_BRONZE
{
    background-color:#533926
}
.BROWN
{
    background-color:#665548
}
.DARK_CHOCOLATE
{
    background-color:#534C48
}
.CREME
{
    background-color:#FDF4E3
}
.GREY_WHITE
{
    background-color:#E7EBDA
}
.SIGNAL_WHITE
{
    background-color:#F4F4F4
}
.SIGNAL_BLACK
{
    background-color:#282828
}
.JET_BLACK
{
    background-color:#0A0A0A
}
.WHITE_ALUMINIUM
{
    background-color:#A5A5A5
}
.GREY_ALUMINIUM
{
    background-color:#8F8F8F
}
.PURE_WHITE
{
    background-color:#FFFFFF
}
.GRAPHITE_BLACK
{
    background-color:#1C1C1C
}
.TRAFFIC_WHITE
{
    background-color:#F6F6F6
}
.TRAFFIC_BLACK
{
    background-color:#1E1E1E
}
.PAPYRUS_WHITE
{
    background-color:#D7D7D7
}
.HIPCA_WHITE
{
    background-color:#FFF9F7
}
.CRITAL_WHITE
{
    background-color:#fcfcfc
}
.ASH_GREY
{
    background-color: #D5D4CE
}
.GOOSE_GREY
{
    background-color:#B1B0AE
}
.STORM_GREY
{
    background-color:#5A5A5B
}
.WHITE
{
    background-color:#F1F2EA
}
.POPPY
{
    background-color:#BE443B
}
.BITTER_CHOCOLATE
{
    background-color:#524943
}
.DAWN_GREY
{
    background-color:#CAC7BF
}
.GOOSEWING_GREY
{
    background-color:#B8B5AA
}
.CREAMY_WHITE
{
    background-color:#F2E6D3
}
.MINERAL_GREEN
{
    background-color:#9E9C83
}
.MIDNIGHT_GREEN
{
    background-color:#474840
}
.HOLLY_GREEN
{
    background-color:#425E4F
}
.MOSS_GREEN
{
    background-color:#444D48
}
.IRISH_GREEN
{
    background-color:#309268
}
.BLUE_MINK
{
    background-color:#C2CDCB
}
.DARK_ADMIRALTY_GREY
{
    background-color:#697376
}
.RAVEN
{
    background-color:#42474B
}
.TARTAN_BLUE
{
    background-color:#007CA1
}
.SAPPHIRE_BLUE
{
    background-color:#366286
}
.HERITAGE_BLACK
{
    background-color:#000000
}
.HERITAGE_CARAMEL
{
    background-color:#c78752
}
.HERITAGE_CREAM
{
    background-color:#FFFDD0
}
.HERITAGE_HOLLY
{
    background-color:#425E4F
}
.HERITAGE_LEAD
{
    background-color:#6c6c6a
}
.HERITAGE_NAVY
{
    background-color:#000053
}
.HERITAGE_RUBY
{
    background-color:#9b111e
}
.HERITAGE_SAGE
{
    background-color:#78866b
}
.HERITAGE_WHITE
{
    background-color:#ffffff
}
.filter-toggle {
    display: inline-flex;
    align-items: center;
    margin: 8px;
  }
  
  /* Hide native checkbox */
  .filter-toggle input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  
  /* Label becomes the button */
  .filter-toggle label {
    padding: 12px 20px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    color: #000;
  }
  
  /* Hover */
  .filter-toggle label:hover {
    border-color: #000;
  }
    
  /* Focus (keyboard accessibility) */
  .filter-toggle input:focus + label {
    outline: 2px solid #000;
    outline-offset: 3px;
  }

  .ProductGridHeader
  {
    background: #000;
    padding: 2em;
    border: 1px solid #ffffff;
  }

  .colourHeader
  {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 2em;
    position: relative;
  }
  /* Hide native checkbox */
.filter-toggle input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Label layout */
.filter-toggle label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-weight: 600;
    color: #ddd;
}

/* Icon base */
.filter-toggle .icon {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #666;
    background: #222;
}

/* ❌ default (unchecked) */
.filter-toggle .icon::before {
    content: "✕";
    color: #e74c3c;
}

/* ✅ checked */
.filter-toggle input:checked + label .icon::before {
    content: "✓";
    color: #2ecc71;
}

/* Optional polish */
.filter-toggle input:checked + label .icon {
    border-color: #2ecc71;
    background: #1a2b1f;
}

.filter-toggle label:hover .icon {
    transform: scale(1.05);
}
.coloursearchcontainer {
    position: relative;
    z-index: 0 !important;
  }
  
  /* disable interaction while loading */
  .coloursearchcontainer.is-loading {
    pointer-events: none;
  }
  #gc-grid-wrap {
    position: relative;
  }
  
  #gc-grid-wrap.is-loading-grid::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    z-index: 9999;
    cursor: wait;
    pointer-events: all;
  }
  
  #gc-grid-wrap.is-loading-grid::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border: 4px solid rgba(255,255,255,.35);
    border-top: 4px solid #fff;
    border-radius: 50%;
    animation: gcSpin 0.8s linear infinite;
    z-index: 10000;
    pointer-events: none;
  }
  
  #gc-grid-wrap.is-loading-grid .products,
  #gc-grid-wrap.is-loading-grid .products * {
    pointer-events: none !important;
  }
  
  @keyframes gcSpin {
    to {
      transform: rotate(360deg);
    }
  }
  
  /* overlay */
  .coloursearch-overlay {
    position: absolute;
    inset: 0;
    display: none;
    z-index: 999;
    background: rgba(0,0,0,.35);
    cursor: wait;
  }
  
  /* show overlay */
  .coloursearchcontainer.is-loading .coloursearch-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
  }
  .gc-colour-label:after {
        content: "\a";
        width: 25px;
        height: 25px;
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid;
        display: flex;
    }
    .gc-colour-label
    {
        display: flex;
        align-items: center;
    }
  /* spinner */
  .coloursearch-spinner {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 4px solid rgba(255,255,255,.25);
    border-top-color: rgba(255,255,255,.9);
    animation: colourSpin .8s linear infinite;
  }
  
  @keyframes colourSpin {
    to { transform: rotate(360deg); }
  }

  .coloursearch-spinner {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 4px solid rgba(255,255,255,0.2);
    border-top-color: #8aff00; /* match your green */
    animation: colourSpin 0.8s linear infinite;
  }
  
  @keyframes colourSpin {
    to { transform: rotate(360deg); }
  }


      /* Full yellow button with centred, unbroken text */
      ul.products li.product .gc-card__cta a.gc-add {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 42px !important;

        padding: 8px 6px !important;
        margin: 8px 0 0 !important;

        box-sizing: border-box !important;
        white-space: nowrap !important;
        text-align: center !important;
        line-height: 1 !important;
        font-size: 13px !important;
    }


  @media only screen and (max-width: 890px) 
  {
    .gc-card__media img {
            display: block;
            width: 100% !important;
            max-width: 100%;
            height: auto;
    }
    ul.products 
    {
        display: flex;
        flex-direction: column;
    }

    .gc-card__cta {
        width: 100%;
        grid-column: 1 / -1 !important;
        padding: 12px 10px 14px;
        box-sizing: border-box;
    }

    .gc-qty {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }

    /* Quantity row */
    .gc-qty > div {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        width: 100%;
        height: 42px;
    }

    .gc-qty .gc-qty__btn {
        width: 44px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid #666;
        border-radius: 0;
        font-size: 18px;
        line-height: 42px;
        text-align: center;
    }
    
    .gc-qty .gc-qty__input {
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        text-align: center;
        box-sizing: border-box;
    }
    
    /* Add to estimator */
    .gc-qty .gc-add {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        min-height: 44px !important;
        padding: 10px 16px !important;
        margin: 0 !important;
        border-radius: 0;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
    }
    .varPrices 
    {
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
        justify-content: space-between;
    }
    .gc-card__cta {
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }
    .gc-card__body {
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }


   }