.custom-blue, .custom-blauw {
    background-color: #0C519E;
}

.custom-skyblue, .custom-lichtblauw {
    background-color: #7ec0ee;
}

.custom-grey-blue, .custom-grijsblauw {
    background-color: #778899;
}

.custom-turquoise {
    background-color: #40e0d0;
}

.custom-brown, .custom-bruin {
    background-color: #895330;
}

.custom-yellow, .custom-geel {
    background-color: #F5E724;
}

.custom-grün, .custom-green, .custom-groen {
    background-color: #72A100;
}

.custom-röte, .custom-red, .custom-rood {
    background-color: #D50000;
}

.custom-crimson, .custom-donkerrood {
    background-color: #841617;
}

.custom-purple, .custom-paars {
    background-color: #8C00DD;
}

.custom-black, .custom-zwart {
    background-color: #000;
}

.custom-orange, .custom-oranje {
    background-color: #FF7500;
}

.custom-pink, .custom-roze {
    background-color: #fe9b9e;
}

.custom-olive, .custom-olijf {
    background-color: #808000;
}

.custom-nature, .custom-natuur {
    background-color: #4b8b3b;
}

.custom-wit, .custom-white, .custom-weiß, .custom-weiss {
    border: 1px solid #ccc;
    line-height: 38px !important;
}

.custom-silver, .custom-zilver, .custom-geborsteld, .custom-hard {
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );
}

.custom-gray, .custom-grijs {
    background: -moz-linear-gradient(135deg, #969696 0%, #969696 50%, #b0b0b0 50%, #b0b0b0 100%);
    background: -webkit-linear-gradient(135deg, #969696 0%, #969696 50%, #b0b0b0 50%, #b0b0b0 100%);
    background: -o-linear-gradient(135deg, #969696 0%, #969696 50%, #b0b0b0 50%, #b0b0b0 100%);
    background: -ms-linear-gradient(135deg, #969696 0%, #969696 50%, #b0b0b0 50%, #b0b0b0 100%);
    background: linear-gradient(135deg, #969696 0%, #969696 50%, #b0b0b0 50%, #b0b0b0 100%);
}

.custom-gold, .custom-goud {
    background: #fceabb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmNlYWJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmNjZDRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjhiNTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZGY5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
    background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    background: -o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    background: -ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
}

.custom-multi {
    background: #ffbcbc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZiY2JjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmOWIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjYTlmZmEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjOWVmZmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjOTk5Y2ZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjNzc5YmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjZmY3N2ZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjZmZhYWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYmZjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #ffbcbc 0%, #fff9b2 10%, #a9ffa3 22%, #9efff6 33%, #999cff 46%, #779bff 59%, #ff77fa 71%, #ffaade 87%, #ffbfc0 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffbcbc), color-stop(10%,#fff9b2), color-stop(22%,#a9ffa3), color-stop(33%,#9efff6), color-stop(46%,#999cff), color-stop(59%,#779bff), color-stop(71%,#ff77fa), color-stop(87%,#ffaade), color-stop(100%,#ffbfc0));
    background: -webkit-linear-gradient(-45deg, #ffbcbc 0%,#fff9b2 10%,#a9ffa3 22%,#9efff6 33%,#999cff 46%,#779bff 59%,#ff77fa 71%,#ffaade 87%,#ffbfc0 100%);
    background: -o-linear-gradient(-45deg, #ffbcbc 0%,#fff9b2 10%,#a9ffa3 22%,#9efff6 33%,#999cff 46%,#779bff 59%,#ff77fa 71%,#ffaade 87%,#ffbfc0 100%);
    background: -ms-linear-gradient(-45deg, #ffbcbc 0%,#fff9b2 10%,#a9ffa3 22%,#9efff6 33%,#999cff 46%,#779bff 59%,#ff77fa 71%,#ffaade 87%,#ffbfc0 100%);
    background: linear-gradient(135deg, #ffbcbc 0%,#fff9b2 10%,#a9ffa3 22%,#9efff6 33%,#999cff 46%,#779bff 59%,#ff77fa 71%,#ffaade 87%,#ffbfc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbcbc', endColorstr='#ffbfc0',GradientType=1 );
}

.custom-square, .custom-geruit {
    background-image: -moz-linear-gradient(45deg, #000 25%, transparent 25%), -moz-linear-gradient(-45deg, #000 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #000 75%), -moz-linear-gradient(-45deg, transparent 75%, #000 75%);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #000), color-stop(.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #000), color-stop(.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #000)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #000));
    background-size: 10px 10px;
    background-position: 0 0, 5px 0, 5px -5px, 0 5px;
}

.custom-blond {
    background: #f6eadb;
    background: -moz-linear-gradient(-45deg, #f6eadb 0%, #f6eadb 50%, #e2caae 51%, #e2caae 100%);
    background: -webkit-linear-gradient(-45deg, #f6eadb 0%,#f6eadb 50%,#e2caae 51%,#e2caae 100%);
    background: linear-gradient(135deg, #f6eadb 0%,#f6eadb 50%,#e2caae 51%,#e2caae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6eadb', endColorstr='#e2caae',GradientType=1 );
}

.custom-rose {
    background: #eed6d0;
    background: -moz-linear-gradient(-45deg, #eed6d0 0%, #eed6d0 50%, #d3a296 51%, #d3a296 100%);
    background: -webkit-linear-gradient(-45deg, #eed6d0 0%,#eed6d0 50%,#d3a296 51%,#d3a296 100%);
    background: linear-gradient(135deg, #eed6d0 0%,#eed6d0 50%,#d3a296 51%,#d3a296 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed6d0', endColorstr='#d3a296',GradientType=1 );
}