/*Usage for basic SVG Icons Basic fdi ex: Change Size ex: */ /*Usage for Loaders fdi-box-loader ex: */ .fdi{ min-height: 10px; min-width: 10px; height: 20px; width: 20px; background-repeat: no-repeat; display: inline-block; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; } .fdi.fdi-pad{ padding:2px; } .fdi.fdi-xs{ width: 10px; height: 10px; } .fdi.fdi-sm{ width: 15px; height: 15px; } .fdi.fdi-md{ width: 25px; height: 25px; } .fdi.fdi-lg{ width: 35px; height: 35px; } .fdi.fdi-xl{ width: 45px; height: 45px; } .fdi.fdi-zoom:hover, .fa.fdi-zoom:hover{ cursor:pointer; -webkit-transform:scale(1.2); /* Safari and Chrome */ -moz-transform:scale(1.2); /* Firefox */ -ms-transform:scale(1.2); /* IE 9 */ -o-transform:scale(1.2); /* Opera */ transform:scale(1.2); } .fdi.fdi-toc { background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzMi43NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT50YWJsZSBvZiBjb250ZW50c2NoZWNrYm94IGZvciBtb2JpbGU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC4xNSIgeT0iMTguODkiIHdpZHRoPSIxMy44NSIgaGVpZ2h0PSIxMy44NSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iMTguODkiIHdpZHRoPSIxMy44NSIgaGVpZ2h0PSIxMy44NSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMjAuMTUiIHdpZHRoPSIxMy44NSIgaGVpZ2h0PSIxMy44NSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjEzLjg1IiBoZWlnaHQ9IjEzLjg1Ii8+PC9nPjwvZz48L3N2Zz4='); } .fdi.fdi-download { background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAyOS45OSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5kb3dubG9hZGNoZWNrYm94IGZvciBtb2JpbGU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjI5IDE2Ljk5IDI5IDI0Ljk5IDUgMjQuOTkgNSAxNi45OSAwIDE2Ljk5IDAgMjQuOTkgMCAyOS45OSA1IDI5Ljk5IDI5IDI5Ljk5IDM0IDI5Ljk5IDM0IDI0Ljk5IDM0IDE2Ljk5IDI5IDE2Ljk5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcuNzEsMTUuNjNsOC45My05LjEtNywuMDZjMC0yLjMxLDAtNC41NCwwLTYuNTlMMTUuMjUuMDVsLjE5LDYuNTktNi44My4wNloiLz48L2c+PC9nPjwvc3ZnPg=='); } .fdi.fdi-zoomin { background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT56b29tIGluY2hlY2tib3ggZm9yIG1vYmlsZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMjQgOS41IDE0LjUgOS41IDE0LjUgMCA5LjUgMCA5LjUgOS41IDAgOS41IDAgMTQuNSA5LjUgMTQuNSA5LjUgMjQgMTQuNSAyNCAxNC41IDE0LjUgMjQgMTQuNSAyNCA5LjUiLz48L2c+PC9nPjwvc3ZnPg=='); } .fdi.fdi-white-publish { background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik01IDR2MmgxNFY0SDV6bTAgMTBoNHY2aDZ2LTZoNGwtNy03LTcgN3oiLz4KPC9zdmc+'); } .fdi.fdi-zoomout { background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCA1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnpvb20gb3V0Y2hlY2tib3ggZm9yIG1vYmlsZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIyNCIgaGVpZ2h0PSI1Ii8+PC9nPjwvZz48L3N2Zz4='); } .fdi.fdi-fullscreen { background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMyAzMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5mdWxsc2NyZWVuY2hlY2tib3ggZm9yIG1vYmlsZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDEyLjc1LDQuOTQsNy44MWw0LjY0LDQuNjgsMy4wOC0zLjFMNy45Miw0LjgyLDEyLjc1LDBIMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMC4yNSwwbDQuOTQsNC45NEwyMC41Miw5LjU5bDMuMDcsMy4wNkwyOC4yMiw4LDMzLDEyLjc1VjBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjMuNDIsMjAuNTFsLTMuMDgsMy4xLDQuNzUsNC41N0wyMC4yNSwzM0gzM1YyMC4yNWwtNC45NCw0Ljk0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLjQ4LDIzLjQxLDkuNDEsMjAuMzYsNC43OCwyNSwwLDIwLjI1VjMzSDEyLjc1TDcuODEsMjguMDZaIi8+PC9nPjwvZz48L3N2Zz4=') } .fdi.fdi-leftarrow { background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi40IDI5LjI3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm5hdiBsZWZ0Y2hlY2tib3ggZm9yIG1vYmlsZTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTYuNCA2LjI1IDcuMjQgMTQuNzMgMTYuNCAyMi43OCAxNi40IDI5LjI3IDAgMTQuNTEgMTYuNCAwIDE2LjQgNi4yNSIvPjwvZz48L2c+PC9zdmc+'); } .fdi.fdi-rightarrow { background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi40IDI5LjI3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm5hdiByaWdodGNoZWNrYm94IGZvciBtb2JpbGU8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgMjMuMDMgOS4xNiAxNC41NCAwIDYuNDkgMCAwIDE2LjQgMTQuNzYgMCAyOS4yNyAwIDIzLjAzIi8+PC9nPjwvZz48L3N2Zz4='); } .fdi.fdi-tsimw{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlZDFjMjQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5JQ09OLVRTSU1XPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjExIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNCIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB5PSIxMyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNCIgeT0iMTMiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMiIvPjwvZz48L2c+PC9zdmc+'); } .fdi.fdi-remove{ background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.1' width='100%25' height='100%25' viewBox='0 0 47.5 47.5' id='svg2' xml:space='preserve'%3E%3Cmetadata id='metadata3051'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs6'%3E%3CclipPath id='clipPath18'%3E%3Cpath d='M 0,38 38,38 38,0 0,0 0,38 z' id='path20' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='matrix(1.25,0,0,-1.25,0,47.5)' id='g12' style='fill:%23cc0000;fill-opacity:1'%3E%3Cg id='g14' style='fill:%23cc0000;fill-opacity:1'%3E%3Cg clip-path='url(%23clipPath18)' id='g16' style='fill:%23cc0000;fill-opacity:1'%3E%3Cg transform='translate(37,5)' id='g22' style='fill:%23cc0000;fill-opacity:1'%3E%3Cpath d='m -32,32 c -2.209,0 -4,-1.791 -4,-4 l 0,-28 c 0,-2.209 1.791,-4 4,-4 l 28,0 c 2.209,0 4,1.791 4,4 l 0,28 c 0,2.209 -1.791,4 -4,4 l -28,0 z' id='path3837' style='fill:%23cc0000;fill-opacity:1;fill-rule:nonzero;stroke:none' /%3E%3Cpath d='m -28,26.5 c 0.64,0 1.262,-0.2365 1.75,-0.725 l 8.25,-8.25 8.225,8.25 c 0.977,0.977 2.574,0.977 3.55,0 0.977,-0.976 0.977,-2.574 0,-3.55 L -14.475,14 -6.225,5.75 c 0.977,-0.976 0.977,-2.548 0,-3.525 C -6.713,1.737 -7.361,1.5 -8,1.5 -8.64,1.5 -9.287,1.737 -9.775,2.225 L -18,10.45 -26.275,2.2 c -0.488,-0.489 -1.11,-0.725 -1.75,-0.725 -0.639,0 -1.287,0.236 -1.775,0.725 -0.977,0.976 -0.977,2.548 0,3.525 l 8.25,8.275 -8.225,8.225 c -0.976,0.976 -0.976,2.574 0,3.55 0.488,0.4885 1.135,0.725 1.775,0.725 z' id='path24' style='fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none' /%3E%3C/g%3E%3Cg transform='translate(22.5293,18.9937)' id='g26' style='fill:%23cc0000;fill-opacity:1' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); /*background:url("/on/demandware.static/Sites-floor-decor-Site/-/default/v1472666720348/acc-wizard2/icons/icon-images/ICON-remove.svg");*/ } .fdi.fdi-question{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOC44MSAyOC44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlYjIwMjc7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5JQ09OIFF1ZXN0aW9uPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTQuNDEiIGN5PSIxNC40MSIgcj0iMTQuNDEiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik05LjE0LDYuNDVBMTcuMzYsMTcuMzYsMCwwLDEsMTQsNS42NGMyLjg0LDAsNS42NCwxLjI2LDUuNjQsNC40MywwLDMuNDYtNC41LDQuODUtNC4yMSw4LjA5aC0zYTYuNDUsNi40NSwwLDAsMSwxLjgxLTQuNjVjLjkyLTEsMS44My0xLjc2LDEuODMtMywwLTEuNjMtMS40MS0yLjI1LTIuODQtMi4yNWE5LjM3LDkuMzcsMCwwLDAtMy44MSwxWm0zLjA5LDEzLjI4aDMuNDZWMjMuMkgxMi4yM1oiLz48L2c+PC9nPjwvc3ZnPg=='); /*background:url("/on/demandware.static/Sites-floor-decor-Site/-/default/v1472666720348/acc-wizard2/icons/icon-images/ICON Question.svg");*/ } .fdi.fdi-check{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyIDUyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij48Zz48cGF0aCBkPSJNMjYsMEMxMS42NjQsMCwwLDExLjY2MywwLDI2czExLjY2NCwyNiwyNiwyNnMyNi0xMS42NjMsMjYtMjZTNDAuMzM2LDAsMjYsMHogTTI2LDUwQzEyLjc2Nyw1MCwyLDM5LjIzMywyLDI2ICAgUzEyLjc2NywyLDI2LDJzMjQsMTAuNzY3LDI0LDI0UzM5LjIzMyw1MCwyNiw1MHoiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMzguMjUyLDE1LjMzNmwtMTUuMzY5LDE3LjI5bC05LjI1OS03LjQwN2MtMC40My0wLjM0NS0xLjA2MS0wLjI3NC0xLjQwNSwwLjE1NmMtMC4zNDUsMC40MzItMC4yNzUsMS4wNjEsMC4xNTYsMS40MDYgICBsMTAsOEMyMi41NTksMzQuOTI4LDIyLjc4LDM1LDIzLDM1YzAuMjc2LDAsMC41NTEtMC4xMTQsMC43NDgtMC4zMzZsMTYtMThjMC4zNjctMC40MTIsMC4zMy0xLjA0NS0wLjA4My0xLjQxMSAgIEMzOS4yNTEsMTQuODg1LDM4LjYyLDE0LjkyMiwzOC4yNTIsMTUuMzM2eiIgZmlsbD0iI0ZGRkZGRiIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4='); /*background:url("/on/demandware.static/Sites-floor-decor-Site/-/default/v1472666720348/acc-wizard2/icons/icon-images/check-white.svg");*/ } .fdi.fdi-print-white{ background-repeat: no-repeat; background-image:url:('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1NSA0NTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxyZWN0IHg9Ijc3LjUiIHk9IjcuNSIgd2lkdGg9IjMwMCIgaGVpZ2h0PSI2Mi41IiBmaWxsPSIjRkZGRkZGIi8+PHBhdGggZD0iTTkyLjUsNDQ3LjVoMjcwVjI1NWgtMjcwVjQ0Ny41eiBNMTI3LjUsMjk1aDIwMHYzMGgtMjAwVjI5NXogTTEyNy41LDM2NWgyMDB2MzBoLTIwMFYzNjV6IiBmaWxsPSIjRkZGRkZGIi8+PHBhdGggZD0iTTAsMTAwdjI4MGg2Mi41VjIyNWgzMzB2MTU1SDQ1NVYxMDBIMHogTTM3Ny41LDE3NWMtOC4yODQsMC0xNS02LjcxNi0xNS0xNWMwLTguMjg0LDYuNzE2LTE1LDE1LTE1czE1LDYuNzE2LDE1LDE1ICAgQzM5Mi41LDE2OC4yODQsMzg1Ljc4NCwxNzUsMzc3LjUsMTc1eiIgZmlsbD0iI0ZGRkZGRiIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4='); /*background:url("/on/demandware.static/Sites-floor-decor-Site/-/default/v1472666720348/acc-wizard2/icons/icon-images/print-white.svg");*/ } .fdi.fdi-print-lightgray{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1NSA0NTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxyZWN0IHg9Ijc3LjUiIHk9IjcuNSIgd2lkdGg9IjMwMCIgaGVpZ2h0PSI2Mi41IiBmaWxsPSIjY2NjY2NjIi8+PHBhdGggZD0iTTkyLjUsNDQ3LjVoMjcwVjI1NWgtMjcwVjQ0Ny41eiBNMTI3LjUsMjk1aDIwMHYzMGgtMjAwVjI5NXogTTEyNy41LDM2NWgyMDB2MzBoLTIwMFYzNjV6IiBmaWxsPSIjY2NjY2NjIi8+PHBhdGggZD0iTTAsMTAwdjI4MGg2Mi41VjIyNWgzMzB2MTU1SDQ1NVYxMDBIMHogTTM3Ny41LDE3NWMtOC4yODQsMC0xNS02LjcxNi0xNS0xNWMwLTguMjg0LDYuNzE2LTE1LDE1LTE1czE1LDYuNzE2LDE1LDE1ICAgQzM5Mi41LDE2OC4yODQsMzg1Ljc4NCwxNzUsMzc3LjUsMTc1eiIgZmlsbD0iI2NjY2NjYyIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4='); /*background:url("/on/demandware.static/Sites-floor-decor-Site/-/default/v1472666720348/acc-wizard2/icons/icon-images/print-lightgray.svg");*/ } .fdi.fdi-print-black{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1NSA0NTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cmVjdCB4PSI3Ny41IiB5PSI3LjUiIHdpZHRoPSIzMDAiIGhlaWdodD0iNjIuNSIvPjxwYXRoIGQ9Ik05Mi41LDQ0Ny41aDI3MFYyNTVoLTI3MFY0NDcuNXogTTEyNy41LDI5NWgyMDB2MzBoLTIwMFYyOTV6IE0xMjcuNSwzNjVoMjAwdjMwaC0yMDBWMzY1eiIvPjxwYXRoIGQ9Ik0wLDEwMHYyODBoNjIuNVYyMjVoMzMwdjE1NUg0NTVWMTAwSDB6IE0zNzcuNSwxNzVjLTguMjg0LDAtMTUtNi43MTYtMTUtMTVjMC04LjI4NCw2LjcxNi0xNSwxNS0xNXMxNSw2LjcxNiwxNSwxNQkJQzM5Mi41LDE2OC4yODQsMzg1Ljc4NCwxNzUsMzc3LjUsMTc1eiIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4='); /*background:url("/on/demandware.static/Sites-floor-decor-Site/-/default/v1472666720348/acc-wizard2/icons/icon-images/print-black.svg");*/ } .fdi.fdi-check-white{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyIDUyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij48Zz48cGF0aCBkPSJNMjYsMEMxMS42NjQsMCwwLDExLjY2MywwLDI2czExLjY2NCwyNiwyNiwyNnMyNi0xMS42NjMsMjYtMjZTNDAuMzM2LDAsMjYsMHogTTI2LDUwQzEyLjc2Nyw1MCwyLDM5LjIzMywyLDI2ICAgUzEyLjc2NywyLDI2LDJzMjQsMTAuNzY3LDI0LDI0UzM5LjIzMyw1MCwyNiw1MHoiIGZpbGw9IiNGRkZGRkYiLz48cGF0aCBkPSJNMzguMjUyLDE1LjMzNmwtMTUuMzY5LDE3LjI5bC05LjI1OS03LjQwN2MtMC40My0wLjM0NS0xLjA2MS0wLjI3NC0xLjQwNSwwLjE1NmMtMC4zNDUsMC40MzItMC4yNzUsMS4wNjEsMC4xNTYsMS40MDYgICBsMTAsOEMyMi41NTksMzQuOTI4LDIyLjc4LDM1LDIzLDM1YzAuMjc2LDAsMC41NTEtMC4xMTQsMC43NDgtMC4zMzZsMTYtMThjMC4zNjctMC40MTIsMC4zMy0xLjA0NS0wLjA4My0xLjQxMSAgIEMzOS4yNTEsMTQuODg1LDM4LjYyLDE0LjkyMiwzOC4yNTIsMTUuMzM2eiIgZmlsbD0iI0ZGRkZGRiIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4='); /*background:url("/on/demandware.static/Sites-floor-decor-Site/-/default/v1472666720348/acc-wizard2/icons/icon-images/check-white.svg");*/ } .fdi.fdi-check-lightgray{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyIDUyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij48Zz48cGF0aCBkPSJNMjYsMEMxMS42NjQsMCwwLDExLjY2MywwLDI2czExLjY2NCwyNiwyNiwyNnMyNi0xMS42NjMsMjYtMjZTNDAuMzM2LDAsMjYsMHogTTI2LDUwQzEyLjc2Nyw1MCwyLDM5LjIzMywyLDI2ICAgUzEyLjc2NywyLDI2LDJzMjQsMTAuNzY3LDI0LDI0UzM5LjIzMyw1MCwyNiw1MHoiIGZpbGw9IiNjY2NjY2MiLz48cGF0aCBkPSJNMzguMjUyLDE1LjMzNmwtMTUuMzY5LDE3LjI5bC05LjI1OS03LjQwN2MtMC40My0wLjM0NS0xLjA2MS0wLjI3NC0xLjQwNSwwLjE1NmMtMC4zNDUsMC40MzItMC4yNzUsMS4wNjEsMC4xNTYsMS40MDYgICBsMTAsOEMyMi41NTksMzQuOTI4LDIyLjc4LDM1LDIzLDM1YzAuMjc2LDAsMC41NTEtMC4xMTQsMC43NDgtMC4zMzZsMTYtMThjMC4zNjctMC40MTIsMC4zMy0xLjA0NS0wLjA4My0xLjQxMSAgIEMzOS4yNTEsMTQuODg1LDM4LjYyLDE0LjkyMiwzOC4yNTIsMTUuMzM2eiIgZmlsbD0iI2NjY2NjYyIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4='); /*background:url("/on/demandware.static/Sites-floor-decor-Site/-/default/v1472666720348/acc-wizard2/icons/icon-images/check-lightgray.svg");*/ } .fdi.fdi-pencil{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzVMMyAxNy4yNXpNMjAuNzEgNy4wNGMuMzktLjM5LjM5LTEuMDIgMC0xLjQxbC0yLjM0LTIuMzRjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC0xLjgzIDEuODMgMy43NSAzLjc1IDEuODMtMS44M3oiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+'); } .fdi.fdi-upload-white{ background-repeat: no-repeat; background-image:url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik05IDE2aDZ2LTZoNGwtNy03LTcgN2g0em0tNCAyaDE0djJINXoiLz4KPC9zdmc+'); } .fdi.fdi-circle-ball-loader{ background-repeat: no-repeat; background-image:url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA=='); } .fdi.fdi-trash-can{ background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjODA4MDgwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik02IDE5YzAgMS4xLjkgMiAyIDJoOGMxLjEgMCAyLS45IDItMlY3SDZ2MTJ6TTE5IDRoLTMuNWwtMS0xaC01bC0xIDFINXYyaDE0VjR6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg=='); } .fdi.fdi-view-list{ background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjODA4MDgwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik00IDE0aDR2LTRINHY0em0wIDVoNHYtNEg0djR6TTQgOWg0VjVINHY0em01IDVoMTJ2LTRIOXY0em0wIDVoMTJ2LTRIOXY0ek05IDV2NGgxMlY1SDl6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo='); } .fdi.fdi-view-list.fdi-red{ background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRUQxQzI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik00IDE0aDR2LTRINHY0em0wIDVoNHYtNEg0djR6TTQgOWg0VjVINHY0em01IDVoMTJ2LTRIOXY0em0wIDVoMTJ2LTRIOXY0ek05IDV2NGgxMlY1SDl6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo='); } .fdi.fdi-mpe-calculator.fdi-red{ background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTUuMDAwMDAwcHQiIGhlaWdodD0iNjIuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA1NS4wMDAwMDAgNjIuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+Cgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCw2Mi4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNFRDFDMjQiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0wIDMxMCBsMCAtMzEwIDI3NSAwIDI3NSAwIDAgMzEwIDAgMzEwIC0yNzUgMCAtMjc1IDAgMCAtMzEweiBtNDgwCjE1MCBsMCAtNjAgLTIwNSAwIC0yMDUgMCAwIDYwIDAgNjAgMjA1IDAgMjA1IDAgMCAtNjB6IG0tMzEwIC0xNjAgbDAgLTUwIC01MAowIC01MCAwIDAgNTAgMCA1MCA1MCAwIDUwIDAgMCAtNTB6IG0xNjAgMCBsMCAtNTAgLTUwIDAgLTUwIDAgMCA1MCAwIDUwIDUwIDAKNTAgMCAwIC01MHogbTE1MCAtNzAgbDAgLTEyMCAtNTAgMCAtNTAgMCAwIDEyMCAwIDEyMCA1MCAwIDUwIDAgMCAtMTIwegptLTMxMCAtNzAgbDAgLTUwIC01MCAwIC01MCAwIDAgNTAgMCA1MCA1MCAwIDUwIDAgMCAtNTB6IG0xNjAgMCBsMCAtNTAgLTUwIDAKLTUwIDAgMCA1MCAwIDUwIDUwIDAgNTAgMCAwIC01MHoiLz4KPC9nPgo8L3N2Zz4='); } .fdi.fdi-mpe-calculator{ background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTUuMDAwMDAwcHQiIGhlaWdodD0iNjIuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA1NS4wMDAwMDAgNjIuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+Cgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCw2Mi4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMwMDAwMDAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0wIDMxMCBsMCAtMzEwIDI3NSAwIDI3NSAwIDAgMzEwIDAgMzEwIC0yNzUgMCAtMjc1IDAgMCAtMzEweiBtNDgwCjE1MCBsMCAtNjAgLTIwNSAwIC0yMDUgMCAwIDYwIDAgNjAgMjA1IDAgMjA1IDAgMCAtNjB6IG0tMzEwIC0xNjAgbDAgLTUwIC01MAowIC01MCAwIDAgNTAgMCA1MCA1MCAwIDUwIDAgMCAtNTB6IG0xNjAgMCBsMCAtNTAgLTUwIDAgLTUwIDAgMCA1MCAwIDUwIDUwIDAKNTAgMCAwIC01MHogbTE1MCAtNzAgbDAgLTEyMCAtNTAgMCAtNTAgMCAwIDEyMCAwIDEyMCA1MCAwIDUwIDAgMCAtMTIwegptLTMxMCAtNzAgbDAgLTUwIC01MCAwIC01MCAwIDAgNTAgMCA1MCA1MCAwIDUwIDAgMCAtNTB6IG0xNjAgMCBsMCAtNTAgLTUwIDAKLTUwIDAgMCA1MCAwIDUwIDUwIDAgNTAgMCAwIC01MHoiLz4KPC9nPgo8L3N2Zz4K'); } /*usage ex: */ .fdi.fdi-box-loader { display: inline-block; width: 30px; height: 30px; position: relative; border: 4px solid #5f5f5f; top: 50%; animation: fdi-box-loader 2s infinite ease; } .fdi.fdi-box-loader.fdi-xs{ width: 10px; height: 10px; } .fdi.fdi-box-loader.fdi-sm{ width: 20px; height: 20px; } .fdi.fdi-box-loader.fdi-md{ width: 30px; height: 30px; } .fdi.fdi-box-loader.fdi-lg{ width: 50px; height: 50px; } .fdi.fdi-box-loader.fdi-xl{ width: 60px; height: 60px; } .fdi.fdi-box-loader .fdi-box-loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #5f5f5f; animation: fdi-box-loader-inner 2s infinite ease-in; } .fdi.fdi-box-loader.fdi-white { border: 4px solid white; } .fdi.fdi-box-loader.fdi-white .fdi-box-loader-inner { background-color: white; } @keyframes fdi-box-loader { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes fdi-box-loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } }