/*https://codepen.io/sosuke/pen/Pjoqqp*/

.xfilter-black{
    filter: brightness(0) saturate(100%);
}
.xfilter-green{
    filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
.xfilter-darkred {
    filter: invert(7%) sepia(75%) saturate(6954%) hue-rotate(11deg) brightness(96%) contrast(114%);
}
.xfilter-white{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(103%) contrast(101%);
}

.xfilter-alicewhite{
    filter: invert(92%) sepia(4%) saturate(861%) hue-rotate(189deg) brightness(101%) contrast(109%);
}

.xfilter-plightgray{
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(157deg) brightness(112%) contrast(95%);
}

.xfilter-lightgray{
    filter: invert(93%) sepia(0%) saturate(0%) hue-rotate(236deg) brightness(91%) contrast(94%);
}
.xfilter-darkgray{
    filter: invert(63%) sepia(32%) saturate(0%) hue-rotate(310deg) brightness(98%) contrast(97%);
}
.xfilter-silver{
    filter: invert(85%) sepia(1%) saturate(342%) hue-rotate(316deg) brightness(93%) contrast(88%);
}
.xfilter-lightslategray{
    filter: invert(60%) sepia(4%) saturate(1612%) hue-rotate(169deg) brightness(87%) contrast(85%);
}
.xfilter-darkslategray{
    filter: invert(21%) sepia(2%) saturate(6476%) hue-rotate(131deg) brightness(116%) contrast(87%);
}
.xfilter-slategray{
    filter: invert(50%) sepia(8%) saturate(896%) hue-rotate(169deg) brightness(96%) contrast(87%);
}
.xfilter-dodgerblue{
    filter: invert(36%) sepia(71%) saturate(2078%) hue-rotate(199deg) brightness(112%) contrast(101%);
}
.xfilter-cornflowerblue{
    filter: invert(68%) sepia(51%) saturate(4582%) hue-rotate(195deg) brightness(98%) contrast(89%);
}
.xfilter-lightskyblue{
    filter: invert(70%) sepia(47%) saturate(477%) hue-rotate(175deg) brightness(102%) contrast(96%);
}
.xfilter-blue{
    filter: invert(8%) sepia(100%) saturate(7467%) hue-rotate(247deg) brightness(94%) contrast(144%);
}
.xfilter-Chartreuse{
    filter: invert(73%) sepia(94%) saturate(543%) hue-rotate(36deg) brightness(101%) contrast(115%);
}
.xfilter-darkgreen{
    filter: invert(18%) sepia(66%) saturate(3284%) hue-rotate(95deg) brightness(98%) contrast(104%);
}
.xfilter-purple{
    filter: invert(13%) sepia(54%) saturate(5612%) hue-rotate(290deg) brightness(87%) contrast(121%);
}
.xfilter-yellow{
    filter: invert(82%) sepia(100%) saturate(7484%) hue-rotate(360deg) brightness(103%) contrast(100%);
}
.xfilter-orange{
    filter: invert(78%) sepia(55%) saturate(4201%) hue-rotate(357deg) brightness(100%) contrast(107%);
}
.xfilter-red{
    filter: invert(20%) sepia(95%) saturate(7445%) hue-rotate(2deg) brightness(106%) contrast(119%);
}
.xfilter-ghostwhite{
    filter: invert(100%) sepia(36%) saturate(3000%) hue-rotate(180deg) brightness(106%) contrast(104%);
}
.xfilter-whitesmoke{
    filter: invert(95%) sepia(74%) saturate(112%) hue-rotate(261deg) brightness(115%) contrast(92%);
}


.xdarkred {
    color:#8B0000
}
.xblack {
    color:#000000
}

.xyellow{
    background-color: yellow;
}
.xtrans{
    background-color: rgba(255, 255, 255, 0);
}
.xtransa{
    background-color: rgba(255, 255, 255, 0);
    color:rgba(255, 255, 255, 0);
}