.flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .flag-icon:before { content: "\00a0"; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(https://www.salehoo.com/img/flags/4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ad.svg); } .flag-icon-ae { background-image: url(https://www.salehoo.com/img/flags/4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ae.svg); } .flag-icon-af { background-image: url(https://www.salehoo.com/img/flags/4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/af.svg); } .flag-icon-ag { background-image: url(https://www.salehoo.com/img/flags/4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ag.svg); } .flag-icon-ai { background-image: url(https://www.salehoo.com/img/flags/4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ai.svg); } .flag-icon-al { background-image: url(https://www.salehoo.com/img/flags/4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/al.svg); } .flag-icon-am { background-image: url(https://www.salehoo.com/img/flags/4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/am.svg); } .flag-icon-ao { background-image: url(https://www.salehoo.com/img/flags/4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ao.svg); } .flag-icon-aq { background-image: url(https://www.salehoo.com/img/flags/4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/aq.svg); } .flag-icon-ar { background-image: url(https://www.salehoo.com/img/flags/4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ar.svg); } .flag-icon-as { background-image: url(https://www.salehoo.com/img/flags/4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/as.svg); } .flag-icon-at { background-image: url(https://www.salehoo.com/img/flags/4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/at.svg); } .flag-icon-au { background-image: url(https://www.salehoo.com/img/flags/4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/au.svg); } .flag-icon-aw { background-image: url(https://www.salehoo.com/img/flags/4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/aw.svg); } .flag-icon-ax { background-image: url(https://www.salehoo.com/img/flags/4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ax.svg); } .flag-icon-az { background-image: url(https://www.salehoo.com/img/flags/4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/az.svg); } .flag-icon-ba { background-image: url(https://www.salehoo.com/img/flags/4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ba.svg); } .flag-icon-bb { background-image: url(https://www.salehoo.com/img/flags/4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bb.svg); } .flag-icon-bd { background-image: url(https://www.salehoo.com/img/flags/4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bd.svg); } .flag-icon-be { background-image: url(https://www.salehoo.com/img/flags/4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/be.svg); } .flag-icon-bf { background-image: url(https://www.salehoo.com/img/flags/4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bf.svg); } .flag-icon-bg { background-image: url(https://www.salehoo.com/img/flags/4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bg.svg); } .flag-icon-bh { background-image: url(https://www.salehoo.com/img/flags/4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bh.svg); } .flag-icon-bi { background-image: url(https://www.salehoo.com/img/flags/4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bi.svg); } .flag-icon-bj { background-image: url(https://www.salehoo.com/img/flags/4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bj.svg); } .flag-icon-bl { background-image: url(https://www.salehoo.com/img/flags/4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bl.svg); } .flag-icon-bm { background-image: url(https://www.salehoo.com/img/flags/4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bm.svg); } .flag-icon-bn { background-image: url(https://www.salehoo.com/img/flags/4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bn.svg); } .flag-icon-bo { background-image: url(https://www.salehoo.com/img/flags/4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bo.svg); } .flag-icon-bq { background-image: url(https://www.salehoo.com/img/flags/4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bq.svg); } .flag-icon-br { background-image: url(https://www.salehoo.com/img/flags/4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/br.svg); } .flag-icon-bs { background-image: url(https://www.salehoo.com/img/flags/4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bs.svg); } .flag-icon-bt { background-image: url(https://www.salehoo.com/img/flags/4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bt.svg); } .flag-icon-bv { background-image: url(https://www.salehoo.com/img/flags/4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bv.svg); } .flag-icon-bw { background-image: url(https://www.salehoo.com/img/flags/4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bw.svg); } .flag-icon-by { background-image: url(https://www.salehoo.com/img/flags/4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/by.svg); } .flag-icon-bz { background-image: url(https://www.salehoo.com/img/flags/4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/bz.svg); } .flag-icon-ca { background-image: url(https://www.salehoo.com/img/flags/4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ca.svg); } .flag-icon-cc { background-image: url(https://www.salehoo.com/img/flags/4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cc.svg); } .flag-icon-cd { background-image: url(https://www.salehoo.com/img/flags/4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cd.svg); } .flag-icon-cf { background-image: url(https://www.salehoo.com/img/flags/4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cf.svg); } .flag-icon-cg { background-image: url(https://www.salehoo.com/img/flags/4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cg.svg); } .flag-icon-ch { background-image: url(https://www.salehoo.com/img/flags/4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ch.svg); } .flag-icon-ci { background-image: url(https://www.salehoo.com/img/flags/4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ci.svg); } .flag-icon-ck { background-image: url(https://www.salehoo.com/img/flags/4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ck.svg); } .flag-icon-cl { background-image: url(https://www.salehoo.com/img/flags/4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cl.svg); } .flag-icon-cm { background-image: url(https://www.salehoo.com/img/flags/4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cm.svg); } .flag-icon-cn { background-image: url(https://www.salehoo.com/img/flags/4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cn.svg); } .flag-icon-co { background-image: url(https://www.salehoo.com/img/flags/4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/co.svg); } .flag-icon-cr { background-image: url(https://www.salehoo.com/img/flags/4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cr.svg); } .flag-icon-cu { background-image: url(https://www.salehoo.com/img/flags/4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cu.svg); } .flag-icon-cv { background-image: url(https://www.salehoo.com/img/flags/4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cv.svg); } .flag-icon-cw { background-image: url(https://www.salehoo.com/img/flags/4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cw.svg); } .flag-icon-cx { background-image: url(https://www.salehoo.com/img/flags/4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cx.svg); } .flag-icon-cy { background-image: url(https://www.salehoo.com/img/flags/4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cy.svg); } .flag-icon-cz { background-image: url(https://www.salehoo.com/img/flags/4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/cz.svg); } .flag-icon-de { background-image: url(https://www.salehoo.com/img/flags/4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/de.svg); } .flag-icon-dj { background-image: url(https://www.salehoo.com/img/flags/4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/dj.svg); } .flag-icon-dk { background-image: url(https://www.salehoo.com/img/flags/4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/dk.svg); } .flag-icon-dm { background-image: url(https://www.salehoo.com/img/flags/4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/dm.svg); } .flag-icon-do { background-image: url(https://www.salehoo.com/img/flags/4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/do.svg); } .flag-icon-dz { background-image: url(https://www.salehoo.com/img/flags/4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/dz.svg); } .flag-icon-ec { background-image: url(https://www.salehoo.com/img/flags/4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ec.svg); } .flag-icon-ee { background-image: url(https://www.salehoo.com/img/flags/4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ee.svg); } .flag-icon-eg { background-image: url(https://www.salehoo.com/img/flags/4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/eg.svg); } .flag-icon-eh { background-image: url(https://www.salehoo.com/img/flags/4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/eh.svg); } .flag-icon-er { background-image: url(https://www.salehoo.com/img/flags/4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/er.svg); } .flag-icon-es { background-image: url(https://www.salehoo.com/img/flags/4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/es.svg); } .flag-icon-et { background-image: url(https://www.salehoo.com/img/flags/4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/et.svg); } .flag-icon-fi { background-image: url(https://www.salehoo.com/img/flags/4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/fi.svg); } .flag-icon-fj { background-image: url(https://www.salehoo.com/img/flags/4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/fj.svg); } .flag-icon-fk { background-image: url(https://www.salehoo.com/img/flags/4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/fk.svg); } .flag-icon-fm { background-image: url(https://www.salehoo.com/img/flags/4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/fm.svg); } .flag-icon-fo { background-image: url(https://www.salehoo.com/img/flags/4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/fo.svg); } .flag-icon-fr { background-image: url(https://www.salehoo.com/img/flags/4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/fr.svg); } .flag-icon-ga { background-image: url(https://www.salehoo.com/img/flags/4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ga.svg); } .flag-icon-gbd, .flag-icon-gb { background-image: url(https://www.salehoo.com/img/flags/4x3/gb.svg); } .flag-icon-gbd.flag-icon-squared, .flag-icon-gb.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gb.svg); } .flag-icon-gd { background-image: url(https://www.salehoo.com/img/flags/4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gd.svg); } .flag-icon-ge { background-image: url(https://www.salehoo.com/img/flags/4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ge.svg); } .flag-icon-gf { background-image: url(https://www.salehoo.com/img/flags/4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gf.svg); } .flag-icon-gg { background-image: url(https://www.salehoo.com/img/flags/4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gg.svg); } .flag-icon-gh { background-image: url(https://www.salehoo.com/img/flags/4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gh.svg); } .flag-icon-gi { background-image: url(https://www.salehoo.com/img/flags/4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gi.svg); } .flag-icon-gl { background-image: url(https://www.salehoo.com/img/flags/4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gl.svg); } .flag-icon-gm { background-image: url(https://www.salehoo.com/img/flags/4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gm.svg); } .flag-icon-gn { background-image: url(https://www.salehoo.com/img/flags/4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gn.svg); } .flag-icon-gp { background-image: url(https://www.salehoo.com/img/flags/4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gp.svg); } .flag-icon-gq { background-image: url(https://www.salehoo.com/img/flags/4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gq.svg); } .flag-icon-gr { background-image: url(https://www.salehoo.com/img/flags/4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gr.svg); } .flag-icon-gs { background-image: url(https://www.salehoo.com/img/flags/4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gs.svg); } .flag-icon-gt { background-image: url(https://www.salehoo.com/img/flags/4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gt.svg); } .flag-icon-gu { background-image: url(https://www.salehoo.com/img/flags/4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gu.svg); } .flag-icon-gw { background-image: url(https://www.salehoo.com/img/flags/4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gw.svg); } .flag-icon-gy { background-image: url(https://www.salehoo.com/img/flags/4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gy.svg); } .flag-icon-hk { background-image: url(https://www.salehoo.com/img/flags/4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/hk.svg); } .flag-icon-hm { background-image: url(https://www.salehoo.com/img/flags/4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/hm.svg); } .flag-icon-hn { background-image: url(https://www.salehoo.com/img/flags/4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/hn.svg); } .flag-icon-hr { background-image: url(https://www.salehoo.com/img/flags/4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/hr.svg); } .flag-icon-ht { background-image: url(https://www.salehoo.com/img/flags/4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ht.svg); } .flag-icon-hu { background-image: url(https://www.salehoo.com/img/flags/4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/hu.svg); } .flag-icon-id { background-image: url(https://www.salehoo.com/img/flags/4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/id.svg); } .flag-icon-ie { background-image: url(https://www.salehoo.com/img/flags/4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ie.svg); } .flag-icon-il { background-image: url(https://www.salehoo.com/img/flags/4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/il.svg); } .flag-icon-im { background-image: url(https://www.salehoo.com/img/flags/4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/im.svg); } .flag-icon-in { background-image: url(https://www.salehoo.com/img/flags/4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/in.svg); } .flag-icon-io { background-image: url(https://www.salehoo.com/img/flags/4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/io.svg); } .flag-icon-iq { background-image: url(https://www.salehoo.com/img/flags/4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/iq.svg); } .flag-icon-ir { background-image: url(https://www.salehoo.com/img/flags/4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ir.svg); } .flag-icon-is { background-image: url(https://www.salehoo.com/img/flags/4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/is.svg); } .flag-icon-it { background-image: url(https://www.salehoo.com/img/flags/4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/it.svg); } .flag-icon-je { background-image: url(https://www.salehoo.com/img/flags/4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/je.svg); } .flag-icon-jm { background-image: url(https://www.salehoo.com/img/flags/4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/jm.svg); } .flag-icon-jo { background-image: url(https://www.salehoo.com/img/flags/4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/jo.svg); } .flag-icon-jp { background-image: url(https://www.salehoo.com/img/flags/4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/jp.svg); } .flag-icon-ke { background-image: url(https://www.salehoo.com/img/flags/4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ke.svg); } .flag-icon-kg { background-image: url(https://www.salehoo.com/img/flags/4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/kg.svg); } .flag-icon-kh { background-image: url(https://www.salehoo.com/img/flags/4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/kh.svg); } .flag-icon-ki { background-image: url(https://www.salehoo.com/img/flags/4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ki.svg); } .flag-icon-km { background-image: url(https://www.salehoo.com/img/flags/4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/km.svg); } .flag-icon-kn { background-image: url(https://www.salehoo.com/img/flags/4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/kn.svg); } .flag-icon-kp { background-image: url(https://www.salehoo.com/img/flags/4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/kp.svg); } .flag-icon-kr { background-image: url(https://www.salehoo.com/img/flags/4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/kr.svg); } .flag-icon-kw { background-image: url(https://www.salehoo.com/img/flags/4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/kw.svg); } .flag-icon-ky { background-image: url(https://www.salehoo.com/img/flags/4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ky.svg); } .flag-icon-kz { background-image: url(https://www.salehoo.com/img/flags/4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/kz.svg); } .flag-icon-la { background-image: url(https://www.salehoo.com/img/flags/4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/la.svg); } .flag-icon-lb { background-image: url(https://www.salehoo.com/img/flags/4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/lb.svg); } .flag-icon-lc { background-image: url(https://www.salehoo.com/img/flags/4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/lc.svg); } .flag-icon-li { background-image: url(https://www.salehoo.com/img/flags/4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/li.svg); } .flag-icon-lk { background-image: url(https://www.salehoo.com/img/flags/4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/lk.svg); } .flag-icon-lr { background-image: url(https://www.salehoo.com/img/flags/4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/lr.svg); } .flag-icon-ls { background-image: url(https://www.salehoo.com/img/flags/4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ls.svg); } .flag-icon-lt { background-image: url(https://www.salehoo.com/img/flags/4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/lt.svg); } .flag-icon-lu { background-image: url(https://www.salehoo.com/img/flags/4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/lu.svg); } .flag-icon-lv { background-image: url(https://www.salehoo.com/img/flags/4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/lv.svg); } .flag-icon-ly { background-image: url(https://www.salehoo.com/img/flags/4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ly.svg); } .flag-icon-ma { background-image: url(https://www.salehoo.com/img/flags/4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ma.svg); } .flag-icon-mc { background-image: url(https://www.salehoo.com/img/flags/4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mc.svg); } .flag-icon-md { background-image: url(https://www.salehoo.com/img/flags/4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/md.svg); } .flag-icon-me { background-image: url(https://www.salehoo.com/img/flags/4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/me.svg); } .flag-icon-mf { background-image: url(https://www.salehoo.com/img/flags/4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mf.svg); } .flag-icon-mg { background-image: url(https://www.salehoo.com/img/flags/4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mg.svg); } .flag-icon-mh { background-image: url(https://www.salehoo.com/img/flags/4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mh.svg); } .flag-icon-mk, .flag-icon-yu { background-image: url(https://www.salehoo.com/img/flags/4x3/mk.svg); } .flag-icon-mk.flag-icon-squared, .flag-icon-yu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mk.svg); } .flag-icon-ml { background-image: url(https://www.salehoo.com/img/flags/4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ml.svg); } .flag-icon-mm { background-image: url(https://www.salehoo.com/img/flags/4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mm.svg); } .flag-icon-mn { background-image: url(https://www.salehoo.com/img/flags/4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mn.svg); } .flag-icon-mo { background-image: url(https://www.salehoo.com/img/flags/4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mo.svg); } .flag-icon-mp { background-image: url(https://www.salehoo.com/img/flags/4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mp.svg); } .flag-icon-mq { background-image: url(https://www.salehoo.com/img/flags/4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mq.svg); } .flag-icon-mr { background-image: url(https://www.salehoo.com/img/flags/4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mr.svg); } .flag-icon-ms { background-image: url(https://www.salehoo.com/img/flags/4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ms.svg); } .flag-icon-mt { background-image: url(https://www.salehoo.com/img/flags/4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mt.svg); } .flag-icon-mu { background-image: url(https://www.salehoo.com/img/flags/4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mu.svg); } .flag-icon-mv { background-image: url(https://www.salehoo.com/img/flags/4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mv.svg); } .flag-icon-mw { background-image: url(https://www.salehoo.com/img/flags/4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mw.svg); } .flag-icon-mx { background-image: url(https://www.salehoo.com/img/flags/4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mx.svg); } .flag-icon-my { background-image: url(https://www.salehoo.com/img/flags/4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/my.svg); } .flag-icon-mz { background-image: url(https://www.salehoo.com/img/flags/4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/mz.svg); } .flag-icon-na { background-image: url(https://www.salehoo.com/img/flags/4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/na.svg); } .flag-icon-nc { background-image: url(https://www.salehoo.com/img/flags/4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/nc.svg); } .flag-icon-ne { background-image: url(https://www.salehoo.com/img/flags/4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ne.svg); } .flag-icon-nf { background-image: url(https://www.salehoo.com/img/flags/4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/nf.svg); } .flag-icon-ng { background-image: url(https://www.salehoo.com/img/flags/4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ng.svg); } .flag-icon-ni { background-image: url(https://www.salehoo.com/img/flags/4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ni.svg); } .flag-icon-nl { background-image: url(https://www.salehoo.com/img/flags/4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/nl.svg); } .flag-icon-no { background-image: url(https://www.salehoo.com/img/flags/4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/no.svg); } .flag-icon-np { background-image: url(https://www.salehoo.com/img/flags/4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/np.svg); } .flag-icon-nr { background-image: url(https://www.salehoo.com/img/flags/4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/nr.svg); } .flag-icon-nu { background-image: url(https://www.salehoo.com/img/flags/4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/nu.svg); } .flag-icon-nz { background-image: url(https://www.salehoo.com/img/flags/4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/nz.svg); } .flag-icon-om { background-image: url(https://www.salehoo.com/img/flags/4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/om.svg); } .flag-icon-pa { background-image: url(https://www.salehoo.com/img/flags/4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pa.svg); } .flag-icon-pe { background-image: url(https://www.salehoo.com/img/flags/4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pe.svg); } .flag-icon-pf { background-image: url(https://www.salehoo.com/img/flags/4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pf.svg); } .flag-icon-pg { background-image: url(https://www.salehoo.com/img/flags/4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pg.svg); } .flag-icon-ph { background-image: url(https://www.salehoo.com/img/flags/4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ph.svg); } .flag-icon-pk { background-image: url(https://www.salehoo.com/img/flags/4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pk.svg); } .flag-icon-pl { background-image: url(https://www.salehoo.com/img/flags/4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pl.svg); } .flag-icon-pm { background-image: url(https://www.salehoo.com/img/flags/4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pm.svg); } .flag-icon-pn { background-image: url(https://www.salehoo.com/img/flags/4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pn.svg); } .flag-icon-pr { background-image: url(https://www.salehoo.com/img/flags/4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pr.svg); } .flag-icon-ps { background-image: url(https://www.salehoo.com/img/flags/4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ps.svg); } .flag-icon-pt { background-image: url(https://www.salehoo.com/img/flags/4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pt.svg); } .flag-icon-pw { background-image: url(https://www.salehoo.com/img/flags/4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/pw.svg); } .flag-icon-py { background-image: url(https://www.salehoo.com/img/flags/4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/py.svg); } .flag-icon-qa { background-image: url(https://www.salehoo.com/img/flags/4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/qa.svg); } .flag-icon-re { background-image: url(https://www.salehoo.com/img/flags/4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/re.svg); } .flag-icon-ro { background-image: url(https://www.salehoo.com/img/flags/4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ro.svg); } .flag-icon-rs { background-image: url(https://www.salehoo.com/img/flags/4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/rs.svg); } .flag-icon-ru { background-image: url(https://www.salehoo.com/img/flags/4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ru.svg); } .flag-icon-rw { background-image: url(https://www.salehoo.com/img/flags/4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/rw.svg); } .flag-icon-sa { background-image: url(https://www.salehoo.com/img/flags/4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sa.svg); } .flag-icon-sb { background-image: url(https://www.salehoo.com/img/flags/4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sb.svg); } .flag-icon-sc { background-image: url(https://www.salehoo.com/img/flags/4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sc.svg); } .flag-icon-sd { background-image: url(https://www.salehoo.com/img/flags/4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sd.svg); } .flag-icon-se { background-image: url(https://www.salehoo.com/img/flags/4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/se.svg); } .flag-icon-sg { background-image: url(https://www.salehoo.com/img/flags/4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sg.svg); } .flag-icon-sh { background-image: url(https://www.salehoo.com/img/flags/4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sh.svg); } .flag-icon-si { background-image: url(https://www.salehoo.com/img/flags/4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/si.svg); } .flag-icon-sj { background-image: url(https://www.salehoo.com/img/flags/4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sj.svg); } .flag-icon-sk { background-image: url(https://www.salehoo.com/img/flags/4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sk.svg); } .flag-icon-sl { background-image: url(https://www.salehoo.com/img/flags/4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sl.svg); } .flag-icon-sm { background-image: url(https://www.salehoo.com/img/flags/4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sm.svg); } .flag-icon-sn { background-image: url(https://www.salehoo.com/img/flags/4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sn.svg); } .flag-icon-so { background-image: url(https://www.salehoo.com/img/flags/4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/so.svg); } .flag-icon-sr { background-image: url(https://www.salehoo.com/img/flags/4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sr.svg); } .flag-icon-ss { background-image: url(https://www.salehoo.com/img/flags/4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ss.svg); } .flag-icon-st { background-image: url(https://www.salehoo.com/img/flags/4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/st.svg); } .flag-icon-sv { background-image: url(https://www.salehoo.com/img/flags/4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sv.svg); } .flag-icon-sx { background-image: url(https://www.salehoo.com/img/flags/4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sx.svg); } .flag-icon-sy { background-image: url(https://www.salehoo.com/img/flags/4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sy.svg); } .flag-icon-sz { background-image: url(https://www.salehoo.com/img/flags/4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/sz.svg); } .flag-icon-tc { background-image: url(https://www.salehoo.com/img/flags/4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tc.svg); } .flag-icon-td { background-image: url(https://www.salehoo.com/img/flags/4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/td.svg); } .flag-icon-tf { background-image: url(https://www.salehoo.com/img/flags/4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tf.svg); } .flag-icon-tg { background-image: url(https://www.salehoo.com/img/flags/4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tg.svg); } .flag-icon-th { background-image: url(https://www.salehoo.com/img/flags/4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/th.svg); } .flag-icon-tj { background-image: url(https://www.salehoo.com/img/flags/4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tj.svg); } .flag-icon-tk { background-image: url(https://www.salehoo.com/img/flags/4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tk.svg); } .flag-icon-tl { background-image: url(https://www.salehoo.com/img/flags/4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tl.svg); } .flag-icon-tm { background-image: url(https://www.salehoo.com/img/flags/4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tm.svg); } .flag-icon-tn { background-image: url(https://www.salehoo.com/img/flags/4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tn.svg); } .flag-icon-to { background-image: url(https://www.salehoo.com/img/flags/4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/to.svg); } .flag-icon-tr { background-image: url(https://www.salehoo.com/img/flags/4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tr.svg); } .flag-icon-tt { background-image: url(https://www.salehoo.com/img/flags/4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tt.svg); } .flag-icon-tv { background-image: url(https://www.salehoo.com/img/flags/4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tv.svg); } .flag-icon-tw { background-image: url(https://www.salehoo.com/img/flags/4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tw.svg); } .flag-icon-tz { background-image: url(https://www.salehoo.com/img/flags/4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/tz.svg); } .flag-icon-ua { background-image: url(https://www.salehoo.com/img/flags/4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ua.svg); } .flag-icon-ug { background-image: url(https://www.salehoo.com/img/flags/4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ug.svg); } .flag-icon-um { background-image: url(https://www.salehoo.com/img/flags/4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/um.svg); } .flag-icon-usa, .flag-icon-us { background-image: url(https://www.salehoo.com/img/flags/4x3/us.svg); } .flag-icon-usa.flag-icon-squared, .flag-icon-us.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/us.svg); } .flag-icon-uy { background-image: url(https://www.salehoo.com/img/flags/4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/uy.svg); } .flag-icon-uz { background-image: url(https://www.salehoo.com/img/flags/4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/uz.svg); } .flag-icon-va { background-image: url(https://www.salehoo.com/img/flags/4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/va.svg); } .flag-icon-vc { background-image: url(https://www.salehoo.com/img/flags/4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/vc.svg); } .flag-icon-ve { background-image: url(https://www.salehoo.com/img/flags/4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ve.svg); } .flag-icon-vg { background-image: url(https://www.salehoo.com/img/flags/4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/vg.svg); } .flag-icon-usv, .flag-icon-vi { background-image: url(https://www.salehoo.com/img/flags/4x3/vi.svg); } .flag-icon-usv.flag-icon-squared, .flag-icon-vi.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/vi.svg); } .flag-icon-vn { background-image: url(https://www.salehoo.com/img/flags/4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/vn.svg); } .flag-icon-vu { background-image: url(https://www.salehoo.com/img/flags/4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/vu.svg); } .flag-icon-wf { background-image: url(https://www.salehoo.com/img/flags/4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/wf.svg); } .flag-icon-ws { background-image: url(https://www.salehoo.com/img/flags/4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ws.svg); } .flag-icon-ye { background-image: url(https://www.salehoo.com/img/flags/4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/ye.svg); } .flag-icon-yt { background-image: url(https://www.salehoo.com/img/flags/4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/yt.svg); } .flag-icon-za { background-image: url(https://www.salehoo.com/img/flags/4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/za.svg); } .flag-icon-zm { background-image: url(https://www.salehoo.com/img/flags/4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/zm.svg); } .flag-icon-zw { background-image: url(https://www.salehoo.com/img/flags/4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/zw.svg); } .flag-icon-es-ct { background-image: url(https://www.salehoo.com/img/flags/4x3/es-ct.svg); } .flag-icon-es-ct.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/es-ct.svg); } .flag-icon-eu { background-image: url(https://www.salehoo.com/img/flags/4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/eu.svg); } .flag-icon-gb-eng { background-image: url(https://www.salehoo.com/img/flags/4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gb-eng.svg); } .flag-icon-gb-nir { background-image: url(https://www.salehoo.com/img/flags/4x3/gb-nir.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gb-nir.svg); } .flag-icon-gbc, .flag-icon-gb-sct { background-image: url(https://www.salehoo.com/img/flags/4x3/gb-sct.svg); } .flag-icon-gbc.flag-icon-squared, .flag-icon-gb-sct.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gb-sct.svg); } .flag-icon-gb-wls { background-image: url(https://www.salehoo.com/img/flags/4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/gb-wls.svg); } .flag-icon-un { background-image: url(https://www.salehoo.com/img/flags/4x3/un.svg); } .flag-icon-un.flag-icon-squared { background-image: url(https://www.salehoo.com/img/flags/1x1/un.svg); } /* Wed, 20 Mar 2019 00:25:15 GMT flag-icon */ meta.foundation-version { font-family: "/5.5.2/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; } meta.foundation-data-attribute-namespace { font-family: false; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } /* .left { float: left !important; } .right { float: right !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .invisible { visibility: hidden; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } */ /* Foundation Joyride */ .joyride-list { display: none; } /* Default styles for the container */ .joyride-tip-guide { background: #374359; color: #FFFFFF; display: none; position: absolute; top: 53px !important; width: 95%; z-index: 103; left: 15px !important; margin-top:9px; border-radius: 4px; min-width:660px; } .lt-ie9 .joyride-tip-guide { margin-left: -400px; max-width: 800px; left: 50%; } .joyride-content-wrapper { padding: 18px 70px 18px 20px; width: 100%; } .joyride-content-wrapper .button { margin-bottom: 0 !important; width: auto; padding: 0 7px; font-size: 10px; text-decoration: none; color: #374359; background: #fff; outline: none; border: 0; display:inline-block; text-transform:uppercase; position: absolute; right: 30px; top: 16px; } .joyride-content-wrapper .button:hover { background:#d5d7dc; } .joyride-content-wrapper .joyride-prev-tip { margin-right: 10px; } .joyride-content-wrapper .joyride-prev-tip { background:none; border:1px solid #3e3e3e; color:#666; } .joyride-content-wrapper .joyride-prev-tip:hover { background:none; color:#ccc; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ .joyride-tip-guide .joyride-nub { border: 10px solid #333333; display: block; height: 0; position: absolute; width: 0; left: 22px; } .joyride-tip-guide .joyride-nub.top { border-color: #374359; border-top-color: transparent !important; border-top-style: solid; border-left-color: transparent !important; border-right-color: transparent !important; top: -20px; } .joyride-tip-guide .joyride-nub.bottom { border-color: #374359 !important; border-bottom-color: transparent !important; border-bottom-style: solid; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; } .joyride-tip-guide .joyride-nub.right { right: -20px; } .joyride-tip-guide .joyride-nub.left { left: -20px; } /* Typography */ .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { color: #FFFFFF; font-weight: bold; line-height: 1.25; margin: 0; } .joyride-tip-guide p { font-size: 15px; line-height: 1.4; margin: 0; font-weight: 500; letter-spacing: 0; } .joyride-timer-indicator-wrap { border: solid 1px #555555; bottom: 1rem; height: 3px; position: absolute; width: 50px; right: 1.0625rem; } .joyride-timer-indicator { background: #666666; display: block; height: inherit; width: 0; } .joyride-close-tip { color: #fff !important; font-size: 16px; font-weight: 100; line-height: .5 !important; position: absolute; text-decoration: none; top: 23px; right: 12px; } .joyride-close-tip:hover, .joyride-close-tip:focus { color: #fff !important; text-decoration:none; } .joyride-modal-bg { background: rgba(255, 255, 255, 0.5); display: none; height: 100%; position: fixed; top: 0; width: 100%; z-index: 102; left: 0; } .joyride-expose-wrapper { background-color: #FFFFFF; border-radius: 3px; box-shadow: 0 0 15px #FFFFFF; position: absolute; z-index: 102; } .joyride-expose-cover { background: transparent; border-radius: 3px; left: 0; position: absolute; top: 0; z-index: 9999; } .joyride-tip-guide { width: 300px; left: inherit; } .joyride-tip-guide .joyride-nub.bottom { border-color: #374359 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; } .joyride-tip-guide .joyride-nub.right { border-color: #374359 !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-top-color: transparent !important; left: auto; right: -20px; top: 22px; } .joyride-tip-guide .joyride-nub.left { border-color: #374359 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; left: -20px; right: auto; top: 22px; } /** Data Attributes STyle **/ div[data-index="1"].joyride-tip-guide { left: 290px !important; } div[data-index="2"].joyride-tip-guide { left: inherit !important; right: 15px; } div[data-index="2"].joyride-tip-guide .joyride-nub { left: 180px; } div[data-index="3"].joyride-tip-guide { left: inherit !important; right: 35px; } div[data-index="3"].joyride-tip-guide .joyride-nub { left: inherit; right: 270px; } div[data-index="4"].joyride-tip-guide { left: inherit !important; right: 25px; min-width: 560px; } div[data-index="4"].joyride-tip-guide .joyride-nub { left: inherit; right: 120px; } div[data-index="5"].joyride-tip-guide { left: inherit !important; right: 15px; min-width: 500px; } div[data-index="5"].joyride-tip-guide .joyride-nub { left: inherit; right: 55px; } div[data-index="5"].joyride-tip-guide .joyride-close-tip { display: none; } div[data-index="5"].joyride-tip-guide .joyride-content-wrapper .button { right:12px; } @media (min-width: 1200px) { div[data-index="1"].joyride-tip-guide { left: 290px !important; } div[data-index="2"].joyride-tip-guide { left: 390px !important; } div[data-index="2"].joyride-tip-guide .joyride-nub { left: 222px; } div[data-index="3"].joyride-tip-guide .joyride-nub { left: inherit; right: 230px; } div[data-index="4"].joyride-tip-guide .joyride-nub { left: inherit; right: 90px; } div[data-index="5"].joyride-tip-guide .joyride-nub { left: inherit; right: 35px; } } @media (min-width: 768px) and (max-width: 979px) { div[data-index="0"].joyride-tip-guide, div[data-index="1"].joyride-tip-guide, div[data-index="2"].joyride-tip-guide, div[data-index="3"].joyride-tip-guide, div[data-index="4"].joyride-tip-guide, div[data-index="5"].joyride-tip-guide { left:15px !important; margin-top: 10px !important; } div[data-index="1"].joyride-tip-guide { margin-top:60px !important; } div[data-index="2"].joyride-tip-guide { margin-top: 60px !important; } div[data-index="2"].joyride-tip-guide .joyride-nub { left: 422px !important; } div[data-index="3"].joyride-tip-guide, div[data-index="4"].joyride-tip-guide, div[data-index="5"].joyride-tip-guide { margin-top: 130px !important; } div[data-index="3"].joyride-tip-guide .joyride-nub { left: 100px !important; right: inherit !important; } div[data-index="4"].joyride-tip-guide .joyride-nub { left: 210px !important; right: inherit !important; } div[data-index="5"].joyride-tip-guide { left:inherit !important; } div[data-index="5"].joyride-tip-guide .joyride-nub { left: inherit !important; right: 10px !important; } } @media (max-width: 767px) { } @media (max-width: 480px) { } /* Tue, 13 Nov 2018 21:25:15 GMT foundation */ /*! * IE10 viewport hack for Surface/desktop Windows 8 bug * Copyright 2014-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /* * See the Getting Started docs for more information: * http://getbootstrap.com/getting-started/#support-ie10-width */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* Thu, 4 Aug 2016 02:40:40 GMT ie10-viewport-bug-workaround */ body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; color: #252525; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Poppins', sans-serif; } h1, .h1 { font-size: 48px; line-height: 60px } h2, .h2 { font-size: 32px; line-height: 48px; } h3, .h3 { font-size: 21px; line-height: 34px; } h4, .h4 { font-size: 18px; line-height: 30px; } h5, .h5 { font-size: 16px; line-height: 28px; } h6, .h6 { font-size: 14px; line-height: 28px; } h6.name-testi { color:#252525; line-height:18px; } img[data-src], img[data-srcset] { min-height: 1px; min-width: 1px; } .bannerTop { text-align: center; } .bannerTop img { max-width: 100%; max-height: 60px; /*resize banner image to max-height:60px*/ } .topbar { font-size: 11px; background: #374359; min-height: 24px; } .topnav .header { height: 62px; border-bottom: 1px solid #eaeaea; } .topbar ul { margin-bottom: 0px; } .topbar .list-inline>li { padding-right: 0; padding-left: 16px; } .topbar a { color: #c4cbd9; letter-spacing: 0; } .topbar a:hover, .topbar a:focus { color: #fff; text-decoration: none; } .topbar a.dropdown-toggle .caret { margin-left: 0; margin-top: -3px; opacity: .9; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .topbar a.dropdown-toggle .flag-icon { width: 1.6em; margin-left: 7px; } .topnav .header li.menu-item .user { width: 29px; height: 29px; display: inline-block; vertical-align: middle; position: relative; } .topnav .header li.menu-item .user img { border-radius: 29px; margin-top: -2px; border: 1px solid rgba(0, 0, 0, .1); } .topbar a.dropdown-toggle:hover .caret { opacity: 1; } .topbar .dropdown-menu.contact-drop { min-width: 220px; padding-bottom: 5px; } .topbar .dropdown-menu.contact-drop .contact-lead-top { font-weight: 500; color: #6c757d; margin-bottom: 12px; padding: 7px 15px 7px; } .topbar .dropdown-menu { background: #fff; border: 1px solid #e3ebf1; box-shadow: 0 20px 50px rgb(82 109 122 / 10%); } .topbar .dropdown-menu.contact-drop svg { width: 16px; height: 25px; margin-right: 4px; } .topbar .dropdown-menu.contact-drop .rw { margin: 4px 0; } .topbar .dropdown-menu.topnvr-drop { min-width: 270px; padding: 16px; } .topbar .dropdown-menu.topnvr-drop .form-group input.form-control { border: 1px solid #ced4da; font-size: 14px; padding: 8.6px 12px; } .topbar .dropdown-menu.topnvr-drop .form-group:first-child { margin-bottom: 15px; } .topbar .dropdown-menu.topnvr-drop .checkbox label, .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a, .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a:hover { font-size: 13px; font-weight: 500; color: #212529; } .topbar .dropdown-menu.topnvr-drop .checkbox { margin-bottom: 16px; } .topbar .dropdown-menu.topnvr-drop .checkbox label { padding-left: 25px; } .topbar .dropdown-menu.topnvr-drop input[type="checkbox"] { margin-left: -25px; top: 4px; } .dropdown-menu.topnvr-drop input[type="checkbox"]:checked::after { top: -4px; } .topbar .dropdown-menu.topnvr-drop fieldset span.help-block { margin: 15px 0 0; } .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a, .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a:hover { font-weight: 600; } .topbar .topnvr-drop .btn-green { background-color: #00cb5b; border-color: #00cb5b; font-size: 13px; padding: 6px 12px; line-height: 1.5; border-radius: 0.2rem; } /*Breadcrump*/ .bcrumb { color: #4b4c49; font-size: 11.5px; line-height: 18px; padding-top: 4px; } .bcrumb a, .bcrumb a span { color: #ea3745; } .bcrumb span { color: #c1c1c1; } .optionav .btn.btn-sm { font-size: 10px; color: #bfbdba; padding: 8px 20px 9px; border-radius: 3px; } .optionav .btn.btn-sm:hover, .optionav .btn.btn-sm:focus, .optionav .btn.btn-sm.active { color: #fff; background: #59c03c; border: 1px solid #59c03c; outline: none; -webkit-box-shadow: none; box-shadow: none; } .optionav img { max-height: 23px; } .optionav ul { margin: 0; } .optionav ul>li { padding-right: 0; } .optionav ul>li.save { position: relative; } h2.bcrumbgrey { color: #8b8d92; } /*Bar nav*/ .barnav { border-bottom: 1px solid #eaeaea; padding: 11px 0; position: relative; min-height: 57px; z-index: 5; } .barnav.sub { border-top: 1px solid #e5e2dc; } .barnav h2 { font-size: 16px; margin: 0; line-height: 32px; margin-bottom: 2px; font-weight: 400; } .barnav .form-group { margin-bottom: 0; margin-top: 3px; } .barnav .btn-group { line-height: 0; } .barnav.affix { position: fixed; background-color: #fff; top: 0; width: 100%; z-index: 998; } .barnav ul.legend { font-size: 10px; color: #9f9f9f; float: right; margin-top: -25px; } .barnav ul.legend li { padding-left: 15px; } .barnav ul.legend li ul li { padding-left: 5px; padding-right: 0 } .barnav ul.legend li span { width: 8px; height: 8px; display: inline-block; } .barnav ul.legend li span.sell-rate { background: #f95f76; } .barnav ul.legend li span.competitors { background: #57698c; } .barnav ul.legend li span.average-price { background: #cccccc; } .barnav ul.legend li img { max-height: 15px; vertical-align: sub; } .barnav ul.legend li.active img.active, .barnav ul.legend li img.notactive { display: inline-block; } .barnav ul.legend li.active img.notactive, .barnav ul.legend li img.active { display: none; } .barnav-searchform { float: right; min-width: 220px; } .barnav-searchform .form-control.searchform { /*background: url(../img/support-icons.png) no-repeat; background-size: 36px; background-position: 99% -340px;*/ background-image: url(https://www.salehoo.com/img/lb-ico-search.png); background-repeat: no-repeat; background-position: 95% center; background-size: 15px; font-size: 14px; letter-spacing: .5px; } .barnav .backslash { font-size: 13px; line-height: 13px; display: inline-block; vertical-align: middle; } /*Login Dropdown Top nav*/ .dropdown-menu.topnvr-drop { left: inherit; right: 0; margin-top: 0; padding: 20px 20px 15px; text-transform: none; min-width: 250px; line-height: 22px; text-align: left; border-top: none; } .dropdown-menu.topnvr-drop .form-group { margin-bottom: 10px; } .dropdown-menu.topnvr-drop .form-group input.form-control { font-size: 12px; min-height: 34px; } .dropdown-menu.topnvr-drop .checkbox label { font-size: 11px; color: #999; } .dropdown-menu.topnvr-drop input[type="checkbox"] { top: 3px; width: 16px; height: 15px; } .dropdown-menu.topnvr-drop input[type=checkbox]:checked::after { top: -2px; left: 3px; } .dropdown-menu.topnvr-drop fieldset span.help-block a, .dropdown-menu.topnvr-drop fieldset span.help-block a:hover { font-size: 11px; color: #506ca0; } .dropdown-menu.topnvr-drop fieldset span.help-block a:hover { text-decoration: underline; } /*Dropdown video help*/ .dropdown-menu.get-help-drop { left: 50%; right: auto; transform: translate(-50%, 0); background: #ffffff; border: 1px solid #e5e2dc; text-transform: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 12px; font-size: 12px; padding: 0; min-width: 304px; max-width: 304px; } .dropdown-menu.get-help-drop:after, .dropdown-menu.get-help-drop:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropdown-menu.get-help-drop:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } .dropdown-menu.get-help-drop:before { border-color: rgba(229, 226, 220, 0); border-bottom-color: #e5e2dc; border-width: 8px; margin-left: -8px; } .dropdown-menu.get-help-drop>li:nth-child(odd) { background: #f9f9f8; } .dropdown-menu.get-help-drop>li:nth-child(even) { background: #fff; } .dropdown-menu.get-help-drop ul { margin: 0; } .dropdown-menu.get-help-drop li a { padding: 6px 15px; white-space: normal; } .dropdown-menu.get-help-drop li a:hover { background-color: transparent; text-decoration: underline; } .dropdown-menu.get-help-drop li.playing a { font-weight: 600; } .dropdown-menu.get-help-drop li.playing a:hover { text-decoration: none; } .dropdown-menu.get-help-drop li.playing span { font-size: 10px; color: #a0a0a0; } .dropdown-menu.get-help-drop li.video { background: #fff; } .dropdown-menu.get-help-drop li.video .screen { background: #f0f0f0; height: 165px; margin: 15px; margin-bottom: 0; position: relative; } .mobnav .dropdown-menu.get-help-drop li.video .screen { height: auto; } .dropdown-menu.get-help-drop li.video .flowplayer .fp-fullscreen { width: 48px; height: 48px; position: absolute; top: 0; right: 0; background: none; } .dropdown-menu.get-help-drop li.video .flowplayer .fp-mute { padding: 0; } .dropdown-menu.get-help-drop li.video .screen a { position: absolute; width: 100%; height: 100%; background: url(https://www.salehoo.com/img/lb-ico-play.png) no-repeat center; background-size: 48px; } .dropdown-menu.get-help-drop li.more a { font-size: 10px; color: #737373; padding-bottom: 15px; } .dropdown-menu.contact-drop { left: inherit; right: 0; margin-top: 0; border-top: none; padding: 10px 15px 15px; text-transform: none; min-width: 250px; line-height: 22px; } .dropdown-menu.contact-drop a { color: #333; } .dropdown-menu.contact-drop a:hover { text-decoration: underline; } .dropdown-menu.contact-drop strong { font-weight: 600; } .dropdown-menu.contact-drop .rw {} .dropdown-menu.contact-drop .rw img { max-height: 13px; margin-right: 7px; } .dropdown-menu.contact-drop .timeorcon { margin-bottom: 7px; } .dropdown-menu.contact-drop.updatever2_1 { min-width: 280px; } .dropdown-menu.contact-drop.updatever2_1 .contact-lead-top { font-family: 'Poppins', sans-serif; margin: -10px -15px 4px; font-weight: 400; font-size: 12px; color: #686a6b; background-color: #f0f3f7; padding: 8px 15px 6px; } .logo { float: left; position: relative; z-index: 1; } .logo a { display: inline-block; width: 147px; line-height: 62px; } .logo img { width: 100%; vertical-align: middle; } .logo a svg { width: 147px; height: 62px; } .logo-footer img { max-height: 20px; } .topnav .header ul.menu { text-align: right; margin-top: 17px; position: relative; } .topnav .header ul.menu li.menu-item { display: inline-block; opacity: 1; margin-left: 15px; text-transform: uppercase; position: relative; } .topnav .header ul.menu li.menu-item.profile-top .badge { position: absolute; left: -6px; top: -6px; background-color: #f43f4e; width: 17px; height: 17px; border-radius: 17px; font-size: 7px; text-align: center; line-height: 1; padding: 3px 0 0; font-weight: 400; border: 2px solid #fff; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu .badge { position: relative; left: 0; top: -1px; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-toggle { padding: 0; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu { min-width: 150px; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li a, .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li span.slctl { font-size: 11px; padding: 7px 16px 7px 16px; line-height: 1.42857143; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li span.slctl { display: block; color: #515151; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li ul.swtchdb {} .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li ul.swtchdb li { border: 0; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li ul.swtchdb li a { padding-left: 24px; display: block; padding: 2px 16px 3px 30px; color: #777777; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; font-size: 11px; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li ul.swtchdb li.active a, .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li ul.swtchdb li a:hover { background-image: url(https://www.salehoo.com/img/ico-check-green.svg); background-repeat: no-repeat; background-position: 16px 6px; color: #515151; background-color: #f8f8f9; } .header .caret { opacity: 0.3; margin-left: 2px; margin-top: -2px; border-right: 3px solid transparent; border-left: 3px solid transparent; } .topnav .header ul.menu li.menu-item a { color: #333; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 0 7px 1px; border: 1px solid transparent; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .topnav .header ul.menu .divider { height: 1px; margin: 5px 0 15px; overflow: hidden; background-color: #fff; opacity: .3; } .topnav .header ul.menu li.menu-item ul.dropdown-menu li a { padding: 11px 40px 11px 16px; color: #515151; font-size: 12px; font-weight: 400; } .topnav .header ul.menu li.menu-item ul.dropdown-menu li a:hover { color: #e34551; } .header ul.menu li.menu-item:hover .dropdown-menu { display: block; } .header ul.menu .dropdown-menu li { border-bottom: 1px solid #ededed; } .header ul.menu .dropdown-menu li:last-child { border: 0; } .topnav .header ul.menu li.menu-item a:hover, .topnav .header ul.menu li.menu-item.active a, .topnav .header ul.menu li.menu-item a:focus { color: #e34551; text-decoration: none; background: none; } .header ul.menu .dropdown-menu { display: block; opacity: 0; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -ms-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; visibility: hidden; } .header ul.menu .dropdown-toggle.open .dropdown-menu, .header ul.menu li.menu-item:hover .dropdown-menu { display: block; opacity: 1; visibility: visible; -transform-origin: 0 0; transform: scale(1) translate(-48%, 0); } .header ul.menu .dropdown-menu { border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); box-shadow: 0 1px 1px rgba(0, 0, 0, .1); border: 1px solid #cccdd1; padding: 0; left: 50%; right: auto; transform: scale(.9) translate(-48%, 0); min-width: 200px; margin-top: 0px; } .header ul.menu .dropdown-menu:after, .header ul.menu .dropdown-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .header ul.menu .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } .header ul.menu .dropdown-menu:before { border-color: rgba(204, 205, 209, 0); border-bottom-color: #cccdd1; border-width: 8px; margin-left: -8px; } .header .dropdown-menu img { max-height: 44px; max-height: 15px; margin-right: 7px; vertical-align: bottom; } .header .dropdown-menu a:hover img, .header .dropdown-menu a.active img { opacity: 1; } .header .dropdown-menu img, .header .dropdown-menu a img.grayscale { filter: url('https://www.salehoo.com/img/filters.svg#grayscale'); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/ max-height: 15px; margin-right: 7px; vertical-align: bottom; } .header .dropdown-menu a:hover img, .header .dropdown-menu a.active img, .header .dropdown-menu a:hover img.grayscale, .header .dropdown-menu a.active img.grayscale { filter: none; /* Applies to FF + IE */ -webkit-filter: grayscale(0); } /*Fix for IE11*/ .header .dropdown-menu a:hover img.img_grayscale{ opacity: 1 !important; } .header .dropdown-menu .img_wrapper{ margin-right: 5px; width: 20px !important; height: 20px !important; float: left; } .header .dropdown-menu .img_wrapper img{ margin-top: 2px; } .mobnav { border-bottom: 1px solid #e5e2dc; padding: 10px 0px; position: relative; } .optionav .dropdown { position: initial; } .optionav .dropdown-menu.get-help-drop { width: 100%; margin-top: 0; max-width: 100%; } .brdcrmb-view.barnav { font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 32px; } .brdcrmb-view.barnav h2 { font-size: 13px; } .brdcrmb-view.barnav span.arrow-next { background: url(https://www.salehoo.com/img/ico-arrow-right.png) no-repeat center; background-size: 4px; width: 13px; height: 18px; display: inline-block; vertical-align: middle; } .row.vertical-divider { overflow: hidden; } .row.vertical-divider > div[class^="col-"] { text-align: center; padding-bottom: 100px; margin-bottom: -100px; border-left: 1px solid #e5e5e5; border-right: 0px solid #e5e5e5; } .row.vertical-divider div[class^="col-"]:first-child { border-left: none; } .row.vertical-divider div[class^="col-"]:last-child { border-right: none; } .alert-notfound h3 { line-height: 26px; color: #333; font-weight: 400; font-size: 18px; letter-spacing: .5px; margin-bottom: 0; } .alert-notfound h4 { line-height: 26px; color: #707070; font-weight: 300; font-size: 16px; letter-spacing: .5px; margin-top: 0; } .alert-notfound .img-notfound { max-height: 82px; } .alert-notfound .btn { margin: 10px 0; padding: 9px 20px 7px; } .alert { line-height: 22px; font-size: 13.5px; } .alert.alert-small { font-size: 12px; line-height: 20px; padding: 10px 15px; padding-right: 35px; } .alert-dark-blue { background: #374359; color: #9aa4b6; margin-top: 30px; padding: 30px; margin-bottom: 0; } .alert p span { background: #f2f2f2; color: #666; display: inline-block; padding: 3px 5px 2px; font-size: 10px; line-height: 10px; } .alert p span img { max-height: 14px; } .alert a strong { font-weight: 600; } .alert-dark-blue h5 { color: #fff; margin-top: 0; font-size: 16px; } .alert-dark-blue a { color: #fff; text-decoration: underline; } .alert-dark-blue.alert-dismissible .close { top: -15px; font-weight: 300; color: #fff; text-shadow: none; right: -10px } .alert-light { background: #fff; color: #858585; margin-top: 30px; padding: 30px; margin-bottom: 0; border: 1px solid #646e80; } .alert-light h5 { color: #3d3d3d; margin-top: 0; font-size: 19px; font-weight: 400; } .alert-light.alert-dismissible .close { top: -15px; font-weight: 300; color: #333; text-shadow: none; right: -10px } .tooltip-inner { font-weight: 300; background-color: #374359; border-radius: 2px; font-size: 11px; padding: 5px 8px 7px; color: #fff !important; letter-spacing: .5px; } .tooltip.in { filter: alpha(opacity=98); opacity: .98; } .tooltip.top .tooltip-arrow { border-top-color: #374359; } .tooltip.top-left .tooltip-arrow { border-top-color: #374359; } .tooltip.top-right .tooltip-arrow { border-top-color: #374359; } .tooltip.right .tooltip-arrow { border-right-color: #374359; } .tooltip.left .tooltip-arrow { border-left-color: #374359; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #374359; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #374359; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #374359; font-size: 11px; } .table>thead>tr>th { vertical-align: middle; } .updatever2_1.topnav .header { z-index:7; } .submnudrop .btn.dropdown-toggle { text-align:left; font-size: 12px; color: #666; padding: 8px 10px; border-radius:1px; } .submnudrop .btn.dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .submnudrop .dropdown-menu { width:100%; } .submnudrop .dropdown-menu > li > a { padding: 8px 10px; } .bg-light { background-color: #f8f8f8; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .no-border { border:0 !important; } .no-background { background-color: transparent !important; } .btn-skype { background-color: #01b7ee; color: #fff; } .btn-skype:hover { background-color: #00aee2; color: #fff; } .btn-mail-blue { background-color: #438acd; color: #fff; } .btn-mail-blue:hover { background-color: #3780c4; color: #fff; } .tips-alert { padding: 20px 20px 15px; background-color: #fff; font-size: 12px; } .tips-alert ul { padding-left: 20px; margin-bottom: 0; } .tips-header { margin: -21px -21px 10px; padding: 7px 20px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .5px; } .tips-alert.darkblue { border: 1px solid #90959e; } .tips-alert.darkblue .tips-header { color: #fff; background-color: #384458; } .submnudrop .dropdown-menu .divider { height: auto; margin: 0; } .no-border { border: 0 !important; } .no-top-padding { padding-top: 0 !important; } .no-bottom-padding { padding-bottom: 0 !important; } .no-top-margin { margin-top: 0 !important; } .no-bottom-margin { margin-bottom: 0 !important; } li.clear { background-image: none !important; } .toastr { position: absolute; background: #fa7c7c; left: 0; top: 45px; color: #fff; line-height: 17px; font-size: 12px; border-radius: 2px; max-width: 290px; font-weight: 300; z-index: 15; } .toastr:after { bottom: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(241, 115, 115, 0); border-bottom-color: #fa7c7c; border-width: 5px; margin-left: -5px; } .toastr.top-right { position: fixed; top: 15px; right: 15px; left: inherit; } .toastr.top-right.success { background: #81ca78; } .toastr.top-right:after { border: 0; } .toastr_inner { padding: 10px 10px 12px 15px; } .toastr_text { background: url(https://www.salehoo.com/img/ico-bubble-info.png) left no-repeat; background-size: 27px; padding-left: 38px; letter-spacing: .3px; } .toastr.top-right.success .toastr_text { background-image: url(https://www.salehoo.com/img/ico-bubble-check.png); } .toastr_text h5 { margin: 0 0 6px; } .toastr button.close { text-shadow: none; font-weight: 300; font-size: 14px; color: #fff; opacity: .5; margin-top: 2px; width: 10px; } .toastr button.close:hover, .toastr button.close:active { opacity: 1; outline: none; } .alert.alert-sm { font-size: 12px; padding: 7px 30px 7px 10px; margin-bottom: 10px; line-height: 16px; color: #666; } .alert.alert-sm .close { font-size: 18px; } .alert .close { font-weight: 400; } .cta-bottom { background-color: #f3f4f7; border-top: 1px solid #e6e8ee; padding: 25px 0; } .cta-bottom h4 { color: #5e626c; font-weight: 300; display: inline-block; } .cta-bottom .btn { font-size: 14px; letter-spacing: .5px; margin-left: 10px; } .cta-risk-free { padding: 50px 0; } .cta-risk-free h6 { line-height: 22px; margin-top: 20px; } .cta-risk-free .btn.text-capitalize, .cta-risk-free a.btn.text-capitalize { font-size: 18px; text-transform: none; padding: 12px 20px 14px; margin-left: 0; } .cta-bottom-simple { border-top: 1px solid #e1eaed; padding: 40px 0 50px; } .cta-bottom-simple h3 { margin-top: 0; margin-bottom: 20px; } .border-bottom { border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; } .semibold { font-weight: 600 !important; } .medium { font-weight: 500 !important; } .bold { font-weight: 700 !important; } .spacerel { height: 15px; } .font-light { font-weight: 300 !important; } .font-normal { font-weight: 400 !important; } .search-form { background-image: url(https://www.salehoo.com/img/lb-ico-search.png); background-repeat: no-repeat; background-position: 95% center; background-size: 15px; font-size: 14px; letter-spacing: .5px; min-height: 35px; } .loading-more { text-align: center; font-size: 12px; color: #9c9c9c; padding: 20px; clear: both; } .loading-more a { color: #9c9c9c; padding: 40px 0 20px; } .loading-more a:hover { color: #333; text-decoration: none; } .img-side-push { margin: 20px -40px 30px; } .img-side-push a { opacity: .95; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .img-side-push a:hover { opacity: 1; } .video-side-push { margin: 20px -40px 10px; background-color: #252525; overflow: hidden; } .input-group-btn { z-index: 3; } .input-group-btn > .btn { margin-left: -1px; } .form-control::-moz-placeholder { color: #babec6; opacity: 1; } .form-control:-ms-input-placeholder { color: #babec6; } .form-control::-webkit-input-placeholder { color: #babec6; } .text-indent { padding-left: 20px; } .text-indent { padding-left: 20px; } .progress { box-shadow: none; } .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .topnav .header ul.menu li.menu-item.loginbt a, .btn.btn-line-red { border: 1px solid #e5202e; border-radius: 2px; padding: 6px 20px 8px; color: #e5202e; font-weight: 600; font-size: 13px; background-color: #fff; } .topnav .header ul.menu li.menu-item.loginbt a { vertical-align: middle; margin-top: -5px; text-transform: none; font-size: 14px; padding-left: 10px; padding-right: 10px; } .topnav .header ul.menu li.menu-item.loginbt a:hover { opacity:1; } .sec_bgwhite { background: #fff; padding: 40px; } .btn-primary, .btn-primary:hover, .btn-primary:focus { border-color: transparent; } br.clear { display: none; } input[type="file"] { line-height: 1px; } .add-top-margin { margin-top: 20px; } .add-bottom-margin { margin-bottom: 20px; } .close-alert { margin-top: 10px; display: inline-block; } .close-alert.btn-white { font-size: 12px; } .modal-content { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .modal-content input[type=checkbox] { margin-left: 0; margin-top: 3px; } /*Modal vertically centered*/ .modal.modal-center { text-align: center; padding: 0!important; } .modal.modal-center:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal.modal-center .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .lblchk { font-weight: 400; color: #666; } input[type=checkbox] { -webkit-appearance: none; appearance: none; width: 17px; height: 17px; margin: 0; cursor: pointer; vertical-align: bottom; background: #fff; border: 1px solid #dbdbdb; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: sub; } input[type=checkbox]:checked { border: 1px solid #59c03c; } input[type=checkbox]:checked::after { content: url(https://www.salehoo.com/img/ico-check-green.svg); display: block; position: absolute; top: -4px; left: 4px; } input[type=checkbox]:focus { outline: none; } .alert { border-radius: 0px; } .alert-info, .alert-danger, .alert-success { color: #333; } .alert .iconcon { float: left; margin-right: 10px; } .alert .iconcon .glyphicon { font-size: 16px; margin-top: 3px; opacity: .9; } .alert .alrtxt { overflow: hidden; line-height: 21px; } .alert.alert-header { margin: 5px 0; } .alert.alert-header-top { margin: 0; padding: 10px; } .alert.alert-header .close, .alert.alert-header-top .close { font-weight: 300; font-size: 18px; } .alert-warning, .alert-flash, .alert-notice { color: #333; background-color: #fcf8e3; border-color: #faebcc; } .alert-error { background-color: #f2dede; border-color: #ebccd1; } .alert-auth { background-color: #d9edf7; border-color: #bce8f1; } .alert.alert-sm { font-size: 12px; padding: 7px 30px 7px 10px; margin-bottom: 10px; line-height: 16px; color: #666; } .alert.alert-sm .close { font-size: 18px; } a { color: #506ca0 } a:hover { color: #4b70b6; } a:focus { outline: none; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } input.form-control { -webkit-appearance: none; } .form-control { border-radius: 1px; -webkit-box-shadow: none !important; box-shadow: none !important; height: auto; border: 1px solid #dbdbdb; } .form-control:focus { border-color: #9aaac7; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .form-error.form-control, .has-error .form-control { border-color: #e24b4b; } .has-error .form-control:focus { border-color: #d83e3e; } .has-error .help-block, .has-success .help-block { margin: 0; font-size: 11px; font-weight: 600; } .has-success .form-control { border-color: #60af61; } .has-success .form-control:focus { border-color: #50a551; } .error-message { color: #e24b4b; } .btn { border-radius: 2px; font-size: 11px; padding: 8px 20px 9px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; } .btn-red { color: #FFF; background-color: #e5202e; border-color: transparent; } .btn-red:hover, .btn-red:focus { color: #FFF; background-color: #e5202e; border-color: transparent; } .btn-green { color: #FFF; background-color: #59c03c; border-color: transparent; } .btn-green:hover, .btn-green:focus { color: #fff; background-color: #53ae3f; border-color: transparent; } .btn-grey { color: #7b7b7b; background-color: #e3e3e3; border-color: transparent; } .btn-grey:hover, .btn-grey:focus { color: #7b7b7b; background-color: #d4d4d4; border-color: transparent; } .btn-dark-grey { color: #fff; background-color: #7a7e83; border-color: transparent; } .btn-dark-grey:hover, .btn-dark-grey:focus { color: #fff; background-color: #6b6f74; border-color: transparent; } .btn-white { color: #aaacb0; background-color: #fff; border-color: #d9dadc; } .btn-white:hover, .btn-white:focus { color: #7b7b7b; background-color: #f5f5f5; border-color: #d9dadc; } .btn-white-green-border { color: #59c03c; background-color: #fff; border-color: #59c03c; } .btn-white-green-border:hover, .btn-white-green-border:focus { color: #fff; background-color: #59c03c; border-color: #59c03c; } .btn.btn-link.green, .text-green, .text-green:hover { color: #58c03B; } .btn.btn-link.red, .text-red, .text-red:hover { color: #e5202e; } .btn.btn-link.grey, .text-grey { color: #a5afb6; } .btn.btn-link.grey:hover { color: #333; } .btn.btn-sm { padding: 3px 5px; font-size: 9px; line-height: 9px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px !important; font-size: 12px !important; } .topnav .header ul.menu li.menu-item.loginbt a:hover, .btn-line-red:hover, .topnav .header ul.menu li.menu-item.loginbt a:focus, .btn-line-red:focus { background-color: #e5202e; color: #fff; } .btn-line-green { border: 1px solid #59c03c; color: #59c03c; font-weight: 600; padding: 6px 20px 8px; font-size: 13px; background-color: #fff; } .btn-line-green:hover, .btn-line-green:focus { background-color: #59c03c; color: #fff; } .btn-line-red:hover, .btn-line-red:focus { background-color: #e5202e; color: #fff; } .btn.text-capitalize, a.btn.text-capitalize { font-size: 14px; text-transform: none; padding: 7px 20px 7px; } a.btn.disabled, a.btn[disabled] { pointer-events:none; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fff; } .table-striped>tbody>tr:nth-of-type(even) { background-color: #f2f3f5; } .pagination>.current { position: relative; float: left; margin-left: -1px; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination>.current, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #ddd; border-color: #ddd; color: #999; } .pagination>.current, .pagination>li>a, .pagination>li>span { color: #999; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #666; } .pagination>li.current>a { padding: 0; background: none; border: 0; } .pagination>li.disabled { display: none; } /*.btn { border-radius: 1px; padding: 8px 20px 9px; font-size: 11px; }*/ .greyscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: grayscale(1); /*filter: url("data:image/svg+xml;utf8,#greyscale");*/ } .red { color: #e16670; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #c93f3f; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #60af61; } .dropdown-menu { border-radius: 0; border: 1px solid #dadadc; border: 1px solid rgba(162, 164, 168, 0.40); background: #fff; padding: 0; font-size: 12px; -webkit-box-shadow: 0px 2px 10px -6px rgba(0, 0, 0, 0.66); -moz-box-shadow: 0px 2px 10px -6px rgba(0, 0, 0, 0.66); box-shadow: 0px 2px 10px -6px rgba(0, 0, 0, 0.66); } .arrow_top { background: #ffffff; border: 1px solid #dadadc; } .arrow_top:after, .arrow_top:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_top:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } .arrow_top:before { border-color: rgba(218, 218, 220, 0); border-bottom-color: #dadadc; border-width: 8px; margin-left: -8px; } .arrow_tip { position: relative; background: #ffffff; display: none; margin-top: -70px; z-index: 10; } .arrow_tip:after, .arrow_tip:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_tip:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px; } .arrow_tip:before { border-color: rgba(216, 216, 216, 0); border-bottom-color: #a2a4a8; border-width: 10px; margin-left: -10px; } /** Responsive images inner content **/ .support-page img, .forumsec .post-holder img, .press-leadership .leaders-photo img, .educathdr img, .edudivcon img, .newslettersec img, .blogsec span[itemprop="articleBody"] img { display: block; max-width: 100%; height: auto; } /*! * Yamm!3 - Yet another megamenu for Bootstrap 3 * http://geedmo.github.com/yamm3 * * @geedmo - Licensed under the MIT license */ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; top: inherit; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; z-index: 6; } .yamm .list-group-item.dropdown.yamm-fw .dropdown-menu { left: 45%; } /*Extra*/ .productsdiv.expand { padding-bottom: 350px; } .productsdiv.expand.filterview { padding-bottom: 0px !important; } .productsdiv .item{ height: 300px; margin-bottom: 20px; } .col-average.col-md-2, .col-success.col-md-2 { width: 17.66666667%; } .col-competition.col-md-2 { width: 20.66666667%; } .col-save.col-md-1 { width: 6.33333333%; } .col-view.col-md-2, .col-source.col-md-2 { width: 10.66666667%; } .show-tip-guide { position: absolute; left: 0; top: 0; height: 100%; z-index: 3; width: 100%; } .showtip.joyride-tip-guide { display: inline-block; min-width: 360px; text-align: left; } .showtip.joyride-tip-guide .joyride-content-wrapper { padding: 18px 20px 18px 20px; } .showtip.joyride-tip-guide .joyride-content-wrapper .btn.btn-sm { padding: 8px 10px; border-radius: 2px; margin-top: 10px; font-size: 10px; width: auto; overflow: auto; } .showtip.joyride-tip-guide.left { top: -8px !important; left: 100% !important; margin-left: 20px; } .sidebardir .form-group.fristchd .showtip.joyride-tip-guide.left { top: 10px !important; } .showtip.joyride-tip-guide p { font-size: 14px; font-weight: 300; } .showtip.joyride-tip-guide.top { left: 50% !important; transform: translate(-50%, 0%); } .showtip.joyride-tip-guide.top .joyride-nub.top { left: 50% !important; transform: translate(-50%, 0%); } .showtip.joyride-tip-guide.bottom { left: 50% !important; transform: translate(-50%, -100%); top: -60% !important } .showtip.joyride-tip-guide.bottom .joyride-nub.bottom { left: 50% !important; transform: translate(-50%, 0%); } .showtip.joyride-tip-guide.right { top: -8px !important; right: 100% !important; margin-right: 20px; left: inherit !important; } /*Footer*/ .footer-ebook-optin { max-width: 650px; margin: auto; } footer { background: #36425a; color: #9aa4b6; padding: 60px 0; font-size: 13px; } footer a { color: #a8afbe; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } footer a:hover, footer a:focus { color: #cbd1dc; text-decoration: none; } footer ul.list-unstyled li:first-child { color: #fff; } footer ul.list-unstyled li { padding: 2px 0; } footer .frstcr { color: #b3bdce; } footer hr { border-top: 1px solid #485367; } footer .sicos { background: url(https://www.salehoo.com/img/footer-ico-sprite.png) no-repeat; background-size: 72px; display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-right: 5px; margin-top: 10px; opacity: .5; } footer .sicos:hover { opacity: 1; } footer .sicos.fb { background-position: 0 0; } footer .sicos.ln { background-position: 0 -33px; } footer .sicos.tw { background-position: 0 -66px; } footer .sicos.bbb { background-position: 0 -99px; margin-top: 0; margin-right: 0; width: 72px; height: 26px; } footer .sicos.yt { background-position: 0 -126px; } footer .sicos.ig { background-position: 0 -159px; } footer .copyrght { font-size: 11px; } footer .fotrnav { float: right; } .min-list-menu li { padding: 0; color: #546179; } .min-list-menu li a { padding: 0 10px; color: #cbd1dc; } .min-list-menu li a:hover { color: #fff; } p.copyright-min { color: #9aa4b6; font-size: 12px; } footer.update_v4 { padding-top: 0; } footer.update_v4 .menu_footer { padding: 24px 0 17px; font-size: 14px; background: rgba(0, 0, 0, 0.1); margin-bottom: 25px; border-bottom: 1px solid #3f485c; letter-spacing: .5px; text-transform: uppercase; } footer.update_v4 .menu_footer a { color: #fff; } footer.update_v4 .menu_footer a:hover { color: #cbd1dc; } footer.update_v4 .menu_footer ul li { margin-right: 20px; } footer.update_v4 ul.recent-post li { margin-bottom: 7px; } footer.update_v4 ul.list-unstyled li:first-child { font-size: 14px; } footer.update_v4 hr { border-top: 1px solid #3f485c; } @media (max-width: 767px) { footer.update_v4 .menu_footer { text-align: center; margin-left: -40px; margin-right: -40px; } footer.update_v4 .menu_footer ul li { margin-bottom: 10px; } } /* Loader */ .loaderlab { font-size: 7px; } .updting { font-size: 12px; text-align: center; color: #999; font-weight: 300; } .outer { fill: #c7c7c7; } .middle { fill: #f2f3f5; } .hourglass { display: block; background: #f2f3f5; margin: 3em auto 0; width: 2em; height: 4em; box-shadow: inset #f2f3f5 0 0 0 0, inset #ec5661 0 2em 0 0, inset #f2f3f5 0 0 4em 0; -webkit-animation: hourglass 1s linear infinite; animation: hourglass 1s linear infinite; } @-webkit-keyframes hourglass { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: inset #f2f3f5 0 0 0 0, inset #ec5661 0 2em 0 0, inset #f2f3f5 0 4em 0 0, inset #ec5661 0 4em 0 0; } 80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: inset #f2f3f5 0 2em 0 0, inset #ec5661 0 2em 0 0, inset #f2f3f5 0 2em 0 0, inset #ec5661 0 4em 0 0; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); box-shadow: inset #f2f3f5 0 2em 0 0, inset #ec5661 0 2em 0 0, inset #f2f3f5 0 2em 0 0, inset #ec5661 0 4em 0 0; } } @keyframes hourglass { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: inset #f2f3f5 0 0 0 0, inset #ec5661 0 2em 0 0, inset #f2f3f5 0 4em 0 0, inset #ec5661 0 4em 0 0; } 80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: inset #f2f3f5 0 2em 0 0, inset #ec5661 0 2em 0 0, inset #f2f3f5 0 2em 0 0, inset #ec5661 0 4em 0 0; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); box-shadow: inset #f2f3f5 0 2em 0 0, inset #ec5661 0 2em 0 0, inset #f2f3f5 0 2em 0 0, inset #ec5661 0 4em 0 0; } } /*Loader*/ .circlePercent { position: relative; width: 96px; height: 96px; border-radius: 50%; background: #f2f2f2; display: inline-block; margin: 30px 0; } .circlePercent:before, .circlePercent>.progressEnd { position: absolute; z-index: 3; top: 2px; left: 47px; width: 3px; height: 3px; border-radius: 50%; background: #72b800; -ms-transform-origin: 1px 46px; transform-origin: 1px 46px; content: ""; } .circlePercent:after, .circlePercent>.progress { position: absolute; -ms-transform-origin: 48px 48px; transform-origin: 48px 48px; z-index: 0; top: 0; left: 0; width: 48px; height: 96px; border-radius: 48px 0 0 48px; background: #f2f2f2; content: ""; } .circlePercent.fiftyPlus:after { background: #72b800; -ms-transform: rotate(180deg); transform: rotate(180deg); } .circlePercent>.progress.progress { background: #72b800; } .circlePercent>.counter { position: absolute; box-sizing: border-box; z-index: 2; width: 100px; height: 100px; margin-top: -2px; margin-left: -2px; border-radius: 50%; border: 4px solid #fff; } .circlePercent>.counter:after { position: absolute; width: 86px; height: 86px; top: 3px; left: 3px; border-radius: 50%; background: #fff url(https://www.salehoo.com/img/cp-img-check-onl.png) center no-repeat; background-size: 75px; content: ""; } .circlePercent>.counter[data-percent="100"] { background: #72b800; } /*Highchart hide tooltip*/ .highcharts-tooltip { display: none; } /* Animation */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } /* Firefox */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari and Chrome */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .pagecnt ul li, .pagecnt ol li, .blogsec ol li, .generalsec ol li, .blogsec ul li, .generalsec ul li { padding: .4em; } .edudivcon.pagecnt p.lead, .blogsec p.lead, .generalsec p.lead { font-size: 18px; font-weight: 400; line-height: 29px; } ul.tick-green-list { padding-left: 20px; } ul.tick-green-list li { list-style-type: none; background: url(https://www.salehoo.com/img/ico-check-green.svg) no-repeat; background-position: 0 15px; padding-left: 20px; background-size: 12px; } .emailview { padding: 24px; margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; letter-spacing: 1px; font-size: 13px; } .corner-ribbon { width: 200px; background: #f43f4e; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 35px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; font-size: 11px; } .corner-ribbon.top-left { top: 20px; left: -62px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .optinbox, .optinbox.ebookopt { color: #fff; background: #303640 url(https://www.salehoo.com/img/optin-bg-products.png); padding: 30px; background-size: 325px; } .optinbox.ebookopt { padding-bottom: 0; } .optinbox h3 { font-weight: 500; margin: 10px 0 5px; } .optinbox p.lead { font-size: 14px !important; line-height: 24px !important; font-weight: 300 !important; } .optinbox img.hromg { max-height: 207px; } .optinbox.ebookopt img.hromg { max-height: 307px; } .optinbox form { margin-bottom: 20px; } .optinbox form .form-control { border-color: #fff; padding: 10px 20px; } .optinbox form .has-error .form-control { border-color: #e24b4b; } .optinbox form .has-error .help-block { margin: 0; font-size: 12px; font-weight: 500; } .optinbox .ps-safe { font-size: 11px; margin-top: 8px; opacity: .5; } .optinbox form .btn { font-size: 14px; letter-spacing: .5px; padding: 9px; min-width: 200px; } .panel.my-notes { -webkit-box-shadow: none; box-shadow: none; } .panel.my-notes .panel-body { font-size: 14px; color: #666; } .panel.my-notes .panel-body pre { padding: 0; border: 0; background-color: transparent; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; } .panel.my-notes .panel-heading .btn-delete, .panel.my-notes .panel-heading .btn-print { font-size: 11px !important; line-height: 18px; padding: 3px 10px !important; margin-top: 2px; color: #666; } .panel.my-notes .panel-heading .btn-delete { margin-right: 5px; } .sidebardiv .did-you-know { padding:15px; font-size:13px; line-height:20px; margin-bottom:10px; } .sidebardiv .success-story { border: 1px solid #eaeaea; padding:10px; } .sidebardiv .success-story h4 { line-height:26px; margin-top:0; } .sidebardiv .success-story h6 { line-height:16px; margin:20px 0; } .sidebardiv .success-photo { width: 109px; height: 109px; overflow: hidden; border-radius: 109px; display: inline-block; background-color:#e1f3fb; } .related-post-bottom { padding:20px; background-color:#f1f5f6; margin-top:30px; } .related-post-bottom .thumbnail { border: 0; border-radius:0; padding:0; max-height:120px; overflow:hidden; margin-bottom:3px; display:inline-block; } .related-post-bottom h6 { line-height: 20px; letter-spacing:0px; margin-bottom:20px; } .related-post-bottom h6 a { color:#252525; } /*Secondary menu resize convert to dropdown*/ #more-nav { display: none; vertical-align: top; padding-left: 0; position:relative; margin-left:10px; } .subfilter { padding-left: 0; position:absolute; top:100%; right:0; background-color: #fff; padding: 5px 0; border: 1px solid rgba(162, 164, 168, 0.40); -webkit-box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.66); -moz-box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.66); box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.66); margin-top: 2px; min-width:100px; } .subfilter > li { padding: 0; list-style-type: none; line-height:12px; text-align:left; } .subfilter > li > a { display: block; padding: 8px 15px; } #nav-bar-filter > li { display: inline-block; } #nav-bar-filter { padding-left: 0; } #nav-bar-filter { display: inline-block; } #more-nav .subfilter { display: none; } #more-nav.visible { display: inline-block; } #more-nav.active .subfilter{ display: block; } ul.submenu-nav a.dropdown-toggle{ cursor: default; text-decoration: none; } ul.submenu-nav { margin-top: 3px; margin-bottom: 0; } ul.submenu-nav li { padding-right: 15px; } ul.submenu-nav li:last-child { padding-right: 0; } ul.submenu-nav li a { color: #61656c; font-size: 12.5px; text-transform: uppercase; font-family: 'Poppins', sans-serif; position:relative; } ul.submenu-nav li.active a, ul.submenu-nav li a:hover { color: #506ca0; text-decoration: none; } ul.submenu-nav .caret { opacity: 0.7; margin-left: 2px; margin-top: -2px; border-right: 3px solid transparent; border-left: 3px solid transparent; } ul.submenu-nav li.dropdown.open ul.dropdown-menu { padding-top: 10px; z-index: 2; } ul.submenu-nav li.dropdown.open a { text-decoration: none; /*color: #506ca0;*/ background-color: transparent; } ul.submenu-nav li ul li { padding-right: 0; } ul.submenu-nav li.dropdown ul a { text-decoration: none; color: #61656c !important; padding: 0 15px 10px; font-size: 12px; } ul.submenu-nav li.dropdown a:hover, ul.submenu-nav li.dropdown ul li.active a { background-color: transparent; color: #506ca0 !important; } ul.submenu-nav a.icon-home { display: inline-block; border: 1px solid #b3b3b3; width: 24px; height: 24px; vertical-align: middle; border-radius: 24px; position: relative; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } ul.submenu-nav a.icon-home .svg { fill: #a1a1a1; vertical-align: text-top; height: 20px; width: 20px; position: absolute; margin: auto; top: -2px; left: 0; right: 0; bottom: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } ul.submenu-nav a.icon-home:hover { border: 1px solid #506ca0; background-color:#506ca0; } ul.submenu-nav a.icon-home:hover .svg, ul.submenu-nav a.icon-home:hover .svg g path, ul.submenu-nav a.icon-home:hover .svg g polygon { fill: #ffffff; } ul.submenu-nav li:hover .dropdown-menu { display: block; } ul.submenu-nav .dropdown-menu { display: block; opacity: 0; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -ms-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; visibility: hidden; } ul.submenu-nav .dropdown-toggle.open .dropdown-menu, ul.submenu-nav li:hover .dropdown-menu { display: block; opacity: 1; visibility: visible; -transform-origin: 0 0; transform: scale(1) translate(-50%, 0); } ul.submenu-nav .dropdown-menu { padding: 0; left: 50%; right: auto; transform: scale(1) translate(-50%, 0); margin-top: 0px; padding-top: 12px; } ul.submenu-nav .dropdown-menu:after, ul.submenu-nav .dropdown-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } ul.submenu-nav .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } ul.submenu-nav .dropdown-menu:before { border-color: rgba(204, 205, 209, 0); border-bottom-color: #cccdd1; border-width: 8px; margin-left: -8px; } .subhdr h1, .edudivcon h1, .blogsec h1, .generalsec h1, .affsec h1, .forumsec h1 { font-size: 32px; font-weight: 600; line-height: 44px; } .subhdr p.lead { font-weight: 400; font-size: 18px; color: #666; line-height: 28px; } .blogsec h1 { margin-bottom: 13px; } .pagecnt h2, .blogsec h2, .generalsec h2 { font-weight: 600; font-size: 26px; margin: 25px 0 20px; line-height: 38px; } .pagecnt h3, .blogsec h3, .generalsec h3 { font-weight: 600; font-size: 20px; margin: 25px 0 10px; line-height: 32px; } .pagecnt h4, .blogsec h4, .generalsec h4 { font-weight: 600; font-size: 18px; margin: 25px 0 10px; line-height: 30px; } .pagecnt h5, .blogsec h5, .generalsec h5 { margin: 20px 0; } .flashMessages h5 { margin: 0; } .pagecnt h6, .blogsec h6, .generalsec h6 { margin-bottom: 5px; } @media (max-width: 480px) { .row.vertical-divider > div[class^="col-"] { border:none; border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px; } .row.vertical-divider div[class^="col-"]:last-child { border-bottom: none; margin-bottom:0; } .modal-open { position:fixed; } } @media (min-width: 768px) and (max-width: 979px) { .barnav h2 { font-size: 16px; } } @media (max-width: 767px){ body { padding-top: 50px; } .topnav .header ul.menu li.menu-item.active a { color: #ffa4ab; border: 0; } .topnav .header ul.menu li.menu-item.active ul li a { color: #fff; } footer .social-footer { border-bottom: 1px solid #465267; padding-bottom: 20px; margin-bottom: 20px; } footer { padding: 40px; } footer .copyrght { text-align: center; } footer .copyrght .fotrnav { float: none; margin: 20px 0; } .table-responsive { border: 0; margin-bottom: 0; } .barnav ul.legend { float: none; margin-top: 0; } .barnav ul.legend li { padding-left: 5px; padding-right: 15px; } } @media (max-width: 768px){ .footer-contact-col{ padding-left: 15px; } } @media (min-width: 768px){ .footer-contact-col{ padding-left: 30px; } .topnav .header ul.menu li.menu-item { margin-left: 5px; } } @media (min-width: 992px){ .footer-contact-col{ padding-left: 65px; } } /*Burger Menu*/ @media (max-width: 767px) { .topnav { width: 100%; margin: 0; border-radius: 0px; } .topnav .header { position: fixed; } .topnav { position: relative; display: block; overflow: hidden; border-radius: 3px; background: #F1F1F1; } .topnav .header { display: block; top: 0; left: 0; height: 50px; width: 100%; background: #fff; overflow: hidden; -webkit-transition: all 0.2s ease-out, background 1s ease-out; transition: all 0.2s ease-out, background 1s ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; z-index: 12; } .topnav .header .burger-container { position: relative; display: inline-block; height: 50px; width: 20px; cursor: pointer; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .topnav .header .burger-container #burger { width: 18px; height: 8px; position: relative; display: block; margin: -4px auto 0; top: 50%; } .topnav .header .burger-container #burger .bar { width: 100%; height: 1px; display: block; position: relative; background: #7f7f7f; -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition-delay: 0s; transition-delay: 0s; } .topnav .header .burger-container #burger .bar.topBar { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } .topnav .header .burger-container #burger .bar.btmBar { -webkit-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); } .topnav .header .icon { display: inline-block; position: absolute; text-align: center; color: #FFF; font-size: 22px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 10px; -webkit-animation: fadein 1.5s; /* Safari and Chrome */ -moz-animation: fadein 1.5s; /* Firefox */ -ms-animation: fadein 1.5s; /* Internet Explorer */ -o-animation: fadein 1.5s; /* Opera */ animation: fadein 1.5s; } .topnav .header.menu-opened .icon .svg path { fill: #fff; -webkit-animation: fadein 1s; /* Safari and Chrome */ -moz-animation: fadein 1s; /* Firefox */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera */ animation: fadein 1s; } .topnav .header .icon .svg path { -webkit-transition: fill 1s ease; -moz-transition: fill 1s ease; -o-transition: fill 1s ease; transition: fill 1s ease; } .topnav .header .logo a { height: 25px; } .topnav .header .logo a svg { height: 25px; } .topnav .header .icon.icon-bag { right: 0; top: 0; left: auto; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .topnav .header ul.menu { position: relative; display: block; padding: 0px 48px 0; list-style: none; } .topnav .header ul.menu li.menu-item { margin-top: 5px; -webkit-transform: scale(1.15) translateY(-30px); transform: scale(1.15) translateY(-30px); opacity: 0; -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .topnav .header ul.menu li.menu-item:nth-child(1) { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } .topnav .header ul.menu li.menu-item:nth-child(2) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; } .topnav .header ul.menu li.menu-item:nth-child(3) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .topnav .header ul.menu li.menu-item:nth-child(4) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .topnav .header ul.menu li.menu-item:nth-child(5) { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .topnav .header ul.menu li.menu-item:nth-child(6) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } .topnav .header ul.menu li.menu-item:nth-child(7) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; } .topnav .header.menu-opened { height: 100%; background-color: #eb3f4c; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .topnav .header.menu-opened .burger-container { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .topnav .header.menu-opened .burger-container #burger .bar { -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .topnav .header.menu-opened .burger-container #burger .bar.topBar { -webkit-transform: translateY(4px) rotate(45deg); transform: translateY(4px) rotate(45deg); } .topnav .header.menu-opened .burger-container #burger .bar.btmBar { -webkit-transform: translateY(3px) rotate(-45deg); transform: translateY(3px) rotate(-45deg); } .topnav .header.menu-opened ul.menu li.menu-item { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; } .topnav .header.menu-opened ul.menu li.menu-item:nth-child(1) { -webkit-transition-delay: 0.27s; transition-delay: 0.27s; } .topnav .header.menu-opened ul.menu li.menu-item:nth-child(2) { -webkit-transition-delay: 0.34s; transition-delay: 0.34s; } .topnav .header.menu-opened ul.menu li.menu-item:nth-child(3) { -webkit-transition-delay: 0.41s; transition-delay: 0.41s; } .topnav .header.menu-opened ul.menu li.menu-item:nth-child(4) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; } .topnav .header.menu-opened ul.menu li.menu-item:nth-child(5) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .topnav .header.menu-opened ul.menu li.menu-item:nth-child(6) { -webkit-transition-delay: 0.62s; transition-delay: 0.62s; } .topnav .header.menu-opened ul.menu li.menu-item:nth-child(7) { -webkit-transition-delay: 0.69s; transition-delay: 0.69s; } .topnav .header.menu-opened .icon.icon-bag { -webkit-transform: translateX(75px); transform: translateX(75px); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .topnav .content { font-family: "Ek Mukta", sans-serif; padding: 67px 4% 0; text-align: justify; overflow: scroll; max-height: 100%; } .topnav .content::-webkit-scrollbar { display: none; } .topnav .content h2 { margin-bottom: 0px; letter-spacing: 1px; } .topnav .content img { width: 95%; position: relative; display: block; margin: 75px auto 75px; } .topnav .content img:nth-of-type(2) { margin: 75px auto; } .header .caret, .topnav .header li.menu-item .user { display: none; } .topnav .header.menu-opened .burger-container #burger .bar { background: #fff; } .topnav .header ul.menu li.menu-item { display: block; margin-left: 0; text-align: left; } .topnav .header ul.menu li.menu-item a, .topnav .header ul.menu li.menu-item.profile-top span.slctl, .topnav .header ul.menu li.menu-item a.dropdown-toggle:hover { color: #ffa4ab; font-weight: 500; padding-left: 0; border: 0; } .topnav .header ul.menu li.menu-item a:hover { color: #fff; } .topnav .header ul.menu li.menu-item.profile-top .swtchdb { border-bottom: 1px solid #f17881; padding-bottom: 5px; margin-bottom: 10px; } .topnav .header ul.menu li.menu-item ul li a { color: #fff; text-transform: none; font-size: 18px; font-weight: 300; padding: 0 0 8px; display: block; } .topnav .header ul.menu li.menu-item ul li a:hover { font-weight: 300; color: #ffa4ab; } .user-mob { z-index: 5; position: relative; width: 30px; float: right; border-radius: 30px; overflow: hidden; margin-right: 10px; margin-top: 10px; } .list-group-item-text { margin: 0 0 11px; } .topnav .header ul.menu li.menu-item.loginbt a, .topnav .header ul.menu li.menu-item.loginbt a:hover { background-color: #fff !important; border: 1px solid #fff; color: #eb3f4c !important; font-weight: 600; padding: 5px 20px 6px; opacity: .9; } .topnav .header ul.menu li.menu-item.loginbt a:hover { opacity: 1; } .brdcrmb-view.barnav h2 { line-height: 23px; } .row2 .text-left { text-align: center !important; } .subhdr h1 { font-size: 28px; line-height: 42px; } .subhdr p.lead { font-size: 16px; line-height: 26px; } .subhdr h1, .edudivcon h1, .blogsec h1, .generalsec h1, .affsec h1, .forumsec h1 { font-size: 28px; line-height: 36px; } .pagecnt h2, .blogsec h2, .generalsec h2, .affsec h2, .forumsec h2 { font-size: 24px; line-height: 38px; } } @media (min-width: 1200px) { br.clear { display: inline-block; } .barnav h2 { font-size: 18px; } .container { width: 1140px; } } @media (min-width: 768px) and (max-width: 979px) { ul.submenu-nav li { padding-right: 10px; } ul.submenu-nav li a { font-size: 12px; } .brdcrmb-view.barnav h2 { line-height: 23px; } } /*Update css*/ .topnav .header ul.menu li.menu-item { margin-left: 10px; } .topnav .header ul.menu li.menu-item:last-child { margin-right:0; } /*Style for Mega Menu*/ .mega-dropdown { position: static !important; margin-right:15px; margin-bottom:5px; } .mega-dropdown a { position:relative; } .mega-dropdown a span.arrow_up { position:absolute; left:35%; bottom: 3px; z-index: 1001; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -ms-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; opacity:0; visibility:hidden; } .mega-dropdown:hover span.arrow_up, .mega-dropdown a:hover span.arrow_up { opacity:1; visibility:visible; } .mega-dropdown span.arrow_up:before { content: ""; border-bottom: 10px solid #cccdd1; border-right: 11px solid transparent; border-left: 11px solid transparent; position: absolute; top: 4px; } .mega-dropdown span.arrow_up:after { content: ""; border-bottom: 9px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: 5px; left: 1px; } .mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; } .header ul.menu .mega-dropdown .dropdown-menu { left: 50%; transform: scale(1) translate(-50%, 0); margin-top: -7px; } .header ul.menu .mega-dropdown .dropdown-toggle.open .dropdown-menu, .header ul.menu li.menu-item.mega-dropdown:hover .dropdown-menu { transform: scale(1) translate(-50%, 0); } .header ul.menu .mega-dropdown .dropdown-menu li { border-bottom:0; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a { padding: 0; color: inherit; font-size: inherit; font-weight: inherit; text-transform: none; border: 0; } .mega-dropdown-menu { text-transform: none !important; } .header .mega-dropdown-menu.dropdown-menu img { filter: none; -webkit-filter: grayscale(0%); max-height: none !important; margin-right: 0 !important; } .mega-dropdown-menu { padding: 10px 15px 20px !important; } .menu-container-inside { border-right: 1px solid #eaeaea; padding-right: 20px; } .mega-dropdown-menu h5 { font-size:14px; } .mega-dropdown-menu h5 span.free { font-size: 9px; color: #fff; background-color: #e5202e; padding: 2px 4px 1px; border-radius: 2px; text-transform: uppercase; display: inline-block; line-height: 11px; vertical-align: middle; font-weight: 600; margin-right: 2px; } .mega-dropdown .guide-box { overflow:hidden; margin: 10px 0 20px; } .mega-dropdown .txt-box { font-size:11px; font-family: 'Poppins', sans-serif; color: #666; line-height:18px; overflow:hidden; } .mega-dropdown .txt-box a:hover { /*text-decoration:underline !important;*/ color: #e5202e !important; } .mega-dropdown .txt-box h6 { font-size:13px; line-height: 18px; color: #252525; } .mega-dropdown .img-box { float: left; margin-right: 10px; width: 45px; height: 55px; padding: 13px 5px; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a.btn.btn-view { border: 1px solid #eaeaea; padding: 7px 25px 9px; background-color: #f7f7f7; color: #999; margin-top: 10px; font-size: 11px; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a.btn.btn-view:hover { border: 1px solid #d8d8d8; background-color: #eaeaea; color: #666; } .menu-container-inside p.lead { font-size:17px; } .mega-dropdown .txt-box .glyphicon { font-size: 12px; color: #666; width:20px; } .mega-dropdown .community-div .txt-box { margin:10px 0 35px; } .mega-dropdown .ebook-webinar .txt-box.ebook-div { border: 1px solid #f4f4f4; background-color: #fdfdfd; padding: 7px 10px; line-height: 15px; font-size: 10px; border-top:0; } .mega-dropdown .ebook-webinar .txt-box.webinar-div { background-color: #c5c5c5; padding: 25px 10px; line-height: 15px; font-size: 10px; text-align:center; position:relative; color:#fff; } .ebook-webinar .txt-box.webinar-div:hover { background-color: #f34958; } .mega-dropdown .ebook-webinar a.ebook-link { opacity: .95; display: inline-block; } .header .mega-dropdown-menu.dropdown-menu .ebook-webinar a.ebook-link img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: grayscale(1); opacity:.50; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .header .mega-dropdown-menu.dropdown-menu .ebook-webinar a.ebook-link:hover img { filter: none; -webkit-filter: grayscale(0%); opacity:1; } .mega-dropdown .ebook-webinar a.webinar-link, .mega-dropdown .ebook-webinar a.webinar-link:hover { background-image: url(https://www.salehoo.com/img/icon-play-webinar.png) !important; background-repeat:no-repeat !important; background-position: center !important; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; opacity: .25; background-size: 40px !important; } .mega-dropdown .ebook-webinar a.webinar-link:hover { opacity:.5; } .header ul.menu .mega-dropdown-menu.dropdown-menu:after, .header ul.menu .mega-dropdown-menu.dropdown-menu:before { border: 0; } li.menu-item.menu-rsrcs { color: #ffa4ab; } .topnav .header ul.menu li.menu-item ul.menu-rsrcs { margin-top:10px; } .topnav .header ul.menu li.menu-item ul.menu-rsrcs li a { font-size: 12px; text-transform: uppercase; padding: 3px 0 3px 20px; color: #ffa4ab; } /*Menu layout for ipad*/ @media (max-width: 991px) and (min-width: 768px) { .topnav .header ul.menu.menu-rsrcs li.menu-item a { padding: 0 0 1px; font-size: 11px; } .topnav .header ul.menu.menu-rsrcs li.menu-item { margin-left:10px; } .topnav .header ul.menu.menu-rsrcs li.menu-item.loginbt a { font-size: 11px; padding: 5px 5px 7px; vertical-align: baseline; } .mega-dropdown .community-div .txt-box { margin: 10px 0 20px; } .mega-dropdown .menu-container-inside p.lead { font-size: 15px; } .mega-dropdown .mega-dropdown { margin-bottom: 4px; margin-right: 0; } .header ul.menu .mega-dropdown .dropdown-menu { margin-top: -8px; } .btn-pricing-plan { display:none; } } @media (max-width: 979px) { body.noscroll { overflow: hidden; position: fixed; } } /** Clipboard style **/ .panel-clipboard.panel-default { background: #fff9f2; box-shadow: none; border-radius: 0; border-color: #fff5ea; position:relative; } .panel-clipboard .panel-body { padding: 25px; color: #666; margin: 0 auto; max-width: 450px; } .panel-clipboard .btn-copy { background-color: #fff; color: #b4b2b0; padding: 4px 10px 7px; margin: 0 7px 7px 0; font-size: 11px; border: 1px solid #e5e1dd; } .panel-clipboard .btn-copy:hover, .panel-clipboard .btn-copy:focus, .panel-clipboard .btn-copy:active { background-color:#e5e1dd; color:#9f9b98; } /** To fix toggle in iphone/ipad devices **/ [data-toggle~="collapse"] { cursor: pointer; } .grecaptcha-badge{ display:none } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container-75 { padding-bottom: 75.25%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img:not([src]) { visibility: hidden; } /* Fixes Firefox anomaly during image load */ @-moz-document url-prefix() { img:-moz-loading { visibility: hidden; } } /*Feedback Alert*/ .mesgediv .mesgecon .alert.alert-green { padding: 15px 20px; border: 1px solid #1BC49E; background-color: #EEFAF7; box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.12); margin: 25px 25px 0; border-radius: 3px; color: #4A4A4A; overflow: hidden; } .mesgediv .mesgecon .alert.alert-green.alert-dismissible .close { top: -5px; right: -5px; font-size: 26px; } .mesgediv .mesgecon .alert h6, .mesgediv .mesgecon .alert .h6 { font-size: 15px; line-height: 24px; text-align: left; color: #252525; border: 0; margin: 0 0 10px; font-weight: 400; } .mesgediv .mesgecon .alert .left-text { float: left; margin-right: 20px; width: 70%; } .mesgediv .mesgecon .alert .right-button { overflow: hidden; text-align: right; } .mesgediv .mesgecon .alert .right-button .btn { font-size: 13px; padding: 7px 20px; margin-top: 10px; } /** Modal modal_center_survey **/ .modal_center_survey button.close:focus, .modal_center_survey button.close:active { outline: none; } .modal_center_survey button.close { float: none; color: #fff; text-shadow: none; opacity: 1; font-weight: 400; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: -45px; font-size: 14px; font-family: 'Poppins', sans-serif; } .modal_center_survey button.close span { background-color: #fff; width: 34px; height: 34px; text-align: center; color: #909090; display: inline-block; border-radius: 34px; padding: 8px; vertical-align: middle; font-size: 22px; margin-left: 5px; } .modal_center_survey .modal-dialog { margin-top: 70px; } .modal_center_survey .modal-header { background-color: #364359; color: #fff; padding: 18px 30px; } .modal_center_survey .modal-header.modal-header-less { padding: 8px 30px; } .modal_center_survey .modal-header .modal-title { font-weight: 500; font-size: 15px; line-height: 22px; } .modal_center_survey .modal-content { border: 0; box-shadow: 0 12px 21px 0 rgba(0, 0, 0, 0.5); } .modal_center_survey .modal-body { padding: 20px 30px; } .modal_center_survey .supplier-list-question ul { border-bottom: 1px solid #e4e4e4; } .modal_center_survey .supplier-list-question ul li { border-top: 1px solid #e4e4e4; font-size: 15px; overflow: hidden; } .modal_center_survey .left-question { float: left; width: 60%; padding: 30px 20px 30px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal_center_survey .right-radio { float: left; width: 40%; background-color: #EDF1F4; padding: 30px 10px; text-align: center; line-height: 30px; } .modal_center_survey .right-radio .radio { display: inline-block; vertical-align: middle; margin: 0 10px; color: #4A4A4A; } .modal_center_survey .right-radio input[type=radio] { -webkit-appearance: none; appearance: none; width: 32px; height: 32px; cursor: pointer; vertical-align: bottom; background: #fff; border: 1px solid #CCCDD1; -webkit-border-radius: 32px; border-radius: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; line-height: 20px; margin-right: 10px; float: left; margin-top: 0; } .modal_center_survey .right-radio input[type=radio]:checked { background-color: #55C231; background-image: url("data:image/svg+xml,%0A%3Csvg width='18px' height='13px' viewBox='0 0 18 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cpolyline id='Path' stroke='%23FFFFFF' stroke-width='2' points='1 7 6 12 17 1'%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 13px; border-color: transparent; } .modal_center_survey .right-radio input[type=radio]:focus { outline: none; } .modal_center_survey .footer_button { margin: 10px 0; } .modal_center_survey .footer_button .btn { font-size: 13px; } @media (max-width: 767px) { .modal_center_survey .supplier-list-question ul li { font-size: 14px; line-height: 20px; } .modal_center_survey .right-radio .radio { margin: 5px 10px; display: block; } .modal_center_survey .right-radio { width: 40%; padding: 20px 5px; width: 35%; text-align: left; } .modal_center_survey .left-question { width: 65%; white-space: inherit; overflow: auto; text-overflow: inherit; padding: 10px 10px; } } /*Onboarding*/ .label.label-beta { background-color: #2c007a; font-size: 9px; vertical-align: middle; line-height: 16px; font-weight: 600; display: inline-block; padding: 0 4px; margin-top: -3px; } .automation-mup.onboarding-quiz h5 { color: #4A4A4A; font-family: "Open Sans", sans-serif; font-size: 16px; margin-bottom: 20px; } .automation-mup.onboarding-quiz .form-group { position: relative; margin-bottom: 19px; } .automation-mup.onboarding-quiz .form-group label { color: #666666; font-size: 11px; font-weight: 400; display: block; line-height: 20px; margin-bottom: 8px; } .automation-mup.onboarding-quiz .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .automation-mup.onboarding-quiz .form-group .bootstrap-select > .dropdown-toggle { font-size: 14px; color: #333333; border-radius: 0; padding: 10px; padding-right: 25px; } .automation-mup.onboarding-quiz .form-group .bootstrap-select .dropdown-toggle::before { pointer-events: none; content: ''; background-image: url(https://www.salehoo.com/img/arrow-down.svg); background-repeat: no-repeat; background-size: 100% auto; background-position: center; height: 11px; width: 11px; margin-bottom: -.5625em; display: block; position: absolute; top: 50%; right: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; opacity: .5; } .automation-mup.onboarding-quiz .form-group .bootstrap-select .dropdown-toggle .bs-caret { display: none; } .automation-mup.onboarding-quiz .form-group .bootstrap-select .dropdown-toggle:hover, .automation-mup.onboarding-quiz .form-group .bootstrap-select .dropdown-toggle:focus, .automation-mup.onboarding-quiz .form-group textarea.form-control:focus, .automation-mup.onboarding-quiz .form-group .input-group .form-control:focus { border-color: #59c03c; } .automation-mup.onboarding-quiz .form-group textarea.form-control { resize: none; } .automation-mup.onboarding-quiz .form-group .bootstrap-select.btn-group .dropdown-menu li a { font-size: 13px; padding: 7px 10px; } .automation-mup.onboarding-quiz .form-group .bootstrap-select.btn-group .dropdown-menu { box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.25); } .automation-mup.onboarding-quiz .text-count { color: #999999; font-size: 10px; display: block; } .automation-mup.onboarding-quiz .store-name { background-color: #f7f7f7; padding: 15px 15px 5px; position: relative; } .automation-mup.onboarding-quiz .store-name .form-control { font-size: 13px; } .automation-mup.onboarding-quiz .store-name .input-group ::-webkit-input-placeholder { color: #cccccc; } .automation-mup.onboarding-quiz .store-name .input-group-addon:last-child { border-top-right-radius: 1px; border-bottom-right-radius: 1px; } .automation-mup.onboarding-quiz .form-group ::-webkit-input-placeholder { color: #333333; } .automation-mup.onboarding-quiz .form-group ::-moz-placeholder { color: #333333; } .automation-mup.onboarding-quiz .form-group :-ms-input-placeholder { color: #333333; } .automation-mup.onboarding-quiz .form-group :-moz-placeholder { color: #333333; } /* Override CIO In-App modal */ #gist-overlay.background { background-color: rgba(0,0,0,.5) !important; } @media (max-width: 767px) { .item-cat.product-block .catlgdiv { max-width: none; } .expanding-grid .links > li.product-block { float: none; } .shipping-options .process-time { float: none; margin: 0 0 10px; } .expanding-grid .product-expanded .hentry .tab-content > .tab-pane .row .col-md-6 { border: 0; } .import-list .alert.alert-green .icon.icon-push { display: none; } .automation-mup .button-goup .sort-by label { display: block; } .import-list .item-cat.product-import .nav > li > a { font-size: 12px; padding: 10px; border-bottom: 1px solid #E4E4E5; } .import-list .item-cat.product-import .checkbox-div { padding: 7px 10px; } .import-list .item-cat.product-import .nav-tabs > li:first-child { margin-left: 38px; } .import-list .item-cat.product-import .nav-tabs li { display: block; width: 100%; margin-left: 38px; } .import-list .item-cat.product-import .nav-tabs > li.active > a { border-bottom: 1px solid #E4E4E5; } .import-list .item-cat.product-import .nav-tabs { overflow: hidden; } .import-list .item-cat.product-import .badge.badge-new { top: 25px; right: 25px; } .import-list .item-cat.product-import .tab-content-import, .import-list .item-cat.product-import .catdesd, .import-list .item-cat.product-import .catdesd .container-fluid { padding: 0; } .import-list .item-cat.product-import .tab-footer-import .btn { width: 100%; margin: 5px 0; } .import-list .item-cat.product-import .tab-footer-import { text-align: center; } .import-list .item-cat.product-import .tab-footer-import .link-view { margin-top: 20px; } .import-list .item-cat.product-import .tab-footer-import { padding: 20px 0 0; } .import-list .item-cat.product-import .catimgd .item { min-height: 150px; } .import-list .item-cat.product-import .catimgd { height: auto; margin-bottom: 20px; } .import-list .alert.alert-green .buttons-div { display: block; margin-left: 0; } .import-list .alert.alert-green .buttons-div .btn { display: block; } .import-list .alert.alert-green .buttons-div .btn.btn-view-all, .import-list .alert.alert-green .buttons-div .btn.btn-clear-all { width: 48%; display: inline-block; } .import-list .item-cat.product-import .catimgd img { padding: 10px; } .tab-content-import .shipping-options .form-inline .form-group { margin-bottom: 5px; } .tab-content-import .shipping-options .form-inline .form-group label { display: block; margin-bottom: 2px; } .tab-content-import .shipping-options .form-inline .bootstrap-select.btn-group { min-width: auto; margin-right: 0; display: block; } .tab-content-import .shipping-options .form-inline .form-group .bootstrap-select > .dropdown-toggle { float: none; } .tab-content-import .table > thead > tr > th, .tab-content-import .table > tbody > tr > td { padding: 10px; } .tab-content-import .table-pricing input.form-control { min-width: 50px; } .tab-content-import .table > tbody > tr > td:nth-child(2) { padding: 10px 0px; } .expanding-grid.product-grid .expanding-container .tab-div .nav-tabs > li { float: none; margin: 0 !important; } .expanding-grid.product-grid .expanding-container .tab-div .nav-tabs > li.active > a { border-color: transparent; color: #333; background-color: transparent; border-bottom: 1px solid #E4E4E5; } .expanding-grid.product-grid .expanding-container .tab-div .tab-content { padding: 0; margin-top: 10px; } .shipping-options .form-inline .form-group label { display: block; margin-bottom: 0; } .shipping-options .form-inline .bootstrap-select.btn-group { width: 100%; margin-right: 0; } .shipping-options .form-inline .form-group { margin-bottom: 10px; } .expanding-grid .product-expanded .hentry .nav-tabs > li > a { font-size: 12px; padding: 10px; color: #959596; border-bottom: 1px solid #E4E4E5; font-weight: 400; } .expanding-grid .product-expanded .hentry .nav-tabs > li:last-child a { border: 0; } } @media (min-width: 768px) { .modal-automation-normal .modal-dialog, .modal-automation .modal-dialog { width: 530px; } } @media (min-width: 992px) { .modal-automation .modal-lg { width: 850px; } } /* Mon, 28 Nov 2022 00:42:15 GMT global-v31 */ .labs-ico { display: inline-block; width: 17px; height: 16px; background: url(https://www.salehoo.com/img/lab-sprite-ico.png) no-repeat; background-size: 16px; vertical-align: text-top; } .labs-ico.ico-default { background:url(https://www.salehoo.com/img/lb-ico-boxes-darkgrey.png) no-repeat; background-size: 16px; } .labs-ico.ico-appliances { background-position: 0 0; } .labs-ico.ico-arts { background-position: 0 -16px; } .labs-ico.icon-car, .labs-ico.icon-cars, .labs-ico.ico-automotive { background-position: 0 -32px; } .labs-ico.icon-baby, .labs-ico.ico-baby { background-position: 0 -48px; } .labs-ico.ico-beauty { background-position: 0 -64px; } .labs-ico.icon-books, .labs-ico.ico-books { background-position: 0 -80px; } .labs-ico.icon-cameras, .labs-ico.ico-camera { background-position: 0 -96px; } .labs-ico.icon-clothing, .labs-ico.ico-clothing { background-position: 0 -112px; } .labs-ico.icon-computers, .labs-ico.ico-computers { background-position: 0 -128px; } .labs-ico.icon-consumer, .labs-ico.ico-electronics { background-position: 0 -144px; } .labs-ico.icon-food, .labs-ico.ico-grocery { background-position: 0 -160px; } .labs-ico.icon-health, .labs-ico.ico-health { background-position: 0 -176px; } .labs-ico.ico-kitchen { background-position: 0 -192px; } .labs-ico.icon-home, .labs-ico.ico-home { background-position: 0 -208px; } .labs-ico.icon-jewelry, .labs-ico.ico-jewelry { background-position: 0 -224px; } .labs-ico.ico-dining { background-position: 0 -240px; } .labs-ico.ico-magazines { background-position: 0 -480px; } .labs-ico.ico-mens { background-position: 0 -496px; } .labs-ico.icon-dvds, .labs-ico.icon-dvd, .labs-ico.ico-movies { background-position: 0 -256px; } .labs-ico.ico-music { background-position: 0 -272px; } .labs-ico.ico-musical { background-position: 0 -448px; } .labs-ico.ico-office { background-position: 0 -288px; } .labs-ico.ico-patio { background-position: 0 -304px; } .labs-ico.icon-pet, .labs-ico.ico-pet { background-position: 0 -320px; } .labs-ico.ico-security { background-position: 0 -336px; } .labs-ico.icon-shoes, .labs-ico.ico-shoes { background-position: 0 -352px; } .labs-ico.ico-software { background-position: 0 -368px; } .labs-ico.icon-sporting, .labs-ico.ico-sports { background-position: 0 -384px; } .labs-ico.icon-toys, .labs-ico.ico-toys { background-position: 0 -400px; } .labs-ico.icon-video, .labs-ico.ico-video { background-position: 0 -416px; } .labs-ico.ico-watches { background-position: 0 -432px; } .labs-ico.ico-womens { background-position: 0 -464px; } .labs-ico.icon-adult, .labs-ico.ico-adult { background-position: 0 -512px; } .labs-ico.icon-antiques, .labs-ico.ico-antiques { background-position: 0 -528px; } .labs-ico.icon-business, .labs-ico.ico-business { background-position: 0 -544px; } .labs-ico.icon-mobile, .labs-ico.icon-cell, .labs-ico.icon-cellphones, .labs-ico.ico-cell-phones, .labs-ico.ico-cell { background-position: 0 -560px; } .labs-ico.icon-travel, .labs-ico.ico-travel { background-position: 0 -576px; } .labs-ico.icon-all, .labs-ico.ico-all { background-image: url(https://www.salehoo.com/img/lb-ico-boxes-darkgrey.png); } .labsintrovid { /*margin:-15px -15px 10px;*/ margin: -15px -15px -20px; } .labsintro { font-size: 15px; font-weight: 300; } .labsintro p.lead { color: #666; font-size: 16px; } .labs-ideas-empty-message { margin: 25px 0 0 15px; color: #666; } .info-ret .tooltip-inner { min-width: 200px; } .info-ret img { max-height: 16px; vertical-align: baseline; } .info-ret a { font-size: 11px; font-style: italic; color: #999; } .info-ret a:hover { color: #666; text-decoration: none; } .filter { padding-top: 10px; border-bottom: 1px solid rgb(234, 234, 234); } .filter label, .barnav label { color: #666; font-weight: 400; font-size: 11px; line-height: 12px; display: block; } .filter label .valuedit { padding: 2px 3px; } .filter label .valuedit:hover { background-color: #fff9c9; } .filter label .valuedit:focus { background-color: #fff9c9; outline: none; } .filter label .valuedit.dllar:before { content: '$'; } .filter label .valuedit.rte:after { content: '%'; } .filter .valuedit input { border: 0; outline: none; width: 8px; margin: 0; -moz-appearance: textfield; box-shadow: none; } .filter .valuedit input::-webkit-outer-spin-button, .filter .valuedit input::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: textfield; margin: 0; } .filter .btn.dropdown-toggle { font-size: 12px; color: #535353; border-radius: 2px; outline: none; } .filter .btn.dropdown-toggle:focus, .filter .btn.dropdown-toggle:hover { background: none; } .filter .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } .filter .btn-group.open>.dropdown-toggle.btn-default { background: none; } .filter .bootstrap-select.btn-group .dropdown-menu { font-size: 13px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; } .filter .bootstrap-select .dropdown-menu.open { border: 1px solid #d8d8d8; margin-top:-1px; } .filter .bootstrap-select.btn-group .dropdown-menu li a { outline: none; } .filter .filter-container { position: relative; } .slider.slider-horizontal { margin-top: 5px; width: 100%; } .slider.slider-horizontal .slider-track { height: 5px; } .slider.slider-horizontal .tooltip { display: none; } .slider-selection { box-shadow: none; border-radius: 5px; background: rgb(134, 197, 97); } .slider.slider-horizontal .slider-handle { width: 16px; height: 16px; opacity: 1; box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 1px; background: rgb(178, 178, 176); border: 5px solid rgb(255, 255, 255); } .filter label span { font-weight: 600; color: #333; } .filter .form-group { min-height: 57px; margin-bottom: 5px; position: relative; } .competition .btn-group label .bar.off { opacity: 0; } .competition .btn-group label .bar, .view a .bar { width: 18px; height: 5px; display: block; border: 1px solid rgb(211, 211, 211); margin: 1px 1px 2px 0px; border-radius: 4px; } .checkboxdn:last-child { margin-right: 0; } .checkboxdn { display: inline-block; margin-right: 14px; position: relative; } .checkboxdn input[type="checkbox"] { display: none; } .filter .checkboxdn label { cursor: pointer; font-size: 10px; text-transform: uppercase; font-weight: 600; } .checkboxdn input[type="checkbox"]+label:before { content: "\00a0"; display: inline-block; margin: -2px 2px 0 0; padding: 0; padding-top: 1px; vertical-align: top; background: #fff; border: 1px solid #d6d6d6; width: 18px; height: 18px; border-radius: 18px; } .checkboxdn input[type="checkbox"]:checked+label.low:before { background: #85c561; } .checkboxdn input[type="checkbox"]:checked+label.med:before { background: #fac843; } .checkboxdn input[type="checkbox"]:checked+label.high:before { background: #ec5661; } .checkboxdn input[type="checkbox"]:checked+label:before { color: #666; content: url(https://www.salehoo.com/img/ico-check.svg); text-align: center; border-color: transparent; } .checkboxdn input[type="checkbox"]:checked+label { color: #333; } .save a img { max-height: 23px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: grayscale(1); /*filter: url("data:image/svg+xml;utf8,#greyscale");*/ -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; opacity: .55; } .save a.saved img, .save a:hover img { max-height: 23px; -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } .tipsave { position: absolute; background: #374359; color: #fff; font-size: 10px; line-height: 14px; width: 150px; padding: 7px; left: calc(50% - 75px); margin-top: 7px; z-index: 9; border-radius: 3px; } .tipsave:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(55, 67, 89, 0); border-bottom-color: #374359; border-width: 5px; margin-left: -5px; } .labs-tooltip.showtip { -o-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -webkit-transition: opacity 1.5s; transition: opacity 1.5s; opacity: 1; } .hidetip { opacity: 0; transition: opacity 1s; } .filter .form-group.save { position: relative; } .view a { width: 25px; display: inline-block; overflow: hidden; margin-top: 4px; } .view a .th { width: 10px; height: 10px; float: left; border-radius: 1px; border: 1px solid rgb(211, 211, 211); margin: 0px 1px 1px 0px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .view a:focus span, .view a.active span { background: #85c561; border: 1px solid #85c561; } .view a:focus:hover, .view a.active:hover { cursor: default; } .slider.slider-horizontal { margin-top: 5px; width: 100% !important; } .slider-track { box-shadow: none; border-radius: 5px; background: rgb(225, 225, 225); } .productsdiv, .mainsec { height: auto; min-height: 800px; background: #f2f3f5; padding-bottom: 0; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; } .productsdiv.rowcol { min-height: 300px; } .productsdiv.rowcol.expand { padding: 0; } .list-group { position: relative; } .list-group.listing { margin-top: 30px; } .list-group .grid-group-item .dropdowninfo { position: absolute; } .list-group .thumbnail .list-group-image { border: 1px solid #cccdd1; padding: 15px; background: #fff; text-align: center; position: relative; } .productsdiv .list-group .thumbnail#sidebar_filter_areas .list-group-image { height: 200px; } .productsdiv .list-group .thumbnail#sidebar_filter_areas .list-group-image img { display: inline-block; } .list-group .grid-group-item .thumbnail .list-group-image:before, .trends .list-group .thumbnail .list-group-image:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .list-group .grid-group-item .thumbnail .list-group-image img { display: inline-block; max-height: 160px; } .list-group .thumbnail .list-group-image .more-info { position: absolute; background: rgba(22, 26, 34, 0.85); z-index: 2; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .list-group .thumbnail .list-group-image .more-info span { position: absolute; text-align: center; font-size: 9px; color: #fff; /*background:#2e96e4;*/ padding: 5px 7px; border-radius: 2px; left: 50%; line-height: 12px; top: 50%; z-index: 3; text-transform: uppercase; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 140px; } .list-group .thumbnail .list-group-image:hover { border-color: #f2f3f5; } .list-group .thumbnail .list-group-image:hover .more-info, .list-group .thumbnail .list-group-image .more-info.show { opacity: 1; } .list-group .item.open .thumbnail .list-group-image .more-info, .list-group-item .list-group-image .more-info, .item.open .list-group-image .more-info { display: none !important; } .list-group .thumbnail .list-group-image img { margin: 0 auto; } .item.open .list-group-image, .item .list-group-image:hover, .list-group .item.open .thumbnail .list-group-image:hover { border: 1px solid rgba(162, 164, 168, 0.90); } .list-group .thumbnail .caption { padding: 13px 0 0; } .list-group .thumbnail .caption .list-group-item-heading { font-size: 14px; color: #333; padding-bottom: 5px; margin-bottom: 0px; text-align: center; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; } .list-group-item .thumbnail .list-group-image { overflow: hidden; } .item.reset { opacity: .7; } .item.reset.open, .item.reset:hover { opacity: 1; } .item.reset.open img.img-responsive { -webkit-filter: grayscale(0); filter: grayscale(0); } .item .table .tooltip { display: none; } .item.list-group-item .table .tooltip { display: inline-block; } .item.list-group-item .potential-sup { margin-bottom:0; margin-top:5px; } .item.list-group-item .potential-sup h6 { color: #252525; font-size:13.5px; } .item.list-group-item .potential-sup .lead-border-right { border: 0; padding-right: 0; } .item.list-group-item .potential-sup .col-md-2, .item.list-group-item .potential-sup .col-md-10, .item.list-group-item .potential-sup .col-md-6 { width: auto; } .item.list-group-item .potential-sup .btn-notify { margin-top: 5px; margin-bottom:10px; } .item.list-group-item .potential-sup .similar-sup-div { padding: 10px; } .item.list-group-item .potential-sup .img-shot { width: 100px; } .filter.affix { width: 100%; top: 0; background-color: #fff; z-index: 7; } .num-filter-products { font-family: 'Poppins', sans-serif; margin: 25px 0 -20px; color: #666; font-size: 12.5px; letter-spacing: .3px; display: table; width: 100%; position:relative; z-index:2; } .filter-container .num-filter-products { margin:0; } .filter-container .num-filter-products .form-group.data-source .bootstrap-select > .dropdown-toggle { border: 0; padding: 5px 25px 0 0; margin-left: 0; } .num-filter-products .count-prod { margin-top:5px; } .num-filter-products .count-prod span { font-weight:500; color:#252525; } .num-filter-products .count-prod span span{ font-weight:normal; color: #666; } .num-filter-products .form-group { margin-bottom: 0; } .num-filter-products .sortsup { margin-right:-1px; float: right; padding-left: 10px; border-left:0; height:30px; padding-top:3px; } .num-filter-products .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: auto; padding-right: 0; } .num-filter-products .num-filter-div .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { vertical-align: bottom; position:relative; } .num-filter-products .form-group .bootstrap-select > .dropdown-toggle { padding: 6px 25px 4px 10px; min-height: inherit; border-color: #ccc; background-color:#fff; } .num-filter-products .num-filter-div .bootstrap-select.btn-group .dropdown-menu { top: 100%; margin-top: -1px; right: 0; bottom:inherit; } .num-filter-products .num-filter-div .dropup .caret { border-bottom: 0; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .num-filter-products .btn-save-filter.btn-white { border-radius: 0; font-size: 11px; padding: 7px 10px 5px; height:30px; } .num-filter-products .num-filter-div .save-div { position:relative; } .num-filter-products .btn-save-filter.btn-white.active { -webkit-box-shadow: none; box-shadow: none; background-color:#f5f5f5; color: #666; } .num-filter-products .btn-save-filter.btn-white.active span.text-label { display:none; } .num-filter-products .btn-save-filter.btn-white.active:after { content: 'Saved Filter'; } .num-filter-products .btn-save-filter.btn-white.active .glyphicon { color:#ec5661; } .num-filter-products .btn-save-filter .glyphicon { vertical-align: middle; margin-top: -3px; } .num-filter-products .form-group.data-source { display:inline-block; } .num-filter-products .form-group.data-source .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { min-width: inherit; } .num-filter-products .form-group.data-source .bootstrap-select > .dropdown-toggle { border: 0; background: transparent; padding: 0 25px 0 10px; border-left: 1px solid #ccc; margin-left: 7px; } .updatever2_1 .item.open > .dropdown-menu { animation-name: slidenavAnimation; animation-duration:.6s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration:.6s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration:.6s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; } .item.open .arrow_tip { display: block; } .item .thumbnail { margin-bottom: 10px; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: none; border: 0; position: relative; } .item.list-group-item { float: none; width: 45%; margin-bottom: 0; margin-left: 15px; border-radius: 0px; margin-top: 0; position: initial !important; height: auto !important; min-height: inherit; padding: 12px 15px; border: 1px solid #f2f3f5; border-bottom: 1px solid transparent; z-index: 1; } .item.list-group-item.open { background-color: #374359; border-color: transparent; z-index: 2; color: #fff; } .item.list-group-item.open .thumbnail .caption .list-group-item-heading, .item.list-group-item.open .sellnfo span.price span, .item.list-group-item.open .sellnfo span span { color: #fff; } .item.list-group-item.open .sellnfo span { color: #ccc; } .item.list-group-item.open .thumbnail:after, .item.list-group-item.open .thumbnail:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; margin-left: 15px; } .item.list-group-item.open .thumbnail:after { border-color: rgba(255, 255, 255, 0); border-left-color: #374359; border-width: 10px; margin-top: -10px; } .item.list-group-item.open .thumbnail:before { border-color: rgba(170, 172, 176, 0); border-left-color: #374359; border-width: 11px; margin-top: -11px; } .list-group-item .thumbnail .caption .list-group-item-heading, .list-group-item .thumbnail .sellnfo { text-align: left !important; min-height: inherit; padding-bottom: 0; } /*.list-group-item .sellnfo span.clevel span { width: 14px; height: 14px; background-size: 7px; margin-top: -1px; min-width:14px; }*/ .list-group-item .sellnfo a.compare, .list-group-item .sellnfo a.save { opacity: 1; top: inherit; position: relative; right: inherit; left: inherit; text-decoration: none; display: inline-block; } .list-group-item .sellnfo a.compare span, .list-group-item .sellnfo a.save span { font-size: 9px; } .list-group-item .sellnfo a span { display: none; } .list-group-item.open .sellnfo a { padding: 0 5px 1px; border: 1px solid #47546b; line-height: 18px; margin-left: 5px; } .list-group-item.open .sellnfo a span { display: inline-block; } .list-group-item.open .sellnfo a:hover span { color: #fff !important; } .item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover { /*background: #428bca;*/ } /*Grid List style*/ .item { margin-top: 45px; min-height: 300px; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; } .item.list-group-item .list-group-image { margin-right: 10px; width: 52px; height: 52px; padding: 0; float: left; } .item.list-group-item .thumbnail .list-group-image img { height: auto; padding: 3px; display: inline-block; max-width: 92%; } .item.list-group-item .list-group-image:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .item.list-group-item .list-group-image { overflow: hidden; text-align: center; } .item.list-group-item .thumbnail .caption .list-group-item-heading { height: auto; } .item.list-group-item .arrow_tip { display: none !important; } .item.list-group-item .caption { padding: 2px 9px 4px 9px; } .item.list-group-item .tab-pane { background: #fff; } .item.list-group-item .dropdown-menu { width: 55%; top: 0; left: 45%; margin-left: 0 !important; z-index: 1; } .item.list-group-item .dropdown-menu .dropminside { border: 0; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-left: 30px; } .item.list-group-item .dropdown-menu.affix .dropminside { max-width: 560px; left: 29px; } .item.list-group-item .dropdown-menu .dropminside .tab-content .col-md-3 { display: none; } .item.list-group-item .dropdown-menu .dropminside .tab-content .col-md-9 { width: 100%; } .item.list-group-item .dropdown-menu .dropminside .show-list-info { display: block; margin-bottom: 10px; } .item.list-group-item .show-list-info .list-group-image { width: auto; height: auto; margin-bottom: 20px; margin-right: 0; padding: 10px; background: #fff; border: 1px solid #e3e4e5; } .item.list-group-item .show-list-info h3 { font-size: 20px; line-height: 30px; margin-top: 0; } .item.list-group-item:before, .item.list-group-item:after { display: table; content: " "; } .item.list-group-item img { float: left; margin-top: 1px; } .item .dropdown-menu { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 0; background: none; margin: 0; padding: 0; margin-top: -1px; z-index: 4; } .item .dropdown-menu .dropminside { margin: 0 15px; border: 1px solid #a2a4a8; border: 1px solid rgba(162, 164, 168, 0.90); background: #fff; padding: 25px 20px; font-size: 12px; position: relative; -webkit-box-shadow: 0px 2px 10px -6px rgba(0, 0, 0, 0.66); -moz-box-shadow: 0px 2px 10px -6px rgba(0, 0, 0, 0.66); box-shadow: 0px 2px 10px -6px rgba(0, 0, 0, 0.66); } .item.list-group-item .dropdown-menu .dropminside h5 { display: none; } .item .dropdown-menu .dropminside h5 { margin-top: 0; margin-bottom: 10px; font-weight: 400; font-size: 20px; } .item .dropdown-menu .dropminside h5 span a { font-size: 11px; color: #666; } .item .dropdown-menu .dropminside h5, .item .dropdown-menu .dropminside h5 a, .item .dropdown-menu .dropminside h3, .item .dropdown-menu .dropminside h3 a, .list-group-item-heading a { color: #000; /*border-bottom: 1px dotted #CCC;*/ } .item .dropdown-menu .dropminside h5 a:hover, .item .dropdown-menu .dropminside h3 a:hover, .list-group-item-heading a:hover { text-decoration: underline; /*border-bottom: 1px dotted #999;*/ } .list-group-item .sellnfo a.compare, .list-group-item .sellnfo a.save { background: none; float: right; line-height: 16px; } .item.open .sellnfo a.compare, .item.open .sellnfo a.save { display: block; opacity: 1; color: #b8b8b8; text-decoration: none } .item.open .sellnfo a.compare span, .item.open .sellnfo a.save span { margin: 0px 2px; } .item .sellnfo a:hover span { color: #909090; } .sellnfo a.save { right: 10px; padding-left: 18px; padding-bottom: 3px; padding-right: 5px; border-radius: 2px; padding-top: 3px; opacity: .9 !important; } .sellnfo a.save svg.ico { width: 15px; height: 15px; vertical-align: middle; } .sellnfo a.save:hover svg.ico g, .sellnfo a.save.saved svg.ico g { fill: rgb(27, 196, 158) !important; } .sellnfo a.compare { left: 10px; background: #fff url(https://www.salehoo.com/img/lb-ico-measures.png) no-repeat left; background-size: 15px; background-position: 5px 4px; padding-left: 23px; padding-bottom: 3px; padding-right: 5px; border-radius: 2px; padding-top: 3px; opacity: .9 !important; } .sellnfo a.compare:hover, .sellnfo a.compare.compared { background-position: 5px -23px; opacity: 1 !important; } .sellnfo a span { margin-left: 2px; vertical-align: middle; } .item.open .sellnfo a:hover { text-decoration: none; } /* remove button */ .sellnfo a.remove { opacity: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; right: 10px; top: 8px; position: absolute; z-index: 5; } .sellnfo a.remove span { font-size: 10px; display: inline-block; margin: 0px 10px; color: #b8b8b8; } .sellnfo a.remove:hover { opacity: 1 !important; } .sellnfo a.remove:hover span { color: #ed6b7e; } .rightinfo { position: absolute; right: 12%; transform: translate(0, -50%); top: 20%; font-size: 15px; color: #a4a4a3; font-weight: 300; } .rightinfo span { width: 25px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 3px; } .item.list-group-item .thumbnail { margin: 0px; z-index: 2; } .item.list-group-item .staff-add-product-trend { display: block; text-align: left !important; margin-top: 10px; } .item.list-group-item .staff-add-product-trend .btn { padding: 5px 10px 6px; } .filter .dropdown-menu .labs-ico { margin-left: -3px; } /*Bar nav*/ /*Dashboard update 2.1*/ /*Safety analysis*/ form.sfty { margin-top: 15px; } form.sfty .btn { min-width: 100px; } .sftyscore { margin-top: 3px; font-size: 10px; color: #9c9c9c; font-weight: 600; } .sftyscore .glyphicon, .glyphicon.sfty { font-size: 11.1px; vertical-align: baseline; top: 0; color: #c4c4c4; margin-right: 3px; } .glyphicon.sfty { color: #727272; } .sftyscore span.total { color: #333; font-size: 11px; margin: 0 3px; } .info_arrow { position: relative; background: #ffffff; border: 1px solid rgba(162, 164, 168, 0.90); padding: 20px 0 0; } .info_arrow:after, .info_arrow:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .item.info_arrow .table { margin: 0; } .item.info_arrow .table>tbody>tr>td, .item.info_arrow .table>thead>tr>th, .item.info_arrow .table>tbody>tr>td:first-child { padding: 8px 15px; } .info_arrow:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .info_arrow:before { border-color: rgba(216, 216, 216, 0); border-bottom-color: #a2a4a8; border-width: 11px; margin-left: -11px; } .flag-circle { width: 15px; height: 15px; border-radius: 15px; overflow: hidden; display: inline-block; border: 1px solid #cfcfcf; vertical-align: sub; } .flag-circle .flag-icon { left: -5px; top: -3px; width: 25px; } .info_arrow .table { font-size: 13px; } .meidum { font-weight: 600; } .table span.nortondate { color: #999; font-size: 11px; font-weight: 300; } .ico-tick-circle { max-height: 15px; } a.link-new-tab { background: url(https://www.salehoo.com/img/ico-link-new-window.png) no-repeat right; background-size: 10px; padding-right: 15px; } .spindiv { width: 20px; height: 18px; position: relative; } .noresult { color: #a9a9a9; font-size: 12px; line-height: 20px; } .noresult h4 { font-weight: 500; } .noresult img.no-result { max-height: 88px; margin-bottom: 20px; opacity: .5; } .table .muted { color: #999; font-size: 11px; font-weight: 300; } /*Compare*/ .sellnfo span.remove span { font-size: 18px; margin: 0px 5px; vertical-align: sub; font-weight: 600; color: #ed6b7e; } .sellnfo span.remove { color: #ed6b7e; } .sellnfo span.save img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: grayscale(1); /*filter: url("data:image/svg+xml;utf8,#greyscale");*/ opacity: 0.5; margin-top: 1px; vertical-align: text-top; } .sellnfo span.save.active, .sellnfo span.save.active span { color: #ed6b7e; font-weight: 600; } .sellnfo span:hover { cursor: pointer; } .sellnfo span.save.active span, .sellnfo span.save span { margin: 0; margin-left: 2px; } .sellnfo span.save.active img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: .8; } .thumbnail .imggroup a.mask-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .updatever2_1 .item .table { font-size:13px; } .updatever2_1 .item .dropdown-menu .dropminside h5 span a { display:inline-block; font-size: 11px; color: #666; vertical-align: middle; } .updatever2_1 .sellnfo a.compare, .updatever2_1 .sellnfo a.save { z-index:1; } .prodcompetition div .value span { margin-top: 6px; } .list-group-item .sellnfo span.clevel { margin: 0; margin-right: 4px; } .updatever2_1 .prodcompetition { margin: 20px 0; } .updatever2_1 .prodcompetition div .value span { display: inline-block; color: #fff; padding: 9px 15px 6px; text-transform: uppercase; font-size: 15px; margin-top: 0; line-height: 10px; } .updatever2_1 .prodcompetition div .value.low span { background-color:#85c561; } .updatever2_1 .prodcompetition div .value.med span { background-color:#fac843; } .updatever2_1 .prodcompetition div .value.high span { background-color:#ec5661; } .updatever2_1 .prodcompetition div .value { font-size: 22px; font-weight: 400; font-family: 'Poppins', sans-serif; } .updatever2_1 .prodcompetition div { vertical-align:middle; } .updatever2_1 .prodcompetition div.first-met { font-size: 12px; font-weight: 400; color: #9c9ea4; letter-spacing: .5px; } .updatever2_1 .prodcompetition div.first-met a { color: #9c9ea4; border-bottom: 1px dotted #CCC; } .updatever2_1 .prodcompetition div.first-met a:hover { color: #666; } .updatever2_1 .prodcompetition div.div-second-met a { color: #7b7d82; } .updatever2_1 .prodcompetition div.div-second-met { margin:0; } .updatever2_1 .prodcompetition div.second-met { font-size: 10.5px; color: #7b7d82; margin-top: 0; vertical-align: middle; margin-right: 10px; border-left: 1px dotted #c6c8cb; padding-left: 10px; line-height: 26px; letter-spacing: .5px; font-weight: 400; } .updatever2_1 .prodcompetition div.second-met:last-child { border-right: 1px dotted #c6c8cb; padding-right:10px; margin-right:0; } .updatever2_1 .prodcompetition div.second-met.niche-score img { max-height: 12px; margin-top: -1px; } .updatever2_1 .prodcompetition div.second-met .value { font-size: 12px; overflow: inherit; text-transform: none; color: #52545a; margin-bottom: -10px; display: block; } .updatever2_1 .prodcompetition div.second-met .value .glyphicon { padding: 0; font-size: 9px; padding-right: 5px; vertical-align: middle; display:none; } .updatever2_1 .prodcompetition div.second-met .value.up-arrow .glyphicon { color:#59c03c; } .updatever2_1 .prodcompetition div.second-met .value.down-arrow .glyphicon { color:#e93443; } .updatever2_1 .item .table span.yes:after { width: 8px; height: 14px; border-width: 0 2px 2px 0; } .updatever2_1 .item .table span.no { width: 14px; height: 14px; } .updatever2_1 .item .table span.no::before, .updatever2_1 .item .table span.no::after { height: 2px; } .updatever2_1 .item .table > tbody > tr > td { padding:10px; } .updatever2_1 .item .table > tbody > tr > td span.hyphen-space { color:#949496; } .updatever2_1 .item .table tr td:first-child a { } .updatever2_1 .item .table tr td a { } .updatever2_1 .slider.slider-horizontal .slider-track { background:#d8d8d8; } .updatever2_1 .slider-selection { background: #d8d8d8; } .updatever2_1 .slider.slider-horizontal .slider-handle { width: 17px; height: 17px; background: #9b9b9b; border: 4px solid #fff; margin-top: -2px; margin-left: -5px; box-shadow:none; } .updatever2_1 .form-group.active .slider.slider-horizontal .slider-track { background:#e2f2d8; } .updatever2_1 .form-group.active .slider.slider-horizontal .slider-selection { background: #83c65b; } .updatever2_1 .form-group.active .slider.slider-horizontal .slider-handle { background: #fff; box-shadow: none; border: 2px solid #83c65b; } .updatever2_1 .filter-item-div { overflow:hidden; padding-left: 12px; padding-right:12px; } .updatever2_1 .checkbox-fil.pull-left { margin-top: 5px; } .updatever2_1 .item .menusup { padding-left:15px; } .updatever2_1 .item .menusup a { text-transform: none; font-size: 12px; padding: 9px 28px; font-weight: 600; } .updatever2_1.filter { transition: top 0.5s ease-in-out; position: relative; z-index: 11; background: #fff; height: auto !important; } .updatever2_1.filter.affix { position: fixed; } .updatever2_1 .item .menusup li.active a, .updatever2_1 .item .menusup li.active a:hover { color: #252525; background-color: #f8f9fb; border-bottom: 1px solid transparent; } .updatever2_1 .table-responsive { position:relative; overflow-x: inherit; } .updatever2_1 .table-striped > tbody > tr:nth-of-type(even) { background-color: #f8f9fb; } .updatever2_1 .table-responsive .scroll-icon { position:absolute; width:100%; height:100%; text-align:center; background-color: rgba(255,255,255,0.7); display:none; } .updatever2_1 .table-responsive .scroll-icon .ico-animate { margin-top: 70px; } .updatever2_1 .table-responsive .scroll-icon .ico-animate img { width: 55px; display:inline-block; margin-right:-50px; } .updatever2_1 .item .table > thead > tr > th { color: #515353; background-color: #f8f9fb; border-bottom: 1px solid #eeeff2; } .updatever2_1 .list-group-item .show-list-info .prodcompetition div { margin-top: 7px; } .updatever2_1 .list-group-item .show-list-info .prodcompetition div .value { font-size: 18px; } .updatever2_1 .list-group-item .show-list-info .prodcompetition div.second-met .value { font-size: 14px; } .updatever2_1 .labs-tooltip.showtip.joyride-tip-guide.top { left: 15px !important; transform: inherit; margin-top: 22px; opacity:0; -webkit-transition: all .60s ease; -moz-transition: all .60s ease; -o-transition: all .60s ease; transition: all .60s ease; visibility: hidden; } .matchsup { width: auto; margin-right: 4px; } @media (min-width: 996px) { .updatever2_1 .labs-tooltip.showtip.joyride-tip-guide.top { left: -165px !important; } } @media (min-width: 1366px) { .updatever2_1 .labs-tooltip.showtip.joyride-tip-guide.top { left: -148px !important; } } .updatever2_1.affix .labs-tooltip.showtip.joyride-tip-guide.top { opacity:.98; visibility:visible; } .updatever2_1 .item .menusup li { margin-right:4px; } .updatever2_1 .item .menusup a { background-color:transparent; } .updatever2_1 .item .morelink { margin: 10px 0 0; } .updatever2_1 .item .morelink a.more-suppliers, .updatever2_1 .item .morelink a.more-listings { font-size: 11px; padding: 1px 22px 2px 12px; border-radius: 2px; border: 1px solid #e3e4e5; color: #abadb1; background: #f8f9fb url(https://www.salehoo.com/img/ico-arrow-right.png) no-repeat right center; background-size: 5px; background-position-x: 89%; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .updatever2_1 .item .morelink a.more-suppliers:hover, .updatever2_1 .item .morelink a.more-listings:hover { border: 1px solid #d0d1d2; color: #76787d; background-position-x: 93%; background-color:#eeeff2; text-decoration:none; } .updatever2_1 .checkboxdn { margin-right:7px; } .updatever2_1.filter .col-save label span { color: #666; font-weight: 400; padding: 0; display: inline-block !important; } .lab-filter-sub .optionav .btn.btn-sm:hover, .lab-filter-sub .optionav .btn.btn-sm:focus { font-size: 10px; color: #bfbdba; padding: 8px 20px 9px; border-radius: 3px; background-color: #fff; border-color: #ccc; } .lab-filter-sub .optionav .btn.btn-sm.active-btn { color: #fff; background: #59c03c; border: 1px solid #59c03c; outline: none; -webkit-box-shadow: none; box-shadow: none; } .updatever2_1 .col-source .bootstrap-select.btn-group .dropdown-toggle .caret { margin-top:0; } /*Catalog update 2.1*/ .updatever2_1 .item-cat .catimgd, .updatever2_1 .item-cat .catdesd { border:0; } .updatever2_1 .item-cat .catlgdiv { border: 1px solid #e5e5e5 } .updatever2_1 .item-cat .catdesd { padding:8px 12px; border-top: 1px solid #efefef; } .updatever2_1 .item-cat .catimgd { overflow: inherit; height:180px; max-height:inherit; position:relative; } .updatever2_1 .item-cat .catimgd img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; } .updatever2_1 .item-cat .cattletrun { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.9em; overflow:hidden; } .item .table { margin: 0; color: #4c4c4c; } .item .table a, .prodcompetition a { color: #333; border-bottom: 1px dotted #CCC; } .item .table a:hover, .prodcompetition a:hover { text-decoration: none; border-bottom: 1px dotted #999; } .prodcompetition a, .prodcompetition a:hover { border: 0; } .prodcompetition { font-size: 12px; margin: 10px 0 20px; font-weight: 300; } .prodcompetition div { display: inline-block; margin-right: 20px; color: #666; margin-top: 10px; } .prodcompetition div a { color: #666; } .prodcompetition div img { max-height: 14px; } .prodcompetition div .value { font-size: 15px; color: #000; display: block; overflow: hidden; font-weight: 400; } .prodcompetition div.info-ret a { border: 0; font-style: italic; color: #999; } .prodcompetition div.info-ret a:hover { color: #666; } .updatever2_1 .panel .prodcompetition.sellnfo { margin-top:2px; } .updatever2_1 .panel .prodcompetition.sellnfo div { font-weight: 400; font-size:11px; } .updatever2_1 .prodcompetition.sellnfo div .value { vertical-align: middle; color: #252525; font-size: 11px; font-weight: 500 !important; } .updatever2_1 .prodcompetition.sellnfo div .value.high, .updatever2_1 .prodcompetition.sellnfo div .value.med, .updatever2_1 .prodcompetition.sellnfo div .value.low { color: #fff !important; padding: 3px 5px; font-size: 9px !important; text-transform: uppercase; letter-spacing: .5px; line-height: 12px; } .updatever2_1 .panel .prodcompetition { opacity:.6; } .updatever2_1 .panel.active .prodcompetition { opacity:1; } .updatever2_1 .prodcompetition.sellnfo div .value.high { background-color: #ec5661; } .updatever2_1 .prodcompetition.sellnfo div .value.med { background-color: #fac843; } .updatever2_1 .prodcompetition.sellnfo div .value.low { background-color: #85c561; } .label.label-high, .label.label-med, .label.label-low { border-radius:0; padding: 3px 5px; font-weight: 200; letter-spacing: .5px; margin: 0; text-transform: uppercase; margin-bottom: 6px; display: inline-block; font-size: 9px; } .label.label-high { background-color:#ec5661; } .label.label-med { background-color:#fac843; } .label.label-low { background-color:#85c561; } .list-group-item .show-list-info .prodcompetition div.info-ret, .list-group-item .show-list-info .prodcompetition div.info-ret div { min-width: 0 !important; } .list-group-item .prodcompetition div.info-ret img { float: none; margin: 0; } .list-group-item .prodcompetition div.info-ret span.value { display: none; } .list-group-item .prodcompetition, .list-group-item .info-ret.pull-right, .item li.info-ret.pull-right { display: none; } .list-group-item li.info-ret.pull-right { display: inline-block; } .list-group-item li.info-ret.pull-right a, .list-group-item li.info-ret.pull-right a:hover { background: none; border: 0; padding: 3px 7px 0; } .list-group-item .show-list-info .prodcompetition { display: inline-block; margin-top: 0; } .list-group-item .show-list-info .prodcompetition div { min-width: 100px; } .item .table>tbody>tr>td { border: 0; vertical-align: middle; } .item .table>tbody>tr>td:first-child { padding-left: 15px; } .item.list-group-item .table .expand-col { display: none; } .item.list-group-item .table .expand-col.showcol { display: table-cell; } .item .more-stats { display: none; } .item.list-group-item .more-stats { display: inline-block; } .item .hideprodcompt { display: none; } .item.compare .table>tbody>tr>td:first-child { padding-left: 28px !important; } .item.compare .menusup { left: 28px; } .item.compare .morelink { margin: 0 0 10px 28px; overflow: hidden; } .compare.info_arrow:before, .compare.info_arrow:after { border-width: 0; } .item .table>thead>tr>th { border-bottom: 1px solid #e3e4e5; text-transform: uppercase; font-weight: 600; font-size: 11px; color: #333; } .item.list-group-item .table { margin-left: 0; } /*.item .table span.yes { width:12px; height:12px; display:inline-block; border:2px solid #a4c98e; border-radius:12px; }*/ .item .table span.yes { display: inline-block; } .item .table span.yes:after { content: ''; display: block; width: 6px; height: 11px; border: solid #59c03c; border-width: 0 1px 1px 0; transform: rotate(45deg); } .item .table span.no { position: relative; display: inline-block; width: 12px; height: 12px; overflow: hidden; } .item .table span.no::before, .item .table span.no::after { content: ''; position: absolute; width: 100%; top: 50%; left: 0; background: #e93443; height: 1px; margin-top: 0px; border-radius: 5px; } .item .table span.no::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .item .table span.no::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .item .morelink { margin: 10px 15px 0; overflow: hidden; } .item .morelink a { color: #737373; font-size: 10px; } .item.lder:ist-group-item:after { clear: both; } .item .show-list-info { display: none; } .item .menusup { position: relative; font-size: 12.5px; z-index: 1; margin-top: 4px; border-bottom: 1px solid #e3e4e5; padding-left: 10px; } .item .menusup ul { margin: 0; line-height: 18px; } .item .menusup a { color: #8c8c8c; text-decoration: none; background: #e3e4e5; display: inline-block; border: 1px solid #e3e4e5; padding: 4px 15px; margin-left: -1px; font-size: 10px; text-transform: uppercase; } .item .menusup li.active a, .item .menusup li a:hover, .item .menusup li.active a:hover { color: #666; background: #fff; text-decoration: none; border: 1px solid #e3e4e5; border-bottom: 1px solid #fff; } .item .menusup li.active a:hover { cursor: default; } .item .menusup li a:hover { border-bottom: 1px solid #e3e4e5; } .item .menusup li { padding: 0; margin-bottom: -1px; margin-left: -4px; } .item .menusup li:first-child { margin-left: 0; } .item .table>thead>tr>th span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; } .list-group-item.item .compress .table>thead>tr>th span { width: 50px; } .potential-sup { margin:20px; } .potential-sup h6 { line-height:22px; } .potential-sup .lead-border-right { border-right:1px solid #ccc; padding-right:20px; } .potential-sup .btn-notify { margin-top:25px; } .potential-sup .similar-sup-div { margin-top:5px; padding:20px; border: 1px solid #e3e4e5; overflow:hidden; } .potential-sup .img-shot { float:left; width:120px; margin-right:20px; } .potential-sup .similar-text { overflow:hidden; } .potential-sup .similar-title { font-size: 14px; color: #333; padding-bottom: 5px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 44px; margin-bottom:20px; } .potential-sup span.price { margin-right:20px; color: #979797; } .potential-sup span.price span { font-weight: 600; color: #252525; font-size: 14px; } .savedprod .list-group .thumbnail .list-group-image:hover, .trends .list-group .thumbnail .list-group-image:hover { border: 1px solid rgba(162, 164, 168, 0.90); } /*Compare update 2.1*/ .graphdiv { border-top: 1px solid #dedddb; margin-top: 15px; } .comparediv .updatever2_1.list-group .item.open .thumbnail, .comparediv .updatever2_1.list-group .item .thumbnail:hover, .comparediv .updatever2_1.list-group .item .thumbnail { border: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .comparediv .updatever2_1.list-group .thumbnail .caption { padding: 0; border: 0; } .comparediv .updatever2_1.list-group .thumbnail .caption .list-group-item-heading { text-align:center; font-weight: 400; } .comparediv .item { min-height: inherit; opacity: .7; } .comparediv .item.open { opacity: 1; height: 500px; } .comparediv .arrow_tip { margin-top: 10px; } .comparediv .item .thumbnail { border: 1px solid transparent; -webkit-transition: none; -o-transition: none; transition: none; padding-bottom: 7px; min-height: 63px; margin-bottom: 0; padding: 0 10px; } .comparediv .item .sellnfo { z-index: 2; position: relative; margin-top: -10px; padding-bottom: 10px; } .comparediv .dropdown.keep-open .dropdown-menu { z-index: 1; } .comparediv .sellnfo span { font-weight: 600; font-size: 10px; margin: 0 5px; } .comparediv .sellnfo span:hover { text-decoration: underline; } .comparediv .sellnfo span.remove { color: #666; } .comparediv .sellnfo .save svg.ico { width: 12px; height: 12px; max-height: 12px; margin-right: 2px; margin-top: 1px; vertical-align: text-top; } .comparediv .sellnfo .saved svg.ico g { fill: rgb(27, 196, 158); } .comparediv .highcharts-container svg rect:hover { cursor: pointer; cursor: hand; } .btn.btn-compare { background-color: #fff; border: 1px solid #cccdd1; text-transform: uppercase; color: #949494; position: fixed; top: 204px; right: 9px; padding: 7px 18px 8px 15px; opacity: .8; z-index: 999; } .btn.btn-compare:hover { opacity: 1; } .btn.btn-compare .comparcon { position: relative; } .btn-compare img { max-height: 13px; margin-right: 2px; opacity: .7; } .btn.btn-compare .badge { position: absolute; left: -22px; top: -13px; background-color: #f43f4e; width: 20px; height: 20px; border-radius: 20px; font-size: 9px; text-align: center; line-height: 1; padding: 3px 0 0; font-weight: 400; border: 2px solid #f2f3f5; } .compare-panel { width: 230px; background-color: #fff; border: 1px solid #cccdd1; position: fixed; top: 204px; right: 9px; padding: 15px; z-index: 999; } .compare-panel .alert { margin: -20px -15px 15px; font-size: 12px; line-height: 16px; padding: 10px 15px; } .compare-panel .hdrcompr { background-color: #7a7e84; color: #fff; margin: -16px -16px 20px; padding: 1px 15px; } .compare-panel .hdrcompr h6 { margin: 8px 0; } .compare-panel ul li { overflow: hidden; margin-bottom: 10px; max-height: 43px; } .compare-panel li .thmbcompr { float: left; width: 43px; margin-right: 7px; } .compare-panel li .titlecmpr { font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 32px; } .compare-panel li button.close { font-weight: 300; font-size: 18px; } .compare-panel .hdrcompr button.close { margin-top: 1px; font-weight: 600; font-size: 16px; color: #fff; opacity: 1; text-shadow: none; padding: 5px 10px; margin-right: -10px; } .compare-panel .btndincompr { margin-top: 15px; } .compdiv { border: 1px solid #f0f2f3; padding: 10px 30px 30px; margin-bottom: 30px; } .compdiv h3 { font-weight: 600; font-size: 22px; } .compdiv h3 span.vs { font-style: italic; font-weight: 400; } .compdiv p.lead { font-size: 15px; line-height: 24px; font-weight: 400; color: #666; } .comparediv.tab-content>.tab-pane { min-height: 401px; } .submnudrop { margin: 10px 15px; } .submnudrop .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } /*Trends update 2.1*/ .trends.productsdiv .item { margin-bottom: 20px; height: 350px; } .main-trends .updatever2_1.list-group .sellnfo { min-height: 72px; } .trends .updatever2_1.list-group .sellnfo span.price span { font-size: 12px; color:#4a4a4a; } .trends .updatever2_1.list-group .sellnfo span.price { border-right: 1px solid #e7e8eb; padding-right: 7px; } .trends .updatever2_1.list-group .sellnfo span.price:last-child { border:0; } .trends .updatever2_1.list-group .thumbnail .caption .list-group-item-heading { min-height:inherit; } .trends .updatever2_1.list-group .thumbnail .list-group-image { min-height: 242px; } .trends .collage .collage-item { height: 91px; display: inline-block; width: 50%; position: relative; } .trends .collage .collage-item-single{ height: 166px; display: inline-block; width: 100%; position: relative; } .trends .thumbnail .list-group-image .collage .collage-item img { max-height: 100%; max-width: 100%; float: none; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .imggroup { overflow: hidden; } .imggroup img { float: left; width: 50%; } /*Saved Products*/ .divsaved .item { margin-top: 45px; } .divsaved .item.list-group-item { margin: 0; width: 100%; margin-bottom: 1px; border: 0; overflow: hidden; } .divsaved .item a.removeitem, .savedprod .item a.removeitem { opacity: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; right: 10px; top: 8px; position: absolute; z-index: 5; } .divsaved .item:hover a.removeitem, .savedprod .item:hover a.removeitem { opacity: 1; } .divsaved a:hover span.remove, .savedprod a:hover span.remove { color: #ed6b7e; } .divsaved a span.remove, .savedprod a span.remove { font-size: 10px; display: inline-block; margin: 0px 10px; color: #b8b8b8; } .divsaved a span.remove span, .savedprod a span.remove span { font-size: 18px; margin: 0px 5px; vertical-align: sub; font-weight: 600; } .divsaved .list-group-item a.removeitem, .savedprod .list-group-item a.removeitem { opacity: 1; top: 3px; right: 0; } .savedprod .list-group-item a.removeitem { top: 0; } @media (min-width: 768px) and (max-width: 979px) { .lab-filter-sub.affix { position: fixed !important; top: 0; z-index: 12; background-color: #fff; width: 100%; } .item.list-group-item .show-list-info h3 { font-size: 18px; line-height: 22px; margin-top: 0; margin-bottom: 0; } .item .table>thead>tr>th span { width: 30px; } .updatever2_1 .item .table > thead > tr > th span { width: auto; } .productsdiv { height: auto; min-height: 700px; } .rightinfo { right: 0; } .col-average.col-md-2, .col-success.col-md-2 { width: 48%; display: inline-block; } .col-competition.col-sm-4 { width: 27%; } .col-source.col-sm-4 { width: 15%; } .col-view.col-md-2 { width: 15%; float: right; padding-right: 0; } .col-view.col-md-2 .form-group.text-center { text-align: right; } .col-save.col-md-1 { width: 8%; } .btn.btn-compare { right: 9px; left: inherit; top: inherit; bottom: 9px; } .compare-panel { top: inherit; bottom: 9px; left: inherit; right: 9px; } .optinbox, .optinbox.ebookopt { padding-bottom: 30px; } .educathdr { text-align: center; } .categorylist h2 { font-size: 18px; line-height: 28px; } .sidebardir { margin-bottom: 10px; } .loginform .checkbox { margin: -10px 0 20px; } .supplrdiv .hdrtop-scroll.affix .lead { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tactics-hero { padding: 40px; } .potential-sup .lead-border-right { border: 0; padding-right: 0; } .potential-sup .btn-notify { margin-top:10px; width:auto; margin-bottom: 15px; } .potential-sup h6 { font-size:13.5px; } .updatever2_1.filter.affix { position:relative; top:inherit; z-index: 11; } .updatever2_1.filter.affix.in.filter-up{ top:-359px } .updatever2_1.filter.affix.in.filter-down { position: fixed; top: 49px; height: auto !important; } .topnav .header ul.menu li.menu-item a { padding: 0 0 1px; font-size: 13px; } .updatever2_1 .prodcompetition div.second-met .value { font-size: 11px; } .updatever2_1 .prodcompetition div.second-met, .updatever2_1 .prodcompetition div.second-met:last-child { border: 0; padding: 0; margin: 0; font-size: 10px; margin-right: 20px; border-top: 1px dotted #c6c8cb; margin-top: 10px; font-weight:400; color: #7b7d82; } .updatever2_1 .prodcompetition div.second-met:last-child { margin-right:0; } .updatever2_1 .prodcompetition div { margin-right:10px; } .tactics-main-featured .feat-inside { padding: 15px; } .tactics-main-featured .feat-inside h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .updatever2_1.comparediv .item { border-bottom: 1px solid #e5e2dc; float: none; width:auto; display:none; margin-top: 35px; } .updatever2_1.comparediv .item.open { opacity: 1; display:block; } .updatever2_1.comparediv .dropdown.yamm-fw .dropdown-menu { top: inherit; } .updatever2_1.comparediv.list-group .thumbnail .caption .list-group-item-heading { min-height:inherit; } .updatever2_1.list-group .item .thumbnail { min-height: auto; } .comparediv .updatever2_1.list-group .thumbnail .caption { margin-bottom: 10px; } } @media (max-width: 500px) { .idealist-subscriptions .email-noti label { display: none !important; } } @media (max-width: 767px) { .idealist-subscriptions{ margin-top: 50px; } #sidebardir.filter { top: -30px; } .potential-sup .lead-border-right { border: 0; padding-right: 0; } .potential-sup .btn-notify { margin-top:10px; width:auto; margin-bottom: 15px; } .potential-sup h6 { font-size:13.5px; } #products .mix.item { width: 100%; } .productsdiv { height: auto; } .productsdiv.updatever2_1 { padding-top:49px; } .productsdiv.expand { padding-bottom: 450px; } .item.compare .menusup { left: 28px; position: relative; top: 0; display: inline-block; } .item.compare .morelink { margin: 0 28px 10px 28px; } .dropdown-menu.get-help-drop:after, .dropdown-menu.get-help-drop:before { border-width: 0; bottom: inherit; } .item .dropdown-menu { width: 100%; margin-left: 0 !important; margin-top: -1px; } .item .table { margin-left: 0; } .col-average.col-md-2, .col-success.col-md-2, .col-competition.col-md-2, .col-source.col-md-2 { width: inherit; } .filter-container .num-filter-products .form-group.data-source .bootstrap-select > .dropdown-toggle { margin-left: 5px; } .updatever2_1 .prodcompetition div.first-met { width: 25%; display: table-cell; line-height: 13px; padding: 0 5px; font-size: 11px; padding-bottom:10px; color: #7b7d82; } .updatever2_1 .prodcompetition div.second-met .value { font-size: 11px; line-height: 26px; margin-bottom: -5px; } .updatever2_1 .prodcompetition div.second-met, .updatever2_1 .prodcompetition div.second-met:last-child { border: 0; padding: 0; margin: 0; font-size: 10px; margin-right: 20px; border-top: 1px dotted #c6c8cb; margin-top: 10px; font-weight:400; color: #7b7d82; width: 26%; line-height: 14px; vertical-align: text-top; } .updatever2_1 .prodcompetition div.second-met:last-child { margin-right:0; } .updatever2_1 .item .dropdown-menu .dropminside h5 { font-size: 15px; line-height: 24px; margin-top: 35px; margin-bottom: 0; } .updatever2_1 .item .dropdown-menu .dropminside { margin: 0; padding-top:15px; } .updatever2_1 .dropdown.yamm-fw .dropdown-menu { } .updatever2_1.list-group .arrow_tip { margin-top:0; } .updatever2_1.comparediv .item { border-bottom: 1px solid #e5e2dc; float: none; width:auto; display:none; margin-top: 35px; } .updatever2_1.comparediv .item.open { opacity: 1; display:block; } .updatever2_1.comparediv .dropdown.yamm-fw .dropdown-menu { top: inherit; } .updatever2_1.comparediv.list-group .thumbnail .caption .list-group-item-heading { min-height:inherit; } .btn.btn-compare { right: 9px; left: inherit; top: inherit; bottom: 9px; } .compare-panel { top: inherit; bottom: 9px; left: inherit; right: 9px; } .comparediv .item { border-bottom: 1px solid #e5e2dc; width: 50%; float: left; } .productsdiv.comparediv { padding-bottom: 500px; } .email-noti label { display: none; } .labs-tooltip.showtip.joyride-tip-guide.left { left: 50% !important; transform: translate(-50%, 0%); margin-left: 0 !important; top: 53px !important; } .labs-tooltip.showtip.joyride-tip-guide.left .joyride-nub.left { left: 50% !important; transform: translate(-50%, 0%); } .labs-tooltip.showtip.joyride-tip-guide.left .joyride-nub.left { border-color: #374359; border-top-color: transparent !important; border-top-style: solid; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: #374359 !important; top: -20px; } .labs-tooltip.showtip.joyride-tip-guide.right { left: inherit !important; transform: translate(0%, 0%); margin-left: 0 !important; top: -100% !important; right: 0 !important; margin-right: 0 !important; } .labs-tooltip.showtip.joyride-tip-guide.right .joyride-nub.right { left: 50% !important; transform: translate(-50%, 0%); } .labs-tooltip.showtip.joyride-tip-guide.right .joyride-nub.right { border-color: #374359 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; top: initial; } .sidebardir .form-group.fristchd .labs-tooltip.showtip.joyride-tip-guide.left { top: 73px !important; } .updatever2_1 .item .menusup a { font-size: 13px; padding: 6px 15px; } .updatever2_1 .item { margin-top:60px; } .updatever2_1 .item:first-child { margin-top:35px; } .updatever2_1 .item .table.table-stats-info > thead > tr > th { width:50% !important; } .updatever2_1 .item .table.table-compet-info > thead > tr > th:nth-child(1) { width:50% !important; } .updatever2_1 .item .table.table-compet-info > thead > tr > th:nth-child(2) { width:25% !important; } .updatever2_1 .item .table.table-compet-info > thead > tr > th:nth-child(3) { width:25% !important; } .updatever2_1 .item .table > tbody > tr > td { white-space: normal; } .updatever2_1 .item .table.table-stats-info > thead > tr > th:nth-child(3), .updatever2_1 .item .table.table-stats-info > thead > tr > th:nth-child(4), .updatever2_1 .item .table.table-stats-info > thead > tr > th:nth-child(5), .updatever2_1 .item .table.table-stats-info > tbody > tr > td:nth-child(3), .updatever2_1 .item .table.table-stats-info > tbody > tr > td:nth-child(4), .updatever2_1 .item .table.table-stats-info > tbody > tr > td:nth-child(5) { display:none; } .prodcompetition div { margin-right: 10px; } .updatever2_1 .prodcompetition { margin: 20px 0; margin-top: 20px; } .prodsuppdiv .panel .sellnfo div:last-child { display:none; } .updatever2_1 .prodcompetition div .value { font-size: 16px; overflow: visible; margin-bottom: 7px; } .updatever2_1 .panel .prodcompetition { margin-bottom: 10px; } .updatever2_1 .panel .prodcompetition div .value { margin-bottom:0 !important; } .updatever2_1 .panel .prodcompetition div { } .updatever2_1 .prodcompetition div .value span { padding: 7px 10px 4px; font-size: 11px; line-height: 8px; margin-top: 0; } .updatever2_1 .prodcompetition div .value.low, .updatever2_1 .prodcompetition div .value.med, .updatever2_1 .prodcompetition div .value.high { margin-bottom: 3px; margin-top: -4px; } .updatever2_1 .item .table > tbody > tr > td:first-child { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .updatever2_1 .item .table .tooltip { display:none !important; } .filter.affix { position:relative !important; z-index:4; } .updatever2_1.filter, .updatever2_1.filter.affix { position:fixed !important; top:99px; z-index:7; width: 100%; background-color: #fff; } div#filters.filter.updatever2_1.collapse.in.filter-down{ height: auto !important; } .lab-filter-sub, .lab-filter-sub.affix { position:fixed !important; top:50px; z-index:8; background-color:#fff; width:100%; } .updatever2_1.filter.filter-up.affix { top: -359px; } .updatever2_1 .col-competition.col-md-2 { width:60%; float:left; } .updatever2_1 .col-source.col-md-2 { width:40%; float:left; } .modal-quest .question-container { padding: 10px 0; } .success-top.feates .featesimg, .success-top.feates .featestxt { float: none; width: auto; } .success-top .featestxt-inside { padding: 40px; } .item-cat .catimgd { height:120px; } .item-cat .catprce { font-size: 13px; } } @media (min-width: 1200px) { .item .table>thead>tr>th span { display: inline-block; } .col-average.col-lg-3, .col-success.col-lg-3 { width: 21.2%; } .updatever2_1 .col-type.col-lg-3 { width: 24%; } .updatever2_1 .col-average.col-lg-3, .updatever2_1 .col-success.col-lg-3 { width: 20.2%; } .updatever2_1 .col-competition.col-lg-2 { width: 17.15%; } .updatever2_1 .col-source.col-md-2 { width: 10%; } .updatever2_1 .col-save.col-lg-1 { width: 8.4%; } .col-competition.col-lg-2 { width: 18.66666667%; } .col-save.col-lg-1 { width: 5.33333333%; } .col-view.col-lg-1 { width: 8.33333333%; } .tab-white .nav-tabs>li>a { padding: 10px 20px; } } @media (min-width: 1024px) { .updatever2_1.filter.affix { height: auto !important; padding-top: 23px; } #filters { border-bottom:0; } } /* Thu, 13 Feb 2020 00:31:09 GMT labs-v31 */ /*Directory*/ .mainsec { font-size: 14px; } #sidebardir { width: 245px; } .sidebardir { position: relative; background: #fff; width: 100%; padding-top: 0; z-index: 4; } .sidebardir.affix { position: fixed; z-index: 5; } .sidebardir.affix-bottom { position: absolute; } .sidebardir .disabled { position: absolute; z-index: 3; background: #fff; width: 100%; height: 100%; opacity: .7; top: 0; left: 0; } .sidebardir .form-group { padding: 0 15px; } .sidebardir .form-group.fristchd { padding-top: 20px; margin-bottom: 15px; } .sidebardir:after { position: fixed; height: 100%; } .sidebardir .affix { top: 10px; background: #fff; } .sidebardir .form-group.save { position: relative; } .sidebardir .form-group label, .sidebardir .form-group.save a { font-weight: 400; font-size: 11px; margin-bottom: 4px; color: #333; } .sidebardir .form-group.save a:hover, .sidebardir .form-group.save a:focus, .sidebardir .form-group.save a.saved{ color: #333 !important; text-decoration: none; font-weight: 600 !important; } .sidebardir .form-group.save a img { margin-right: 5px; vertical-align: top; margin-top: 1px; } .sidebardir .form-group.save .tipsave { left: 0; } .sidebardir .form-group .img_wrapper{ width: 25px !important; height: 46px !important; float: left; } /* IE 11 fix */ .sidebardir .form-group .img_wrapper{ margin-right: 5px; } .sidebardir .form-group.save a.saved img.img_grayscale{ opacity: 1 !important; } .sidebardir .form-group label span { font-weight: 600; color: #333; } .sidebardir .slider.slider-horizontal { margin-top: -8px; } .select-category .bootstrap-select .dropdown-menu.open { max-height: inherit !important } .select-category .bootstrap-select.btn-group .dropdown-menu li a { padding: 4px 10px } .select-category .bootstrap-select.btn-group .dropdown-menu li a.flag { padding-left: 28px } .select-category .bootstrap-select.btn-group.show-tick .dropdown-menu li a.flag span.text { padding-left: 3px } .select-category .bootstrap-select.btn-group.show-tick .dropdown-menu li a.flag .flag-icon, .select-category .btn-group > .dropdown-toggle .flag-icon { width: 1.5em } .select-category .dropdown-menu > .active > a, .select-category .dropdown-menu > .active > a:focus, .select-category .dropdown-menu > .active > a:hover { background: #f5f5f5 } .select-category.form-group .bootstrap-select > .dropdown-toggle { white-space: inherit; padding: 5px 25px 5px 10px } .select-category .bootstrap-select.btn-group .dropdown-toggle .filter-option { margin-bottom: -14px; overflow: hidden } .all-cat-wid.modash .wid-title { font-size: 16px; } .all-cat-wid.modash .wid-title p.lead { font-size: 13px; color: #666; line-height: 18px; margin: 0 } .all-cat-wid .catdiv { padding: 15px 20px; } .all-cat-wid .catdiv .labs-ico { opacity: 0.6; margin-right: 1px; } .all-cat-wid .catdiv ul { margin: 0; } .all-cat-wid .catdiv li a { font-size: 13.5px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .all-cat-wid .catdiv li a, .all-cat-wid .catdiv li a .labs-ico { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .all-cat-wid .catdiv li a:hover .labs-ico { opacity: 1; } .all-cat-wid .catdiv li a:hover { text-decoration: none; color: #333; } .dirdashsupp hr { margin-bottom: 10px; } .dirdashsupp .item { margin-top: 5px; } .dirdashsupp .item .thumbnail .list-group-image { display: block; min-height: 228px; position: relative; padding: 25px; } .dirdashsupp .item .thumbnail .list-group-image img { margin: auto; } .dirdashsupp .item .thumbnail .caption .list-group-item-heading { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; min-height: auto; font-weight: 400; } .item .thumbnail .sellnfo span em { color: #ccc; font-style: normal; } .dirdashsupp .item .thumbnail .sellnfo span .flag-icon { width: 1.6em; } .dirdashsupp .item .thumbnail .list-group-image:hover { border: 1px solid rgba(162, 164, 168, 0.90); } .dirsubme .browseprod a { margin-left: 20px; padding-bottom: 7px; } .dirsubme .browseprod a:hover { text-decoration: none; } .dirsubme .browseprod a span.count { color: #666; font-weight: 600; font-size: 9px; display: inline-block; vertical-align: super; background: #eaeaea; width: 15px; text-align: center; height: 15px; line-height: 16px; border-radius: 15px; position: relative; margin-right: 3px; margin-top: -3px; } .dirsubme .browseprod ul li a { margin-left: 0; padding: 5px 20px; } .dirsubme .browseprod ul li span.nosave a { padding: 0; } .dirsubme .dropdown-menu .divider { margin: 0; } .dirsubme .browseprod.dropdown-savesup:hover .dropdown-menu { display: block; visibility: visible; } .dirsubme .browseprod .dropdown-menu { min-width: 233px; left: 50%; right: auto; transform: translate(-48%, 0); margin-top: -5px; } .dirsubme .browseprod .dropdown-menu li { margin: 10px; display: block; overflow: hidden; } .dirsubme .browseprod .dropdown-menu li.text-center a { font-size: 11px; text-transform: uppercase; color: #666; } .dirsubme .browseprod .dropdown-menu li img.pull-left { margin-right: 10px; max-width: 40px; } .dirsubme .browseprod .dropdown-menu li span.infodet { overflow: hidden; display: block; line-height: 16px; } .dirsubme .browseprod .dropdown-menu li span.infodet h6 { color: #333; font-size: 12px; line-height: 20px; font-weight: 400; } .dirsubme .browseprod .dropdown-menu.savesearches li span.infodet h6 { margin: 3px 5px; } .dirsubme .browseprod .dropdown-menu li span.infodet a { padding: 0; margin-right: 5px; } .dirdashsupp .carousel{ height: 367px; } .dirdashsupp .carousel-control .glyphicon-chevron-right, .dirdashsupp .carousel-control .glyphicon-chevron-left { background-repeat: no-repeat; background-size: 15px; text-indent: -1000px; overflow: hidden; padding: 10px; background-position: center; width: 40px; height: 40px; border-radius: 2px; } .dirdashsupp .carousel-control .glyphicon-chevron-right:hover, .dirdashsupp .carousel-control .glyphicon-chevron-left:hover { background-color: rgba(0, 0, 0, 0.1); } .dirdashsupp .carousel-control .glyphicon-chevron-left { background-image: url(https://www.salehoo.com/img/ico-arrow-left-v3.png); } .dirdashsupp .carousel-control .glyphicon-chevron-right { background-image: url(https://www.salehoo.com/img/ico-arrow-right-v3.png); } .dirdashsupp .carousel-control.left, .dirdashsupp .carousel-control.right { background: none; width: 40px; text-shadow: none; color: #ccc; opacity: .3; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; max-height: 228px; } .dirdashsupp .carousel-control.left:hover, .dirdashsupp .carousel-control.right:hover { color: #999; } .dirdashsupp .carousel.slide:hover .carousel-control.left, .dirdashsupp .carousel.slide:hover .carousel-control.right { opacity: 1; } .dirdashsupp .carousel-control .glyphicon-chevron-left, .dirdashsupp .carousel-control .icon-prev, .dirdashsupp .carousel-control .glyphicon-chevron-right, .dirdashsupp .carousel-control .icon-next { top: 110px; } .dircat .dbsearch .form-group .bootstrap-select > .dropdown-toggle { border: 0; border-right: 1px solid #dbdbdb; background-color: transparent; padding: 8px 14px; min-height: 20px; } .dircat .dbsearch .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 95px; } .dircat .dbsearch .form-group.select-opt { position: absolute; top: 3px; left: 0; z-index: 3; margin: 0; } .dircat .dbsearch.input-group .form-control { padding: 6px 0 6px 105px; background-color: transparent; z-index: 2; } .dircat .browseprod a { color: #a8abb2; margin-left: 7px; font-size: 11px; } .dircat .browseprod a.dropdown-toggle:hover { color: #666; } .dircat .dirsubme .browseprod a span.count { background-color: transparent; vertical-align: baseline; font-size: 11px; margin: 0; height: inherit; line-height: inherit; width: inherit; margin-left: 3px; } .dircat .dirsubme .browseprod ul li a { margin-left: 0; padding: 5px 20px; color: #506ca0; } .dircat .dirsubme .browseprod .dropdown-menu.saveproducts li span.infodet h6 { margin: 3px 5px; } .dircat .dirsubme .browseprod.title-saved { font-size: 11px; color: #666; font-weight: 600; } /*Sidebar*/ .dircat .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.text::before { background: #5dbe45 url(https://www.salehoo.com/img/ico-check.svg) no-repeat; border: 0; background-position: center; } .dircat .form-category { border-bottom: none; padding-bottom: 10px; } .dircat .form-category ul { margin: 10px 0 0; } .dircat .form-category li { font-size: 12px; padding: 2px 0; } .dircat .form-category li .cat-count { overflow: hidden; display: inline-block; vertical-align: middle; } .dircat .form-category li .cat-count label { color: #506ca0; font-size: 12px; line-height: 24px; cursor: pointer; } .dircat .form-category .cat-list-check li { list-style: none; list-style-type: none; } .dircat .form-category .cat-list-check label { vertical-align: middle; margin: 0; line-height: 12px; cursor: pointer; } .dircat .form-category .cat-list-check input[type="checkbox"] { display: none; } .dircat .form-category .cat-list-check input[type="checkbox"] + label:before { content: "\00a0"; display: inline-block; padding: 0; vertical-align: sub; background: #fff; border: 1px solid #dadada; width: 16px; height: 16px; border-radius: 18px; margin-right: 6px; vertical-align: inherit; float: left; margin-top: 4px; } .dircat .form-category .cat-list-check input[type="checkbox"]:checked + label:before { content: url(https://www.salehoo.com/img/ico-check.svg); border-color: transparent; text-align: center; background: #5dbe45; } .dircat .form-category a.show-hide { font-size: 11px; color: #999999; display:block; } .dircat .form-category a.show-hide:hover { cursor: pointer; } .dircat .form-category .show-hide.collapsed:before { content:'Show More'; display:block; } .dircat .form-category .show-hide:before { content:'Show Less'; display:block; } /*Tab Button*/ .dircat .searchTab.nav-tabs { border-bottom-color: #e1e2e4; } .dircat .searchTab.nav-tabs > li > a { border: 0; background-color: #e1e2e4; border-radius: 0; border: 0; margin: 0; color: #959596; font-size: 13px; border-right: 1px solid rgba(255,255,255,.3); } .dircat .searchTab.nav-tabs > li:last-child > a { border: 0; } .dircat .searchTab.nav-tabs > li > a:hover { color: #343434; } .dircat .searchTab.nav-tabs > li > a span { font-size: 11px; color: #959596; background-color: #eff0f1; padding: 1px 6px; border-radius: 17px; margin-left: 5px; } .dircat .searchTab.nav-tabs > li.active > a { background-color: #fff; color: #343434; position: relative; } .dircat .searchTab.nav-tabs > li.active > a span { color: #fff; background-color: #5dbe45; } .dircat .searchTab.nav-tabs > li.active > a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 8px; margin-left: -8px; } .dircat .search-cat-div .checkbox-div { display:none; } .dircat .flag-results .search-cat-div { cursor: pointer; } .dircat .flag-results .search-cat-div .checkbox-div { display:block; position: absolute; padding: 1px 5px 2px; background-color: #e5e5e5; } .dircat .flag-results .search-cat-div .checkbox-div input[type=checkbox] { margin: 0; } .dircat .flag-results .search-cat-div .checkbox-div.chked { background-color: #ed2730; } .dircat .flag-results .search-cat-div .checkbox-div input[type=checkbox]:checked { border-color: #ed2730; background-color: #ed2730; } .dircat .flag-results .search-cat-div .checkbox-div input[type=checkbox]:checked::after { content: url(https://www.salehoo.com/img/ico-check.svg); } .dircat .flag-results .search-cat-div.unchked { opacity: .5; } .dircat .search-cat-div.chked { border: 1px solid #ed2730; } .dircat .flag-results .pagination { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .dircat .flag-results .pagination > li { pointer-events:none; } .btn-white.hover-green:hover, .btn-white.hover-green:focus { color: #fff; background-color: #58c03B; border-color: #58c03B; } .btn-white.hover-red:hover, .btn-white.hover-red:focus { color: #fff; background-color: #e5202e; border-color: #e5202e; } .dircat .search-cat-div.chked { border: 1px solid #ed2730; } .sellnfo span, .sellnfo a { font-size: 10px; display: inline-block; margin: 0px 2px; color: #666; } .sellnfo a { text-decoration: none; } .sellnfo span span { margin: 0; font-weight: 400; font-size: 11px; color: #333; } .sellnfo span.price span { color: #333; margin: 0; font-weight: 400; text-transform: lowercase; } .sellnfo span img { max-height: 12px; vertical-align: middle; margin-right: 2px; display: none; } .sellnfo a.compare span, .sellnfo a.save span { color: #999; } .sellnfo a.compare:hover span, .sellnfo a.save:hover span { color: #666 !important; } .sellnfo a.compare, .sellnfo a.save { display: none; opacity: 0; top: 8px; position: absolute; z-index: 3; } .list-group .item:hover .sellnfo a.compare, .list-group .item:hover .sellnfo a.save, .list-group .item:hover .sellnfo a.remove, .list-group .item:hover .sellnfo .dropdown_tag { display: block; opacity: 1; } .list-group-item:hover .sellnfo a.remove { top: -3px; right: -16px; padding: 0; border: 0; } .updatever2_1.list-group .thumbnail .caption .list-group-item-heading { text-align:left; } .updatever2_1.list-group .item .thumbnail { background-color: #fff; border: 1px solid #cccdd1; } .updatever2_1.list-group .thumbnail .list-group-image { border: 0 !important; padding: 15px 25px; } .updatever2_1.list-group .thumbnail .caption { padding: 12px; border-top: 1px solid #e7e8eb; } .updatever2_1.list-group .sellnfo { padding:0 12px 12px; } .updatever2_1.list-group .sellnfo span.price span { font-size: 13px; color: #252525; font-weight: 600; } .updatever2_1.list-group .sellnfo span.price { font-size: 11px; color: #979797; } .updatever2_1.list-group .sellnfo span.price.sell-rate { float:right; } .updatever2_1.list-group .arrow_tip { margin-top: 20px; } .updatever2_1.list-group .item.open .thumbnail, .updatever2_1.list-group .item .thumbnail:hover { border: 1px solid rgba(162, 164, 168, 0.90); -webkit-box-shadow: 0px 9px 23px -1px rgba(0,0,0,0.14); -moz-box-shadow: 0px 9px 23px -1px rgba(0,0,0,0.14); box-shadow: 0px 9px 23px -1px rgba(0,0,0,0.14); } .updatever2_1.list-group .thumbnail .list-group-image .more-info { display:none !important; } .updatever2_1.list-group .thumbnail .list-group-image img { max-height:166px; } .productsdiv .updatever2_1.list-group .thumbnail .list-group-image img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .updatever2_1.list-group .thumbnail .list-group-image img:before{ display: none; } .updatever2_1.list-group .grid-group-item .thumbnail .list-group-image:before{ display: none; } .updatever2_1.list-group .item.list-group-item .thumbnail { background-color: transparent; border: 0; } .updatever2_1.list-group .item.list-group-item .thumbnail .caption { padding:0; border:0; } .updatever2_1.list-group .item.list-group-item.open .thumbnail, .updatever2_1.list-group .item.list-group-item .thumbnail:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .updatever2_1.list-group .item.list-group-item .thumbnail .list-group-image { padding:0; } .updatever2_1.list-group .item.list-group-item .label.label-top { display:none; } .updatever2_1.list-group .item.list-group-item .sellnfo span.price.sell-rate { float: none; } .updatever2_1.list-group .info-ret { margin-left:20px; } .updatever2_1.list-group .info-ret span.seperator { margin: 0 12px 0 10px; display: inline-block; width: 1px; background: #ccc; height: 16px; opacity: .7; } .updatever2_1.list-group .info-ret button.close { font-weight: 300; font-size: 27px; margin-top: -6px; } .updatever2_1.list-group .info-ret button.close:focus { outline:none; } /* Bootstrap Select Dropdown */ .form-group .bootstrap-select>.dropdown-toggle { padding: 6px 10px; font-size: 12px; color: #666; border: 1px solid #dbdbdb; border-radius: 1px; padding-right: 25px; background-color: transparent; min-height: 34px; } .form-group .btn-group .dropdown-toggle:focus, .form-group .btn-group .dropdown-toggle:active, .form-group .btn-group li a:focus, .form-group .btn-group li a:active { outline: none !important; } .form-group .btn-group.open .dropdown-toggle, .form-group .btn-group .dropdown-toggle:hover { -webkit-box-shadow: none; box-shadow: none; background: #fff; border-color: #9aaac7; } .bootstrap-select.btn-group .dropdown-menu { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; border: 1px solid #ccc; } .bootstrap-select.btn-group .dropdown-menu.inner { border: 0; } .bootstrap-select.btn-group .dropdown-menu li:nth-of-type(even) { background-color: #f9f9f9; } .nomultiple .bootstrap-select.btn-group .dropdown-menu li:nth-of-type(even) { background-color: transparent; } .bootstrap-select.btn-group .dropdown-menu li a { font-size: 12px; padding: 5px 10px; } .bootstrap-select.btn-group .dropdown-menu li a:hover { background: none; } .nomultiple .bootstrap-select.btn-group .dropdown-menu li a:hover { background: #f5f5f5; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { display: none; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { padding-left: 17px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text::before { content: ''; display: inline-block; width: 16px; height: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; top: 6px; position: absolute; border: 1px solid #dadada; left: 7px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.text::before { background: #88c663 url(https://www.salehoo.com/img/ico-check.svg) no-repeat; border: 1px solid #6da54c; background-position: center; } .bootstrap-select.btn-group .dropdown-toggle .caret { opacity: .7; } /* Select Region Dropdown */ .SearchRegion .selectize-control.multi .selectize-input .item, .SearchRegion .selectize-control.multi .selectize-input .item.active { min-height:auto; background:none; } .SearchRegion.selectize-control .option .text { color:#666; font-size:12px; } .SearchRegion.selectize-control .option .text::before { content: ''; display: inline-block; width: 16px; height: 16px; top:3px; left:3px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; border: 1px solid #dadada; position:relative; margin-right:6px; } .SearchRegion.selectize-control .option.selected .text::before { background: #88c663 url(https://cdn.salehoo.com/img/ico-check.svg) no-repeat; border: 1px solid #6da54c; background-position: center; } .SearchRegion.selectize-control .option:hover { background-color: #f9f9f9; color: #333; } .SearchRegion.selectize-control .selectize-input { -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color:#666; } .SearchRegion .selectize-input>span, .SearchRegion .selectize-input>input { color:#666; font-size:12px; } .SearchRegion .selectize-input>input::placeholder { color:#666; font-size:12px; } .SearchRegion .selectize-input>input::-webkit-input-placeholder { color:#666; font-size:12px; } .SearchRegion .selectize-input>input::-moz-placeholder { color:#666; font-size:12px; } .SearchRegion .selectize-input>input:-ms-input-placeholder { color:#666; font-size:12px; } .SearchRegion .selectize-input>input:-moz-placeholder { color:#666; font-size:12px; } .SearchRegion .selectize-input span:last-of-type span.separator { display: none; } .SearchRegion.selectize-control .selectize-input:after { position: absolute; top: 50%; right: 12px; display: inline-block; vertical-align: middle; color:#666; width: 0; height: 0; margin-top: -2px; content: ' '; margin-left: 2px; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; opacity: .7; } .SearchRegion .selectize-dropdown [data-selectable] { padding: 3px 6px; cursor:pointer; } .SearchRegion .selectize-dropdown { border-radius: 0; margin-top: -2px; } .SearchRegion .selectize-input:hover, .SearchRegion .selectize-input:hover input { color: #999; border-color: #9aaac7; } /*Search*/ .searchmain { margin-top: 30px; margin-bottom: 30px; } .searchmain .divserchrow { position: relative; } .searchmain .results-div { position: relative; } .searchmain .divserchrow .results-div .loader-wrap { width: 100%; height: 100%; position: absolute; text-align: center; margin-top: 0; background: #f2f3f5; opacity: 0.8; z-index: 4; } .searchmain .divserchrow .results-div .loader { top: 10%; position: absolute; text-align: center; font-weight: 500; font-size: 14px; z-index: 5; width: 100%; text-align: center; color: #333; font-weight: 400; letter-spacing: 1px; } .searchmain .divserchrow .results-div .loader img { -webkit-animation: loader-rotation 1s infinite linear; -moz-animation: loader-rotation 1s infinite linear; -o-animation: loader-rotation 1s infinite linear; animation: loader-rotation 1s infinite linear; display: inline-block; vertical-align: sub; } @-webkit-keyframes loader-rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes loader-rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-o-keyframes loader-rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @keyframes loader-rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } .searchmain .form-group .bootstrap-select.btn-group { width: 100%; } .searchmain .resfil { color: #999; font-size: 13px; } .searchmain .resfil .reslts { color: #333; } .searchmain .resfil .reslts em { font-style: normal; } .searchmain .resfil .form-group { display: inline-block; text-align: right; } .searchmain .resfil .form-group .dropdown-toggle { width: 110px; padding-right: 0; } .searchmain .resfil .form-group .dropdown-toggle .filter-option { width: auto; } .searchmain .resfil .form-group .dropdown-toggle .bs-caret { position: relative; display: inline-block; vertical-align: middle; padding-left: 20px; } .searchmain .resfil .form-group .bootstrap-select.btn-group { width: auto; margin-top: -3px; } .searchmain .resfil .form-group .bootstrap-select>.dropdown-toggle { border: 0; background: none; padding: 0; padding-right: 20px; padding-left: 5px; } .searchmain .resfil .form-group .bootstrap-select .caret { border-top: 3px dashed; border-top: 3px solid \9; border-right: 3px solid transparent; border-left: 3px solid transparent; } .searchmain .resfil .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #333; } .searchmain .resfil .bootstrap-select.btn-group .dropdown-menu li:nth-of-type(even) { background-color: transparent; } .searchmain .bootstrap-select.btn-group .dropdown-menu li a { color: #666; } .searchmain .bootstrap-select.btn-group .dropdown-menu li.selected a:hover, .searchmain .bootstrap-select.btn-group .dropdown-menu li a:hover, .searchmain .bootstrap-select.btn-group .dropdown-menu li a:focus { background-color: #f9f9f9; color: #333; } .searchmain .bootstrap-select.SearchCategory.btn-group .dropdown-menu li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0; } .searchmain .bootstrap-select.SearchCategory.btn-group .dropdown-menu li a span.text { margin-right: 25px; } .searchmain .bootstrap-select.SearchCategory.btn-group .dropdown-menu { width: 213px; overflow: hidden auto; } .dbsearch.input-group .form-control { border-right-color: transparent; } .dbsearch.input-group .form-control:focus { border-right-color: #9aaac7; } .dbsearch .autocomplete, .suppsearch .autocomplete, .search-catalog .autocomplete { border-radius: 0; padding: 10px 15px 0; -webkit-box-shadow: none; box-shadow: none; right: 82px; font-size: 12px; line-height: 20px; width: 379px; margin-top: -1px; z-index: 3; } .search-catalog .autocomplete { width: auto; margin-top: 2px; } .suppsearch .autocomplete { width: 100%; margin-top: -1px; } /*Search Result Text*/ .dircat .searchmain .resfil .reslts { color: inherit; margin: 20px 0; color: #5c5c5c; } .dircat .searchmain .resfil .reslts em { font-weight: 600; } /*Supplier Results*/ .dircat .dirsupbox { font-size: 13px; } .dircat .dirsupbox .infosupp .suppinfo { font-size: 11px; } /*Products Catalog*/ .dircat .search-cat-div { background: #fff; border: 1px solid #cccdd1; position: relative; margin-bottom: 15px; } .dircat .search-cat-div a.save-catalog { right: 15px; top: 3px; padding-left: 20px; color: #999; font-size: 11px; position: absolute; z-index: 2; opacity: 0; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } .dircat .search-cat-div:hover a.save-catalog { opacity: 1; } .dircat .search-cat-div a.save-catalog:hover, .dircat .search-cat-div a.save-catalog:focus, .dircat .search-cat-div a.save-catalog:active { text-decoration: none !important; color: #666; } .dircat .search-cat-div a.save-catalog span, .dircat .search-cat-div a.save-catalog svg.ico { vertical-align: middle; } .dircat .search-cat-div a.save-catalog svg.ico { height: 15px; width: 15px; } .dircat .search-cat-div a.save-catalog:hover svg.ico g, .dircat .search-cat-div a.save-catalog.active svg.ico g { fill: rgb(27, 196, 158); } .dircat .search-cat-div .cat-img-thumb { overflow: inherit; height:140px; max-height:inherit; position:relative; margin: 25px 20px; } .dircat .search-cat-div .cat-img-thumb img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; } .dircat .search-cat-div .cat-name { font-size: 14px; line-height: 20px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3.3em; overflow: hidden; padding: 5px 16px; } .dircat .search-cat-div .cat-name a { color: #252525; } .dircat .search-cat-div .cat-info { border-top: 1px solid #efefef; margin-top: 7px; padding: 10px 16px; } .dircat .search-cat-div .cat-info .cat-supp { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dircat .search-cat-div .cat-info .cat-supp-type { font-size: 12px; color: #6b6c70; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dircat .search-cat-div .cat-info .flag-icon { width: 1.3em; } .dircat .search-cat-div .cat-info .price-contact { overflow: hidden; margin-top: 15px; } .dircat .search-cat-div .cat-info .price-contact .currency { font-size: 11px; color: #6b6c70; margin-right: 3px; } .dircat .search-cat-div .cat-info .price-contact .price { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 50%; } .dircat .search-cat-div .cat-info .price-contact .btn { padding: 5px 10px 6px; } .dircat .search-cat-div .checkbox-div { display:none; } .dircat .flag-results .search-cat-div .checkbox-div { display:block; position: absolute; padding: 1px 5px 2px; background-color: #e5e5e5; } .dircat .flag-results .search-cat-div .checkbox-div input[type=checkbox] { margin: 0; } .dircat .flag-results .search-cat-div .checkbox-div.chked { background-color: #ed2730; } .dircat .flag-results .search-cat-div .checkbox-div input[type=checkbox]:checked { border-color: #ed2730; background-color: #ed2730; } .dircat .flag-results .search-cat-div .checkbox-div input[type=checkbox]:checked::after { content: url(https://www.salehoo.com/img/ico-check.svg); } .dircat .flag-results .search-cat-div.unchked { opacity: .5; } .dircat .search-cat-div.chked { border: 1px solid #ed2730; } .dircat .flag-results .pagination { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .dircat .flag-results .pagination > li { pointer-events:none; } .btn-white.hover-green:hover, .btn-white.hover-green:focus { color: #fff; background-color: #58c03B; border-color: #58c03B; } .btn-white.hover-red:hover, .btn-white.hover-red:focus { color: #fff; background-color: #e5202e; border-color: #e5202e; } .dircat .search-cat-div.chked { border: 1px solid #ed2730; } .sidebardir.disabled { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } #sidebardir.disabled button, #sidebardir.disabled a, #sidebardir.disabled .selectize-control { pointer-events: none; } .sidebardir.disabled input { pointer-events:none; } .bar-selected { position: fixed; width: 100%; bottom: 0; background-color: #131951; color: #fff; z-index: 1001; padding: 15px 0; } .bar-selected .title { display: inline-block; font-size: 16px; } .bar-selected .count { color: #364359; background-color: #fff; border-radius: 2px; font-weight: 600; font-size: 16px; padding: 5px 20px; vertical-align: middle; margin-left: 5px; } .bar-selected .btn.btn-transparent { background-color: #3f457b; color: #fff; margin-left: 10px; } .bar-selected .btn.btn-transparent:hover { background-color: #383e72; } .bar-selected .btn.btn-transparent.btn-report:hover { background-color: #E1000A; } /*Saved*/ .savedTab.nav-tabs { border: 0; } .savedTab.nav-tabs > li > a { padding: 8px 20px 10px 0; } .savedTab.nav-tabs > li > a:hover, .savedTab.nav-tabs > li > a:focus, .savedTab.nav-tabs > li > a:active { background-color: transparent; border-color: transparent; color: #252525; } .savedTab.nav-tabs > li.active > a { border-color: transparent; color: #252525; } .savedTab li { font-family: 'Poppins', sans-serif; font-size: 15px; } .saved-sec .dirsupbox .table tbody tr td:first-child { width: 100px; } .saved-sec .dirsupbox .imgsupp { margin-right: 0; width: 100px; } .saved-sec .dirsupbox { padding: 10px; } .saved-sec .dirsupbox .infosupp .supptype, .saved-sec .dirsupbox .infosupp .suppbrand, .saved-sec .dirsupbox .infosupp .suppcatlg { font-size: 12px; } .saved-sec .dirsupbox .infosupp h2 { font-size: 16px; } .saved-sec .saved-filter-by-supp { margin-top: 20px; } .saved-sec .show-hide-saved { display: inline-block; width: 100%; text-align: center; margin: 20px 0; color: #8d8f92; font-size: 13px; } .saved-sec .show-hide-saved:hover { cursor: pointer; } .saved-sec .show-hide-saved.collapsed:before { content:'Show More Products'; display:block; } .saved-sec .show-hide-saved:before { content:'Show Less Products'; display:block; } .saved-sec .modash.saved-search { margin-top: 25px; } .saved-sec .saved-search .table a { font-size: 14px; font-weight: 600; color: #252525; } .saved-sec .saved-search .table td { padding: 15px; } .saved-sec .saved-search .table td .infosave { font-size: 12px; margin-top: 3px; } .saved-sec .delete-item { padding: 0; margin: 0; color: #ccc; font-size: 16px; font-weight: 300; line-height: 0; opacity: 0; } .saved-sec .dirsupbox:hover .delete-item, .saved-sec .search-cat-div:hover .delete-item, .saved-sec .modash.saved-search tr:hover .delete-item { opacity: 1; } .saved-sec .delete-item:hover, .saved-sec .delete-item:focus { outline: none; color: #999; text-decoration: none; } .saved-sec .dirsupbox .delete-item, .saved-sec .search-cat-div .delete-item { position: absolute; top: 20px; right: 16px; z-index: 4 } .dirsupbox { padding: 20px; background: #fff; border: 1px solid #cccdd1; margin-top: 15px; position: relative; font-size: 13px; } .dirsupbox .imgsupp { float: left; margin-right: 15px; width: 156px; position: relative; } .dirsupbox .infosupp .imgsupp { display: none; } .dirsupbox .infosupp h2 { font-size: 19px; font-weight: 600; line-height: 24px; margin-bottom: 2px; margin-top: 5px; word-wrap: break-word; word-break: break-all; } .dirsupbox .infosupp h2 a { color: #252525; } .dirsupbox .infosupp h2 a:hover { text-decoration: underline; color: #333; } .dirsupbox .table tr td { border: 0; } .dirsupbox .table tr td:first-child { width: 156px; } .dirsupbox .table { margin: 0; } .dirsupbox .infosupp h2 .badgesup img { max-height: 20px; margin: 0 1px; } .dirsupbox .infosupp .suppinfo { color: #999; font-size: 12px; } .dirsupbox .infosupp .suppdesc { margin: 10px 0; } .dirsupbox .infosupp .suppinfo .flag-icon { width: 1.5em; } .dirsupbox .infosupp .supptype { background: url(https://www.salehoo.com/img/lb-ico-brand.png) no-repeat left center; } .dirsupbox .infosupp .suppbrand { background: url(https://www.salehoo.com/img/lb-ico-products.png) no-repeat left top; } .dirsupbox .infosupp .supptype, .dirsupbox .infosupp .suppbrand, .dirsupbox .infosupp .suppcatlg { background-size: 18px; padding-left: 23px; color: #666; margin: 7px 0; } .dirsupbox .infosupp .suppcatlg { background: url(https://www.salehoo.com/img/lb-ico-catalog.png) no-repeat left top; background-size: 15px; background-position: 2px 1px; } .dirsupbox .infosupp em { font-weight: 600; color: #000; font-style: normal; } .infosupp .sellnfo a.save { display: inline-block; opacity: 1; position: relative; right: inherit; top: inherit; } .infosupp .sellnfo a.save span { color: #999; } .dirsupbox .infosupp hr { margin: 15px 0 10px; } .infosupp .sellnfo a.save img, .infosupp .sellnfo a.save:hover img { margin-right: 0; } .infosupp .sellnfo .dropdown .btn.add-note, .infosupp .sellnfo .dropdown .btn.add-note span, .infosupp .sellnfo .dropdown .btn.contact-sup { color: #999; } .infosupp .sellnfo .dropdown .btn.contact-sup img { opacity: 1; } .infosupp a:hover, .infosupp a:focus, .infosupp .sellnfo .dropdown .btn:hover, .infosupp .sellnfo .dropdown .btn:focus, .infosupp .sellnfo a.save:hover span { text-decoration: none; color: #333; } .infosupp .sellnfo .dropdown { display: inline-block; } .infosupp .sellnfo .dropdown .btn { padding: 0 20px; color: #999; padding-left: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .infosupp .sellnfo a.save { padding-right: 20px; } .infosupp .sellnfo .savecan { margin-top: 5px; } .infosupp .sellnfo .savecan .btn.btn-xs, .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu .savecan .btn.btn-xs, .supplrdiv .hdrtop .btn.btn-xs { padding: 2px 10px; color: #FFF; font-size: 11px; } .infosupp .sellnfo .savecan .btn.btn-xs.btn-grey, .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu .savecan .btn.btn-xs.btn-link, .supplrdiv .hdrtop .btn.btn-xs.btn-link { color: #59c03c; background-color: transparent; padding: 2px 5px; } .infosupp .sellnfo .savecan .btn.btn-xs.btn-grey:hover, .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu .savecan .btn.btn-xs.btn-link:hover { text-decoration: underline; } .infosupp .sellnfo .dropdown .btn img { max-height: 11px; vertical-align: middle; margin-bottom: 3px; opacity: .8; } .infosupp .sellnfo .dropdown .btn.chatbs img { max-height: 12px; } .infosupp .sellnfo .dropdown .btn:hover img, .infosupp .sellnfo .dropdown .btn:focus img { opacity: 1; } .infosupp .sellnfo .dropdown-menu, .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu, .supplrdiv .introdtls .dropdown.note .dropdown-menu { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; font-size: 13px; padding: 10px; min-width: 250px; background: #ffffb0; } .infosupp .sellnfo .dropdown-menu .editable, .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu .editable, .supplrdiv .introdtls .dropdown.note .dropdown-menu .editable { font-size: 11px; color: #333; min-height: 70px; padding: 5px; line-height: 15px; background: #fff; border: 1px solid transparent; } .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu .editable, .supplrdiv .introdtls .dropdown.note .dropdown-menu .editable { margin-bottom: 3px; } .infosupp .sellnfo .dropdown-menu .editable:focus, .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu .editable:focus, .supplrdiv .introdtls .dropdown.note .dropdown-menu .editable:focus { border-color: #ccc; } .infosupp a:hover { color: #23527c; } [contenteditable=true]:empty:before { content: attr(placeholder); display: inline-block; /* For Firefox */ color: #999; } .infosupp .sellnfo .dropdown-menu .editable:focus, .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu .editable:focus, .supplrdiv .introdtls .dropdown.note .dropdown-menu .editable:focus { outline: none; } .dropdown-menu .editable { width: 100%; resize: none; } .noresults h2 { font-size: 19px; margin-bottom: 0; line-height: 29px; margin-top: 0; } .noresults h2 em, .noresults h5 em { font-style: normal; font-weight: 600; } .noresults p.lead { font-size: 15px; color: #666; } .noresults ul.listcon { margin-top: 10px; font-size: 14px; } .no-saved-ico { max-height: 60px; } .modash.noreslts { border: 1px solid #d7d9da; } .modash.noreslts .wid-title { border: 0; padding-bottom: 0; } .modash .table td.timestamp { font-size: 9px; color: #999; min-width: 70px; } .suphdrno { border-bottom: 1px solid #eee; margin: 0 -20px; padding: 0 20px; } .suphdrno .wid-title { font-size: 19px; font-weight: 600; line-height: 24px; margin-bottom: 2px; } .suphdrno p.lead { font-size: 13px; color: #999; } .dirsupbox-main.altrprods { min-height: 194px; position: relative; } .dirsupbox-main.altrprods .table-striped>tbody>tr:nth-of-type(odd) { background-color: transparent; } .dirsupbox-main.altrprods .suphdrno { border: 0; } .dirsupbox-main.altrprods .suphdrno p.lead { color: #666; } .dirsupbox-main.altrprods .infosupp h2 a { color: #506ca0; } .dirsupbox-main.altrprods .imgsupp { width: 156px; margin-right: 0; margin-top: 5px; } .dirsupbox-main.altrprods .infosupp h2 { font-size: 16px; line-height: 24px; margin-top: 0; } .dirsupbox-main.altrprods .table tr td:first-child { padding-left: 0; } .dirsupbox-main.altrprods.unregistered .table { -webkit-filter: blur(4px); -moz-filter: blur(4px); -ms-filter: blur(4px); -o-filter: blur(4px); filter: blur(4px); opacity: .7; } .dirsupbox-main.altrprods .alert.alert-unregistered { height: 100%; position: absolute; z-index: 2; left: 0; top: 0; right: 0; text-align: center; } .dirsupbox-main.altrprods .alert.alert-unregistered .btn { left: 50%; transform: translate(-50%, -50%); top: 50%; position: absolute; text-align: center; margin-top: 0; } .rsultslink { color: #999; } .rsultslink a { font-size: 12px; margin: 0 5px; } .rsultslink a:first-child { margin-left: 0; } /* Refine Links for Category View */ .categorylist { background: #fff; padding: 20px 30px; border: 1px solid #dcdddf; margin-bottom: 13px; } .categorylist h2 { color: #000; font-size: 16px; line-height: 32px; font-weight: 600; margin-top: 5px; cursor: pointer; } .categorylist .labs-ico { background-image: url(https://www.salehoo.com/img/lab-sprite-ico-white.png); } .categorylist h2 span.backico { background: #7a7e84; height: 25px; display: inline-block; vertical-align: top; width: 25px; text-align: center; padding: 3px 0; border-radius: 3px; margin-top: 4px; } .categorylist a.show-cat { margin-top: 10px; background: url(https://www.salehoo.com/img/ico-arrow-right.png) no-repeat center; width: 20px; height: 20px; background-size: 8px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .categorylist a.show-cat.open { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); } .categorylist .catli a { padding: 3px 0; display: inline-block; font-size: 14px; } .categorylist .catli a span { font-weight: 400; color: #333; font-size: 12px; } .categorylist h2 span.backico { line-height: 26px; } .categorylist h2 { margin-bottom: 5px; } .categorylist .labs-ico { width: 16px; height: 16px; } .categorylist { padding: 10px 20px; } .categorylist a.show-cat { background-size: 5px; } .sortsup .btn-sm.btn-filter-xs, .sortsup .btn-sm.btn-filter-xs:active, .sortsup .btn-sm.btn-filter-xs:focus { font-size: 10px; color: #bfbdba; padding: 8px 20px 9px; border-radius: 3px; margin-top: 2px; background-color: #fff; border-color: #ccc; } .sortsup .btn.btn-sm.btn-filter-xs:hover { color: #fff; background: #59c03c; border: 1px solid #59c03c; outline: none; -webkit-box-shadow: none; box-shadow: none; } /* Supplier */ .supplrdiv .hdrtop-scroll.affix { width: 100%; background-color: #374359; z-index: 4; top: 0; -webkit-box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.75); border-bottom: 1px solid rgba(0, 0, 0, .15); color:#fff; } .supplrdiv .hdrtop-scroll.affix .scrensht { width:53px; height:53px; margin-right: 15px; margin-bottom:7px; background-color:#fff; border:0; } .supplrdiv .hdrtop-scroll.affix h1 { font-size: 17px; font-weight: 500; line-height: 32px; margin-bottom: 0; margin-top: 7px; margin-right:300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .supplrdiv .hdrtop-scroll.affix .lead { font-size: 13px; display:inline-block; margin-bottom:7px; margin-top:-7px; vertical-align: bottom; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:500px; } .supplrdiv .hdrtop-scroll.affix .introdtls .lead .loc { background-image:none; padding-left: 0; line-height:13px; } .supplrdiv .hdrtop-scroll.affix .dropdown.note, .supplrdiv .hdrtop-scroll.affix .btn-fav { display:none; } .supplrdiv .hdrtop-scroll.affix .btn-contactsup, .supplrdiv .hdrtop-scroll.affix .btn-visitweb { float:right; margin-top: -30px; font-size: 13px; padding-top: 15px; padding-bottom: 15px; } .supplrdiv .hdrtop-scroll.affix .btn-visitweb { border: 0; background-color: transparent; color: #fff; font-size: 12px; background-position: 12px 14px; -webkit-transition: none; transition: none; opacity:.8; } .supplrdiv .hdrtop-scroll.affix .btn-visitweb:hover { opacity:1; } .supplrdiv .hdrtop-scroll.affix .btn-contactsup { } .supplrdiv .contact-supplier-bottom { border: 1px solid #d9dadc; padding:25px 30px 30px; color:#666666; } .supplierform { background: #fff; padding: 10px 30px 30px; } .supplierform h2 { font-size: 19px; line-height: 32px; margin-bottom: 20px; } /*Flag Supplier*/ .flagsup, .matchsup { font-size: 11px; border: 1px solid #e9e9e9; padding: 2px 4px; color: #bebebe !important; border-radius: 2px; line-height: 1.42857143; width: 21px; height: 21px; } .flagsup.active { color: #e9777f !important; border-color: #ebdcdd; } .flagsup.active:hover { color: #e5202e !important; } .matchsup.active { color: #59c03c !important; border-color: #ebdcdd; } .matchsup.active:hover { color: #e5202e !important; } .matchsup .tooltip-inner, .flagsup .tooltip-inner { min-width: 120px; } .infosupp .flagsup { margin-top: 2px; margin-left: 2px; } .introdtls .flagsup { margin-top: 8px; } .introdtls .listing-flag { margin-top: 5px; } .listing-flag { font-size: 11px; color: #bebebe; } .listing-flag .flagsup { display: inline-block; vertical-align: middle; margin-top: 0; padding: 2px 3px; width: auto; line-height: 12px; height: auto; } .listing-flag .flagsup:hover, .item .table a.flagsup:hover { color: #e5202e !important; } .item .table a.matchsup:hover, .introdtls .listing-flag .matchsup:hover { color: #59c03c !important; } .introdtls .listing-flag .flagsup, .introdtls .listing-flag .matchsup { padding: 2px 4px; display: inline-block; line-height: 1.42857143; vertical-align: middle; } .flagsup:hover, .flagsup:active, .flagsup:focus { color: #9fa1a2 !important; } .flagSupplier .modal-body { padding: 20px 40px 15px; } .flagSupplier .modal-body .radio { margin:3px 0 15px; font-size: 15px; } .flagSupplier .modal-body textarea { margin-top: 10px; resize: none; } .flagSupplier .modal-body .notes { line-height: 20px; } .hdrtop-scroll.affix a.flagsup { display: none; } .flagSupplier .modal-body .modal-footer .buttons-div .btn { margin-bottom: 10px; } .flagSupplier .modal-body .radio-listing-option { padding-left: 30px; } #products .result-row .search-cat-div .flagsup { margin: 5px 0 0 15px; } @media (max-width: 480px) { .item .menusup { position: relative; left: 0; top: 0; } .item .menusup ul { margin-bottom: 0; display: inline-block; } .comparediv .item .dropdown-menu { margin-top: -1px; } .comparediv .item .thumbnail { min-height: inherit; } .regdash.modal.fade .modal-content .modal-body .illust img { max-height: 120px; } .regdash.modal.fade { top: 0 !important; padding-right: 0 !important; } .regdash.modal.fade .modal-dialog { margin: 0; } .regdash .email-sent img { max-height: 33px; } .regdash.modal.fade .modal-content { height: 100%; } .regdash.modal.fade .modal-content p.terms { margin-top: 20px; } .row.youknow .col-md-4 { padding: 0 50px; } .regdash span.yes { right: 2px; top: 10px; } .regdash span.yes:after { width: 6px; height: 10px; } .prodsuppdiv .panel .panel-body .item .table tr td:nth-child(2n), .prodsuppdiv .panel .panel-body .item .table tr td:nth-child(3n), .prodsuppdiv .panel .panel-body .item .table tr th:nth-child(2n), .prodsuppdiv .panel .panel-body .item .table tr th:nth-child(3n), .prodsuppdiv .panel .panel-body .table.infomysup tbody tr:nth-child(1), .prodsuppdiv .panel .panel-body .table.infomysup tbody tr:nth-child(2), .dirdashsupp .list-group .item:nth-child(3), .dirdashsupp .list-group .item:nth-child(4) { display: none; } .dirsupbox .infosupp .suppinfo {} .pagination-sm>li.current, .pagination-sm>li>a, .pagination-sm>li>span { padding: 10px 15px; } .dirdashsupp .carousel-control.left, .dirdashsupp .carousel-control.right { opacity: 1; } .dirdashsupp .carousel-control .glyphicon-chevron-left, .dirdashsupp .carousel-control .icon-prev, .dirdashsupp .carousel-control .glyphicon-chevron-right, .dirdashsupp .carousel-control .icon-next { top: 80px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: -5px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: -5px; } .dirdashsupp .carousel-control .glyphicon-chevron-right, .dirdashsupp .carousel-control .glyphicon-chevron-left { background-size: 10px; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.1); } .dirdashsupp .item { height: auto !important; min-height: 200px; } .infosupp .sellnfo .dropdown-menu, .prodsuppdiv .panel .panel-heading .dropdown.note .dropdown-menu { right: 0; left: inherit; } .supplrdiv .introdtls .dropdown.note .dropdown-menu { right: inherit; left: 0; } .supplrdiv .introdtls .btn-visitweb, .supplrdiv .introdtls .btn-contactsup { background-image: none; font-size: 10px; padding: 6px 8px 8px; height: auto; width: auto; letter-spacing: .3px; margin-right:5px; } .supplrdiv .hdrtop-scroll.affix .introdtls { text-align:left; } .chckout h1 { font-size: 19px; text-align: center; } .imgdiv1, .imgdiv2 { width: 275px; } .table-div .table img { max-width: 35px; } .table-div .table td { padding: 4px; } .table-div .table-header td { font-size: 10px; } .support-div ul.supcat li .icon-supp { margin-left: 0; } .compdiv a { width: 100%; } .compdiv a span { display: block; } .table-div .table img { max-width: 35px; } .table-div .table td { padding: 4px; } .table-div .table-header td { font-size: 10px; } .updatever2_1 .item .menusup { padding-left: 5px; } .updatever2_1 .item .menusup a { font-size: 11px; padding: 6px 10px; } .modal.modal-center .modal-dialog { vertical-align: top; height: 100%; width: 100%; } .modal-quest .step-3 { display: flex; flex-direction: column; height: 100%; } .modal-quest .step-3 .modal-body-grey { flex: 1; } .modal-quest h4.no-bottom-margin { line-height:26px; margin-bottom:5px !important; } .pagination-circle .pagination li { display:none; } .pagination-circle .pagination li:first-child, .pagination-circle .pagination li:last-child { display: inline-block; } } @media (max-width: 1199px) { #sidebardir { width: 213px; } } @media (min-width: 768px) { .mainsec { min-height: 1200px !important; } } @media (min-width: 768px) and (max-width: 979px) { #sidebardir.filter { top: -30px; display: none; position: absolute; z-index: 4; width: 100%; left: 0; } .sidebardir.collapse.in { display: block; } .divserchrow { padding: 0; } .dirsubme { text-align: left !important; } .browseprod { margin-top: 20px; } .dirsubme .browseprod a { margin-left: 0; margin-right: 20px; padding-bottom: 0; } .dirsubme .browseprod .dropdown-menu { left: 0; transform: translate(0, 0); min-width: 200px; margin-top: 5px; } .dirsubme .browseprod .arrow_top:after, .dirsubme .browseprod .arrow_top:before { left: 10%; } .dirdashsupp .item .thumbnail .list-group-image { min-height: 166px; } } @media (max-width: 767px) { .supplrdiv .catlgdiv { max-width: 220px; } .supplrdiv .catimgd { height: 90px; } .supplrdiv .catimgd img{ max-height: 90px !important; margin:0px auto; } .dirsupbox .table tr td { display: block; box-sizing: border-box; clear: both; } .dirsubme .browseprod a { margin-left: 0; margin-right: 20px; } .dirsupbox .imgsupp { display: none; } .dirsupbox .infosupp .imgsupp { display: inline-block; width: 75px; } .dirsupbox .table tr td:first-child { display: none; } .optionav .dropdown.visible-xs { display: inline-block !important; } .dirsupbox.altrprods .imgsupp { margin-right: 15px; } .dirsubme { margin-top: 10px; text-align: left !important; } .supplrdiv .hdrtop .lead { line-height: 24px; } .supplrdiv .introdtls .btn-fav, .supplrdiv .introdtls .dropdown.note { float: none; display: inline-block; margin-top: 20px; } .supplrdiv .introdtls .btn-fav { margin-top: 0; } .supplrdiv .photos { margin-top: 20px; } .supplrdiv .hdrtop h1 { font-size: 24px; } .supplrdiv .hdrtop-scroll.affix .scrensht { width: 50px; height: 50px; margin-right: 10px; margin-bottom: 11px; float: left; } .supplrdiv .hdrtop-scroll.affix { top:50px; } .supplrdiv .hdrtop-scroll.affix .btn-contactsup span, .supplrdiv .hdrtop-scroll.affix .btn-visitweb span { /*display:none;*/ } .supplrdiv .hdrtop-scroll.affix .btn-contactsup, .supplrdiv .hdrtop-scroll.affix .btn-visitweb { width: 34px; height: 34px; padding: 10px 20px; background-position: 12px center; } .supplrdiv .hdrtop-scroll.affix .lead { font-size: 12px; } .supplrdiv .hdrtop-scroll.affix h1 { font-size: 15px; line-height: 22px; } .supplrdiv .hdrtop-scroll.affix .introdtls .lead .type { display:none; } .supplrdiv .hdrtop-scroll.affix .introdtls .lead .loc { border:0; } .updatever2_1 .hdrtop .introdtls.visible-sm { text-align:center; } .updatever2_1.supplrdiv .introdtls.visible-sm .btn-fav { margin-right:0; padding-right:0; } .updatever2_1 .hdrtop .introdtls.visible-sm .btn-visitweb { color: #787878; font-size: 11px; margin-right: 10px; background-image: url(https://www.salehoo.com/img/sup-ico-external-link.png); background-position: 0px 2px; background-size: 17px; display: inline-block; vertical-align: middle; margin-top: 2px; display:none; } .updatever2_1 .hdrtop .introdtls.visible-sm .btn-note { margin-right: 5px; } .sortsup.pull-right { float: none !important; } .suphdrno { margin: 0 -10px; } .boxintro h4 br { display: none; } .infosupp .sellnfo .dropdown .btn { padding-right: 10px; } .prodsuppdiv .panel .panel-heading .dropdown.note { float: none; margin-top: -5px; margin-left: 61px; } .table.infomysup tr td.titlet { display: none; } .prodsuppdiv .panel .panel-body .btn-smdiv .btn-sm { margin-top: 0; } .prodsuppdiv .panel .panel-heading .dropdown.note button.dropdown-toggle { text-align: left; line-height: 16px; } .supplrdiv .cattletrun, .supplrdiv .cattletrun:hover, .catlgdiv:hover .cattletrun { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 5; -webkit-box-orient: vertical; border: 0; left: 0; height: auto; min-height: initial; } .supplrdiv .catprce { padding-top: 10px; } .dirsubme .browseprod .dropdown-menu { left: 0; transform: translate(0, 0); min-width: 200px; } .dirsubme .browseprod .arrow_top:after, .dirsubme .browseprod .arrow_top:before { left: 10%; } .didyofnd .btn { margin-top: 15px; } .sidebardir { margin-bottom: 10px; } .didyofnd .collapse, .didyofnd .collapse.in, .didyofnd .collapsing { width:auto; } .updatever2_1 .table-responsive { overflow-x: auto; } .updatever2_1 .tab-content { padding: 20px; } .updatever2_1 .item-cat .catimgd { height:120px; } .updatever2_1 .item-cat .catprce { font-size: 13px; } .updatever2_1.tab-white .nav-tabs > li > a { padding-left:20px; } .dirdashsupp .item .thumbnail .list-group-image { min-height: 166px; } .supplrdiv .hdrtop-scroll.affix .btn-contactsup, .supplrdiv .hdrtop-scroll.affix .btn-visitweb { width: 24px; padding: 10px 15px; background-position: 6px center; margin-right: 0; margin-left: 5px; margin-top: -12px; } .savedTab li { font-size: 12px; } .savedTab.nav-tabs > li > a { padding: 8px 10px 10px 0; } .bar-selected .title { font-size: 14px; } .bar-selected .count { font-size: 14px; padding: 5px 10px; } .bar-selected .btn.btn-transparent { padding: 8px 12px 9px; margin-left: 5px; } } @media (min-width: 1200px) { .supplrdiv .catimgd { height: 160px; } .supplrdiv .catimgd img{ max-height: 160px; margin:0px auto; } .supplrdiv .item-catalog .catimgd { max-height:inherit; } .updatever2_1.list-group .sellnfo span.price span { font-size: 13px; } .updatever2_1.list-group .sellnfo span.price { font-size: 12px; } } /** sell info/buttons update **/ .sellnfo.icon-image { margin: 15px 0 0; } .sellnfo.icon-image .btn.btn-supinfo { background-color: #f2f3f5; font-size: 11px; color: #666666; padding: 5px 10px 7px 8px; border-radius: 2px; background-image: none; margin-bottom: 3px; position: relative; } .sellnfo.icon-image .btn.btn-supinfo:hover, .sellnfo.icon-image .btn.btn-supinfo.active:hover { color: #333; } .sellnfo.icon-image .btn.btn-supinfo span.ico, .sellnfo.icon-image .btn.btn-supinfo svg.ico, .sellnfo.icon-image .trust-div span.ico { background-image: url(https://www.salehoo.com/img/sellnfo-sprite.png); background-repeat: no-repeat; background-size: 23px 169px; background-position: 0 0; display: inline-block; width: 13px; height: 13px; vertical-align: middle; margin-right: 5px; margin-top: -2px; } .sellnfo.icon-image .btn.btn-supinfo span.badge-flash { background-color: #5ebe45; width: 14px; height: 14px; border-radius: 14px; position: absolute; left: -8px; top: -6px; } .sellnfo.icon-image .btn.btn-supinfo span.badge-flash img { display: block; max-height: inherit; padding: 2px; } .btn-supinfo.contact-sup:hover span.ico, .btn-supinfo.contact-sup.active span.ico { background-position: 0 -52px !important; } .btn-supinfo.save svg.ico { background-image: none !important; } .btn-supinfo.save svg.ico g { fill: rgb(135, 135, 135) !important; } .btn-supinfo.save:hover svg.ico g, .btn-supinfo.save.saved svg.ico g { fill: rgb(27, 196, 158) !important; } .btn-supinfo.note span.ico { background-position: 0 -26px !important; } .btn-supinfo.note:hover span.ico, .btn-supinfo.note.active span.ico { background-position: 0 -78px !important; } .btn-supinfo.catalog span.ico { background-position: 0 -39px !important; } .btn-supinfo.catalog:hover span.ico, .btn-supinfo.catalog.active span.ico { background-position: 0 -91px !important; } .btn-supinfo.contact-sup span.ico.ico-telephone { background-position: 0 -130px !important; } .btn-supinfo.contact-sup span.ico.ico-fast-email { background-position: 0 -117px !important; width: 23px !important; margin-right: 3px !important; } .btn-supinfo.contact-sup span.ico.ico-normal-email { background-position: 0 -143px !important; width: 14px !important; margin-right: 3px !important; } .btn-supinfo.contact-sup:hover span.ico.ico-normal-email { background-position: 0 -156px !important; } .sellnfo.icon-image .btn.btn-supinfo.active { box-shadow: none; } .sellnfo.icon-image .trust-div { font-size: 10px; color: #959595; margin-top: 5px; } .sellnfo.icon-image .trust-div span.ico { margin: 0; vertical-align: middle; width: 23px; margin-right: 3px; } .sellnfo.icon-image .trust-div span.ico.ico-fast-email { background-position: 0 -104px !important; } .sellnfo.icon-image .trust-div.active span.ico.ico-fast-email { background-position: 0 -117px !important; } .sellnfo.icon-image .trust-div span.ico.ico-telephone { background-position: 0 -130px !important; width: 13px; margin-right: 2px; } @media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ), only screen and ( min--moz-device-pixel-ratio: 1.3 ), only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */ only screen and ( min-device-pixel-ratio: 1.3 ), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx ) { .sellnfo.icon-image .btn.btn-supinfo span.ico { background-image: url(https://www.salehoo.com/img/sellnfo-sprite-2X.png); } } /* Landscape Pixel Ratio 2*/ @media only screen and (min-device-width: 360px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .dirdashsupp .item.col-xs-6 { width: 25%; } } /* Landscape Pixel Ratio 3*/ @media only screen and (min-device-width: 360px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .dirdashsupp .item.col-xs-6 { width: 25%; } } /* Wed, 13 Jan 2021 00:22:00 GMT directory-v31 */ /*Supplier listing page*/ .back-title { color: #252525; font-weight: 400; font-size: 13px; font-family: 'Poppins', sans-serif; line-height: 32px; } .back-title:hover { text-decoration: none; } .supplrdiv .hdrtop { background-color: #fff; padding: 30px 0 40px; } .supplrdiv .hdrtop h1 { font-size: 30px; font-weight: 600; } .supplrdiv .hdrtop .lead { font-size: 14px; color: #898989; line-height: 21px; margin: 0 0 30px; } .editsup .btn { font-size: 13px; } .supplrdiv .hdrtop .btn { margin-right: 10px; } .supplrdiv .hdrtop .carousel-control.left, .supplrdiv .hdrtop .carousel-control.right { background: none; width: 30px; } .supplrdiv .hdrtop .carousel-control.left { left: -40px; } .supplrdiv .hdrtop .carousel-control.right { right: -40px; } .supplrdiv .hdrtop .carousel-control .glyphicon-chevron-right, .supplrdiv .hdrtop .carousel-control .glyphicon-chevron-left { overflow: hidden; text-indent: -1000px; background-size: 10px; background-position: center top; background-repeat: no-repeat; } .supplrdiv .hdrtop .carousel-control .glyphicon-chevron-right { background-image: url(https://www.salehoo.com/img/ico-arrow-right-v3.png); } .supplrdiv .hdrtop .carousel-control .glyphicon-chevron-left { background-image: url(https://www.salehoo.com/img/ico-arrow-left-v3.png); } .supplrdiv .hdrtop .item { min-height: inherit; margin-top: 0; } .supplrdiv .scrensht { padding: 2px; border: 1px solid #dfdfdf; margin-right: 30px; float: left; width: 186px; margin-bottom: 20px; } .supplrdiv .hdrtop .item .col-md-2 { padding-right: 0; padding-bottom: 15px } .supplrdiv .hdrtop .item a { background: #f9f9f9; display: block; min-height: 108px; position: relative; } .supplrdiv .hdrtop .item .thumbnail { max-height: 108px; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .supplrdiv .introdtls .lead .loc, .mylisting div.lead .loc { background: url(https://www.salehoo.com/img/sup-ico-pin.png) no-repeat left; background-size: 17px; padding-left: 20px; padding-right: 12px; margin-right: 8px; border-right: 1px solid #c5c5c5; display: inline-block; } .supplrdiv .introdtls .btn-note, .supplrdiv .introdtls .btn-fav, .supplrdiv .introdtls .btn-contactsup, .supplrdiv .introdtls .btn-visitweb { background-size: 17px; padding-left: 40px; background-repeat: no-repeat; background-position: 15px center; } .supplrdiv .introdtls .btn-note { background-image: url(https://www.salehoo.com/img/sup-ico-note.png); background-position: 0 0; padding: 0; padding-left: 20px; color: #787878; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .supplrdiv .introdtls .btn-fav, .supplrdiv .introdtls .dropdown.note { float: right; } .supplrdiv .introdtls .btn-note:hover, .supplrdiv .introdtls .btn-note:focus, .supplrdiv .introdtls .btn-note.active { text-decoration: none; color: #333; background-position: 0 -26px; } .supplrdiv .introdtls .btn-fav { background-image: url(https://www.salehoo.com/img/sup-ico-favorite.png); background-position: 0 1px; padding: 0; padding-left: 20px; padding-right: 20px; color: #787878; margin-top: 4px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .supplrdiv .introdtls .btn-fav:hover, .supplrdiv .introdtls .btn-fav.active { text-decoration: none; color: #333; background-position: 0 -23px; } .supplrdiv .introdtls .btn-contactsup { background-image: url(https://www.salehoo.com/img/sup-ico-mail.png); } .supplrdiv .introdtls .btn-visitweb { background-image: url(https://www.salehoo.com/img/sup-ico-external-link.png); background-position: 12px 8px; padding-left: 35px; } .supplrdiv .supsdebox { padding: 17px 17px 10px; background: #fff; font-size: 12px; } .supplrdiv .supsdebox h5 { color: #fff; background: #7a7e84; margin: -17px -17px 0; padding: 8px 17px 6px; font-size: 14px; font-weight: 500; } .supplrdiv .qckdtls, .supplrdiv .infodtls { margin-top: 20px; } .supplrdiv .infodtls { margin-bottom: 0; } .supplrdiv .qckdtls li { background: url(https://www.salehoo.com/img/sup-ico-tick-green.png) no-repeat; background-position: left 2px; background-size: 13px; padding-left: 20px; line-height: 16px; padding-bottom: 12px; color: #666; } .supplrdiv .infodtls li { line-height: 16px; padding-bottom: 12px; } .supplrdiv .infodtls li img { max-height: 14px; float: left; margin-right: 7px; opacity: .5; } .supplrdiv .infodtls li a { color: #666; } .supplrdiv .infodtls li.best a { color: #506ca0; } .supplrdiv .infodtls li.best span.label { display: inline-block; vertical-align: bottom; color: #58c03B; background: url(https://www.salehoo.com/img/ico-check-green.svg) no-repeat left; padding-left: 10px; margin-left: 8px; font-weight: 400; letter-spacing: .3px; } .supplrdiv .qckdtls li span, .supplrdiv .infodtls li span { color: #000; font-weight: 600; } .supplrdiv .infodtls li span { display: block; overflow: hidden; } .supplrdiv .gogmapdv { height: 220px; margin: 5px -17px; } .gm-style-cc { display: none; } .supplrdiv .supsdebox.sftyanlysis .tabledv { margin: 0 -17px; } .supplrdiv .supsdebox.sftyanlysis .table { font-size: 11px; color: #666; margin-bottom: 0; } .supplrdiv .supsdebox.sftyanlysis .table th, .supplrdiv .supsdebox.sftyanlysis .table td { border: 0; } .supplrdiv .supsdebox.sftyanlysis .table th, .supplrdiv .supsdebox.sftyanlysis .table b { font-weight: 600; color: #000; } .supplrdiv .supsdebox.sftyanlysis .table th, .supplrdiv .supsdebox.sftyanlysis .table td:first-child { padding-left: 17px; padding-right: 0; } .supplrdiv .supsdebox.sftyanlysis .table td, .supplrdiv .supsdebox.sftyanlysis .table td:first-child { padding-right: 17px; -ms-word-break: break-all; word-break: break-all; } .supplrdiv .supsdebox.sftyanlysis .table-striped>tbody>tr:nth-of-type(even) { background-color: #f9f9f9; } .suplrinfo, .supplrdiv .contact-supplier { background: #fff; border: 1px solid #d9dadc; } .suplrinfo h5.header-expand { line-height: 18px; } .suplrinfo .form-group.highlighted .form-control, .form-group.highlighted .bootstrap-select > .dropdown-toggle { box-shadow:0 0 0 .4rem rgba(255,204,0,.15) !important; border: 1px solid #f1e5c2; color: #333; } /*Toggle Switch*/ .suplrinfo .onoffswitch { position: relative; width: 78px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .suplrinfo .onoffswitch-checkbox { display: none; } .suplrinfo .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 30px; } .suplrinfo .onoffswitch-inner, .suplrinfo .onoffswitch-switch { display:block; } .suplrinfo .onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .suplrinfo .onoffswitch-inner:before, .suplrinfo .onoffswitch-inner:after { float: left; width: 50%; height: 30px; padding: 0; line-height: 32px; font-size: 14px; color: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: .5px; font-weight: 500; font-family: 'Poppins', sans-serif; } .suplrinfo .onoffswitch-inner:before { content: "YES"; padding-left: 11px; background-color: #59c03c; color: #FFFFFF; } .suplrinfo .onoffswitch-inner:after { content: "NO"; padding-right: 11px; background-color: #EEEEEE; color: #999999; text-align: right; } .suplrinfo .onoffswitch-switch { width: 22px; margin: 4px; background: #FFFFFF; border-radius: 30px; position: absolute; top: 0; bottom: 0; right: 44px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .suplrinfo .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .suplrinfo .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } /*Upload Documents*/ .suplrinfo .upload-files .input-group { display: flex; flex-flow: row wrap; } .suplrinfo .upload-files .input-group-addon { flex: 0 0 75%; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; border-right: none; align-items: center; } .suplrinfo .upload-files .input-group-addon .btn { flex: 0 0 25%; } .suplrinfo .upload-files .input-group-addon { text-transform:none; text-align: left; font-size: 11px; display: flex; } .suplrinfo .upload-files .input-group .btn { max-width: 85px; } .suplrinfo .upload-files .filebutton.has-error .input-group-addon { border-right: 1px solid; border-bottom: 1px solid; border-color: #a94442; z-index: 1; } /*Radio Style*/ .suplrinfo input[type=radio] { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; cursor: pointer; vertical-align: bottom; background: #fff; border: 1px solid #dbdbdb; -webkit-border-radius: 18px; -moz-border-radius: 18px18px; border-radius: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; line-height: 20px; } .suplrinfo input[type=radio]:checked { border: 1px solid #FFA500; background-color: #FFA500; } .suplrinfo input[type=radio]:checked::after { content: url(https://cdn.salehoo.com/img/ico-dollar.svg); display: block; position: absolute; top: 2px; left: 2px; } .suplrinfo input[type=radio]:focus { outline: none; } .suplrinfo .ico-dollar { width: 16px; display: inline-block; opacity: .25; vertical-align: sub; } .suplrinfo .select-value { color: #999; } .suplrinfo .select-value.selected { color: #666; } .suplrinfo .select-value.selected .ico-dollar { opacity: 1; } .suplrinfo .filebutton .filebutton-input { position: absolute; top: 0px; opacity: 0; } .suplrinfo .filebutton .filebutton-label { display: inline; width: auto; margin: 0; font-weight: normal; } .tab-white .nav-tabs li a#product-catalog-tab, .new-ribbon { background-image: url(https://www.salehoo.com/img/ico-new.png); background-position: top left; background-repeat: no-repeat; background-size: 28px; } .tab-white .nav-tabs>li>a { border-radius: 0; border: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-top-color: transparent; margin-right: -1px; font-size: 14px; color: #727272; padding: 10px 10px; } .tab-white .nav-tabs>li>a:hover { background-color: transparent; color: #000; } .tab-white .nav-tabs>li.active>a, .tab-white .nav-tabs>li.active>a:hover, .tab-white .nav-tabs>li.active>a:focus { border-top-color: transparent; color: #000; border-bottom: 1px solid #fff; } .tab-white .nav-tabs>li.active>a:hover { border-bottom: 1px solid #fff; } .tab-white .nav-tabs { border-bottom: 1px solid #e5e5e5; } .tab-white .nav-tabs li:first-child a { border-left: none; } .tab-white .tab-content { padding: 35px 37px 25px; color: #666; line-height: 22px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; } .tab-white .tab-content h4, .tab-white .tab-content h5, .supplrdiv .contact-supplier h5 { font-weight: 600; color: #000; } .tab-white .tab-content .title-left h5, .supplrdiv .contact-supplier h5 { margin-top: 5px; line-height: 20px; } .supplrdiv .contact-supplier { padding: 20px 37px 30px; margin-top: 12px; } .supplrdiv .contact-supplier .form-control { border: none; background-color: transparent; } .supplrdiv .contact-supplier .form-horizontal .form-group { border: 1px solid #dbdbdb; border-right: none; border-left: none; padding-bottom: 6px; padding-top: 4px; margin-left: 0; margin-right: 0; } .supplrdiv .contact-supplier .form-horizontal .control-label { font-weight: 400; text-align: left; padding-top: 4px; padding-left: 0; } .supplrdiv .contact-supplier textarea.form-control { padding: 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; resize: none; } .supplrdiv .contact-supplier .slct-tmplts { color: #7a7e84; font-size: 12px; padding-left: 17px; } .supplrdiv .contact-supplier .slct-tmplts li.active a { color: #7a7e84; } .supplrdiv .contact-supplier h6 { font-weight: 600; } .supplrdiv .srchcatdiv .form-group.search-catalog { position:relative; } .supplrdiv .srchcatdiv .form-group.search-catalog .autocomplete { right:0; } .supplrdiv .srchcatdiv .form-control.searchprods { background-image: url(https://www.salehoo.com/img/sup-ico-search.png); background-repeat: no-repeat; background-position: 96%; background-size: 19px; padding-right: 34px; } .supplrdiv .srchcatdiv .form-group label { font-size: 11px; font-weight: 400; text-transform: uppercase; margin-bottom: 0; } .supplrdiv h4.catgsec { border-bottom: 1px solid #e6e7e9; padding-bottom: 10px; } .supplrdiv .catlgdiv { margin-top: 15px; margin-bottom: 10px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .supplrdiv .catlgdiv:hover { -webkit-box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.14); -moz-box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.14); box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.14); } .supplrdiv .catimgd img { padding:10px; } .supplrdiv .catimgd img{ max-height: 130px !important; } .supplrdiv .catdesd { position: relative; padding: 0 12px 8px; border: 1px solid #e5e5e5; border-top: none; } .form-group.search-catalog { } .supplrdiv .cattletrun { font-size: 12px; font-weight: 600; color: #333; line-height: 17px; background: #fff; } .supplrdiv a .catdesd, .supplrdiv .catdesd a:not(.cat-inquire){ color: #333; } .item-cat:hover .catdesd > a { text-decoration: underline; } .supplrdiv a .catprce, .supplrdiv .catprce a:not(.cat-inquire){ color: #58c03B; } .supplrdiv a:hover .catprce, .supplrdiv .catprce a:hover{ text-decoration: none; } .supplrdiv .catprce { font-size: 14px; } .supplrdiv .catprce .price { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 50%; display: inline-block; } .supplrdiv .cat-inquire { float:right; display:block; } .supplrdiv .cat-inquire, .supplrdiv .cat-inquire.cat-added .glyphicon { font-size: 10px; color: #9a9fa8; text-transform: uppercase; } .supplrdiv .cat-inquire.cat-added { color:#f1757e; } .supplrdiv .cat-inquire.cat-added, .supplrdiv .cat-inquire.cat-added:hover { text-decoration:none; } .supplrdiv .cat-inquire span, .supplrdiv .cat-inquire.cat-added:hover span { opacity: .5; } .supplrdiv .cat-inquire:hover { text-decoration:none; color:#666; } .supplrdiv .catempty { color: #000; } .supplrdiv .catempty p.lead { font-size: 16px; color: #666; } .supplrdiv .catempty .btn { margin-bottom: 10px; } .supplrdiv .catempty .importvcsv-img { margin: 40px 0; } .supplrdiv .catempty .importvcsv-img img { max-height: 175px; } .supplrdiv .loading-more { text-align: center; font-size: 12px; color: #9c9c9c; padding: 20px; clear: both; } item-cat .catimgd, .item-cat .catdesd { border:0; } .item-cat .catlgdiv { border: 1px solid #e5e5e5 } .item-cat .catdesd { padding:8px 12px; border-top: 1px solid #efefef; } .item-cat .catimgd { overflow: inherit; height:180px; max-height:inherit; position:relative; } .item-cat .catimgd img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; } .item-cat .cattletrun { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.9em; overflow:hidden; } .supplrdiv .catempty { color: #000; } .supplrdiv .catempty p.lead { font-size: 16px; color: #666; } .supplrdiv .catempty .btn { margin-bottom: 10px; } .supplrdiv .catempty .importvcsv-img { margin: 40px 0; } .supplrdiv .catempty .importvcsv-img img { max-height: 175px; } .supplrdiv .pdf-thumbnail { position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; width: 175px; background-color: #fff; padding: 8px; } .supplrdiv .pdf-thumbnail span.svg-icon { position: absolute; right: -5px; bottom: -5px; padding: 3px 2px; background-color: #f43f4e; width: 38px; border-radius: 2px; } .supplrdiv .pdf-thumbnail .svg path { fill: #fff; } .supplrdiv .btn-group-download { background: #f8f8f8; padding: 15px; border: 1px dashed #c0cad0; font-size: 15px; color: #9b9b9b; } .supplrdiv .btn-group-download:hover { background: #e9e9e9; border: 1px dashed #afb6bb; color: #727272; } .supplrdiv .btn-group-download .btn-txttitle { padding: 0 20px; } .suplrinfo .catalog-list .catlgdiv .catimgd img{ max-height: 160px; margin: 0px auto; } .supplrdiv .btn-group-download { background: #7a7e84; padding: 15px; font-size:15px; color: #fff; margin-bottom:10px; border-radius: 4px; } .supplrdiv .btn-group-download:hover { background: #83878c; } .supplrdiv .pdf-thumbnail { position:relative; display:inline-block; vertical-align:middle; margin-right:10px; width:121px; height:149px; background-color:#fff; padding:8px; } .supplrdiv .pdf-thumbnail img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 8px; } .supplrdiv .pdf-thumbnail span.svg-icon { position: absolute; right: 0; bottom: 0; padding: 3px 2px; background-color: #f43f4e; width: 38px; z-index:2; } .supplrdiv .pdf-thumbnail .svg path { fill:#fff; } .supplrdiv .btn-group-download .btn-txttitle { padding:0 20px; font-family: 'Poppins', sans-serif; font-size:16px; } .supplrdiv .btn-group-download .btn-txttitle img { max-width: 17px; margin-right: 3px; vertical-align: middle; margin-top: -4px; } .supplrdiv .ico-no-result { max-height:94px; } .editsup { padding: 37px; border: none; } .editsup .alert.alert-top { margin: -37px; margin-bottom: 30px; border: 0; padding: 25px 37px; } .editsup .form-horizontal .control-label { text-align: left; line-height: 18px; padding-top: 8px; font-weight: 600; } .editsup .form-horizontal .control-label .help-block, .editsup .help-inblock { font-size: 11px; font-weight: 300; color: #999; display: block; line-height: 14px; margin-top: 0; } .editsup .help-inblock { display: inline-block; } .editsup .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .editsup .form-group .bootstrap-select>.dropdown-toggle { font-size: 14px; color: #666; } .editsup .supplier-form .add-categories .checkbox { margin-top: -5px; margin-bottom: 10px; min-height: inherit; } .editsup .supplier-form .import-catalog .form-group { margin-right: 0; margin-left: 0; } .seleccontnr span { font-size: 11px; display: inline-block; position: relative; background-color: #eaeaea; border-radius: 2px; padding: 0 5px 0 5px; margin-bottom: 2px; } .seleccontnr span .close { margin-top: -1px; } .seleccontnr span .close span { font-size: 12px; font-weight: 400; padding: 0; padding-left: 5px; } .seleccontnr .add-categ { margin: 0 10px; } .photo-opt { margin-top: 10px; margin-bottom: 10px; } .photo-opt div { padding-right: 0; } .photo-opt div .photodiv-con { position: relative; height: 100px; margin-bottom: 10px; overflow: hidden; } .photo-opt div .photodiv-con:hover .btn-supplier-remove-image, .photo-opt div .photodiv-con:hover button { opacity: .5; } .photo-opt div .photodiv-con .btn-supplier-remove-image, .photo-opt div .photodiv-con button { position: absolute; width: 100%; height: 100%; opacity: 0; } .photo-opt div .photodiv-con .btn-supplier-remove-image-on { font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.8); margin-top: 8px; padding: 5px; text-shadow: none; opacity: 1; height: auto; } .photo-opt div .photodiv-con .btn-supplier-remove-image span, .photo-opt div .photodiv-con button span { text-shadow: none; color: #fff; background: #000; right: 0; position: absolute; top: 0; font-size: 18px; font-weight: 400; padding: 2px 5px; } .photo-opt .thumbnail-preview { overflow: hidden; } .photo-opt .uploadify { margin-top: 15px; clear: both; } .photo-opt .uploadify .uploadify-button { line-height: inherit !important; } .imagemodal button.close { margin-bottom: 8px; font-weight: 400; margin-right: 15px; margin-top: 7px; } .imagemodal .modal-body { padding: 0; text-align: center; } .imagemodal .modal-body .image-here { width: 100%; display: inline-block; } .imagemodal .modal-body img.thumbnail, .supplrdiv .scrensht img { border: 0; padding: 0; border-radius: 0; margin: 0; width: 100%; } .imagemodal .modal-footer { border: 0; } .supplr-edit { padding: 10px 0; background: #eaeaea; color: #666; } .supplr-edit .btn { margin-right: 10px; } .supplr-edit .glyphicon { font-size: 9px; vertical-align: middle; margin-top: -5.5px; color: #999; } .helpimport { margin: 20px 0 0; background: #f2f3f5; padding: 20px; border: 1px dashed #c0cad0; font-size: 12px; line-height: 15px; color: #666; } .helpimport img.scrshotcsv { max-width: 280px; } .instrct h5 { margin-top: 0; font-weight: 500; font-size: 14px; color: #252525; } .instrct ol { padding-left: 15px; } .instrct li { margin-bottom: 13px; line-height: 20px; } .modash.catalog { max-height: 200px; overflow-y: scroll; } .modash.catalog .table { font-size: 11.5px; } .modash.catalog .table img { width: 50px; } .numbrprod { font-weight: 600; font-size: 12px; margin: 15px 0 5px; } .uploadcsv, .uploadpdf { margin: 10px 0; color: #333; font-weight: 600; background: url(https://www.salehoo.com/img/ico-file-csv.png) no-repeat left; background-size: 21px; padding-left: 25px; font-size: 11px; min-height: 24px; padding-top: 2px; } .uploadpdf { /* @todo - needs a pdf version */ background-image: url(https://www.salehoo.com/img/ico-file-csv.png); } .uploadcsvds { font-weight: 600; } .uploadcsvds img { max-height: 21px; vertical-align: middle; margin: 0; } .uploadcsv button.close { font-weight: 300; font-size: 18px; margin-top: 2px; } .btn.btn-select-file { border: 1px solid #e1e5e8; padding: 30px 40px; } .btn.btn-select-file img { max-height:121px; opacity:.6; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .btn.btn-select-file:hover { background-color:#f9fbfc; } .btn.btn-select-file:hover img { opacity:.9; } .info-text-small { font-size: 11px; line-height: 16px; margin: 0 auto 10px; max-width: 171px; background-color: #f4f6f7; padding: 5px; } .info-text-small img { max-height:13px; margin-right:3px; } .supplrdiv.preview .btn-fav, .supplrdiv.preview .dropdown.note { display:none; } .message-box .message-box-contact-form .alert.alert-response .alert-link { font-weight: 400; text-decoration: underline; font-size: 11px; margin: 5px 5px 5px 0; display: inline-block; } .message-box .contact-form .form-textarea .textarea-div { position: relative; } .message-box .contact-form .smart-pop { font-weight: 600; border-bottom: 3px solid #fd7f81; color: #333; } .message-box .contact-form .smart-pop:hover, .message-box .contact-form .smart-pop:focus, .message-box .contact-form .smart-pop:active { text-decoration: none; /**cursor: hand; cursor: pointer;**/ border-bottom: 3px solid #fc4b4e; } .message-box .contact-form .pop-modal-bg { background-color: #ccc; background-color: rgba(0, 0, 0, .2); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; } .message-box .contact-form .pop-modal { position: absolute; z-index: 6; width: 320px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 21px -3px rgba(0, 0, 0, 0.12); left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 20px; font-size: 12px; line-height: 20px; text-align: center; } .message-box .contact-form .pop-modal .highlt { font-weight: 600; color: #333; } .message-box .contact-form .pop-modal .btn { font-size: 10px !important; text-transform: uppercase; padding: 4px 15px !important; } @media (max-width: 360px) { .infosupp .sellnfo .dropdown-menu, .supplrdiv .introdtls .dropdown.note .dropdown-menu { left: 0; } .supplrdiv .hdrtop-scroll.affix .lead { width:160px; } } @media (max-width: 480px) { .supplrdiv .hdrtop-scroll.affix .scrensht { display:none; } .supplrdiv .hdrtop-scroll.affix .btn-contactsup, .supplrdiv .hdrtop-scroll.affix .btn-visitweb { padding: 10px 18px 10px 17px; background-position: 9px center; margin-top: -18px; } .supplrdiv .hdrtop-scroll.affix .btn-visitweb { background-image: url(https://www.salehoo.com/img/sup-ico-external-link.png); display:none; } .supplrdiv .hdrtop-scroll.affix .btn-contactsup { font-size: 10px; padding: 6px 8px 8px; height: auto; width: auto; letter-spacing:.3px; } .supplrdiv .cat-inquire { float:none; } .supplrdiv .hdrtop-scroll.affix h1 { width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .supplrdiv .hdrtop-scroll.affix .lead { width: 200px; } .supplrdiv .hdrtop-scroll.affix .introdtls .btn-contactsup { background-image: none; } .supplrdiv .introdtls .btn-visitweb, .supplrdiv .introdtls .btn-contactsup { background-image: none; font-size: 10px; padding: 6px 8px 8px; height: auto; width: auto; letter-spacing: .3px; margin-right: 5px; } .supplrdiv .introdtls { text-align: center; } .supplrdiv .introdtls .btn-note { margin-left: 23px; } .supplrdiv .catprce .price { width: 100%; } } @media (max-width: 767px) { .supplrdiv .introdtls .btn-fav, .supplrdiv .introdtls .dropdown.note { float: none; display: inline-block; margin-top: 20px; } .supplrdiv .introdtls .btn-fav { margin-top: 0; } .supplrdiv .scrensht { float: none; margin: 0 auto; } .imagemodal.modal.fade, .imagemodal.modal.fade.in { top: 0 !important; } .supplrdiv .hdrtop-scroll.affix .introdtls .lead .loc { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .editsup .upload-files .input-group.filebutton .input-group-addon { display: block; flex: none; min-width: 100%; background: none; border: 0; text-align: center; white-space: normal; line-height: 16px; padding-top: 0; } .editsup .upload-files .input-group.filebutton { display: block; text-align: center; background-color: #f2f3f5; border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; } } @media (max-width: 767px) and (orientation: landscape){ .supplrdiv .hdrtop-scroll.affix .btn-contactsup span, .supplrdiv .hdrtop-scroll.affix .btn-visitweb span { display:none; } } @media (max-width: 979px) and (min-width: 768px) { .supplrdiv .hdrtop-scroll.affix .lead { width: 300px; max-width: none; float: none; } .supplrdiv .hdrtop-scroll.affix .introdtls .lead .loc { width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right:none; } .browseprod { margin-top: 20px !important; margin-bottom: 10px; } .supplrdiv .introdtls .btn-fav, .supplrdiv .introdtls .dropdown.note { float: none; display: inline-block; } .supplrdiv .hdrtop .lead { max-width: 70%; float: right; } } .updatever2_1 .item-cat .catlgdiv a.save-catalog { right: 25px; top: 25px; border-radius: 3px; background-color: rgba(255, 255, 255, .85); background-image: url(https://www.salehoo.com/img/sup-ico-favorite.png); background-repeat: no-repeat; background-size: 15px; background-position: 4px 5px; padding: 0 10px 0 20px; color: #999; font-size: 11px; position: absolute; z-index: 2; opacity: 0; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } .updatever2_1 .item-cat .catlgdiv:hover a.save-catalog { opacity: 1; text-decoration: none; } .updatever2_1 .item-cat .catlgdiv a.save-catalog:hover, .updatever2_1 .item-cat .catlgdiv a.save-catalog.active { background-position: 4px -16px; } /* Tue, 11 Jun 2019 03:07:09 GMT supplier-listing-v31 */ /*Message*/ .mesgediv .mesgecon { background: #fff; display: flex; min-height: 382px; /*border: 1px solid #bbbcbd;*/ } .btn-white.btn-newmsg { background-image: url(https://www.salehoo.com/img/msg-ico-new-message.png); background-position: 12px 9px; padding-left: 30px; background-size: 14px; background-repeat: no-repeat; } .mesgediv .msgusrs { float: left; width: 35%; border-right: 1px solid #e5e5e5; align-items: stretch; } .mesgediv .msgusrs .nav-tabs { border: 0; } .mesgediv .msgusrs .msgusrs-list { max-height: 817px; overflow: hidden; } .mesgediv .msgusrs .nav-tabs > li { float: none; border-bottom: 1px solid #eaeaea; margin-bottom: 0; } .mesgediv .msgusrs .nav-tabs>li>a { border-radius: 0; border: 0; color: #363636; padding: 10px 15px; overflow: hidden; margin-right: 0; } .mesgediv .msgusrs .nav-tabs>li>a:hover { background-color: #f6f7f8; } .mesgediv .msgusrs .nav-tabs>li.active>a, .mesgediv .msgusrs .nav-tabs>li.active>a:hover, .mesgediv .msgusrs .nav-tabs>li.active>a:focus, .mesgediv .msgusrs .nav-tabs>li.active.newmsg { border-color: transparent; background-color: #374359 !important; color: #fff; } .mesgediv .msgview { float: left; width: 65%; /*border-top:39px solid #7a7e84;*/ border-top: 39px solid #fff; } .mesgediv .msgview .hdrtp { margin-top: -39px; /*background-color:#6d7075; border-bottom: 1px solid #6d7075;*/ } .mesgediv .msgview .hdrtp button.close { font-weight: 300; padding: 4px; margin-right: -10px; } .mesgediv .hdrtp { background: #fff; /*color:#fff;*/ padding: 10px 20px; height: 49px; border-bottom: 1px solid #eaeaea; } .mesgediv .hdrtp input.form-control { border-color: transparent; background-color: transparent; color: #666; font-size: 12px; margin-left: -5px; padding: 4px 12px; margin-top: 2px; } .mesgediv .hdrtp .form-control::-moz-placeholder { color: #a7aab0; } .mesgediv .hdrtp .form-control:-ms-input-placeholder { color: #a7aab0; } .mesgediv .hdrtp .form-control::-webkit-input-placeholder { color: #a7aab0; } .mesgediv .hdrtp h4 { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 5px; } .mesgediv .hdrtp .flagsup { margin-top: 4px; } .mesgediv .avtra { float: left; width: 50px; margin-right: 10px; } .mesgediv .lst-msg, .mesgediv .dtems { color: #7d7d7d; font-size: 10px; } .mesgediv .dtems { margin-top: 3px; margin-left: 10px; } .mesgediv .msgusrs .nav-tabs>li.active .lst-msg, .mesgediv .msgusrs .nav-tabs>li.active .dtems { color: #FFF; } .mesgediv .msgusrs .nav-tabs > li.active .lst-msg .glyphicon-paperclip { font-size: 11px; display: inline-block; vertical-align: middle; margin-left: 2px; } .mesgediv .newmsg { display: block; color: #506ca0; } .mesgediv .msgusrlft { overflow: hidden; } .mesgediv .msgusrs .nav-tabs>li.newmsg a { background-color: #f6f7f8; font-weight: 700; } .mesgediv .mesgecon h6 { width: 100%; text-align: center; border-bottom: 1px solid #f2f3f5; line-height: 0.1em; margin: 10px 0 20px; color: #999; font-size: 11px; } .mesgediv .mesgecon h6 span { background: #fff; padding: 0 10px; } .mesgediv .viewconms { padding: 25px; overflow-y: auto; max-height: 700px; } .mesgediv .alert .close { font-weight: 400; } .msgout, .msgin { overflow: hidden; margin-bottom: 20px; } .msgout { margin-right: 12%; } .msgin { margin-left: 12%; } .msgcon { line-height: 20px; background-color: #edf1f4; border-radius: 3px; padding: 10px; overflow: hidden; color: #314a64; } .msgcon .table-div { background: #f4f7fa; border: 1px solid #e3e7ea; margin: 10px 0 0; padding: 0 5px; } .msgin .msgcon { background-color: #5baffc; color: #fff; } .msgin .msgcon a { color: #ffffff; } .msgin .msgcon hr { margin: 10px -10px; border-top: 1px solid #000; opacity: .05; } .msgthmb { width: 35px; } .msgout .msgthmb { float: right; margin-left: 5px; } .msgin .msgthmb { float: left; margin-right: 5px; } .dtasnd { font-size: 10px; color: #939393; } .msgin .dtasnd { margin-left: 40px; } .replyform { padding: 25px; } .replyform textarea { resize: none; margin-bottom: 10px; position: relative; } .replyform input { position: relative; margin-bottom: -1px; } .replyform textarea:focus, .replyform input:focus { z-index: 2; } .replyform .prssentr { margin-right: 10px; font-weight: 600; margin-top: 6px; display: inline-block; vertical-align: middle; color: #666; font-size: 12px; } /** Attachment **/ .msgattchmnt { margin-top: 10px; } .msgattchmnt .row { margin-right: 25px; } .msgattchmnt .title { font-size: 12px; font-weight: 600; margin-bottom: 5px; } .msgattchmnt .file { border:1px solid #e8ecef; margin-bottom: 10px; display: block; height: 50px; } .msgattchmnt .file:hover, .msgattchmnt .file:focus, .msgattchmnt .file:active { text-decoration: none; outline: none; background-color: #f9fafb; } .msgattchmnt .file .icon { width: 50px; height: 50px; float: left; margin-right: 10px; text-align: center; padding: 10px; margin-top: -1px; margin-left: -1px; } .msgattchmnt .file .icon.file-img { background-color: #2197f8; } .msgattchmnt .file .icon.file-xls { background-color: #13ca56; } .msgattchmnt .file .icon.file-pdf { background-color: #ff3300; } .msgattchmnt .file .icon.file-txt { background-color: #a4a9ac; } .msgattchmnt .file .icon img { max-height: 30px; } .msgattchmnt .file .info { overflow: hidden; padding-top: 5px ; } .msgattchmnt .file .info .filename { font-size: 12px; color: #6b6d6f; line-height: 12px; margin-top: 5px; } .msgattchmnt .file .info .filename .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; display: inline-block; vertical-align: bottom; } .msgattchmnt .file .info .size { color: #adafb1; font-size: 11px; display: block; } .msgattchmnt .time-exp { margin-right: 40px; } .msgattchmnt .time-exp, .msgattchmnt .time-exp .alert { font-size: 11px; color: #96999c; } .msgattchmnt .time-exp .alert { padding: 5px 10px; } .msgattchmnt .time-exp .glyphicon { font-size: 13px; top: 3px; } .msgin .msgattchmnt .time-exp { margin-left: 40px; margin-right: 0; } .suppsearch { position: relative; } .suppsearch .twitter-typeahead { display: block !important; } .suppsearch .tt-highlight { color: #333; font-style: normal; font-weight: normal; ' } .supplistauto { overflow: hidden; margin: 10px 0; cursor: pointer; } .memlistauto { overflow: hidden; margin: 3px 0; cursor: pointer; } .supplistauto .thbsuto { float: left; width: 50px; margin-right: 7px; } .supplistauto .autoinfo { overflow: hidden; font-size: 14px; line-height: 18px; } .supplistauto .autoinfo .infodot { font-size: 11px; } .didyofnd .btn:first-child { margin-left: 10px; } .didyofnd h5 { display: inline-block; font-size: 15px; } .didyofnd .collapse, .didyofnd .collapse.in, .didyofnd .collapsing { width: 600px; margin: 0 auto; } .didyofnd .collapse.in { display: inline-block; } .didyofnd textarea.form-control { margin-bottom: 10px; font-size: 12px; line-height: 20px; } .didyofnd .yofind { padding: 20px; margin-top: 10px; border: 1px solid #cccdd1; background-color: #fff; } .didyofnd .yofind h6 { font-weight: 600; } .didyofnd .yofind .radio label { display: block; } .didyofnd .panel { margin-bottom: 0; background-color: transparent; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .didyofnd label.error { color: #b94a48; } .msgusrs-list ul li a .removemsg { display: none; } .msgusrs-list ul li a:hover .removemsg { display: block; } .table-div .table { font-size:13px; margin-bottom:5px; } .table-div .table td { border:0; font-size:13px; color:#314a64; } .table-div .table h4 { margin:0; font-size:12px; line-height:20px; color:#252525; } .table-div .table-header td { font-size:12px; color: #777b7e; padding-bottom: 0; } .table-div .price-tag { font-size:12px; } .table-div .table img { max-width:60px; } /*Message box*/ .message-box { color: #333; width: 650px; border-bottom: none; background-color: white; position: fixed; right: 10px; bottom: 10px; z-index: 9999; -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2); box-shadow: 1px 1px 5px rgba(0,0,0,.2); display: none; overflow:hidden; } .message-box > input[type="checkbox"] { display: block; margin: 0 0; padding: 0 0; position: absolute; top: 0; right: 0; width: 100%; height: 45px; z-index: 4; cursor: pointer; border: 0 !important; background-color: transparent; opacity:0 !important; } .message-box > input[type="checkbox"]:checked + label::after { content: url(../img/ico-dash-white.svg); display: block; position: absolute; top: 8px; right: 40px; left: inherit; } .message-box > input[type="checkbox"] + label::after { content: url(../img/ico-expand-white.svg); display: block; position: absolute; top: 12px; right: 40px; left: inherit; } /*Hide minimize icon on IE Edge*/ .message-box > input[type="checkbox"]::-ms-check { opacity:0; filter:alpha(opacity=0); } .message-box > label { display: block; height: 45px; line-height: 24px; background-color: #374359; color: white; font-weight: 500; padding: 10px 20px; margin-bottom: 0; font-size: 14px; font-family: 'Poppins', sans-serif; } .message-box > label:before { content: attr(data-collapsed) } .message-box .message-box-content { display: none; padding: 20px 0 20px 20px; } /* hover state */ .message-box > input[type="checkbox"]:hover + label { background-color: #374359 } .message-box > input[type="checkbox"]:hover { cursor: default; } /* checked state */ .message-box > input[type="checkbox"]:checked + label { background-color: #374359 } .message-box > input[type="checkbox"]:checked + label:before { content: attr(data-expanded) } .message-box > input[type="checkbox"]:checked ~ .message-box-content { display: block; border: 1px solid #b8bcc0; border-top:0; min-height: 565px; height: auto; background: #fff; } .message-box a.closecht { right: 0; font-weight: 300; font-size: 18px; position: absolute; color: #fff; top: 0; z-index: 5; text-align: center; width: 40px; background-color: #374359; height: 45px; padding-top: 9px; } .message-box a.closecht:hover, .message-box a.item-remove:hover, .message-box > input[type="checkbox"]:hover { text-decoration: none; cursor: pointer; opacity:1; } .message-box .inner-left { float:left; width:85%; display: flex; flex-flow: column; height: 100%; } .message-box .inner-left .alert { font-size: 12px; padding: 7px 14px; margin-bottom: 5px; } .message-box .inner-right { float:right; width:15%; position:relative; display: flex; flex-direction: column; } .message-box .product-info-container { position:relative; } .message-box .product-info-container, .message-box .slimScrollDiv { overflow-y: auto; max-height: 150px; height:auto !important; } .message-box .product-info { background-color:#fafbfc; border:1px solid #e1e5e8; padding:5px 14px; flex: 0 1 auto; margin-bottom:-1px; } .message-box .product-info.header-table-info { background-color: #edf0f1; } .message-box .product-info-container .show-btn-product, .message-box .product-info-container .hide-btn-product { display:block; text-align:center; font-size:11px; border: 1px solid #e1e5e8; border-bottom:none; background-color: #fafbfc; } .message-box .product-more, .message-box .product-info-container .hide-btn-product { display:none; } .message-box .table { margin:0; } .message-box .table > thead > tr > th, .message-box .table > tbody > tr > td { border:0; padding:2px 0; } .message-box .header-table-info .table > thead > tr > th, .message-box .header-table-info .table > tbody > tr > td { padding:0; } .message-box .table > thead > tr > th { font-size:10px; font-weight: 400; color: #505456; padding-bottom:3px; } .message-box .table h6 { font-size:12px; margin:0; line-height: 14px; margin-top: 3px; } .message-box .item-thumbnail { width:50px; margin-right:10px; } .message-box .item-details { overflow:hidden; } .message-box .item-price { line-height:16px; font-size:11px; } .message-box .table input.form-control { max-width: 56px; padding: 2px 5px; font-size: 13px; } .message-box a.item-remove { color: #d1d5d8; font-size: 20px; font-weight: 200; } .message-box .sendto { border:1px solid #e1e5e8; border-bottom:0; padding:8px 10px 10px; font-size:13px; } .message-box .sendto span.supplier-name { background-color:#ecf0f2; border-radius:2px; padding:2px 7px 4px; } .message-box .form-group { margin:0; } .message-box .form-group input.form-control { border:1px solid #e1e5e8; padding:12px; font-size:13px; } .message-box .contact-form { flex: 1 1 auto; position:relative; } .message-box .contact-form .textarea { margin-top:-1px; font-size:13px; resize:none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; overflow:hidden; } .message-box .contact-form .form-textarea .textarea-div { border:1px solid #e1e5e8; border-top:none; border-bottom:none; padding:10px; margin-top: 0; height:100%; } .message-box .contact-form .form-textarea .textarea:focus { outline: none; } .message-box .contact-form .form-textarea [contenteditable=true]:empty:before { content: attr(placeholder); display: block; } .message-box .contact-form .message-wrapper { height:385px; overflow-y:auto; } .message-box .contact-form #messageText { border-bottom:none; min-height: 253px; padding-bottom:0; padding-top:6px; } .message-box .contact-form #messageSignature { border-top:none; min-height: 72px; padding-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; overflow:hidden; resize: none; } .message-box .contact-form #messageSignature:focus { border-color: #e1e5e8; } .message-box .btndiv { margin-top:10px; flex: 0 1 0; } .message-box .btndiv .btn.btn-lg { font-size: 16px; } .message-box .form-textarea { width:100%; } .message-box a.select-ico { color:#6c6e71; font-size:10px; text-align:center; display: block; font-family: 'Poppins', sans-serif; margin:0 10px 20px; line-height:13px; } .message-box a.select-ico.collapsed { opacity:.6; } .message-box a.select-ico.collapsed:hover, .message-box a.select-ico { opacity:1; text-decoration:none; } .message-box a.select-ico .ico { background:url(../img/message-icon-sprite.png) center no-repeat; background-size:26px; width:29px; height:27px; display:block; margin: 0 auto 4px; background-position-x: 3px !important; } .message-box a.select-ico .ico.ico-template { background-position:0 0; } .message-box a.select-ico .ico.ico-signature { background-position:0 -27px; } .message-box a.select-ico .ico.ico-history { background-position:0 -54px; } .message-box a.select-ico .ico.ico-help { background-position:0 -81px; } .message-box .show_box { position: absolute; background: #ffffff; right:100%; border: 1px solid #e1e5e8; top:0; font-size:12px; font-family: 'Poppins', sans-serif; font-weight:200; /*-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,.05); -moz-box-shadow: -1px 1px 1px rgba(0,0,0,.05); box-shadow: -1px 1px 1px rgba(0,0,0,.05);*/ } .message-box .show_box .inner-box { padding:10px; } .message-box .div-ico-msg { position:relative; } .message-box .div-ico-msg { } .message-box .show_box:after, .message-box .show_box:before { left: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .message-box .show_box:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 8px; margin-top: -8px; } .message-box .show_box:before { border-color: rgba(225, 229, 232, 0); border-left-color: #e1e5e8; border-width: 9px; margin-top: -9px; } .message-box .show_box.box-template:after, .message-box .show_box.box-template:before { top:20px; } .message-box .show_box.box-template { width:250px; color:#82858a; } .message-box .show_box.box-template ul li a, .message-box .show_box.box-signature .dropdown a { color:#252525; font-weight:400; padding: 5px 10px; } .message-box .show_box.box-template ul li a.add-link, .message-box .show_box.box-signature .dropdown a.add-link { color: #506ca0; } .message-box .show_box.box-template ul { padding-left: 30px; margin:0; } .message-box .show_box.box-template ul li a { color:#666; } .message-box .show_box.box-template ul li.active a, .message-box .show_box.box-template ul li a:hover { color:#252525; text-decoration:none; } .message-box .show_box.box-template .panel-group { margin-bottom: 0; padding:0; } .message-box .show_box.box-template .panel-group .panel { border:0; -webkit-box-shadow: none; box-shadow: none; } .message-box .show_box.box-template .panel-title { font-size: inherit; font-weight:400; } .message-box .show_box.box-template .panel-title a:hover, .message-box .show_box.box-template .panel-title a:focus { text-decoration:none; } .message-box .show_box.box-template .panel-default > .panel-heading { border-color: transparent; padding: 0; background: url(https://cdn.salehoo.com/img/ico-collapse-arrow-out.png?84675) no-repeat; background-position: 0 5px; background-size: 10px; padding-left: 17px; } .message-box .show_box.box-template .panel.active .panel-heading { background-image: url(https://cdn.salehoo.com/img/ico-collapse-arrow-in.png?84675); } .message-box .show_box.box-template .panel-default > .panel-heading + .panel-collapse > .panel-body { border:0; padding: 0; } .message-box .show_box.box-signature { width:300px; } .message-box .show_box.box-signature textarea.form-control { resize:none; margin-top:-1px; font-size:13px; margin-bottom:5px; -webkit-appearance: none; } .message-box .show_box.box-signature textarea.form-control[readonly], .message-box .show_box.box-signature textarea.form-control[disabled] { background:inherit; } .message-box .show_box.box-signature input.form-control { font-size:12px; } .message-box .show_box.box-signature .form-control:focus { border: 1px solid #dbdbdb; } .message-box .show_box.box-signature .btn-small-div { } .message-box .show_box.box-signature .btn-small-div .btn-xs { padding: 3px 10px 2px !important; font-size: 10px !important; font-weight: 200; } .message-box .show_box.box-signature .dropdown .btn { padding: 6px 10px; font-size: 12px; color: #666; text-align:left; border-radius: 0; } .message-box .show_box.box-signature .dropdown.open > .dropdown-toggle.btn-default, .message-box .show_box.box-signature .dropdown .btn:hover { background-color: #edf0f1; border: 1px solid rgba(162, 164, 168, 0.40); } .message-box .show_box.box-signature .dropdown .btn .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .message-box .show_box.box-signature .dropdown .dropdown-menu { width:100%; margin-top: -1px; } .message-box .show_box.box-history { width:360px; } .message-box .show_box.box-history .continqry { min-height:130px; } .message-box .show_box.box-history .hedinqry { margin:-10px -10px 10px -10px; background-color:#f6f8f9; padding:10px; font-size:10px; line-height:13px; overflow:hidden; } .message-box .show_box.box-history .hedinqry .thumbinqry { float:left; margin-right:10px; width:50px; } .message-box .show_box.box-history .hedinqry .inqry-title { margin-top:3px; font-size:11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .message-box .show_box.box-help { width:250px; bottom: 0; top: inherit; } .message-box .show_box.box-help .helpdivm { line-height: 22px; } .message-box .show_box.box-help:after, .message-box .show_box.box-help:before { top: 80%; } .message-box .div-ico-msg.div-ico-history { flex-grow: 1; } .message-box .div-ico-msg.div-ico-help { margin-bottom:45px; } .message-box .div-ico-msg.div-ico-help a.select-ico { padding: 0; margin: 0; } .message-box-add-template h4 { margin-top: 2px; } .thank-you-message .ico-check-green { max-height:59px; } .thank-you-message .checkbox label { font-family: 'Poppins', sans-serif; font-size:13px; } .thank-you-message .checkbox label input[type="checkbox"] { margin-top:2px; } .thank-you-message .checkbox label input[type="checkbox"]:checked::after { top: -3px; } .message-box .contact-reply .form-textarea { top: 220px; } .message-box .contact-form.contact-reply textarea.form-control { padding-top:25px; border-top: none; } .message-box .contact-form.contact-reply .reply-left { float:left; margin-right:10px; } .message-box .contact-form.contact-reply .reply-left .user-avatar { width: 35px; height: 35px; border-radius: 35px; overflow: hidden; margin: 5px auto 0; opacity:.8; } .message-box .contact-form.contact-reply .reply-left .date-show { font-size:10px; width: 60px; line-height: 120%; } .message-box .contact-form.contact-reply .reply-content { overflow:hidden; min-height:60px; } .message-box .contact-form.contact-reply .seperator-reply .reply-text { background-color: #fff; display: inline-block; padding: 0 5px; color: #929aa0; font-size: 10px; font-weight: 600; letter-spacing: 1px; margin-top: -26px; vertical-align: middle; z-index: 2; } .message-box .contact-form.contact-reply .seperator-reply { width:100%; text-align:center; border-left:1px solid #eee; border-right:1px solid #eee; } .message-box .contact-form.contact-reply .seperator-reply hr { margin:0 12px 0; } .message-box .contact-form.contact-reply .form-reply-content-div { border-left: 1px solid #e1e5e8; border-right: 1px solid #e1e5e8; padding-bottom:10px; } .message-box .contact-form.contact-reply .form-reply-content { padding: 12px; font-size: 13px; color: #afafaf; position:relative; } .message-box .reply-content .product-info { opacity: .8; background-color: transparent; border-color: #e8ecee; } .message-box .reply-content .product-info:last-child { margin-bottom: 0; } /*.message-box .collapsing { -webkit-transition: none; transition: none; }*/ .message-box .btndiv { height: 70px !important; z-index: 10; } .message-box .contact-form{ height: 100%; } .message-box .alert .text-left.btn-grp { margin: 10px 0 7px; } .border-bottom{ border-bottom: 1px solid #ccc; } @media (max-width: 360px) { .message-box .btndiv .btn.submit { position:relative; top:-50px; } .message-box-content .action-icons { top:-50px; } .msgattchmnt .row { margin-right: 0; } .msgattchmnt .file .info .filename .truncate { max-width: 100px; } .msgattchmnt .time-exp { margin-right: 0; } } @media (max-width: 480px) { .message-box .inner-right { width: auto; float:none; display: block; flex-direction: row; margin-top: -35px; text-align:right; z-index:1; } .message-box .btndiv { width: 50%; z-index:2; } .message-box .btndiv span.pull-right, .message-box .div-ico-msg .text-ico { display:none; } .message-box .div-ico-msg { display:inline-block; position: initial; margin-left: 15px; } .message-box .div-ico-msg.div-ico-help { margin-left: 2px; margin-bottom:16px; } .message-box .btndiv .btn.btn-lg { font-size: 14px; } .message-box .div-ico-msg.div-ico-history { margin-left: 6px; } .message-box .inner-left { float:none; width:auto; } .message-box .message-box-content { padding: 10px; } .message-box .div-ico-msg.div-ico-help a.select-ico { margin: 0 5px; } .message-box a.select-ico, .message-box .div-ico-help a.select-ico { margin: 0 0 20px; } .message-box .show_box { right: 0; top: inherit; left: 0; width: 100% !important; bottom: 70px !important; text-align: left; } .message-box a.select-ico .ico.ico-template, .message-box a.select-ico .ico.ico-help { width: 20px; } .message-box a.select-ico .ico { background-position-x: 0px !important; } .message-box .show_box:after, .message-box .show_box:before { border:0; } .message-box > input[type="checkbox"]:checked ~ .message-box-content { /*height: 450px;*/ /*height: 93%;*/ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .message-box .item-details { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .message-box .contact-form.contact-reply .form-reply-content-div .slimScrollDiv { height:90px !important; } .message-box .contact-reply .form-textarea { top: 180px; } .message-box .item-thumbnail { width: 49px; margin-right: 5px; } .message-box .table input.form-control { max-width: 30px; margin:0 5px; } .message-box .table h6 { font-size: 12px; line-height: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .message-box .item-price { line-height: 10px; font-size: 11px; } .supplistauto .autoinfo .infodot { display: none; } .mesgediv .mesgecon { display: block; } .mesgediv .msgusrs, .mesgediv .msgview { float: none; width: auto; border-bottom: 10px solid #f2f3f5; border-right: none; } .mesgediv .hdrtp h4 { overflow: visible; } .mesgediv .avtra { display: inline-block !important; margin: 0 auto; float: none; width: 40px; } .mesgediv .msgusrlft, .mesgediv .hdrtp .form-control { display: none; } .mesgediv .msgusrs, .mesgediv .msgview { float: left; border: none; } .mesgediv .msgusrs { width: 20%; border-right: 1px solid #ccc; } .mesgediv .msgview { width: 80%; } .mesgediv .mesgecon { overflow: hidden; } .mesgediv .msgusrs .nav-tabs > li > a { padding: 10px; text-align: center; } .mesgediv .msgusrs .msgusrs-list, .mesgecon .slimScrollDiv { height: 554px !important; } .msgview .slimScrollDiv { height: 345px !important; } .mesgediv .viewconms { height: 345px !important; } .mesgediv .msgview .hdrtp { margin: 0; } .message-box .contact-form #messageText { min-height: 220px; /*Change from 253px*/ } .message-box .contact-form .message-wrapper { height: 350px !important; /*Force to resize to 385px*/ } } @media (max-width: 767px) { .message-box { width: 100%; right: 0; bottom: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top:0; } .tab-white .nav-tabs li { float: none; } .tab-white .nav-tabs>li.active>a, .tab-white .nav-tabs>li.active>a:hover, .tab-white .nav-tabs>li.active>a:focus { border-bottom: 1px solid #e5e5e5; border-left-color: transparent; border-top: 1px solid #e5e5e5; } .tab-white .nav-tabs li:first-child a { border-top: none; } .tab-white .nav-tabs>li>a { border-left-color: transparent; } .mesgediv .avtra, .msgout .msgthmb, .mesgediv .dtems { display: none; } .msgout, .msgin { margin: 0; } .didyofnd h5 { display:block; } } /* Mon, 21 Oct 2019 02:56:56 GMT message-box-v31 */ /*Supplier Finder*/ .supplier-finder { background-color: #fff; margin-top: 15px; border: 1px solid #d7d9da; } .supplier-finder .table { margin: 0; } .supplier-finder .btn-group .dropdown-toggle { font-size: 12px; padding: 3px 23px 3px 12px; min-width: 104px; } .supplier-finder .btn-group .dropdown-toggle:hover, .supplier-finder .btn-group .dropdown-toggle:focus { background-color: #fff; border: 1px solid #9aaac7; } .supplier-finder .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: inherit; } .supplier-finder .bootstrap-select.btn-group .dropdown-menu li:nth-of-type(even), .supplier-finder .bootstrap-select.btn-group .dropdown-menu li:nth-of-type(odd) { background-color: transparent; } .supplier-finder .flag-icon { width: 1.4em; } .supplier-finder .table>thead>tr>th { font-weight: 600; border-bottom: 1px solid #d7d9da; } .supplier-finder .table>thead>tr>th:first-child, .supplier-finder .table>tbody>tr>td:first-child { padding-left: 15px; } .supplier-finder .table>tbody>tr>td { border: 0; } .view-listing { background: url(../img/ico-check-green.svg) left no-repeat; padding-left: 12px; font-size: 10px; text-transform: uppercase; } .email-noti label { display: inline-block; margin-right: 10px; color: #333; } .email-noti.form-group { float: right; margin-top: 1px; } .email-noti.form-group .bootstrap-select.btn-group { width: 165px !important; } .dbsearch .autocomplete, .dbsearch .autocomplete a, .suppsearch .autocomplete, .suppsearch .autocomplete a, .search-catalog .autocomplete a { color: #999; } .dbsearch .autocomplete a em, .dbsearch .autocomplete em, .suppsearch .autocomplete a em, .suppsearch .autocomplete em, .search-catalog .autocomplete em { color: #333; font-style: normal; } .dbsearch .autocomplete .searches li { background: url(../img/lb-ico-boxes.png) no-repeat left center; background-size: 16px; } .dbsearch .autocomplete .suppliers li { background: url(../img/lb-ico-warehouse.png) no-repeat left center; background-size: 15px; } .dbsearch .autocomplete ul li { padding: 2px 2px 2px 20px; } .dbsearch .autocomplete hr, .suppsearch .autocomplete hr { margin: 10px -15px; } /*Free Supplier modal*/ .regdash.modal.fade .modal-free-supplier.modal-content { height:auto !important; } .regdash.modal.fade .modal-free-supplier.modal-content .modal-body .form-control { margin-top:-1px; margin-bottom:0; position:relative; z-index:1; font-size: 15px; } .regdash.modal.fade .modal-free-supplier.modal-content .modal-body .form-control:focus { z-index:2; } .regdash.modal.fade .modal-free-supplier.modal-content .modal-body .btn { padding: 12px 20px; border-radius: 2px; } .regdash.modal.fade .modal-free-supplier.modal-content .modal-body .image-con { margin:-35px -20px 40px; } /* Tue, 5 Dec 2017 00:59:50 GMT supplier-finder-v31 */ /*Chat box*/ .chat-panel { position: fixed; right: 10px; bottom: 0; z-index: 9999999999; } .chat-box { color: #333; width: 280px; /* Chatbox width */ -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); display: none; float: right; margin-left: 10px; } .chat-box>input[type="checkbox"] { display: block; margin: 0 0; padding: 0 0; position: absolute; top: 0; right: 0; left: 0; width: 250px; height: 26px; z-index: 4; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .chat-box>label { display: block; height: 30px; line-height: 24px; background-color: #374359; color: white; font-weight: 600; padding: 3px 1em 1px; margin-bottom: 0; text-transform: uppercase; font-size: 11px; } .chat-box>label:before { content: attr(data-collapsed) } .chat-box .chat-box-content { display: none; } /* hover state */ .chat-box>input[type="checkbox"]:hover+label { background-color: #374359 } .chat-box>input[type="checkbox"]:hover { cursor: default; } /* checked state */ .chat-box>input[type="checkbox"]:checked+label { background-color: #374359 } .chat-box>input[type="checkbox"]:checked+label:before { content: attr(data-expanded) } .chat-box>input[type="checkbox"]:checked~.chat-box-content { display: block; border-left: 1px solid #b8bcc0; border-right: 1px solid #b8bcc0; height: 400px; background: #fff; padding-bottom: 37px; } .chat-box-content .alert.alert-response { font-size: 12px; line-height: 20px; } .chat-box-content .alert.alert-response .alert-link { font-weight: 400; text-decoration: underline; font-size: 11px; margin: 5px 5px 5px 0; display: inline-block; } .chat-box-content .alert.alert-response .btn-grp { margin: 10px 0 7px; } .chat-box-content .alert.alert-response { margin: -10px -10px 20px; border: 0; padding: 10px 15px; } .chat-box-content .inner-con { overflow-y: scroll; height: 100%; padding: 10px; } .chat-box-content .inner-con .noti { font-size: 11px; line-height: 14px; background: #f2f4f6; padding: 10px 10px 13px; margin: -10px -10px 20px; color: #8e9ba7; text-align: center; font-weight: 300; } .chat-box-content .inner-con .noti h6 { font-weight: 300; line-height: 16px; margin: 0 0 5px; color: #768694; } .chat-box-content .msgattchmnt .time-exp { margin-right: 0; padding: 0 5px; } .chat-box-content .msgattchmnt .title { font-size: 11px; } .chat-box-content .msgattchmnt .file .icon { width: 40px; height: 40px; padding: 5px; } .chat-box-content .msgattchmnt .file .info .filename { margin-top: 0; font-size: 11px; } .chat-box-content .msgattchmnt .file .info .size { font-size: 10px; } .chat-box-content .msgattchmnt .file { height: 40px; margin-bottom: 5px; } .chatmsg { padding: 10px 15px; line-height: 17px; border-radius: 6px; font-size: 12px; margin-bottom: 10px; } .chatmsg span.date { font-size: 10px; display: block; opacity: .5; } .chatmsg.out { background-color: #edf1f4; margin-right: 18px; color: #314a64; } .chatmsg.in { background-color: #5baffc; color: #fff; margin-left: 18px; } .chatmsg.in a { color: #fff; } .chatmsg.attachment { padding-top: 0 } .typext { position: absolute; bottom: 0; width: 278px; margin-left: -10px; } .typext .form-control { border: 0; border-top: 1px solid #e0e3e5; font-size: 12px; padding: 10px; height: 38px; min-height: 30px; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; resize: none; } .typext .form-control:focus { border-top: 1px solid #b1d1ef; height: 80px; } .chat-box a.closecht { right: 5px; font-weight: 300; font-size: 18px; position: relative; color: #fff; top: 3px; z-index: 9999; text-align: center; width: 20px; background-color: #374359; float: right; cursor: pointer; } .chat-box a.closecht:hover { text-decoration: none; } @media (max-width: 480px) { .chat-box>input[type="checkbox"]:checked~.chat-box-content { height: 350px; } .chat-box .showtip.joyride-tip-guide.right { top: -50% !important; right: 0 !important; margin-right: 0; } .chat-box .showtip.joyride-tip-guide.right .joyride-nub.right { top: 100% !important; left: 50% !important; bottom: -20px; border-color: hsl(219, 24%, 28%) !important; border-bottom-color: hsla(0, 0%, 0%, 0) !important; border-left-color: hsla(0, 0%, 0%, 0) !important; border-right-color: hsla(0, 0%, 0%, 0) !important; } } @media (max-width: 767px) { .chat-box { width: 230px; } .typext { width: 229px; } .chat-box>input[type="checkbox"]:checked~.chat-box-content { height: 350px; } } /* Mon, 1 Jun 2020 00:15:22 GMT chatbox-v31 */ /*Dashboard*/ .prodsuppdiv { margin: 0; } .prodsuppdiv .panel { border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 0 !important; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .prodsuppdiv .panel.active { border-bottom: 1px solid #e0e1e5; border-top: 1px solid #e0e1e5; opacity: 1; } .prodsuppdiv .panel:nth-child(even) { background-color: #f2f3f5; } .prodsuppdiv .panel .sellnfo { margin-top: 0; margin-bottom: 0; } .prodsuppdiv .panel .panel-title .sellnfo span span { display: none; } .prodcompetition.sellnfo div .value { color: #666; font-weight: 300; } .prodsuppdiv .panel .panel-title { font-size: 14px; margin-top: 3px; overflow: hidden; } .prodsuppdiv .panel a .panel-title { color: #000; line-height: 18px; } .prodsuppdiv .panel .panel-title img.extrlnk { max-height: 8px; display: inline-block; vertical-align: baseline; } .prodcompetition.sellnfo a { border: 0; } .prodcompetition.sellnfo div .value { display: inline-block; font-size: 11px; line-height: 16px; vertical-align: bottom; margin: 0; } .prodsuppdiv .panel .panel-title .prodcompetition.sellnfo a { font-weight: 300; line-height: 16px; color: #666; } .prodcompetition.sellnfo { font-size: 10px; line-height: 16px; } .prodcompetition.sellnfo div { margin-top: 1px; margin-right: 10px; } .prodsuppdiv .panel .panel-title .sellnfo a.compare, .prodsuppdiv .panel .panel-title .sellnfo a.save { position: relative; display: inline-block; opacity: 1; left: inherit; top: 0px; width: 30px; } .prodsuppdiv .panel .panel-title .sellnfo a.save img { opacity: 0.35; } .prodsuppdiv .panel .panel-title .sellnfo a.save.saved img, .prodsuppdiv .panel .panel-title .sellnfo a.save:hover img { opacity: 1; } .prodsuppdiv .panel .panel-title .sellnfo a.compare img, .prodsuppdiv .panel .panel-title .sellnfo a.save img { max-height: 10px; } .prodsuppdiv .panel .panel-title .sellnfo a.compare span, .prodsuppdiv .panel .panel-title .sellnfo a.save span { display: none; } .prodsuppdiv .panel a:hover, .prodsuppdiv .panel a:focus { text-decoration: none !important; } .prodsuppdiv .panel:last-child { border-bottom: 0 !important; } .prodsuppdiv .panel:first-child { border-top: 0 !important; } .prodsuppdiv .panel:nth-child(even) { background-color: #f2f3f5; } .prodsuppdiv .panel .panel-heading { background-color: transparent; background-image: url(../img/ico-collapse-arrow-out.png); background-repeat: no-repeat; background-size: 9px; background-position: 96% 20px; overflow: hidden; padding: 10px 20px; } .prodsuppdiv .panel .panel-heading .dropdown.note { float: left; margin-top: -3px; } .prodsuppdiv .panel .panel-heading .dropdown.note button.dropdown-toggle { font-size: 10px; padding: 0; color: #999; font-weight: 400; margin-left: -3px; } .prodsuppdiv .panel .panel-heading .dropdown.note button.dropdown-toggle span { color: #666; margin-left: 5px; } .prodsuppdiv .panel .panel-heading .dropdown.note button.dropdown-toggle:focus, .prodsuppdiv .panel .panel-heading .dropdown.note button.dropdown-toggle:hover { color: #666; text-decoration: none; } .prodsuppdiv .panel .panel-heading .dropdown.note button img { max-height: 11px; vertical-align: sub; margin-bottom: 1px; margin-right: 3px; } .mysupplier .prodsuppdiv .panel .panel-heading { overflow: visible; } .mysupplier .prodsuppdiv .panel .panel-heading .headtingcont, .productideas .prodsuppdiv .panel .panel-heading .headtingcont { min-height: 52.5px; } .prodsuppdiv .panel.active .panel-heading { background-image: url(../img/ico-collapse-arrow-in.png); } .prodsuppdiv .panel .panel-body { border: 0 !important; padding: 20px; padding-top: 0; } .prodsuppdiv .panel .panel-body .btn-smdiv .btn-sm { font-size: 10px; padding: 0 10px 3px 0; margin-top: 10px; } .prodsuppdiv .panel .panel-body .btn-smdiv .btn-sm:hover { text-decoration: underline !important; } .prodsuppdiv .panel .panel-body .item { margin: 0; min-height: inherit; } .prodsuppdiv .panel .panel-body .item .table { border: 1px solid #e3e4e5; } .prodsuppdiv .panel .thumbim { float: left; width: 51px; margin-right: 10px; } .table.infomysup tr td { padding: 2px 0 !important; } .table.infomysup tr td.titlet { font-size: 10px; color: #999; width: 62px; } .browseprod { margin-top: 3px; display: inline-block; color: #999; position: relative; } .browseprod a { /*color:#666;*/ margin-left: 20px; display: inline-block; padding-bottom: 7px; } .browseprod a:hover { color: #333; } .boxintro { border: 1px solid #bbbcbd; background: #fff; padding: 20px 30px 45px; margin-bottom: 5px; } .boxintro h4 { line-height: 28px; margin-bottom: 0; } .boxintro.storewid { padding: 30px; /*padding-top:0;*/ } .boxintro.storewid .wid-title { font-weight: 600; font-size: 16px; padding: 13px 20px; border-bottom: 1px solid #cccdce; margin-bottom: 20px; margin-left: -30px; margin-right: -30px; } .boxintro.storewid img { max-height: 91px; margin-bottom: 20px; } .boxintro.storewid p small { color: #999; } .boxintro.storewid .store_scrshot { overflow: hidden; margin: 0 auto; display: inline-block; border-radius: 3px; border: 1px solid #e0e1e1; } .boxintro.storewid .store_scrshot .top_urlbar { display: block; height: 11px; background: #e0e1e1; } .boxintro.storewid .store_scrshot .top_urlbar .urlbar { background: #fff; height: 4px; width: 50%; margin: 3px 5px 0; float: left; } .boxintro.storewid .store_scrshot .scrnshotstr { height: 120px; } .boxintro.storewid .store_scrshot .scrnshotstr img { max-height: 140px; } .boxintro p { line-height: 21px; } .boxintro .divimghldr { margin-bottom: -50px; } .modash { background: #fff; border: 1px solid #bbbcbd; margin-bottom: 5px; overflow: hidden; } #products .modash{ overflow:initial; } .myprod .modash { /*min-height:650px;*/ } .modash .table { margin: 0; color: #333; } .modash .table .nosave, .dirsubme .browseprod ul li span.nosave { font-style: italic; font-weight: 300; font-size: 11px; color: #999; } .browseprod ul li span.nosave a { padding: 0; } .modash .wid-title { font-weight: 600; font-size: 16px; padding: 13px 20px; border-bottom: 1px solid #cccdce; font-family: 'Poppins', sans-serif; } .modash .wid-title a { color: #000; } .modash a.btn-green { color: #fff; } .modash .wid-title.botmps { font-weight: 600; font-size: 16px; padding: 13px 20px; border-bottom: none; border-top: 1px solid #cccdce; } .modash .wid-title .pull-right.btn.btn-sm { margin-top: 1px; padding: 6px 7px 4px; } .modash .table td { border: 0; padding: 10px; vertical-align: middle; } .modash .table tr>th:first-child, .modash .table tr td:first-child { padding-left: 15px; padding-right: 0; } .modash .table tr>th:last-child, .modash .table tr td:last-child { padding-right: 15px; } .modash .table .delete-row { padding: 0; margin: 0; color: #ccc; font-size: 16px; font-weight: 300; line-height: 16px; } .modash .table .delete-row:hover, .modash .table .delete-row:focus { outline: none; color: #999; text-decoration: none; } .modash .trningwid .imghldr { float: left; width: 42px; margin-right: 10px; } .modash .trningwid .barwid { overflow: hidden; } .modash .trningwid .barwid h6 { margin: 0; margin-bottom: 5px; color: #666; } .modash .trningwid .barwid .progress { height: 13px; overflow: hidden; background-color: #f4f4f4; border-radius: 1px; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .modash .trningwid .barwid .progress .progress-bar { background-color: #d6d6d6; -webkit-box-shadow: none; box-shadow: none; color: #7c7c7c; font-size: 9px; line-height: 13px; } .modash .infosave { font-size: 11px; color: #333; } .modash .infosave span { padding: 0 5px 0 0; border-right: 1px solid #ccc; display: inline-block; line-height: 10px; margin-right: 5px; color: #666; } .modash .infosave span:first-child { padding-left: 0; } .modash .infosave span:last-of-type { padding-right: 0; border: 0; } .modash.save-filters .table tr>th { padding-left: 10px; font-weight: 600; border-bottom: 1px solid #ddd; font-size: 11px; padding-top: 10px; padding-bottom: 10px; } .modash.save-filters .table tr>th:first-child { padding-left: 20px; } .alert-dshmy { background: #fff; border: 1px solid #dadadb; padding-top: 12px; padding-bottom: 12px; line-height: 20px; color: #333; position: relative; padding-left: 115px; margin-top: 15px; } .alert-dshmy a.title { color: #333; } .alert-dshmy .close { font-weight: 300; font-size: 18px; } .alert-dshmy .videotime { font-size: 11px; color: #999; } .alert-dshmy .thumbvd { background-color: #666; background-size: 35px; width: 100px; height: 103%; position: absolute; left: -1px; top: -1px; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .alert-dshmy .thumbvd a { background: url(../img/ico-help-video-dash.png) no-repeat center; background-size: 35px; position: absolute; width: 100px; height: 100%; z-index: 2; opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .alert-dshmy .thumbvd span { color: #fff; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: .5px; text-align: center; transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; opacity: .2; width: 100px; z-index: 1; line-height: 12px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .alert-dshmy .thumbvd:hover { background-color: #595959; } .alert-dshmy .thumbvd:hover span { opacity: 1; } .alert-dshmy .thumbvd:hover a { opacity: .3; } .alert-dshmy:after, .alert-dshmy:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .alert-dshmy:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 6px; margin-left: -6px; } .alert-dshmy:before { border-color: rgba(218, 218, 219, 0); border-bottom-color: #dadadb; border-width: 7px; margin-left: -7px; } .botmdas h5 { font-weight: 600; font-size: 16px; } .botmdas hr { margin-top: 10px; border-top: 1px solid #e3e4e6; margin-bottom: 30px; } .botmdas .media-left { width: 54px; } .botmdas .media-left img { border-radius: 54px; border: 1px solid rgba(0, 0, 0, .1); } .botmdas .media-body { width: auto; line-height: 21px; } .botmdas .media-body h4.media-heading { font-size: 13.5px; margin: 0; margin-bottom: 0; color: #333; } .botmdas .media-body h4.media-heading a { font-size: 14px; } .botmdas .media-body .datecat, .latforum .media-body .datecat { margin-bottom: 8px; } .botmdas .media-body .datecat, .latforum .media-body .datecat a { color: #acacac; font-size: 12px; } .botmdas .media-body .content { word-break: break-all; } .botmdas .media-body .datecat span.dot { width: 5px; height: 5px; background: #bdbdbd; display: inline-block; border-radius: 5px; margin: 0 5px; vertical-align: middle; } .botmdas .media { margin-bottom: 30px; } .regdash.modal.fade .modal-dialog, .labsintro.modal.fade .modal-dialog, .imagemodal.modal.fade .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .labsintro.modal.fade, .labsintro.modal.fade.in, .imagemodal.modal.fade, .imagemodal.modal.fade.in { top: 6%; } .regdash.modal.fade .modal-content, .labsintro.modal.fade .modal-content { border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; line-height: 18px; } .regdash.modal.fade .modal-content h3 { margin-top: 10px; margin-bottom: 20px; } .regdash.modal.fade .modal-content .modal-body { padding: 35px 20px; color: #333; } .regdash.modal.fade .modal-content .modal-body .youknow { font-size: 12px; } .regdash.modal.fade .modal-content .modal-body .youknow img { max-height: 40px; margin: 15px 0; } .regdash.modal.fade .modal-content .modal-body .illust { max-height: 168px; margin-bottom: 30px; } .regdash.modal.fade .modal-content .modal-body .form-control, .regdash.modal.fade .modal-content .modal-body .btn { margin-bottom: 10px; } .regdash.modal.fade .modal-content .modal-body .form-control { margin-top: 10px; } .regdash .validate { border: 1px solid #dfdb97; background: #fff998; color: #535353; font-size: 11px; line-height: 14px; padding: 15px; margin-bottom: 10px; position: relative; } .regdash .validate ul { margin: 0; padding-left: 20px; } .regdash .validate ul li { padding-bottom: 5px; } .regdash .validate ul li:last-child { padding: 0; } .regdash .validate.onfocus { opacity: 0; position: absolute; visibility: hidden; } .regdash .passwrdval input.form-control:focus+div { display: block; opacity: 1; visibility: visible; } .regdash .passwrdval { position: relative; } .regdash .validate:after, .regdash .validate:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .regdash .validate:after { border-color: rgba(255, 249, 152, 0); border-bottom-color: #fff998; border-width: 6px; margin-left: -6px; } .regdash .validate:before { border-color: rgba(223, 219, 151, 0); border-bottom-color: #dfdb97; border-width: 7px; margin-left: -7px; } .regdash span.yes { position: absolute; right: -20px; top: 6px; display: none; } .regdash span.yes:after { content: ''; display: block; width: 8px; height: 15px; border: solid #59c03c; border-width: 0 2px 2px 0; transform: rotate(45deg); } .regdash .email-sent { margin: -35px -20px 35px } .regdash .email-sent h4 { background: #eaeaea; margin: 0; padding: 13px 10px; margin-bottom: 40px; font-size: 16px; } .regdash .email-sent img { display: inline-block; margin-bottom: 20px; max-height: 49px; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select { padding: 0; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select .btn { margin: 0; font-size: 15px; font-weight: 400; font-family: 'Poppins', sans-serif; letter-spacing: .4px; background-color: transparent; padding: 23px 0 7px 15px; border: 1px solid #c4cdd5; border-radius: 3px; color:#333; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select .btn:hover, .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select .btn:focus, .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select .btn:active, .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.open .btn { background-color: transparent; outline: none !important; border-color: transparent; box-shadow: 0 0 0 2px #7a91ba !important; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.open { background-color: #fff; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select .btn .bs-caret { display: none; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.btn-group .dropdown-menu.open { border: 0; margin-top: 6px; border-radius: 3px; box-shadow: 0 0 0 2px #c4cdd5; margin-bottom: 6px; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.btn-group .dropdown-menu li a { font-size: 14px; padding: 7px 10px; color: #777; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.btn-group .dropdown-menu li.selected a, .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.btn-group .dropdown-menu li a:hover { color: #333; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text::before { top: 10px; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.btn-group .dropdown-toggle .filter-option { padding-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .regdash.modal.fade .modal-content .modal-body .marketing-select-wrapper .bootstrap-select.btn-group .notify { font-weight: 400; -webkit-box-shadow: none; box-shadow: none; width: 98%; margin: 0 1%; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .txticon { padding: 20px; line-height: 18px; color: #333; } .txticon .btn { margin-top: 10px; } .txticon img { max-height: 100px; margin-bottom: 20px; } .modal-quest .modal-header { padding: 20px; margin: -35px -20px 0; } .modal-quest .modal-header h6 { line-height: 20px; } .modal-quest .modal-body-grey { padding: 25px; font-size: 13px; background: #f6f9fc; line-height: 20px; margin: 0 -20px -35px; } .modal-quest .question-container { padding: 10px 65px; } .modal-quest .marketing-input-wrapper { position: relative; display: block; margin-bottom: 0; } .modal-quest .marketing-label--in-field { position: absolute; left: 16px; top: 15px; font-size: 11px; font-weight: 400; pointer-events: none; z-index: 10; display: block; margin-bottom: .61538em; color: #454f5b; opacity: .7; text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; } .modal-quest .marketing-select-wrapper { position: relative; display: block; margin-bottom: 0; } .modal-quest .marketing-select-wrapper::before { pointer-events: none; content: ''; background-image: url(../img/arrow-down.svg); background-repeat: no-repeat; background-size: 100% auto; background-position: center; height: 11px; width: 11px; margin-bottom: -.5625em; display: block; position: absolute; top: 50%; right: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:1; } .modal-quest .marketing-select-wrapper>select { display: inline-block; height: 52px; width: 100%; margin: 0; padding: 23px 40px 7px 21px; color: #30373b; font-size: 15px; box-shadow: 0 0 0 1px #c4cdd5 !important; border: 0; border-radius: 2px; background-color: #fff; transition: all 150ms; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 400; font-family: 'Poppins', sans-serif; letter-spacing: .4px; } .modal-quest .marketing-select-wrapper>select.focus, .modal-quest .marketing-select-wrapper>select:focus { box-shadow: 0 0 0 2px #7a91ba !important; } .modal-quest .marketing-select-wrapper::after { content: ''; display: block; position: absolute; top: 50%; right: 2.5em; height: 1.25em; width: 1px; background-color: #c4cdd5; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .modal-quest .btn.text-capitalize { padding: 11px 30px; } .modal-quest .form-control { padding: 10px 12px; } /*Toggle Switch*/ .toggle-product { overflow: hidden; margin: 10px 0 5px; } .toggle-product .tog-switch { float: right; } .toggle-product .tog-label { float: left; margin-top: 7px; font-size: 12.5px; font-weight: 400; font-family: 'Poppins', sans-serif; } .toggle-product .onoffswitch { position: relative; width: 65px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .toggle-product .onoffswitch-checkbox { display: none; } .toggle-product .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 2px; border: 1px solid #c4cdd5; font-weight: normal; } .toggle-product .onoffswitch-label:hover { border-color: #7a91ba; } .toggle-product .onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .toggle-product .onoffswitch-inner:before, .toggle-product .onoffswitch-inner:after { float: left; width: 50%; height: 30px; padding: 0; line-height: 32px; font-size: 13px; color: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Poppins', sans-serif; } .toggle-product .onoffswitch-inner:before { content: "Yes"; padding-left: 7px; background-color: #FFFFFF; color: #919eab; } .toggle-product .onoffswitch-inner:after { content: "No"; padding-right: 12px; background-color: #FFFFFF; color: #c0c7cf; text-align: right; } .toggle-product .onoffswitch-switch { width: 22px; margin: 4px; background: #b7c0c9; border-radius: 2px; position: absolute; top: 0; bottom: 0; right: 35px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background-position: center; } .toggle-product .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner { margin-left: 0; } .toggle-product .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch { right: 0px; background: #59c03c; background-image: url(https://cdn.salehoo.com/img/ico-check-16x16.svg); background-position: center; background-repeat: no-repeat; background-size: 10px; } @media (max-width: 767px) { .toggle-product .tog-switch { float: left; margin-top: 5px; } .toggle-product .tog-label { margin-top: 0; } } .mylisting { padding: 20px; } .mylisting .scrensht { max-width: 200px; position: relative; overflow: hidden; margin-bottom: 20px; } .mylisting .scrensht img { margin: 0; border-radius: 0; border: 1px solid #ddd; padding: 4px; } .mylisting .scrensht .upldtxt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px; background: url(../img/ico-camera.png) rgba(0, 0, 0, .7); background-position: 9px 11px; background-repeat: no-repeat; font-weight: 500; color: #fff; padding-left: 30px; background-size: 16px; font-size: 11px; opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .mylisting h3 { font-weight: 600; } .mylisting h3 a { color: #222; } .mylisting div.lead { font-size: 14px; color: #898989; line-height: 14px; margin: 15px 0 15px; } .timelog { float: right; margin-top: -5px; } .timelog label { font-size: 11px; color: #999; font-weight: 300; margin-right: 5px; } .timelog .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 145px; } .latforum { margin-bottom: 60px; } .latforum h5 { display: inline-block; } .latforum .view-forum { margin: 0 0 5px 10px; } .modblow.hoplink { margin-top: 0; } .modblow.hoplink .modash { margin-top: -6px; overflow: visible; } .modblow.hoplink .modash .wid-title { border: 0; } .modash .contact-buttons { min-height: 120px; } .modash .contact-buttons .btn { padding: 8px 14px 9px; min-width: 200px; } .modash .contact-buttons .btn span.icon { background: url(../img/dashboard-affiliate-contact-icons.png) no-repeat; background-size: 19px; width: 19px; height: 17px; display: inline-block; margin-right: 3px; vertical-align: inherit; } .modash .contact-buttons .btn span.icon.ico-mail { background-position: 0 -17px; } .dbsearch.input-group .btn-line-green, .dbsearch.input-group .btn-green, .boxintro .btn-green, .boxintro .btn-line-green { font-size: 11px; font-weight: 400; padding: 8px 20px 8px; } #search-query-form .dbsearch.input-group .btn-line-green { padding-top: 9px; } @media (max-width: 767px) { .modash ::-webkit-scrollbar { width: 15px; height: 15px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } .modash ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C3C3C3; border: 2px solid #eee; } .modash ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); } .modash{ -webkit-overflow-scrolling: touch; } .modal-quest .question-container { padding: 10px 0; } } /* Wed, 13 Jan 2021 00:22:00 GMT dashboard-v31 */ /* Affiliate Style */ .affsec.logintxt { padding: 0; } .affsec.logintxt h6 { margin-bottom: 0; } .affsec.logintxt h5 { margin: 20px 0; } .affiliate-form { background-image: linear-gradient(to right, #cbcbcb 10%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; padding-top: 10px; margin-top: 50px; } .affiliate-form .form-control { padding: 12px; } .affiliate-form .form-group label { font-weight: 600; } .affiliate-form .btn { min-width: 150px; margin-top: 20px; } .aff-terms .modal-body { padding: 30px; } .aff-details { font-size: 13px; line-height: 20px; margin-top: 30px; } .aff-details ul li { border-bottom: 1px solid #f2f3f7; padding-bottom: 20px; } .aff-details h6 { margin: 20px 0 0; line-height: 20px; } .affsec .product-range {} .affsec .product-range img { max-height: 100px; margin: 0 auto; } .affsec .product-range h5 { margin-bottom: 0; } .affsec .product-range h6 { margin-top: 0; border-bottom: 1px solid #eaeaea; padding-bottom: 7px; margin-bottom: 15px; } .affiliate-form.aff-normal-form h4 { margin-bottom: 10px; } .affiliate-form.aff-normal-form .btn { min-width: inherit; margin-top: 10px; padding: 6px 20px 6px; } .affiliate-form.aff-normal-form .form-control { padding: 6px 12px; } .affsec a.list-group-item { font-size: 13px; } .affsec .list-group-item.active, .affsec .list-group-item.active:hover, .affsec .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #374359; border-color: #374359; } .affsec .sales-overview { border: 1px solid #eaeaea; } .affsec .sales-overview.table > thead > tr > th, .affsec .sales-overview.table > tbody > tr > th, .affsec .sales-overview.table > tfoot > tr > th, .affsec .sales-overview.table > thead > tr > td, .affsec .sales-overview.table > tbody > tr > td, .affsec .sales-overview.table > tfoot > tr > td { padding: 15px 20px; border-top: 1px solid #eaeaea; } .affsec .sales-overview.table > thead > tr > th { border-bottom: 1px solid #eaeaea; } .affsec .faq-accordion { margin-top: 0; } .affsec .faq-accordion .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .affsec .faq-accordion .panel-title > a { display: block; padding: 15px 0 15px 25px; } .affsec .faq-accordion .panel-heading + .panel-collapse > .panel-body, .affsec .faq-accordion .panel-heading + .panel-collapse > .panel-body p, .affsec .faq-accordion .panel-heading + .panel-collapse > .panel-bodyul li { font-size: 15px; line-height: 26px; } .affsec .tourhdr { padding: 40px 0 40px; background-color: #f7f9fc; } .tip-side-grey { background-color: #f7f9fc; border: 1px solid #f1f4f9; padding: 20px; font-size: 13px; line-height: 20px; color: #6c7079; } .tip-side-grey ul { padding-left: 20px; margin-bottom: 0; } .tip-side-grey ul li { padding: 0 0 8px; } .tip-side-grey h5 { margin: 0 0 7px; color: #3a3c42; line-height: 22px; } .affsec .banner-holder { margin-bottom: 10px; } .affsec .banner-holder .banner-image { border: 1px solid #f2f2f2; padding: 10px; display: inline-block; margin-bottom: 10px; } .affsec .affiliate-section h2 { margin-top: 10px; } .affsec .tourhdr { border-bottom: 1px solid #eaeaea; } .affsec .barnav.affix { position: fixed; background-color: #fff; top: 0; width: 100%; z-index: 998; } .affsec .affiliate-section p{ margin-bottom: 1.25em; } .list-group-seperator { padding: 4px 15px 0; background-color: #ddd; text-transform: uppercase; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .list-group-seperator h6 { margin: 0; font-size: 12px; } .list-group-last { position: relative; display: block; padding: 10px 15px; background-color: #fff; border: 1px solid #ddd; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 13px; line-height: 22px; } .affsec .affiliate-section ul li{ word-wrap: break-word; white-space: pre-wrap; word-break: break-all; -webkit-hyphens: none; } .perfordata .table { font-size: 11px; color: #666; } .perfordata .table>thead>tr>th { text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #f2f3f5; color: #333; } .perfordata .table>tbody>tr>td { vertical-align: top; font-size: 12px; } .perdta { font-size: 16px; color: #333; } .perdta li { padding: 2px 0; } .perdta li.manpro { font-size: 24px; } .perdta li span.infd { font-size: 11px; color: #999; margin-left: 5px; display: inline-block; vertical-align: middle; } .perfordata .table>tbody>tr.totalaff>td { border-top: 1px solid #f2f3f5; font-size: 13px; font-weight: 600; color: #000; } .upldcsv.progress { height: 10px; border-radius: 20px; } .editsup .alert.upldcsv, .alert.upldcsv { margin-top: -1px; margin-bottom: 10px; padding: 10px 15px; font-size: 12px; } .editsup .alert.upldcsv { margin-left: auto; margin-right: auto; } .dashboard-widgets { padding-top: 30px; } .widget-item-thumb { display: block; max-width: 51px; width: auto; max-height: 51px; margin: auto; } .modblow, .latforum, .newlinks { margin-top: 30px; } .alert-login { margin: 18px 0; background-color: #f6f9fa; padding: 0; overflow: hidden; } .alert-login .icon-push { float: left; margin-right: 10px; background-color: #f5ab29; color: #fff; padding: 10px 14px; font-size: 18px; } .alert-login .alert-msg { overflow: hidden; padding: 10px; font-size: 14px; } .alert-login .close { top: 10px; right: 15px; } @media (max-width: 767px) { .timelog { float: none; } .affsec h1 { font-size: 28px; line-height: 34px; text-align: center; } .affsec .tab-content h2 { font-size: 22px; line-height: 32px; } .submnudrop { margin: 25px 15px 10px; } } /* Wed, 13 Feb 2019 00:36:45 GMT affiliates-v31 */ /*Settings*/ .tab-pane .editsup { padding: 0; } .tab-pane .editsup .form-horizontal .control-label { color: #222; } .editsup .input-group-addon { border-radius: 0; font-size: 10px; text-transform: uppercase; color: #9d9d9d; background-color: #f2f3f5; min-width: 100px; } .editsup .input-group { margin-top: -1px; } .editsup .input-group .form-control { font-size: 12px; padding: 10px 12px; } .tab-white .modash { border: 0; border-top: 1px solid #dbdbdb; } .tab-white .modash .wid-title { color: #333; border-bottom: 1px solid #dbdbdb; padding-left: 0; font-size: 14px; } #personal-details .form-error { border-color: #e24b4b; } #personal-details .error-message { color: #e24b4b; } /*Toggle Switch*/ .onoffswitch { position: relative; width: 78px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-top: -3px; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 30px; } .onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 30px; padding: 0; line-height: 32px; font-size: 14px; color: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: .5px; font-weight: 500; font-family: 'Poppins', sans-serif; } .onoffswitch-inner:before { content: "ON"; padding-left: 11px; background-color: #59c03c; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 11px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-switch { width: 22px; height: 22px; margin: 4px; background: #FFFFFF; border-radius: 30px; position: absolute; top: 0; bottom: 0; right: 44px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .pricing-controls .editsup .input-group-addon { min-width: inherit; font-size: 14px; } .pricing-controls .times { font-size: 18px; font-weight: 300; color: #999; } .pricing-controls .noted-block { line-height: 20px; } .pricing-controls .editsup .input-group .form-control { padding: 7px 12px 8px; } .pricing-controls .editsup .input-group.error input[type=text], .pricing-controls .editsup .input-group.error .input-group-addon { color: #e24b4b; border-color: #e24b4b; } .pricing-controls .editsup .row-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: start; justify-content: center; } @media (min-width: 1200px) { .tab-white .nav-tabs > li > a { padding: 10px 20px; } } /* Thu, 13 Feb 2020 00:31:09 GMT settings-v31 */ /*Staff Only style*/ .staff-add-product-trend .btn-added { background-image: url(../img/ico-check-green.svg); background-repeat: no-repeat; background-position: 13px center; padding-left: 25px !important; color: #59c03c; } .addTrend label { display: block; margin-bottom: 0; font-weight: 600; } .addTrend .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .addTrend h4.prodtitle { line-height: 24px; margin-bottom: 0; } .addTrend .form-control { padding: 7px 12px; font-size: 13px; } .addTrend h5.orselect { width: 100%; text-align: center; border-bottom: 1px solid #e7e8ea; line-height: 0.1em; margin: 30px 0 20px; color: #333; font-size: 13px; font-weight: 600; } .addTrend h5.orselect span { background: #fff; padding: 0 10px; } .add-trend-cat.modash .wid-title { min-height: 61px; line-height: 32px; } .add-trend-cat .prodsuppdiv .panel a .panel-title { font-weight: 600; } .add-trend-cat .prodsuppdiv .panel .panel-heading { background-position: 97.5% 15px; padding-left: 8px; } .add-trend-cat .prodsuppdiv .panel .panel-body .item .table { border: 0; } .add-trend-cat.modash .table tr:first-child>th { padding-left: 0; } .add-trend-cat.modash .table tr td:last-child { padding-right: 0; } .add-trend-cat.modash .checkbox-trendcat { float: left; margin-left: 20px; margin-top: 13px; } @media (max-width: 767px) { .add-trend-cat .prodsuppdiv .panel .panel-body .item .table tr td, .add-trend-cat .prodsuppdiv .panel .panel-body .item .table tr th { display: table-cell !important; white-space: normal; } .thmbnlphto { width: 60px; } } /* Tue, 5 Dec 2017 00:59:50 GMT staff-only-v31 */ /* Login */ .loginform { background-color: #f7f8fb; padding: 22px 30px 30px; } .loginform h4, .logintxt h4 { margin-top: 0; margin-bottom: 25px; } .loginform .form-control.input-lg { font-size: 15px; padding: 13px 16px; } .loginform .form-group { margin: 0 0 25px; } .loginform .checkbox { color: #999; } .logintxt { padding-left: 30px; } .logintxt h4 { margin-top: 22px; } .logintxt .circle-check li { background: url(../img/ico-check-circle-green.png) no-repeat; background-size: 34px; padding-left: 45px; margin-bottom: 20px; min-height: 34px; } .logintxt .circle-check.no-subtext li { margin-bottom:15px; padding-top: 5px; } .logintxt .circle-check li p { color: #666; } .loginform input[type=checkbox] { margin-top: 3px; } .logintxt h5{ margin-bottom: 0; } @media (max-width: 767px) { .loginform .checkbox { margin: -10px 0 20px; } .logintxt { padding-left: 0; } } /* Tue, 5 Dec 2017 00:59:50 GMT login-v31 */ /*Logged Out Style*/ .loggedoutdiv h4 { margin-bottom: 5px; } .loggedoutdiv p { font-size: 14px; line-height: 20px; color: #666; } .loggedoutdiv p.lead { font-size: 18px; color: #333; } .loggedoutdiv .btn-appstr { max-height: 61px; margin-top: 10px; opacity: .9; } .loggedoutdiv a:hover .btn-appstr { opacity: 1; } .loggedoutdiv .imglogout { max-width: 419px; display: inline-block; } .loggedoutdiv .btn-fb-fill, .loggedoutdiv .btn-tw-fill, .loggedoutdiv .btn-li-fill, .loggedoutdiv .btn-yt-fill{ width: 54px; height: 54px; border-radius: 4px; display: inline-block; padding: 15px; margin-right: 5px; opacity: .8; margin-top: 10px; } .loggedoutdiv .btn-fb-fill:hover, .loggedoutdiv .btn-tw-fill:hover, .loggedoutdiv .btn-li-fill:hover, .loggedoutdiv .btn-yt-fill:hover { opacity: 1; } .loggedoutdiv .btn-fb-fill { background-color: #476fac; } .loggedoutdiv .btn-tw-fill { background-color: #2598d9; } .loggedoutdiv .btn-li-fill { background-color: #0073a0; } .loggedoutdiv .btn-yt-fill { background-color: #ed4944; } /* Tue, 17 Apr 2018 02:43:04 GMT logout-v31 */ /*Checkout*/ .chckout.mainsec { background-color: #fff; } .chckout h1 { font-size: 24px; margin: 40px 0; } .chckout .cpform { border: 1px solid #dfe2e7; padding: 30px; } .chckout .cpsecurepm { margin: -30px -30px 20px; background-color: #f4f5f8; border-bottom: 1px solid #dfe2e7; padding: 10px 30px; } .chckout .cpsecurepm h3 { font-size: 16px; margin-top: 10px; } .chckout .cpsecurepm .cpamount { float: right; font-size: 16px; text-align: right; } .chckout .cpsecurepm .cpamount span { display: block; color: #a0a2a7; font-size: 11px; line-height: 12px; } .chckout label { font-size: 12.5px; font-weight: 400; margin-bottom: 0; } .cpdivr { margin: -5px 0 35px; text-align: center; border-bottom: 1px solid #eeeff2; } .cpdivr .cplocked { width: 26px; height: 26px; background: #fff url(../img/cp-ico-locked.png) no-repeat center; display: inline-block; border: 1px solid #e7e9ed; border-radius: 26px; margin-bottom: -20px; } .ccrd { background-size: 36px; background-position: 0; background-repeat: no-repeat; display: inline-block; margin: 0 1px; width: 36px; height: 22px; } .ccrd.visa { background-image: url(../img/cp-ico-visa.png); } .ccrd.mastercard { background-image: url(../img/cp-ico-mastercard.png); } .ccrd.discovery { background-image: url(../img/cp-ico-discovery.png); } .ccrd.amex { background-image: url(../img/cp-ico-americanexpress.png); } .payali { background: url(../img/cp-ico-paypal.png) no-repeat center; display: inline-block; background-size: 22px; width: 22px; height: 16px; vertical-align: bottom; margin-top: 4px; } .chckout .nav-tabs>li.active>a, .chckout .nav-tabs>li.active>a:hover, .chckout .nav-tabs>li.active>a:focus { border-radius: 0; border: 0; border-right: 1px solid #eaedef; opacity: 1; } .chckout .nav-tabs { border: 1px solid #eaedef; margin-bottom: 15px; overflow: hidden; } .chckout .nav-tabs>li { margin-bottom: 0; background-color: #fafbfc; width: 50%; text-align: center; } .chckout .nav-tabs>li>a { padding: 8px 7px 4px; color: #333; font-size: 12px; min-height: 38px; margin: 0; border-radius: 0; border: 0; border-right: 1px solid #eaedef !important; opacity: .5; } .chckout .nav-tabs li:last-child a { border: 0 !important; } .chckout img.cchelp { max-height: 14px; display: inline-block; vertical-align: sub; } .cvhelp .modal-body { padding: 25px; font-size: 13px; background: #f6f9fc; line-height: 20px; } .cvhelp .modal-body h5 { font-weight: 600; margin-bottom: 5px; } .chckout .cpsbadge { margin-top: 20px; } .chckout .cpsbadge img { max-height: 32px; } .chckout .btn.btn-pay { font-size: 16px; margin-top: 20px; } /* Tue, 5 Dec 2017 00:59:50 GMT checkout-v31 */ /*API style*/ .particles { background: #2f3135; position: relative; margin-top: -1px; height: 400px; } .particles .intro { position: absolute; left: 0; top: 50%; padding: 0 20px; width: 100%; text-align: center; color: #fff; } .particles .intro .btn, .api-register .modal-body .btn { margin-bottom: 30px; font-size: 16px; padding: 10px 25px; letter-spacing: .5px; } .api-resources { position: relative; font-size: 14px; margin: 20px 20px 0; } .api-resources a.api-res-link { color: #333; } .api-resources a.api-res-link:hover { text-decoration: none; } .api-resources img { max-height: 100px; margin-top: 10px; } .hover-nonreg { position: absolute; width: 100%; height: 100%; border: 1px solid #e6e8ee; background-color: rgba(255, 255, 255, 0.9); opacity: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .api-resources:hover .hover-nonreg { opacity: 1; } .hover-nonreg .nonregtxt { position: absolute; text-align: center; width: 100%; top: 30%; z-index: 3; } .api-register .modal-body { padding: 25px 45px 25px; } .api-register .modal-body h4 { font-size: 20px; line-height: 34px; margin-bottom: 20px; } .api-register .modal-body .form-group { margin-bottom: 8px; } .api-register .modal-body .form-control { padding: 11px 12px; } .api-register .modal-body .btn { margin-top: 20px; } .api-register .modal-body textarea.form-control { resize: vertical; } /* Tue, 5 Dec 2017 00:59:50 GMT api-v31 */ /*FAQ*/ .faq-accordion { margin: 20px 0; } .faq-accordion .panel-heading { padding: 0; border: 0; background-color: transparent; background: url(../img/ico-collapse-arrow-out.png) no-repeat; background-position: 5px; background-size: 12px; } .faq-accordion .panel.active .panel-heading { background-image: url(../img/ico-collapse-arrow-in.png); } .faq-accordion .panel { border: 0; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #eaeaea; border-radius: 0; } .faq-accordion .panel-body { padding: 0 0 25px 25px; } .faq-accordion .panel-heading + .panel-collapse > .panel-body { border: 0; } .faq-accordion .panel-title > a { display: block; padding: 20px 0 20px 25px; } .faq-accordion .panel + .panel { margin: 0; } .faq-accordion .panel.active .panel-title > a, .faq-accordion .panel .panel-title > a:hover { color: #506ca0; text-decoration: none; } .faq-accordion .panel .panel-title > a:focus, .faq-accordion .panel.active .panel-title > a:focus { text-decoration: none; } /*Support*/ .support-div a:focus { text-decoration: none; } .support-div ul.supcat li a { background: url(../img/ico-arrow-right.png) no-repeat; background-position: 97% center; display: block; background-size: 10px; color: #575757; font-size: 14px; line-height: 20px; padding: 10px 7% 10px 0px; overflow: hidden; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .support-div ul.supcat li a:hover { text-decoration: none; background-position: 98% center; color: #252525; } .support-div .form-control.searchform { background: url(https://cdn.salehoo.com/img/support-icons.png?84675) no-repeat; background-size: 46px; background-position: 99% -430px; font-size: 16px; padding: 15px 20px; border-radius: 5px; border-width: 2px; line-height: 24px; font-weight: 300; font-family: 'Poppins',sans-serif; padding-right: 45px; /*additional style*/ } .support-div ul.supcat li a h4 { margin: 0; color: #506ca0; } .support-div ul.supcat li .icon-supp, .bottom-support .icon-supp, .support-category h1 .icon-supp { background: url(../img/support-icons.png) no-repeat; background-size: 46px; float: left; width: 46px; height: 48px; margin: 17px 20px; } .support-div ul.supcat li .icon-supp.icon-support-01, .support-category h1 .icon-supp.icon-support-01 { background-position: 0 0; } .support-div ul.supcat li .icon-supp.icon-support-02, .support-category h1 .icon-supp.icon-support-02 { background-position: 0 -48px; } .support-div ul.supcat li .icon-supp.icon-support-03, .support-category h1 .icon-supp.icon-support-03 { background-position: 0 -96px; } .support-div ul.supcat li .icon-supp.icon-support-04, .support-category h1 .icon-supp.icon-support-04 { background-position: 0 -144px; } .support-div ul.supcat li .icon-supp.icon-support-05, .support-category h1 .icon-supp.icon-support-05 { background-position: 0 -192px; } .support-div ul.supcat li .icon-supp.icon-support-06, .support-category h1 .icon-supp.icon-support-06 { background-position: 0 -240px; } .support-div ul.supcat {} .support-div ul.supcat li { border-top: 1px solid #eeeff2; border-bottom: 1px solid #eeeff2; margin-top: -1px; position: relative; z-index: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .support-div ul.supcat li:hover { border-color: #cdcfd3; z-index: 2; } .support-div mark { padding: 0 5px; background: #fff4d9; font-style: normal; font-weight: 600; } .articles-author { margin-top: 12px; } .articles-author .thumb-art { display: inline-block; vertical-align: middle; } .articles-author .thumb-art span { width: 36px; height: 36px; border-radius: 36px; border: 2px solid #fff; display: inline-block; overflow: hidden; margin-left: -15px; background-color: #f0f0f0; } .articles-author .thumb-art span:first-child { margin-left: 0; } .articles-author .written-art { display: inline-block; font-size: 11.5px; color: #b2b2b2; line-height: 16px; vertical-align: middle; } .articles-author .written-art span { color: #5e5e5e; } .bottom-support .icon-supp { margin: 0 auto; float: none; } .bottom-support a { border: 1px solid #e9ecf0; padding: 30px 25px 40px; display: block; font-size: 13px; line-height: 24px; color: #252525; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-bottom: 20px; } .bottom-support a:hover { color: #252525; text-decoration: none; border: 1px solid #cdcfd3; } .bottom-support h4 { color: #506ca0; margin: 10px 0; } .bottom-support .respnse { font-size: 12px; margin-top: 20px; color: #b2b2b2; line-height: 18px; } .bottom-support .respnse span { color: #5e5e5e; } .support-div .bottom-support .icon-supp.icon-support-email { background-position: 0 -288px; } .support-div .bottom-support .icon-supp.icon-support-chat { background-position: 0 -336px; } .support-div .bottom-support .icon-supp.icon-support-call { background-position: 0 -384px; } .support-category h1, .support-page h1 { font-size: 26px; line-height: 38px; margin-bottom: 40px; } .support-page h1 { margin-bottom: 20px; } .support-category h1 .icon-supp { margin: 0; float: none; display: inline-block; vertical-align: middle; margin-right: 10px; } .support-div.support-category ul.supcat li a { background-image: none; } .support-page p.short-url { font-style: italic; font-size: 15px; margin-bottom: 45px; } .sc .cform label { font-size: 14px; font-weight: 600; font-family: 'Poppins', sans-serif; margin-bottom: 5px; } .sc .cform .help-block { font-size: 12px; line-height: 16px; margin-top: 0; } .sc .cform textarea { resize: none; } .sc .cform input[type="file"] { border: none; } .sc .txtarea-auto { transition: all 0.5s ease; } .sc .txtarea-auto .dropauto { border: 1px solid #e1e1e1; margin-top: 20px; background: #fff; width: 100%; border-bottom: none; border-left: none; border-right: none; font-size: 13px; position: relative; display: none; } .sc .txtarea-auto .dropauto:after, .sc .txtarea-auto .dropauto:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .sc .txtarea-auto .dropauto:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; border-width: 10px; margin-left: -10px; } .sc .txtarea-auto .dropauto:before { border-color: rgba(225, 225, 225, 0); border-bottom-color: #e1e1e1; border-width: 11px; margin-left: -11px; } .sc .txtarea-auto .dropauto ul { margin-bottom: 0; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .sc .txtarea-auto .dropauto ul li { border-bottom: 1px solid rgba(108, 108, 108, 0.2); padding: 7px 10px; } .sc .txtarea-auto .dropauto ul li.headr { background: #f2f2f2; font-size: 12px; text-align: center; color: #333; font-weight: 600; } .sc .txtarea-auto .dropauto ul li.headr .hint { font-weight: 300; font-size: 18px; margin-top: 5px; margin-right: 5px; } .sc .cform input[type="file"] { font-size: 12px; color: rgb(102, 102, 102); font-weight: 400; line-height: 18px; margin-bottom: 30px; } .sc .cform .form-control { padding: 12px; } .sc .cform .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: auto; display: block; } .sc .cform .bootstrap-select .btn.dropdown-toggle { padding: 12px; font-size: 14px; border: 1px solid #dbdbdb; float: none; } .sc .cform .bootstrap-select.btn-group .dropdown-menu li a { font-size: 14px; } .sc .cform .bootstrap-select.btn-group .dropdown-menu li.selected a { background-color: transparent; } .sc .boxwh { font-size: 13px; line-height: 24px; } .sc .boxwh h6 { margin-bottom: 0; margin-top: 20px; } .hdr-ico-check { margin-right: 5px; width: 13px; vertical-align: baseline; } /* Tue, 27 Mar 2018 01:41:16 GMT faq-v31 */ /*Success*/ .success-top.feates { border: 1px solid #d9e0e4; margin: 20px 0 50px; } .success-top.feates .featesimg { margin: -1px 0 -1px -1px; } .success-top.feates .featesimg, .feates .featestxt { float: left; width: 50%; } .success-top .featestxt-inside { padding: 50px 60px 20px; } .success-top .featestxt-inside p.lead { line-height: 36px; font-weight: 300; color: #525252; } .success-top .featestxt-inside h3 { margin-top: 0; } section.success-quotes .container { padding: 0 80px; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir="rtl"] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .customer-success { background: #f8f8f8 } .customer-success .success-quotes { padding: 3em 1.5em } .customer-success .success-quotes.is-opened { padding: 3em 0 } .customer-success .success-quotes .slick-on .slick-list { height: 34.125em !important } .customer-success .success-quotes .slick-on .success-block.shortquote { display: none } .success-block { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; background: #fff; border: 1px solid #eaeaea; padding: 1.5em; /*box-shadow: 0 6px 10px #ebebeb;*/ margin-bottom: 2.35765%; text-align: center; position: relative; outline: none; transition: all 100ms ease-in-out } .success-block:last-child { margin-right: 0 } .success-block:not(.shortquote) { cursor: pointer } .success-block.shortquote { float: left; display: block; margin-right: 2.35765%; width: 23.23176% } .success-block.shortquote:last-child { margin-right: 0 } .success-quote-lead { font-size: 16px; line-height: 24px; } .success-signature { color: #999; line-height: 20px; } .success-signature strong { color: #333; font-size: 16px; font-weight: 600; } .slick-close { display: none; } .success-photo { width: 109px; height: 109px; overflow: hidden; border-radius: 109px; margin: 15px 0; display: inline-block; } @media screen and (max-width: 48em) { .success-block.shortquote { width: 100% !important; } } @media screen and (max-width: 48em) { .success-block { width: 100% !important; } } .no-js .success-block:nth-child(3n+1) { clear: both } .success-block:not(.slick-slide):not(.shortquote):nth-child(3n) { margin-right: 0 } .success-block .success-quote { margin-bottom: 2.5em; } .success-block .success-quote-text { display: none; opacity: 0 } .success-quotes-slideshow:not(.slick-on) .success-block .signature-container { position: relative; min-height: 3em } @media screen and (max-width: 70.0625em) { .success-quotes-slideshow:not(.slick-on) .success-block .signature-container { min-height: 4.5em } } @media screen and (max-width: 45.5em) { .success-quotes-slideshow:not(.slick-on) .success-block .signature-container { min-height: 6em } } .success-quotes-slideshow:not(.slick-on) .success-block .success-signature { position: absolute; bottom: 0; width: 100% } @media screen and (min-width: 48.0625em) { .success-quotes-slideshow:not(.slick-on) .success-block:not(.shortquote):hover { box-shadow: 0 0 5px #f5f5f5; -webkit-transform: scale(1.025); transform: scale(1.025) } } .slick-on .success-block { text-align: left; height: 40.375em; padding: 3em } .slick-on .success-block .slick-close { position: absolute; right: 35px; cursor: pointer; top: 30px; font-size: 18px; font-weight: 300; color: #e9e9e9; } .slick-on .success-block .slick-close:hover { color: #a8a8a8; } .slick-on .success-block .slick-close .x-large { font-size: 1.5em; vertical-align: sub; margin-left: 2px; display: inline-block; } .slick-on .success-block .success-photo { float: left; margin: 0; margin-right: 20px; } .slick-on .success-block .success-quote-lead { font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 500; color: #2b2b2b; overflow: hidden; line-height: 34px; padding-top: 20px; } .slick-on .success-block .success-quote-text { display: block; opacity: 1; margin-top: 20px; padding-bottom: 15px; } .slick-on .success-block { cursor: auto; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; box-shadow: 0 1px 10px #ebebeb; } .slick-on .success-block.slick-active { opacity: 1 !important; } .slick-on .success-block .arrow-sign-left, .slick-on .success-block .arrow-sign-right { display: none; background-repeat: no-repeat; background-position: center; background-size: 30px 24px; width: 50px; height: 34px; background-color: #fff; border: 1px solid #b3b2b0; top: 45%; z-index: 10; opacity: .3; } .slick-on .success-block.slick-active .arrow-sign-left, .slick-on .success-block.slick-active .arrow-sign-right { display: inline-block; } .slick-on .success-block.slick-active .arrow-sign-left { position: absolute; left: -60px; background-image: url(../img/lb-ico-left-arrow.png); } .slick-on .success-block.slick-active .arrow-sign-right { position: absolute; right: -60px; background-image: url(../img/lb-ico-right-arrow.png); } .slick-on .success-block:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .success-short { opacity: 1 } .is-opened .success-short { opacity: 0 } .success-short h2 { text-align: center; margin: 1em 0 2em } .success-feature { position: relative } .success-page .success-story { border: 1px solid #eaeaea; padding:20px; margin-bottom:30px; } .success-page .success-story h3 { line-height:26px; margin-top:0; } .success-page .success-story h5 { line-height:18px; color: #5572a8; margin:20px 0; } .success-page .success-photo { width: 109px; height: 109px; overflow: hidden; border-radius: 109px; display: inline-block; background-color:#e1f3fb; } .success-page a.success-bottom.success-story { border:1px solid #e9ecf0; padding:10px; display:block; color:#252525; margin:20px 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-bottom:20px; opacity:.9; } .success-page a.success-bottom.success-story:hover { text-decoration:none; border:1px solid #cdcfd3; opacity:1; } .success-page .success-bottom.success-story h5 { line-height:24px; margin-top:0; color:#252525; } .success-page .success-bottom.success-story h6 { line-height:16px; margin:20px 0; color: #5572a8; } .success-page .success-bottom .success-photo { width: 80px; height: 80px; overflow: hidden; border-radius: 80px; display: inline-block; background-color:#f6f6f6; } @media (min-width: 768px) and (max-width: 979px) { section.success-quotes .container { padding: 0 15px; } .section4 .tab-content { min-height: inherit; } ul.list-testi-photos { margin: 30px 0 50px; } .row2 .text-left { text-align: center !important; } .srchprdct .autocomplete { max-width: 360px; } .success-top.feates .featesimg, .success-top.feates .featestxt { float: none; width: auto; } .success-top .featestxt-inside { padding: 40px; } .success-top.feates { margin: 20px auto 80px; max-width: 534px; } } /* Tue, 5 Dec 2017 00:59:51 GMT success-stories-v31 */ /* animate contact us page */ @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8); } 20% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02); } 80% { -webkit-transform: scale3d(.99, .99, .99); transform: scale3d(.99, .99, .99); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { -webkit-transform: scale3d(.8, .8, .8); transform: scale3d(.8, .8, .8); } 20% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02); } 80% { -webkit-transform: scale3d(.99, .99, .99); transform: scale3d(.99, .99, .99); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .contact-us .custom-select { border: 1px solid rgba(108, 108, 108, 0.2); position: relative; height: 47px; overflow: hidden; cursor: pointer; transition: 0.5s cubic-bezier(.49, .23, .2, 1); -o-transition: 0.5s cubic-bezier(.49, .23, .2, 1); -moz-transition: 0.5s cubic-bezier(.49, .23, .2, 1); -webkit-transition: 0.5s cubic-bezier(.49, .23, .2, 1); margin-bottom: 30px; } .contact-us .custom-select:hover { border-color: #506ca0; } .contact-us .custom-select.reveal { height: 235px; } .contact-us .custom-select.reveal ul { transform: translateY(0) !important; -o-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -webkit-transform: translateY(0) !important; } .contact-us .custom-select ul { transition: transform 0.5s cubic-bezier(.49, .23, .2, 1); -o-transition: -o-transform 0.5s cubic-bezier(.49, .23, .2, 1); -moz-transition: -moz-transform 0.5s cubic-bezier(.49, .23, .2, 1); -webkit-transition: -webkit-transform 0.5s cubic-bezier(.49, .23, .2, 1); position: absolute; width: 100%; } .contact-us .custom-select li { position: relative; transition: 0.15s; -o-transition: 0.15s; -moz-transition: 0.15s; -webkit-transition: 0.15s; color: #666; } .contact-us .custom-select li .caret { display: none; } .contact-us .custom-select li.selected .caret { float: right; margin-top: 12px; border-top: 4px solid #ccc; display: inline-block; } .contact-us .custom-select li:hover { color: #506ca0; } .contact-us .custom-select li:not(.other) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-bottom: 1px solid rgba(108, 108, 108, 0.1); padding: 9px 14px; } .contact-us .custom-select li.other input[type="text"] { border: none; padding: 5px; } .gcsc-find-more-on-google, .gcsc-find-more-on-google{ display: none !important; } /* Wed, 27 Feb 2019 01:21:47 GMT contact-us-v31 */ /*Forum style*/ .forumsec h1 { font-size: 32px; font-weight: 600; line-height: 44px; margin-top: 10px; } .forumsub{ border-bottom: none; } .forumsec { margin-top: 25px; } .forumsec h2 { font-size: 21px; margin: 0; line-height: 30px; } .forumsec h2 a { color: #333; } .forumsec h5 { margin: 5px 0; font-family: 'Open Sans', sans-serif; } .forumsec .topics-num, .forumsec .posts-num { font-family: 'Poppins', sans-serif; font-size: 12px; text-transform: uppercase; margin: 5px 5px 0; display: inline-block; } .forumsec .catnumbrs { text-align: right; } .forumsec p.lead { color: #999; font-size: 15px; margin-bottom: 10px; font-weight: 400; line-height: 26px; } .forumsec .last-loggedin, .forumsec .reply-member, .forumsec .replies-num { color: #999; font-size: 10.5px; margin: 12px 5px 0; display: inline-block; line-height: 14px; vertical-align: middle; } .forumsec .reply-member { width: 67px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .forumsec hr.sepcat { margin-top: 30px; margin-bottom: 30px; } .forum-cat-header { font-family: 'Poppins', sans-serif; font-size: 12px; margin-top: 20px; } .forum-cat-list { padding: 15px 5px 15px 10px; } .forum-cat-list .last-loggedin, .forum-cat-list .reply-member, .forum-cat-list .replies-num { margin-left: 0; margin-right: 10px; font-size: 12px; } .forum-cat-list.announcement { border-left: 2px solid #FC3; padding-left: 10px; margin-bottom: 5px; } .forum-cat-list.stickypost { border-left: 2px solid #0C6; padding-left: 10px; margin-bottom: 5px; } .forum-cat-list:nth-child(even) { background-color: #fbfbfb; } .pagination-circle { font-size: 15px; } .pagination-circle .pagination > li > a, .pagination-circle .pagination > li > span { border: 0; color: #000; background: #f6f6f6; margin: 0 7px; border-radius: 33px; } .pagination-circle .pagination > li > a:hover { background: #eaeaea; } .pagination-circle .pagination > .active > a, .pagination-circle .pagination > .active > span, .pagination-circle .pagination > .active > a:hover, .pagination-circle .pagination > .active > span:hover, .pagination-circle .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #fff; border: 0; color: #999; } .side-forum-post ul { padding-left: 20px; } .side-forum-post h6 { line-height: 24px; } .forumsec .avatarmem { border-radius: 64px; overflow: hidden; margin-right: 10px; float: left; width: 64px; height: 64px; } .forumsec .infomem h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; margin: 10px 0 0; font-family: 'Poppins', sans-serif; padding-top: 10px; font-size: 14px; } .forumsec .infomem h5 a { color: #333; } .forumsec .infomem .userop { font-size: 11px; font-family: 'Poppins', sans-serif; color: #999; display: block; margin-top: -3px; } .forumsec .infomem .userop.staff-member { color: #0C6; } .forumsec .infomem .userop.staff-supplier { color: #C33; } .forumsec .infomem-dev { background-image: linear-gradient(to right, #ccc 25%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; margin-top: 15px; padding-top: 10px; color: #767676; font-size: 12px; line-height: 20px; } .forumsec .infomem-dev ul li span { color: #555; } .forumsec .infomem-dev ul li.star-con span { color: #fedb4d; vertical-align: text-bottom; top: 0; font-size: 14px; margin-right: -2px; } .forumsec .infomem-dev ul li.star-con span.glyphicon-star-empty { color: #ccc; } .forumsec .infomem-dev ul li.star-con .trust-meter { position: relative; } .forumsec .infomem-dev ul li.star-con .filled-stars { position: absolute; left: 0; top: 0; margin: auto; color: #fde16d; white-space: nowrap; overflow: hidden; } .forumsec .post-holder { margin-bottom: 20px; font-size:15px; line-height: 28px; } .forum-signature { color: #666; padding-top: 10px; margin-bottom: 20px; font-size: 13px; line-height: 23px; } .like-edit-div { overflow: hidden; margin-bottom: 20px; } .like-edit-div .btn { padding: 10px 15px; font-size: 14px; color: #999; border-color: #eee; } .like-edit-div .btn:hover { background-color: transparent; color: #666; } .like-edit-div .btn.btn-thanks, .like-edit-div .btn.btn-thanks.btn-unlike:hover { font-family: 'Poppins', sans-serif; font-size: 11px; padding: 10px; border-color: #eee; color: #999; } .like-edit-div .btn.btn-thanks.btn-unlike, .like-edit-div .btn.btn-thanks:hover { border-color: #59c03c; color: #59c03c; } .like-edit-div .btn.btn-like i { font-size: 14px; vertical-align: text-top; margin-left: 3px; } .btn-group-admin { font-family: 'Poppins', sans-serif; } .btn-group-admin .btn { padding: 10px 15px 8px; line-height: 18px; margin-top: -1px; } .member-comment .btn-group { margin-bottom: 20px; } .member-comment .btn-group .btn { border: 1px solid #e6e9ed; padding: 7px 10px 4px; } .member-comment .btn-group .editor-icon { width: 14px; height: 14px; background-image: url(../img/sprite-editor-icons.png); background-repeat: no-repeat; display: inline-block; background-size: 14px; } .forumsec .member-comment .btn-group .form-group { overflow: visible; display: inline-block; margin: 0 5px; } .forumsec .member-comment .form-group.nomultiple, .forumsec .member-comment .media { overflow: visible; } .forumsec .member-comment .btn-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100px; } .forumsec .member-comment .btn.dropdown-toggle { padding: 6px 10px; } .forumsec .member-comment .btn-group .form-group .bootstrap-select > .dropdown-toggle { min-height: 33px; } .member-comment .btn-group .editor-icon.ico-bold { background-position: 0 0; } .member-comment .btn-group .editor-icon.ico-italic { background-position: 0 -14px; } .member-comment .btn-group .editor-icon.ico-underline { background-position: 0 -28px; } .member-comment .btn-group .editor-icon.ico-quote { background-position: 0 -42px; } .member-comment .btn-group .editor-icon.ico-code { background-position: 0 -56px; } .member-comment .btn-group .editor-icon.ico-list { background-position: 0 -70px; } .member-comment .btn-group .editor-icon.ico-order { background-position: 0 -84px; } .member-comment .btn-group .editor-icon.ico-listitem { background-position: 0 -98px; } .member-comment .btn-group .editor-icon.ico-image { background-position: 0 -112px; } .member-comment .btn-group .editor-icon.ico-url { background-position: 0 -126px; } .member-comment .btn-group .editor-icon.ico-color { background-position: 0 -140px; } .forum-related-topics { background-color:#f8f9fb; padding:25px 25px 15px; margin:20px 0; } .forum-related-topics .related-top-div { margin-bottom:20px; overflow: hidden; } .forum-related-topics hr { margin-top: 10px; border-top: 1px dashed #e6e9ed; } .forum-related-topics h6 { line-height:22px; } .forum-related-topics h6 a { color:#252525; } .forum-related-topics .ico-numpost { float:left; margin-right:20px; width:65px; border-radius:3px; border:1px solid #e9ebee; padding:10px; background-color:#fff; text-align:center; margin-top:5px; } .forum-related-topics .ico-numpost img { max-height:32px; } .forum-related-topics .ico-numpost .numpost { margin:10px -10px -10px; background-color:#f6f7fa; font-size:10px; font-weight:300; line-height:12px; padding:5px; color:#8e9094; } .forum-related-topics .topics-num { overflow:hidden; } .forum-related-topics .topic-crumb { font-size:11px; color:#b8bbc0; line-height:16px; } .forum-related-topics .topic-crumb a { color:#8e9094; } .forum-related-topics .topics-num { margin: inherit; display: inherit; } .forum-posts .semibold{ margin-left: 15px; } #new-topic #format-buttons{ margin-bottom: 5px; margin-top: 10px; } @media (min-width: 768px) and (max-width: 979px) { .forumsec .catnumbrs { text-align: left; } .forumsec .catnumbrs span { margin-left: 0; margin-right: 10px; } .forum-cat-list .last-loggedin, .forum-cat-list .reply-member, .forum-cat-list .replies-num { margin-top: 0; } .forumsec .reply-member { width: auto; white-space: inherit; overflow: initial; text-overflow: inherit; } } @media (max-width: 767px) { .forumsec .catnumbrs { text-align: left; } .forumsec .catnumbrs span { margin-left: 0; margin-right: 10px; } .forum-cat-list .last-loggedin, .forum-cat-list .reply-member, .forum-cat-list .replies-num { margin-top: 0; } .forumsec .reply-member { width: auto; white-space: inherit; overflow: initial; text-overflow: inherit; } } @media (min-width: 979px) { .mainsec { height: auto; min-height: 700px; } } /* Mon, 19 Mar 2018 03:19:28 GMT forum-v31 */ /*Tactics style*/ .tactics-hero { color:#fff; background-color:#0e2143; padding:70px; padding-bottom:0; } .tactics-hero .btn.btn-lg { padding: 8px 35px 11px; margin: 10px 0 20px; } .tactics-main-featured { background-color:#f1f5f6; margin:40px 0 20px; } .tactics-main-featured .feat-inside { padding:30px 20px; } .tactics-main-featured .feat-inside .grey-link { color:#a6afb3; font-size:14px; font-family: 'Poppins', sans-serif; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .tactics-main-featured .circle-play, .tactics-main-guide .circle-play { color:#fff; background-color:#ced5d7; width:24px; height:24px; border-radius:24px; display:inline-block; text-align:center; font-size:12px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; padding-left:2px; } .tactics-main-featured .feat-inside .grey-link:hover .circle-play { background-color:#737576; } .tactics-main-featured .feat-inside .grey-link:hover { color:#737576; text-decoration:none; } .tactics-main-guide { margin-bottom:30px; } .tactics-main-guide a, .tactics-main-guide a:hover { color:#252525; } .tactics-main-guide a.img-holder { position:relative; display:inline-block; } .tactics-main-guide h5 { font-size:14px; line-height:20px; } .tactics-main-guide h6 { line-height:18px; } .tactics-main-guide h6 small { font-weight:500; color:#b1b9bd; } .tactics-main-guide a.img-holder .hover-top { background-color: #252a34; background: rgba(37, 42, 52, 0.8); position: absolute; width: 100%; height: 100%; text-align: center; opacity:0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; padding-left:2px; } .tactics-main-guide a.img-holder:hover .hover-top { opacity:1; } .tactics-main-guide .hover-top .in-centered { position: absolute; text-align: center; left: 50%; transform: translate(-50%, -50%); top: 50%; min-width:100px; } .tactics-main-guide .hover-top .in-centered h6 { font-size:11px; color:#fff; } .tactics-main-guide .hover-top .in-centered .circle-play { background-color: transparent; border: 2px solid #fff; width: 38px; height: 38px; border-radius: 38px; font-size: 18px; padding: 4px 4px 4px 5px; } @media (max-width: 767px) { .tactics-main-featured { padding:20px; } .tactics-hero { padding: 40px; } } /* Tue, 5 Dec 2017 00:59:50 GMT tactics-v31 */ /*Member Profile*/ .profile-div { /*border:1px solid #e1eaed;*/ padding:30px 40px; background-color:#f7fafb; margin-bottom:20px; } .profile-div .member-photo { width:108px; height:108px; border-radius:108px; overflow:hidden; } .profile-div .profile-info h4 { margin: 10px 0 0; } .profile-div .member-type { font-size: 13px; line-height: 13px; margin-bottom: 20px; color: #999; } .profile-div .member-rating { color:#cfd8dc; border-right: 2px solid #e0e9eb; padding-right:10px; margin-right:10px; } .profile-div .member-rating .active.glyphicon { color:#ffbb44; } .profile-div .member-post { min-width:112px; display:inline-block; text-align:left; font-size: 16px; font-weight: 300; } .profile-div .member-post .glyphicon { color:#f93048; margin:0 5px 0 10px; } .profile-div .profile-prosoc { border-top:dashed 1px #e0e9eb; margin-top:25px; padding-top:15px; font-size:14px; line-height:24px; } .profile-div .profile-prosoc li { padding:5px 0; } .profile-div .profile-prosoc li a { color:#252525; word-wrap: break-word; } .profile-div .profile-prosoc li label { display: block; margin-bottom: 0; line-height: 16px; font-size: 12px; font-weight:400; color:#78909c; } .profile-div .profile-prosoc span.yrs { float:right; font-weight:600; } .profile-div .profile-prosoc span.yrs span { color:#78909c; font-size: 12px; font-weight:400; } .profile-post .recent-div { border-top:1px solid #ebf1f2; padding-top:20px; font-size:14px; line-height:24px; margin-top:20px; color: #849096; } .profile-post .recent-div h5 a { color:#252525; } .profile-post .post-type { float: left; margin-right: 10px; color: #fff; font-size: 10px; padding: 0 8px; line-height: 22px; margin-top: 5px; min-width:48px; text-align:center; } .profile-post .post-type.forum-type { background-color:#f93048; } .profile-post .post-type.blog-type { background-color:#11a0f8; } .profile-post .contentxt { overflow:hidden; } .profile-div .trust-meter { position: relative; } .profile-div .trust-meter .filled-stars { position: absolute; left: -2px; top: -3px; margin: auto; color: #ffbb44; white-space: nowrap; overflow: hidden; } .profile-div .trust-meter .empty-stars span.glyphicon-star-empty { color: #cfd8dc; } /* Tue, 5 Dec 2017 00:59:51 GMT member-profile-v31 */ /* Store Plans */ #pricing-table .btn-custom { color: #bdc3c7; font-size: 15px; border: 1px solid #bdc3c7; } #pricing-table .btn-custom:hover { color: #ffffff; border: 1px solid #ffffff; } #pricing-table .btn-custom.disabled { color: #34495e; } #pricing-table { padding-top: 50px; font-family: 'Poppins', sans-serif; } #pricing-table .pricing { marign: 0; padding: 0; } #pricing-table .pricing .pricing-table { padding-bottom: 30px; } #pricing-table .pricing .pricing-table .pricing-header { position: relative; background: #34495e; padding: 22px 22px; text-align: center; border-top-right-radius: 2px; border-top-left-radius: 2px; overflow:hidden; } #pricing-table .pricing .pricing-table .pricing-header .pricing-title { color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-size: 24px; text-align: center; font-weight: 600; } #pricing-table .pricing .pricing-table .pricing-header .pricing-rate { font-size: 70px; font-weight: 600; color: #ffffff; position: relative; text-align: center; line-height:80px; margin-bottom:0; } #pricing-table .pricing .pricing-table .pricing-header .pricing-rate sup { font-size: 24px; position: relative; top: -30px; color: #bdc3c7; } #pricing-table .pricing .pricing-table .pricing-header .pricing-rate span { font-size: 16px; color: #bdc3c7; text-transform: uppercase; } #pricing-table .pricing .pricing-list { padding: 20px 0 40px 0; background: #ffffff; border: 1px solid #e3e3e3; } #pricing-table .pricing .pricing-list ul { padding: 0px; display: table; margin: 0px auto; } #pricing-table .pricing .pricing-list ul li { list-style: none; border-bottom: 1px solid #EAECEB; color: #bdc3c7; font-size: 14px; line-height: 42px; } #pricing-table .pricing .pricing-list ul li:last-child { border: none; } #pricing-table .pricing .pricing-list ul li i { margin-right: 12px; color: #bdc3c7; vertical-align: middle; font-size: 12px; } #pricing-table .pricing .pricing-list ul li span { color: #34495e; } #pricing-table .corner-ribbon { width: 200px; background: #f43f4e; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 35px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; font-size: 11px; } #pricing-table .corner-ribbon.top-left { top: 20px; left: -62px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #pricing-table .details-plan { font-size:13px; margin-bottom:30px; } #pricing-table .details-plan ul { padding-left:20px; } #pricing-table .details-plan ul li{ padding: 3px .4em; color: #707578; background-position: 0 4px; font-weight: 300; padding-left: 28px; background-image: url(https://cdn.salehoo.com/img/cp-img-check-onl.png?84675); background-repeat: no-repeat; background-size: 20px; list-style: none; } .faq-store-page .transcript { /*border: 1px solid #eaeaea;*/ background-color:#f9f9f9; padding:20px; } .faq-store-page .transcript h5 { margin:0; margin-bottom:5px; } .faq-store-page .transcript li { font-size: 13px; font-family: 'Poppins', sans-serif; padding: 0; } .faq-store-page a.pull-right.btn-linkslide { font-size:11px; color:#999; margin-top:8px; } .faq-store-page .video-inside { border: 1px solid #eaeaea; } .faq-store-page .videoinfo { background-color:#f9f9f9; padding:15px; font-size:11.5px; line-height:18px; color:#999; text-align:center; } .faq-store-page img.styled { border: 1px solid #eaeaea; margin: 20px auto; } .faq-store-page p.question { border-top: 1px solid #eaeaea; color:#999; font-style:italic; padding-top:10px; font-size:14px; line-height:24px; } .faq-store-page video { width: 100%; } /* Tue, 5 Dec 2017 00:59:50 GMT store-plan-v31 */ /* About us */ .aboutus-sec .img-side-push { margin-top:30px; } .aboutus-sec .testimonial-div { margin:20px 0 30px; } .aboutus-sec .testimonial-div p { font-weight:300; letter-spacing:.5px; } .aboutus-sec .testimonial-div.single-line .quote { margin-top: -15px; } .aboutus-sec .testimonial-div.single-line h6 { margin-top:0; } .aboutus-sec .testimonial-div .quote { float: left; width: 35px; margin-right: 15px; opacity: .1; } .aboutus-sec .imgthmb { display:inline-block; vertical-align:middle; margin-right:10px; width: 47px; height: 47px; border-radius: 47px; overflow:hidden; } .aboutus-sec .cta-seprtor { background-color:#f3f4f7; border:0; margin-top:-1px; padding: 30px 0 50px; } .aboutus-sec .cta-seprtor h3 { margin-bottom:30px; } .aboutus-sec .cta-seprtor a.btn.text-capitalize { font-size:16px; margin-bottom:26px; padding: 16px 20px 17px; } .aboutus-sec .cta-seprtor .btn.btn-greydrk { color:#fff; background-color:#464a50; } .aboutus-sec .cta-seprtor .btn.btn-greydrk:hover { background-color:#40444a; } .aboutus-sec .icoshield { display: inline-block; vertical-align: middle; margin: -2px 8px 0; } .aboutus-sec .icoshield img { max-height: 13px; } .aboutus-sec .signature { font-family: 'Sacramento', cursive; font-size:30px; } .aboutus-sec .founder-div { width:100px; height:100px; overflow:hidden; border-radius:100px; margin-right:20px; border: 1px solid #dbe1e5; float:left; margin-bottom:30px; } .aboutus-sec .founder-info { overflow:hidden; padding-top:15px; } .aboutus-sec .founder-div img { height:100px; width:117px; max-width:inherit; margin-top: 5px; } .aboutus-sec .founder-info h5, .founder-info h6 { margin:0; line-height: 18px; } .aboutus-sec .text-muted { color: #666; } .five-steps-sec img.pull-right, .five-steps-sec img.pull-left { border: 1px solid #f2f3f4; padding: 7px; margin:20px; } .five-steps-sec img.pull-right { margin-right:0; } .five-steps-sec img.pull-left { margin-left:0; } .five-steps-sec img.border-line { border: 1px solid #f2f3f4; padding: 7px; margin:20px 0; } .ebook-thumb { padding:5px; border: 1px solid #eaeaea; } .row-ebook { margin-bottom:30px; } .charity .charlink a { background: url(//cdn.salehoo.com/files/image/charity-ico-link.png) no-repeat; background-position: 0px 2px; padding-left: 16px; font-size: 11.5px; line-height: 14px; } .charlink { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; } .charity .chardiv { border: 1px solid #ebebeb; padding: 10px; margin-bottom:20px; } .charity .btn-char { padding: 8px 25px; } .charity .charimg img.img-responsive { margin: 0 auto; } .free-ebook p, .free-ebook ul li { font-size:18px; } .free-ebook .subhdr h1 { font-size: 48px; margin: 0; line-height: 58px; } .free-ebook .subhdr h2 { margin-bottom:0; } .free-ebook .formset { background: #f4f4f4; border: solid 3px #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 25px 15px 15px; } @media (min-width: 768px) { .five-steps-sec img.pull-right, img.pull-left { max-width:365px; } } /*In the news*/ .news hr { margin: 0; } .news .feature .title a { font-size: 24px; line-height: 34px; } .news .feature .source { font-size: 18px; } .news .feature .image { max-height: 300px; overflow: hidden; position: relative; } .news .feature .newscontent { line-height: 25px; } .news .title { line-height:24px; margin-top:20px; } .news .title a { color: #333; font-size: 16px; font-weight: 600; font-family: 'Poppins', sans-serif; } .news .source { color: #464646; font-size: 14px; font-weight: 400; } .news .date span { font-style: italic; color: #999; text-transform: none; padding: 0; } .news .date { color: #b6b6b6; font-size: 12px; text-transform: uppercase; padding: 0; } .news .image { max-height: 145px; min-height: 145px; overflow: hidden; position: relative; z-index: 1; } .news .image.noimg { background: #e8e8e8; text-align: center; } .news .image.noimg img { min-width: inherit; min-height: inherit; width: 200px; margin-top: 30px; } .news .image img { min-width: 365px; min-height: 145px; max-width: 100%; } .news .newscontent { font-size: 14px; line-height: 24px; } .news .boxbg { border: 1px solid #e4e4e4; border-top: none; padding: 0 10px; } .news .boxbg .insidediv { background: #fff; margin-top: -35px; z-index: 2; position: relative; padding: 10px 20px 20px; } .news .btn-load { color: #c2c2c2; font-size: 13px; cursor: pointer; background: #f8f8f8; display: block; padding: 7px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 2px; margin-right: 3%; } .news .btn-load:hover { background: #f2f2f2; color: #999; text-decoration: none; } .news .xline.xtop { border-top: 1px solid #e4e4e4; } .news .xline.xleft { border-left: 1px solid #e4e4e4; } .news .xline.xright { border-right: 1px solid #e4e4e4; } .news .xline.xbottom { border-bottom: 1px solid #e4e4e4; } .news .newslist { display: inline-block; width: 30%; vertical-align: top; margin-right: 3%; margin-top: 20px; margin-bottom: 10px; } .rownews { margin-right: -3.5%; } .news .feature { border: 1px solid #e4e4e4; padding: 20px; } .news .feature .image img { min-width: inherit; margin-bottom: 10px; } .get-started-div .button-container { border-top: 1px solid #e2e3e7; margin-top: 50px; padding-top: 35px; } .get-started-div .button-container .btn { text-align: left; padding: 18px 70px 20px 50px; margin: 0 7px 20px; font-size: 16px; position: relative; } .get-started-div .button-container .btn h6 { margin: 0; line-height: 18px; font-size: 16px; font-weight: 400; } .get-started-div .button-container .btn span.arrow-icon { position: absolute; width: 20px; right: 15px; top: 32%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .get-started-div .button-container .btn:hover span.arrow-icon { right: 10px; } .get-started-div .button-container .btn.btn-green span.arrow-icon .svg { fill: #ffffff; } .get-started-div .button-container .btn.btn-grey span.arrow-icon .svg { fill: #b4b6ba } @media (min-width: 768px) and (max-width: 979px) { .news .newslist { width: 46.5%; } } @media (max-width: 767px) { .news .boxnews { height: auto !important; } .news .image img { min-width: 100%; } .news .newslist { width: 100%; margin-right: 0; } .rownews { margin-right: 0; } .news .boxbg { height: auto !important; } } /* Wed, 6 Dec 2017 02:30:08 GMT about-us-v31 */ /*Edcation & General Templates*/ .mainsec.whitebg { background-color: #fff; } hr.seprtr { width: 50px; margin: 20px auto; border-top: 1px solid #dbdee2; } .bg-orange, .bg-yellow, .bg-light-grey, .bg-bluegreen, .bg-dark-grey, .bg-orange a, .bg-yellow a, .bg-light-grey a, .bg-bluegreen a, .bg-dark-grey a, .bg-medium-grey, .bg-medium-grey a, .subhdr.educathdr p.lead { color: #fff; } .bg-light-grey, .bg-light-grey a, .bg-bonus-guide a, .bg-premium-guide a { color: #000; } .subhdr.educathdr.bg-light-grey p.lead, .educathdr.bg-white-borbot p.lead { color: #333; } .bg-orange { background-color: #e55744; } .bg-yellow { background-color: #f0b655; } .bg-light-grey { background-color: #f0f2f3; } .bg-medium-grey { background-color: #bbbdc0; } .bg-bluegreen { background-color: #4dcad5; } .bg-dark-grey { background-color: #646669; } .bg-bonus-guide { border: 1px solid #f0f2f3; } .bg-premium-guide { border: 1px solid #f43f4e; } .edudiv.bg-premium-guide:hover { border-color: transparent; } .educathdr.bg-white-borbot { border-bottom: 1px solid #eaeaea; margin-top: 0; } .edudiv { position: relative; padding: 30px; min-height: 380px; margin-bottom: 20px; overflow: hidden; } .edudiv h4 { font-size: 20px; font-weight: 600; margin-bottom: 5px; } .edudiv:hover .eduinfo, .edudiv:active .eduinfo, .edudiv:focus .eduinfo, .edudiv:hover .eduinfo a, .edudiv:active .eduinfo a, .edudiv:focus .eduinfo a { bottom: 25%; color: #fff; } .edudiv .ovrlyed { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; } .edudiv:hover .ovrlyed, .edudiv:active .ovrlyed, .edudiv:focus .eduinfo { background: rgba(0, 0, 0, .80); } .edudiv .ovrlyed, .eduinfo, .eduinfo .btn, .edudivcon ul li, .edudivcon ul li a { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .edudiv img { max-height: 171px; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); top: 40%; position: absolute; z-index: 1; } .eduinfo { position: absolute; z-index: 3; line-height: 20px; bottom: -30px; left: 0; padding: 30px 30px 0; } .eduinfo .btn { opacity: 0; margin-top: 20px; color: #fff; } .edudiv:hover .eduinfo .btn { opacity: 1; } .educathdr { margin-top: -1px; position: relative; z-index: 1; padding: 25px 0 30px; margin-bottom: 20px; } .educathdr.subhdr p.lead { font-size: 20px; line-height: 30px; } .educathdr.subhdr h1 { margin-bottom: 5px; } .educathdr.subhdr .imgedusub { max-height: 230px; } .comparesec .educathdr.subhdr .imgedusub { max-height: 277px; margin-bottom: -1px; } .comparesec .bg-white-borbot { padding-bottom: 0; } .edudivcon h6 { color: #a5afb6; font-weight: 500; letter-spacing: 1px; } .edudivcon ul.toc { border-top: 1px solid #dcdee3; margin-top: 30px; } .edudivcon ul.toc li { border-bottom: 1px solid #dcdee3; background-color: #fff; padding-bottom: 1.25em !important; padding-bottom: 0 !important; } .edudivcon ul.toc li:hover { background-color: #f1f2f4; } .edudivcon ul.toc li a { background: url(../img/ico-arrow-right.png) no-repeat; background-position: 97% center; display: block; background-size: 10px; color: #666; font-size: 14px; line-height: 20px; padding: 15px 7% 25px 0px; overflow: hidden; } .edudivcon ul.toc li a:hover { text-decoration: none; background-position: 98% center; } .edudivcon ul.toc li div.nmbr { font-weight: 600; color: #59c03c; float: left; margin: 25px 5px 16px 15px; font-size: 16px; min-width: 23px; line-height: 22px; } .edudivcon ul.toc li a h4 { color: #333; font-weight: 500; line-height: 24px; margin: 10px 0; } .pagecnt { padding: 0 60px; } .pagecnt, .blogsec, .generalsec { font-size: 15px; line-height: 28px; } .pagecnt strong, .blogsec strong, .generalsec strong { font-weight: 600; } .pagecnt p, .blogsec p, .generalsec p { margin-bottom: 1.25em; } .edudivcon.pagecnt ul.toc { margin-top: 10px; } .edudivcon.pagecnt ul.toc li a { padding: 10px 7% 13px 0px; } .edudivcon.pagecnt ul.toc li div.nmbr { margin-top: 20px; line-height: 20px; } @media (max-width: 767px) { .eduinfo { bottom: -20px; padding: 20px 20px 0; } .edudiv h4 { font-size: 18px; } .educathdr { text-align: center; } .submnudrop .btn.dropdown-toggle{ white-space: unset !important; padding-right: 20px; } .pagecnt { padding: 0px !important; } .pagecnt p img.img-responsive{ width: 100% !important; } } .edudivcon.pagecnt ul.toc.bottom-next h4 { margin: 20px 0 25px; font-weight: 500; line-height: 24px; } .edudivcon.pagecnt ul.toc.bottom-next h4 a { color: #333; font-size: 18px; padding: 0; } .edudivcon.pagecnt ul.toc.bottom-next li div.nmbr { margin-top: 18px; } /* Mon, 5 Aug 2019 02:05:31 GMT education-v31 */ /*Blog*/ .blogsub, .forumsub { border-bottom: 0; } .blogsec, .sidebardiv { margin-top: 20px; } .blogsec h2 a, .blogsec .feature-div h1 a { color: #333; } .feature-div, .search-res { margin-bottom: 20px; } .blogsec .feature-div h1, .blogsec .search-res h1 { font-size: 24px; margin: 15px 0 3px; } .blogmn-img { overflow: hidden; min-height: 180px; } .blogmn-img a img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin: auto; display: block; } .blogmn-img a:hover img { -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } .blog-list-div { margin: 30px 0 20px; } .blog-list-div h2 { font-size: 18px; line-height: 24px; margin: 12px 0 0; } .date-author { font-size: 12px; color: #666; } .date-author a { display: inline-block; position: relative; margin-right: 14px; } .date-author>a::after { content: ''; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #ced3d3; } .date-author.no-date>a::after { background: none; } .banner-col { background: #f0f3f7; padding-bottom: 20px; } .banner-bg-top { text-align: center; color: #fff; background: #303640 url(../img/optin-bg-products.png); position: relative; display: inline-block; background-size: 325px; padding: 30px 10px 0; width: 100%; } .banner-bg-top:after { content: ""; position: absolute; bottom: 0; left: 0; height: 30%; width: 100%; transform: SkewY(-7deg); transform-origin: bottom right; background: #f0f3f7; z-index: 0; } .banner-bg-top h5 { font-size: 16px; line-height: 24px; } .bnerimg { position: relative; z-index: 2; max-height: 121px; margin: 20px 0; } .banner-half-botm { padding: 10px 25px 10px; text-align: center; position: relative; z-index: 2; font-size: 13px; line-height: 18px; color: #67696d; font-weight: 300; } .banner-half-botm .btn.btn-lg { margin-top: 30px; font-size: 16px; letter-spacing: .5px; } .banner-half-botm .alert { padding: 10px; font-size: 12px; line-height: 18px; margin-top: 20px; } .nwslttr-side .banner-half-botm .form-group { margin-bottom: 10px; } .nwslttr-side .banner-half-botm form { margin-top: 20px; } .nwslttr-side .nwslttr { margin-top: -10px; margin-bottom: -5px; } .nwslttr-side .nwslttr img { max-height: 18px; } .nwslttr-side .nwslttr h6 { margin: 0; font-size: 11px; letter-spacing: 3px; line-height: 24px; } .nwslttr-side .banner-bg-top { padding: 30px 10px 30px; } .nwslttr-side .banner-bg-top:after { height: 20%; } .nwslttr-side input.form-control { font-size: 13px; padding: 8px 12px; } .banner-nwslttr-bottom { text-align: center; color: #fff; background: #303640 url(../img/optin-bg-products.png); background-size: 325px; padding: 40px 30px; margin: 30px 0; } .banner-nwslttr-bottom h3 { margin: 20px 0 7px; } .banner-nwslttr-bottom p.lead { line-height: 26px; opacity: .8; font-size: 14px; } .banner-nwslttr-bottom .nwslttr img { max-height: 32px; } .banner-nwslttr-bottom .form-inline .form-control { border: 0; padding: 10px; border-radius: 2px; margin-bottom: 10px; } .banner-nwslttr-bottom .form-inline .btn { border: 0; padding: 10px 20px; font-size: 14px; border-radius: 2px; margin-bottom: 10px; } .banner-nwslttr-bottom .ps-safe { font-size: 12px; margin-top: 4px; opacity: .3; color: #fff; } .banner-nwslttr-bottom .alert { padding: 10px; font-size: 12px; line-height: 18px; margin-top: 0; } .side-blog-post h5, .side-forum-post h5 { font-weight: 600; margin: 20px 0 10px; color: #000; } .side-blog-post, .side-forum-post { line-height: 20px; color: #7c7f83; } .side-blog-post h6, .side-forum-post h6 { font-weight: 600; font-size: 14px; margin: 0; } .side-blog-post h6 a, .side-forum-post h6 a { color: #333; } .side-blog-post ul.list-unstyled { margin: 0; } .side-blog-post ul.list-unstyled li, .side-forum-post ul li { border-bottom: 1px solid #e4e6ea; padding: 12px 0; } .blog-categories a { color: #7c7f83; } .blog-categories a:hover { color: #333; text-decoration: none; } .blog-categories a span.glyphicon { font-size: 9px; color: #c9cbce; margin-right: 7px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .blog-categories a:hover span.glyphicon { margin-right: 4px; margin-left: 3px; color: #7c7f83; } .side-blog-post.blog-categories ul.list-unstyled li { padding: 9px 0; } hr.blog-hr-hdr { margin: 8px 0; } .social-share a.share-fb, .social-share a.share-tw, .social-share a.share-li, .social-share a.share-link { width: 25px; height: 25px; border-radius: 2px; display: inline-block; text-align: center; margin: 0 2px; line-height: 24px; } .social-share a.share-fb { background-color: #385a98; } .social-share a.share-tw { background-color: #55acee; } .social-share a.share-li { background-color: #0976b4; } .social-share .svg { fill: #ffffff; vertical-align: middle; height: 19px; } .social-share a.share-link { background-color: #3f3f3f; width: auto; font-size: 9px; letter-spacing: 1px; color: #fff; vertical-align: bottom; padding: 0 10px 0 2px; line-height: 25px; } .social-share a.share-link .svg { margin-top: -2px; } .blogpage-img { overflow: hidden; max-height: 370px; margin: 20px 0 30px; } .blogsec blockquote, .pagecnt blockquote, .generalsec blockquote { font-size: 15px; font-style: italic; color: #525252; line-height: 28px; border-left: 2px solid #e4e6ea; padding: 10px 15px; } .member-comment h4 { font-size: 15px; margin-bottom: 0; } .member-comment h6 { margin-top: 5px; } .member-comment { font-size: 14px; color: #333; } .member-comment .media-object { width: 55px; } .member-comment .media-object.no-picture { border: 2px solid #e6e9ed; } .member-comment .media { margin-top: 30px; } .member-comment hr { margin-top: 10px; border-top: 2px solid #e6e9ed; } .member-comment h6 a { position: relative; margin-right: 12px; } .member-comment h6 a::after { content: ''; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #ced3d3; } .member-comment textarea, .member-comment input[type=checkbox] { border: 2px solid #e6e9ed; position: relative; } .member-comment input[type=checkbox]:checked, .member-comment .btn { border-width: 2px; } .member-comment input[type=checkbox]:checked::after { left: 3px; } .member-comment .checkbox label { font-size: 12px; font-weight: 600; color: #65676a; } .member-comment .form-group { overflow: hidden; } .member-comment .btn { font-size: 14px; padding: 5px 20px 6px; } .member-comment form { margin-bottom: 30px; } .member-comment form input.form-control { max-width: 400px; border-width: 2px; } .link-read-more { font-size: 14px; } .link-read-more .glyphicon { font-size: 11px; } .search-res { margin: 30px 0; } .search-sugs { margin-top: 20px; } .search-sugs h5 { font-weight: 600; } .search-sugs ul li { font-size: 13px; margin-bottom: 5px; padding: 0; } .member-comment .in-reply h5 { margin: 0; } .member-comment .in-reply button.close { margin-top: 7px; font-weight: 400; margin-right: 7px; } .member-comment .btn-reply { font-family: 'Poppins', sans-serif; font-size: 12px; letter-spacing: .5px; color: #999; } .hero-illustration { max-height: 237px; margin: 0 auto; } .newslettersec p .btn.btn-large{ font-size: 14px; text-transform: capitalize; padding: 7px 20px 7px; } .newslettersec div.add-top-margin.add-bottom-margin.text-center .btn.text-capitalize.btn-green{ background-color: #5cb85c; border-color: #4cae4c; } .blog-related-post { margin:20px 0; } .blog-related-post hr { margin-top: 10px; border-top: 1px dashed #e6e9ed; } .blog-related-post h4 { font-size:15px; } .blog-related-post h6 { line-height:22px; } .blog-related-post h6 a { color:#252525; } .blog-related-post h6 a:hover { color:#506ca0; text-decoration:none; } .blog-related-post .blogmn-img { height:100px; position:relative; background-color:#f2f2f2; min-height:auto; overflow:hidden; } .blog-related-post .blogmn-img a img { position:absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; min-height:100px; } .blog-related-post .blogmn-img a:hover img { transform: translate(-50%, -50%) scale(1.03); } /* Newsletter FreeOption */ #newsletterFreeOptInPopup .newsletterDivContent .text-center img{ margin: 0 auto; } @media (max-width: 380px) { .blogsec span[itemprop="articleBody"] img{ float: none !important; width: auto !important; height: auto !important; margin: 0 !important; } .newslettersec img{ width: 100% !important; height: auto !important; } a.btn.text-capitalize{ white-space: pre-wrap; word-wrap: break-word; } #PDI_container8947130 .pds-box{ width: 90% !important; } #PDI_container8947130 .pds-input-label{ width: 80% !important; } } @media (max-width: 767px) { .free-ebook .subhdr h1 { font-size: 36px; line-height: 46px; } .free-ebook .ebay-logo img { max-height: 42px; } .free-ebook .cta-btndiv { text-align:center; } .feature-div h2, .search-res h2 { font-size: 19px; line-height: 27px; } .blog-list-div h2 { font-size: 15px; line-height: 18px; } .categorylist h2 { font-size: 18px; line-height: 28px; } .nwslttr-side .banner-bg-top:after { transform: SkewY(-2deg); } section.success-quotes .container { padding: 0 15px; } .cta-risk-free .btn.text-capitalize, .cta-risk-free a.btn.text-capitalize { font-size: 14px; text-transform: none; padding: 10px; } .cta-bottom-simple h3 { font-size: 18px; line-height: 30px; } .cta-bottom-simple { padding: 30px 0 40px; } .optinbox { padding-bottom: 30px; } .pagecnt { padding: 0; } .img-side-push, .video-side-push { margin-left: 0; margin-right: 0; } .pagecnt { font-size: 14px; line-height: 24px; } .search-side { margin-top: 20px; margin-bottom: 20px; } .blogmn-img { min-height: auto; } .blogmn-img a img { height: auto; } } /* Mon, 2 Sep 2019 00:25:31 GMT blog-v31 */ /* Paypal Calculator */ .paypal-calculator { font-family: 'Poppins', sans-serif; } .paypal-calculator label { font-size:12px; text-transform:uppercase; color:#404040; font-weight:600; } .calculator-input { background-color:#f9fafa; border:1px solid #e5e5e5; border-bottom:1px solid #f2f1f1; padding:30px; } .calculator-input .form-control { padding: 13px 12px; font-size: 18px; font-family: 'Poppins', sans-serif; height:53px; } .calculator-input .btn { height: 53px; font-size: 14px; padding: 17px; } .calculator-result { border:1px solid #e5e5e5; border-top:none; padding:30px; } .calculator-result h4 { margin-bottom:5px; } .calculator-result .results { font-size:24px; line-height:34px; margin-bottom:5px; } .calculator-result .snippets { font-size:12px; } /* Tue, 5 Dec 2017 00:59:51 GMT paypal_calculator-v31 */ /* Webinar */ .webinar-form-sidebar { background-color: #f34958; color: #fff; padding: 30px 15px 25px; font-family: 'Poppins', sans-serif; } .webinar-form-sidebar h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .webinar-form-sidebar .btn.btn-default { background-color: #3b3030; color: #fff; font-weight: 400; font-size: 13px; border-radius: 4px; padding: 14px 20px; -webkit-box-shadow: 0 3px 15px -3px rgba(0, 0, 0, .37); -moz-box-shadow: 0 3px 15px -3px rgba(0, 0, 0, .37); box-shadow: 0 3px 15px -3px rgba(0, 0, 0, .37); margin: 20px 0 10px; border: 0; text-transform: none; display: inline-block; width: auto; } .webinar-form-sidebar .btn.btn-default:hover, .webinar-form-sidebar .btn.btn-default:focus { background-color: #2f2222; border: 0; } .webinar-form-sidebar .ico-webinar { max-height: 39px; } .webinar-form-sidebar h5.text-darkgrey { font-size: 13px; } .webinar-form-sidebar .text-darkgrey { color: #3b3030; } .webinar-form-sidebar .counter { font-size: 18px; font-weight: 500; letter-spacing: .5px; margin: 5px 0; } .webinar-form-sidebar-ds { background: linear-gradient(135deg, #00B0A4 0%, #37C386 100%); color: #fff; padding: 30px 15px 25px; font-family: 'Poppins', sans-serif; } .webinar-form-sidebar-ds h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .webinar-form-sidebar-ds .btn.btn-default { background-color: #212c27; color: #fff; font-weight: 400; font-size: 13px; border-radius: 4px; padding: 14px 20px; box-shadow: 0 3px 15px -3px rgba(0, 0, 0, .37); margin: 20px 0 10px; border: 0; text-transform: none; display: inline-block; width: auto; } .webinar-form-sidebar-ds .btn.btn-default:hover, .webinar-form-sidebar-ds .btn.btn-default:focus { background-color: #161b19; border: 0; } .webinar-form-sidebar-ds .ico-webinar { max-height: 49px; } .webinar-form-sidebar-ds h5.text-darkgrey { font-size: 13px; } .webinar-form-sidebar-ds .text-darkgrey { color: #212c27; } .webinar-form-sidebar-ds .counter { font-size: 18px; letter-spacing: .5px; margin: 5px 0; } @media ( max-width : 767px) { .webinar-form-sidebar .ico-webinar { max-height: 39px; } .webinar-form-sidebar { padding: 30px 20px; } .webinar-form-sidebar h2 { font-size: 22px; line-height: 32px; } .webinar-form-sidebar .text-darkgrey { font-size: 14px; } .webinar-form-sidebar .counter { font-size: 20px; } .webinar-form-sidebar .btn.btn-default { font-size: 14px; padding: 12px 20px; } .webinar-form-sidebar-ds .ico-webinar { max-height: 39px; } .webinar-form-sidebar-ds { padding: 30px 20px; } .webinar-form-sidebar-ds h2 { font-size: 22px; line-height: 32px; } .webinar-form-sidebar-ds .text-darkgrey { font-size: 14px; } .webinar-form-sidebar-ds .counter { font-size: 20px; } .webinar-form-sidebar-ds .btn.btn-default { font-size: 14px; padding: 12px 20px; } } /* Tue, 12 Jan 2021 02:26:40 GMT webinar-v31 */ .btbdge img { max-height: 30px; margin-top: 20px; } .cpsidebar { padding: 8px 20px; } .cpsidebar h4 { font-weight: 600; } .cpsidebar h5 { font-weight: 600; line-height: 22px; margin-bottom: 5px; margin-top: 0; color: #000; } .cpsidebar strong { font-weight: 600; } .cpsidebar ul.tickgreen { margin: 20px 0 0; padding: 0; } .cpsidebar ul.tickgreen li { background: url(../img/ico-check-green.svg) left no-repeat; list-style: none; padding-left: 23px; padding-bottom: 8px; background-size: 13px; background-position: left 15px; font-size: 14px; color: #333; } .cpgrntee {} .cpgrntee .ceothmb { float: left; margin-right: 10px; width: 53px; height: 53px; background-color: #e8eaef; border-radius: 53px; overflow: hidden; } .cpgrntee .grntinfo, .cptestimn { overflow: hidden; line-height: 22px; color: #4c4c4c; font-size: 12px; } .cpsidebar .cpnme { margin-top: 15px; color: #333; } .cpsidebar blockquote { padding: 10px 20px; margin: 0; font-size: 15px; border: 0; font-weight: 600; font-style: italic; letter-spacing: .5px; } .cpsidebar blockquote .datepost { font-size: 11px; color: #93959a; font-weight: 300; margin-top: -5px; display: block; } .cp_quote p { margin: 0; color: #000; } .cp_quote p:before { content: '\201C'; position: absolute; margin-left: -0.6em; color: #ccc; font-size: 1.7em; font-family: Georgia; line-height: 1; } .cp_quote p:after { content: '\201D'; position: absolute; margin-right: -0.6em; color: #ccc; font-size: 1.7em; font-family: Georgia; line-height: 1; } .cpsidebar .item { margin: 0; } .cpnme .testhbm { width: 39px; height: 39px; overflow: hidden; border-radius: 39px; background-color: #e8eaef; display: inline-block; vertical-align: middle; margin-right: 10px; } .cplrtpypl { padding: 20px; background-color: #f4f5f8; border-radius: 2px; margin: 20px 0; } .cpsidebar.bgout { background-color: #f6f8fa; padding: 15px 30px 25px; } .cpsidebar.bgout .cpnme { font-weight: 600; line-height: 16px; padding-top: 5px; } .cpsidebar.bgout .cpnme span { font-weight: 400; font-size: 9px; text-transform: uppercase; display: block; color: #999; } .cpsidebar.bgout .cpnme .ceothmb { width: 41px; height: 41px; margin-top: -5px; background-color: #fff; } .cpsidebar.bgout .cpgrntee .grntinfo { font-size: 13px; color: #000; } .cpsidebar.bgout h4 { font-size: 16px; } .cpsidebar.bgout ul.tickgreen li { font-size: 13px; padding-bottom: 5px; } .ordersum { padding: 20px 30px; border: 1px dashed #b6b6b9; } .ordersum h5 { font-weight: 600; margin-top: 5px; } .ordersum .table { margin-top: 20px; margin-bottom: 0; margin-right: 20%; } .ordersum .table>tbody>tr>td { border: 0; font-size: 12px; padding: 5px 0; } .ordersum .table tbody tr.total td { font-size: 14px; font-weight: 600; border-top: 1px solid #e4e4e4; padding-top: 10px; } .ordersum .table tbody tr.descptn td { padding-bottom: 10px; } .cpform.succsful h3 { font-size: 30px; margin-top: 0; } .cpform.succsful p { font-size: 14px; color: #444; } .cpform.succsful .btn.btn-pay { margin: 30px 0 10px; } ul.tick-green-list { margin-top:15px; padding-left: 10px; line-height:24px; } ul.tick-green-list li { list-style-type: none; background: url(//cdn.salehoo.com/img/ico-check-green.svg) no-repeat; background-position: 0 10px; padding-left: 20px; background-size: 12px; line-height: 28px; margin-bottom: 5px; padding-top: 0; font-size: 14px; color: #333; } .money-back { font-size:14px; } .money-back span.title { font-family: 'Poppins', sans-serif; font-size:16px; font-weight: 500; } .money-back .profile { margin-top:20px; } .money-back .profile img { width:60px; margin-right:10px; } .money-back .position { line-height:20px; padding-top:10px; } .price-row strong { font-weight: 600; } .cpsidebar { padding:0; } .pricebox { border: 1px solid #95d981; background-color:#f7fafc; padding:20px; font-size:14px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-bottom:10px; overflow:hidden; } .pricebox.unselect { border: 1px solid #edf0f2; opacity:.6; background-color:#fff; } .pricebox.unselect:hover { cursor: pointer; cursor: hand; } .pricelist { float: right; text-align: center; width: 130px; font-family: 'Poppins', sans-serif; margin-left: 20px; border: 1px dashed #ccc; padding: 15px 10px 10px; background-color:#fff; } .pricelist .number { font-size: 36px; line-height: 36px; font-weight:500; color:#59c03c; } .pricebox.unselect .pricelist .number { color:#999; } .pricelist .pernumber { font-size: 13px; line-height: 16px; } .priceinfo { overflow:hidden; } .priceinfo h4 { margin-top:0; margin-bottom:5px; line-height: 24px; } .total-amount { border-top:1px dashed #cbced0; /*border-bottom:1px solid #edf0f2;*/ padding: 20px 20px 20px 0; margin-top:20px; overflow:hidden; } .price-row .form-control { padding: 12px; } .price-row .cpsbadge img { max-height: 32px; margin-top:20px; } .money-back .modal-body { padding: 25px; font-size: 13px; background: #f6f9fc; line-height: 20px; } .money-back .modal-body h5 { font-weight: 600; margin-bottom: 5px; } img.img-money-back { max-width:150px; } .mbdetails { overflow:hidden; } @media (max-width: 979px) and (min-width: 768px) { .row.price-row { display:block; } } @media (max-width: 767px) { .row.price-row { display: block; } .money-back { margin-top:20px; } .pricebox { margin-bottom:40px;} } @media (max-width: 480px) { .pricelist { width:80px; } .pricelist .number { font-size: 24px; line-height: 26px; } .pricelist .pernumber { font-size: 9px; line-height: 12px; } } @media (min-width: 480px) { .order-error { padding-bottom: 180px; } } /* Tue, 27 Mar 2018 01:41:16 GMT order-v31 */ .typeahead, .tt-query, .tt-hint { width: 396px; height: 30px; padding: 8px 12px; line-height: 30px; border: 2px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; } .typeahead { background-color: #fff; } .typeahead:focus { border: 2px solid #0097cf; } .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { color: #999 } .tt-menu { width: 422px; margin: 12px 0; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } .tt-suggestion { padding: 3px 20px; line-height: 24px; } .tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #0097cf; } .tt-suggestion.tt-cursor { color: #fff; background-color: #0097cf; } .tt-suggestion p { margin: 0; } #compose-message .typeahead { margin-top: 0; } #compose-message .tt-menu { max-height: 300px; overflow-y: auto; } /* Mon, 12 Feb 2018 02:27:51 GMT libs/typeahead */ .automation-mup .prod-item:hover { cursor: pointer; } .automation-mup .video-sidebar .video-thmb { background-color: #555; height: 160px; position: relative; color: #676767; text-align: center; font-family: 'Poppins', sans-serif; font-weight: 400; padding: 20px; } .automation-mup .video-sidebar .video-thmb a { background: url(../img/am-ico-play-sidebar.png) no-repeat center; background-size: 57px; position: absolute; width: 100%; height: 100%; z-index: 2; opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; left: 0; top: 0; } .automation-mup .video-sidebar .video-thumb a:hover { opacity: .3; } .automation-mup .video-sidebar a.video-thumb img { opacity: .95; margin: 0 auto; } .automation-mup .video-sidebar a.video-thumb:hover img { opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .automation-mup .video-sidebar .video-info { padding: 10px 20px 20px; } .automation-mup .video-sidebar .btn-play-video { background: url(../img/am-ico-youtube.png) no-repeat; background-size: 16px; padding-left: 20px; background-position: 0 3px; } .automation-mup .video-sidebar button.close { z-index: 3; position: absolute; right: 0; top: 0; padding: 6px 10px; font-size: 24px; font-weight: 300; color: #fff; text-shadow: none; } .automation-mup .video-sidebar button.close:active { outline: none; } .automation-mup .tab-white .nav-tabs li a#product-catalog-tab { background-image: none; } .automation-mup.supplrdiv .hdrtop h1 { margin: 10px; line-height: 32px; } .automation-mup.supplrdiv .hdrtop .notes-div { font-size: 13px; line-height: 24px; color: #4f4f4f; font-weight: 300; } .automation-mup.supplrdiv .hdrtop .lead { margin: 0 0 10px; } .automation-mup.supplrdiv .hdrtop .sup-details .list-inline li { padding-left: 0; padding-right: 17px; border-right: 1px solid #e7e8e9; margin-right: 17px; margin-top: 20px; } .automation-mup.supplrdiv .hdrtop .sup-details .list-inline li:last-child { border: 0; margin: 0; padding: 0; } .automation-mup.supplrdiv .hdrtop .sup-details .list-inline li h6 { line-height: 16px; } .automation-mup.supplrdiv .hdrtop-scroll.affix .notes-div, .automation-mup.supplrdiv .hdrtop-scroll.affix .sup-details { display: none; } .automation-mup .contact-btn-div { background-color: #FFF; padding: 8px; border: 1px solid #ebebed; margin-bottom: 6px; } .automation-mup .contact-btn-div a img { width: 17px; margin-right: 6px; vertical-align: text-top; } .automation-mup a.btn-side-am { font-size: 12px; padding: 10px; } .automation-mup a.btn-dark-grey { color: #FFF; border-color: transparent; background: #7a7e84; } .automation-mup a.btn-dark-grey:hover { background: #6c7178; } .automation-mup .connect-store-sidebar { border: 1px solid #ebebed; background-color: #FFF; } .automation-mup a.btn-purple { background-color: #566378; color: #ffffff; } .automation-mup a.btn-purple:hover { background-color: #4a586f; } .automation-mup .connect-store-sidebar .connect-info { padding: 20px; } .automation-mup .illust-div { background-color: #fafbfd; border-bottom: 1px solid #efeff0; } .automation-mup.supplrdiv .catlgdiv { margin: 0; } .automation-mup.supplrdiv .item-active .catlgdiv { border: 1px solid #d0e2c7; } .automation-mup .expanding-grid .item-active .checkbox-div { background-color: #d0e2c7; } .automation-mup .expanding-grid .item-active .checkbox-div input[type=checkbox]:checked { background-color: #d0e2c7; border-color: #d0e2c7; } .automation-mup .updatever2_1 .item-cat .cattletrun { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 2.7em; } .automation-mup .updatever2_1 .item-cat .catstore { margin: 2px 0 5px; overflow: hidden; } .automation-mup .updatever2_1 .item-cat .catstore a { font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .automation-mup .updatever2_1 .item-cat .catstore a:hover { text-decoration: underline; } .automation-mup .updatever2_1 .item-cat .catstore img { margin-right: 5px; width: 9px; margin-top: 6px; } .automation-mup .updatever2_1 .item-cat .catstore .score { float: right; background-color: #ffb000; font-size: 9px; color: #fff; padding: 2px 3px 1px; line-height: 10px; border-radius: 2px; margin-top: 4px; } .automation-mup .button-goup .btn.btn-default { background-color: #fbfcfd; color: #8b8b8b; border-color: #e5e5e5; } .automation-mup .button-goup .btn.btn-default.active, .automation-mup .button-goup .btn.btn-default:active { -webkit-box-shadow: none; box-shadow: none; background-color: #e5e5e5; color: #666; } .automation-mup .button-goup .sort-by label { font-size: 11px; font-weight: 400; text-transform: uppercase; margin-right: 5px; } .automation-mup .button-goup .sort-by .bootstrap-select.btn-group { width: auto; background: none; } .automation-mup .button-goup .sort-by .btn.btn-default { border-color: transparent; border-radius: 2px; min-height: 31px; } .automation-mup .button-goup .sort-by .btn.btn-default:active { background-color: #fff; } .automation-mup .item-cat .connect-ico { position: absolute; left: 1em; top: 1em; background-color: #82bd41; z-index: 5; width: 110px; height: 27px; padding-top: 4px; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 2; } .automation-mup .item-cat .connect-ico.added_to { width: 150px; padding-left: 3px; } .automation-mup .item-cat .connect-ico.added_to span.uploaded { border: 0; } .automation-mup .item-cat .connect-ico span.ico-con { width: 27px; display: inline-block; vertical-align: text-top; } .automation-mup .item-cat .catimgd .connect-ico img { width: 15px; top: 0; left: 0; transform: none; max-width: 15px; max-height: inherit; padding: 0; position: relative; } .automation-mup .item-cat .connect-ico span.uploaded { font-family: 'Poppins', sans-serif; color: #fff; font-size: 10px; text-transform: uppercase; display: inline-block; vertical-align: middle; background: url(../img/ico-check.svg) no-repeat; padding-left: 18px; border-left: 1px solid #96cb5b; margin-top: -4px; background-position: 4px 7px; background-size: 10px; letter-spacing: .5px; } .automation-mup .item-cat .dropdown-action { position: absolute; right: 1em; top: 1em; background-color: #6b6f73; background-color: rgba(0, 0, 0, 0.5); z-index: 3; width: 27px; height: 27px; color: #FFF; } .automation-mup .item-cat .dropdown-action.open { background-color: #e43142; } .automation-mup .item-cat .dropdown-action #burger-menu { height: 27px; width: 27px; } .automation-mup .item-cat .dropdown-menu > li > a { padding: 5px 10px; } .automation-mup .item-cat .dropdown-menu { left: 0; right: inherit; } .automation-mup .item-cat .lastcol .dropdown-menu { left: inherit; right: 0; } .automation-mup .store-box { width: 94px; height: 94px; border: 1px solid #d9dadc; padding: 20px; position: relative; } .automation-mup .connect-store-tab { padding: 10px 20px; } .automation-mup .connect-store-tab img.connect-img { max-height: 80px; margin-top: 7px; } .automation-mup .input-group.add-url { margin-bottom: 10px; } .automation-mup .connect-store-tab .notes { font-size: 12px; line-height: 18px; text-align: center; max-width: 450px; margin: 20px auto 0; color: #6b6b6b; } .automation-mup.editsup .input-group-addon { text-transform: none; font-size: 12px; } .automation-mup .store-box .connect-ico { position: absolute; bottom: 0; right: 0; background-color: #82bd41; height: 27px; width: 27px; padding-top: 4px; } .automation-mup .store-box .connect-ico img { width: 15px; } .automation-mup .modal-screentshot { width: 200px; height: 200px; margin-bottom: 20px; } .automation-mup .modal-btn-div .btn { font-size: 13px; } .automation-mup .modal-body .table {} .automation-mup .modal-body .table tr td { border-color: #f2f2f2; } .automation-mup .modal-body .table tr td img { max-height: 50px; } .automation-mup .modal-body .table tr td:first-child { width: 60px; } .automation-mup .modal-body .progress { height: 5px; margin-top: 20px; border-radius: 0; } .automation-mup .tab-white .tab-content { padding: 25px 37px; } /*Expanding Grid*/ .expanding-grid { position: relative; width: 100%; } .expanding-grid .item-cat { position: relative; } .expanding-grid .checkbox-div { position: absolute; left: 1em; top: 1em; background-color: #e5e5e5; padding: 1px 5px 2px; z-index: 6; margin-left: 1px; margin-top: 1px; } .expanding-grid .checkbox-div.chked { background-color: #87c466; } .automation-mup.supplrdiv .catlgdiv.chked { border-color: #87c466; } .expanding-grid .checkbox-div input[type=checkbox]:checked { border-color: #87c466; background-color: #87c466; } .expanding-grid .checkbox-div input[type=checkbox]:checked::after { content: url(../img/ico-check.svg); } .expanding-grid .links { display: block; margin: 0 -1em; /*overflow: hidden;*/ padding: 1em 0; } .expanding-grid .links > li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 1em; } .expanding-grid .links > li a { display: block; position: relative; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .expanding-grid .links > li a.active:after { background-color: transparent; border-bottom: 1em solid #ecedee; border-left: 1em solid transparent; border-right: 1em solid transparent; bottom: -1.2em; content: ""; height: 0; left: 50%; margin-left: -0.375em; position: absolute; width: 0; } .expanding-grid .spacer { background-color: #fff; clear: both; display: block; margin: 0 1em; } .expanding-grid .expanding-container { clear: both; display: none; /*overflow: hidden;*/ width: 100%; } .expanding-grid .expanding-container.expanded, .expanding-grid .expanding-container:target { display: block; } .expanding-grid .hentry { background: #fff; border: 1px solid #ecedee; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; min-height: 4em; /*overflow: hidden;*/ padding: 0; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .expanding-grid .hentry .table { margin: 0; } .expanding-container .table > thead > tr > th { padding: 10px 20px; border: 0; background-color: #ecedee; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 13px; color: #252525; width: 40% } .expanding-container .table > tbody > tr > td { border: 0; padding: 10px 20px 2px; font-size: 12px; } .expanding-container .btns-div { padding: 0 20px 20px; } .expanding-grid .close-button { color: #ccc; display: inline-block; height: auto; line-height: 1; overflow: hidden; padding: 6px 10px 10px 10px; text-decoration: none; white-space: nowrap; width: auto; will-change: opacity; z-index: 5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; } .expanding-grid .close-button.active { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .expanding-grid .close-button:hover { opacity: 0.5; } /*Product Info*/ .product-info { font-size: 11px; color: #8e9398; } .product-info .number { color: #8e9398; } .product-info .star { font-size: 12px; color: #d8dbdf; } .product-info .star .glyphicon.active { color: #ffb000; } .product-info .star .number { font-size: 11px; } .product-info .detls { line-height: 21px; } .product-info .detls .glyphicon { font-size: 9px; color: #c7cbd0; } .product-info .detls .number { float: right; } .product-info li.detls:nth-child(2) .glyphicon { color: #82c853; } .product-info li.detls:nth-child(3) .glyphicon { color: #26b7d7; } .product-info li.detls:nth-child(4) .glyphicon { color: #f97442; } .product-info li.detls:nth-child(5) .glyphicon { color: #7a8dde; } .product-info li.detls:nth-child(6) .glyphicon { color: #fb7881; } .supplrdiv .catprce span { font-size: 12px; } .shiptime { font-size: 11px; color: #8e9398; margin-top: 5px; overflow: hidden; } .shiptime .method { width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; } .shiptime .days { overflow: hidden; float: right; } /*Warning icon*/ .warn-product .ico-warning-remove { color: #ffc108; margin-right: 2px; } .warn-product .warning-msg { position: absolute; left: 1em; top: 1em; background-color: #fff; z-index: 5; width: 170px; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 2; font-size: 11px; line-height: 16px; opacity: 1; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .warn-product .warng-header { background-color: #ffc108; color: #fff; padding: 5px 10px; } .warn-product .warng-content { padding: 5px 10px; border: 1px solid #e5e5e5; border-top: 0; } .warning-msg .close { font-size: 18px; font-weight: 600; line-height: 14px; } .show-warning:hover { cursor: pointer; } /*Search update*/ .automation-mup .divserchrow.supplrdiv .tab-white.suplrinfo { border: 0; background-color: transparent; } .automation-mup .divserchrow.supplrdiv .tab-white.suplrinfo .tab-content { padding: 0; } .automation-mup .divserchrow.supplrdiv .tab-white.suplrinfo .tab-content .item-cat .catlgdiv { background-color: #fff; } .automation-mup .divserchrow.supplrdiv .tab-white.suplrinfo .tab-content .item-cat .catlgdiv.error { border: 1px solid #f75464; box-shadow: 0 0 0 1px #f75464; } .automation-mup .dircat { font-size: 12px; } .automation-mup .dircat .form-category { border: 0; padding: 13px 15px; margin-bottom: 0; } .automation-mup .dircat .form-group.form-group-auto { padding-bottom: 0; } .automation-mup .dircat .form-group.form-group-auto:last-child { border-bottom: 10px solid #f2f3f5; padding-bottom: 10px; } .automation-mup .dircat .form-group .bootstrap-select.btn-group .dropdown-menu li { padding: 0; } .automation-mup .dircat .form-group .price-num { color: #58c03B; font-size: 12px; font-weight: 500; } .expanding-container .table-div { position: relative; } .expanding-container .table-div .coming-soon { position: absolute; width: 60%; height: 75%; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); z-index: 3; right: 0; top: 38px; } .expanding-container .table-div .coming-soon span { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #74787c; background-color: #fff; padding: 4px 13px 6px; border: 1px solid #e5e7e8; border-radius: 32px; font-size: 13px; font-weight: 600; } footer.automation-mup { padding: 35px 0 20px; } /*Modal Update Info*/ .productImportInfo .modal-body { padding: 35px 50px 40px; } .productImportInfo .modal-body .imageCon { width: 55px; height: 55px; display: inline-block; position: relative; border: 1px solid #efefef; } .productImportInfo .modal-body .imageCon .close { font-weight: 600; font-size: 16px; position: absolute; right: 0; text-shadow: none; line-height: 9px; padding: 3px; } .productImportInfo .modal-body form label { padding-right: 0; padding-left: 0; font-weight: 600; font-size: 13px; } .productImportInfo .modal-body form .form-control { font-size: 13px; } .productImportInfo .modal-body form .input-group-addon { border-radius: 0; } .productImportInfo .modal-body .form-group { margin-bottom: 8px; } /*Loader*/ .expanding-grid .loader-wrap { background: #f2f3f5; } .catimgd .loader-wrap, .upload-store .loader-wrap { background: #fff; } .loader-auto { position: absolute; font-size: 14px; z-index: 5; text-align: center; color: #333; font-weight: 400; letter-spacing: 1px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .loader-wrap { width: 100%; height: 100%; position: absolute; text-align: center; margin-top: 0; opacity: 0.85; z-index: 4; } .loader-auto .spinner-container { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; } .loader-auto .spinner-container .path { stroke-dasharray: 1, 150; /* 1%, 101% circumference */ stroke-dashoffset: 0; stroke: rgba(186, 188, 189, 1); stroke-linecap: round; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 150; /* 1%, 101% circumference */ stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; /* 70%, 101% circumference */ stroke-dashoffset: -35; /* 25% circumference */ } 100% { stroke-dasharray: 90, 150; /* 70%, 101% circumference */ stroke-dashoffset: -124; /* -99% circumference */ } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; /* 1%, 101% circumference */ stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; /* 70%, 101% circumference */ stroke-dashoffset: -35; /* 25% circumference */ } 100% { stroke-dasharray: 90, 150; /* 70%, 101% circumference */ stroke-dashoffset: -124; /* -99% circumference */ } } /*Photo ALbum*/ .expanding-container .table .carousel { border: 1px solid #ecedee; margin-top: 20px; height: 180px; overflow: hidden; margin-left: 10px; } .expanding-container .table .carousel .carousel-inner {} .expanding-container .table .carousel .item { margin: 0; min-height: inherit; height: 180px; overflow: hidden; } .expanding-container .table .table-carousel.carousel .item .thumb { width: 25%; cursor: pointer; float: left; } .expanding-container .table .table-carousel.carousel .item .thumb img { width: 100%; margin: 2px; } .expanding-container .table .table-carousel.carousel.main-image .item img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; } .expanding-container .table .table-carousel.carousel.thumb-image .item, .expanding-container .table .table-carousel.carousel.thumb-image { height: auto; border: 0; margin-top: 5px; } .expanding-container .table .table-carousel.carousel.thumb-image { overflow: inherit; } .expanding-container .table .table-carousel.carousel.thumb-image .carousel-control { text-shadow: none; } .expanding-container .table .table-carousel.carousel.thumb-image .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0001) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .0001))); background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fffffff', endColorstr='#fffffff', GradientType=1); margin-left: -25px; } .expanding-container .table .table-carousel.carousel.thumb-image .carousel-control.right { background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .5) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .0001)), to(rgba(255, 255, 255, .5))); background-image: linear-gradient(to right, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffff', endColorstr='#8fffffff', GradientType=1); margin-right: -25px; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { color: #7a7e84; font-size: 12px; width: 14px; height: 14px; margin-top: -5px; } .photo-album { position: relative; } .expanding-container .table-div #preview { position: absolute; border: 1px solid #999; background: #fff; z-index: 4; margin-left: 10px; display: none; } .expanding-container .table-div #preview img { width: 360px; max-width: inherit; } /*Burger Menu*/ #burger-menu { position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } #burger-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } #burger-menu span:nth-child(1) { top: 8px; left: 6px; width: 15px; } #burger-menu span:nth-child(2), #burger-menu span:nth-child(3) { top: 12px; left: 6px; width: 15px; } #burger-menu span:nth-child(4) { top: 16px; left: 6px; width: 15px; } .dropdown-action.open #burger-menu span:nth-child(1) { top: 12px; width: 0%; left: 50%; } .dropdown-action.open #burger-menu span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .dropdown-action.open #burger-menu span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .dropdown-action.open #burger-menu span:nth-child(4) { top: 12px; width: 0%; left: 50%; } @media (max-width: 767px) { .automation-mup .connect-store-tab { padding: 10px 0; } .automation-mup .store-box { width: 50px; height: 50px; padding: 10px; } } /** Version 2 additional style **/ .item-cat.product-block .catlgdiv { border: 1px solid #dbdbdb; background-color: #fff; } .item-cat.product-block .catlgdiv:hover { box-shadow: 0 12px 13px 3px rgba(0, 0, 0, 0.18); border: 1px solid #55C231; } .side-filter .form-group .btn-group.open .dropdown-toggle, .side-filter .form-group .btn-group .dropdown-toggle:hover { border-color: #55C231; } .side-filter .bootstrap-select.btn-group .dropdown-menu { top: 0; margin-top: 0; box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.25); } .side-filter .bootstrap-select.btn-group.dropup .dropdown-menu { top: inherit; margin-top: inherit; bottom: 0; margin-bottom: 0; } .push-right-marker { margin-left: 25px; } .automation-mup .dircat.side-filter .form-group.form-group-auto:last-child { padding-bottom: 30px; } .automation-mup .dircat.side-filter .bootstrap-select.btn-group .dropdown-menu li a { padding: 8px 10px; } .automation-mup .dircat.side-filter .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text::before { top: 9px; } .automation-mup .dircat.side-filter .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 0; display: block; } .automation-mup .dircat.side-filter .bootstrap-select.btn-group .dropdown-menu li small { float: right; } .automation-mup .dircat.side-filter h6.label-side { padding: 0 15px; margin-bottom: 0; font-weight: 400; font-size: 12px; text-transform: uppercase; } .vertical-marker { width: 10px; height: 100%; position: absolute; font-size: 15px; color: #59c03c; } .vertical-marker:before { content: ""; display: block; width: 0; height: 100%; border: 1px dashed #ccc; position: absolute; top: 20px; left: 7px; } .vertical-marker.empty:before { height: 0; border: 0; } .vertical-marker .glyphicon { background-color: #fff; border-top: 2px solid #fff; } .vertical-marker .ico-start { width: 11px; height: 11px; border-radius: 12px; background-color: #59c03c; float: left; margin-left: 2px; margin-top: 6px; } .expanding-grid .item-cat.product-block .checkbox-div { background-color: #f2f3f5; margin: 1px; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 8px 11px 7px 11px; } .expanding-grid .item-cat.product-block .added-list { position: absolute; background-color: #131951; color: #fff; height: 41px; text-transform: uppercase; font-size: 13px; z-index: 2; top: 14px; left: 55px; padding: 7px 12px; right: 14px; } .expanding-grid .item-cat.product-block .added-list img { height: 18px; vertical-align: sub; } .expanding-grid .item-cat.product-block .checkbox-div.chked { background-color: #59c03c; border-color: transparent; } .expanding-grid .item-cat.product-block .checkbox-div input[type=checkbox]:checked { border-color: #59c03c; background-color: #59c03c; } .expanding-grid .item-cat.product-block .checkbox-div:hover input[type=checkbox]:checked { border-color: #33AA0B; background-color: #33AA0B; } .expanding-grid .item-cat.product-block .checkbox-div.chked:hover { background-color: #33AA0B; } .expanding-grid .item-cat.product-block .checkbox-div.chked + div .catlgdiv { /*border-color: #59c03c;*/ } .expanding-grid .item-cat.product-block .checkbox-div input[type=checkbox]:checked::after { content: url(../img/ico-check-16x16.svg); top: -1px; left: -1px; } .expanding-grid .item-cat.product-block .checkbox-div:hover input[type=checkbox]:checked::after { content: url(../img/ico-cross-16x16.svg); } #product-catalog .expanding-grid .item-cat.product-block .checkbox-div:hover input[type=checkbox]:checked::after { content: url(../img/ico-check-16x16.svg); } .updatever2_1 .item-cat.product-block .catimgd { height: 210px } .updatever2_1 .item-cat.product-block .catimgd .item { margin-top: 0; min-height: 210px; } .updatever2_1 .item-cat.product-block .carousel-control { z-index: 4; position: absolute; background-image: none; top: 108px; height: 22px; opacity: .2; } .updatever2_1 .item-cat.product-block .carousel-control:hover, .updatever2_1 .item-cat.product-block .carousel-control:focus { filter: alpha(opacity=90); outline: 0; opacity: .9; } .updatever2_1 .item-cat.product-block .carousel-control.left { margin-left: .7em; } .updatever2_1 .item-cat.product-block .carousel-control.right { margin-right: .7em; } .updatever2_1 .item-cat.product-block .carousel-control .arrow { display: inline-block; width: 12px; height: 12px; border-top: 2px solid #000; border-right: 2px solid #000; } .updatever2_1 .item-cat.product-block .carousel-control:hover .arrow, .updatever2_1 .item-cat.product-block .carousel-control:focus .arrow { border-top: 2px solid #59c03c; border-right: 2px solid #59c03c; } .updatever2_1 .item-cat.product-block .carousel-control .arrow.arrow-right { transform: rotate(45deg); } .updatever2_1 .item-cat.product-block .carousel-control .arrow.arrow-left { transform: rotate(-135deg); } .supplrdiv .item-cat.product-block .catimgd .item a { position: initial; } .supplrdiv .item-cat.product-block .photo-album { position: initial; } .supplrdiv .item-cat.product-block #preview { position: absolute; background: #fff; z-index: 5; margin-left: -.5em; margin-top: 1em; display: none; box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.12); border: 1px solid #dbdbdb; } .supplrdiv .item-cat.product-block #preview img { width: 360px; max-width: inherit; } .supplrdiv .item-cat.product-block .catimgd img { padding: 40px 10px 20px; max-height: 100% !important; } .updatever2_1 .item-cat.product-block .catdesd { border: 0; font-size: 11px; } .updatever2_1 .item-cat.product-block .catdesd .title-tooltip { position: absolute; top: 0; left: 0; background-color: #fff; z-index: 2; font-size: 12px; font-weight: 600; color: #333; line-height: 16px; padding: 8px 12px; display: none; } .expanding-grid.product-grid .expanding-container .tab-div .title-tooltip { position: absolute; top: 0; left: 0; padding-right: 30px; background-color: #fff; padding-bottom: 5px; z-index: 4; display: none; } .updatever2_1 .item-cat.product-block .catdesd .company .title-tooltip { padding-right: 30px; color: #737373; font-size: 11px; padding: 0; font-weight: 400; color: #737373; line-height: 24px; padding: 8px; background-color: #fff; line-height: 18px; padding-left: 20px; background-image: url(../img/ico-external-link-hover.svg); background-repeat: no-repeat; background-position: left 11px; } .automation-mup .updatever2_1 .item-cat .cattletrun:hover + .title-tooltip, .updatever2_1 .item-cat.product-block .catdesd .title-tooltip:hover, .expanding-container.product-expanded .title-expand:hover + .title-tooltip, .expanding-grid.product-grid .expanding-container .tab-div .title-tooltip:hover, .updatever2_1 .item-cat.product-block .catdesd .company a:hover + .title-tooltip, .updatever2_1 .item-cat.product-block .catdesd .company .title-tooltip:hover { display: block; } .product-block .catdesd .title-spec { color: #4A4A4A; font-weight: 600; padding: 9px 0 6px; overflow: hidden; } .product-block .catdesd .title-spec a { display: inline-block; color: #4A4A4A; } .product-block .catdesd .title-spec a:hover { color: #33AA0B; } .product-block .catdesd .title-spec span.price { color: #F69900; font-size: 15px; } .product-block .catdesd .title-spec .glyphicon { color: #55C231; font-size: 9px; } .product-block .catdesd .trusted { border-top: 2px solid #ebeae8; padding: 5px 0 4px; border-bottom: 2px solid #ebeae8; } .product-block .catdesd .trusted .glyphicon { font-size: 12px; } .product-block .catdesd .trusted .glyphicon.glyphicon-star:before { content: "\e006 \e006 \e006 \e006 \e006"; letter-spacing: 3px; margin-right: -4px; } .product-block .catdesd .trusted .number { font-weight: 600; color: #808080; } .product-block .catdesd .trusted .rating-div { unicode-bidi: bidi-override; position: relative; display: inline-block; } .product-block .catdesd .trusted .rating-div .fill-rating { color: #F69900; padding: 0; position: absolute; z-index: 1; display: block; top: 0; left: 0; overflow: hidden; } .product-block .catdesd .trusted .rating-div .fill-rating span { display: inline-block; } .product-block .catdesd .trusted .rating-div .star-empty { display: block; color: #ccc; z-index: 0; } .product-block .catdesd .orders { padding: 5px 0; color: #808080; } .product-block .catdesd .orders span.pull-right { color: #333; font-weight: 600; } .product-block .catdesd .company { border-top: 2px solid #ebeae8; border-bottom: 2px solid #ebeae8; padding: 8px 0; margin-bottom: 5px; position: relative; line-height: 18px; } .product-block .catdesd .company a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px; color: #737373; background-image: url(../img/ico-external-link.svg); background-repeat: no-repeat; background-position: left; padding-left: 20px; } .product-block .catdesd .company a:hover { background-image: url(../img/ico-external-link-hover.svg); } .product-block .catdesd .company span.pull-right { background-color: #F69900; color: #fff; border-radius: 3px; padding: 0 4px; line-height: 18px; } .product-block .catdesd .ships { color: #737373; } .product-block .catdesd .ships .group { position: relative; padding: 4px 0; } .product-block .catdesd .ships .group span.pull-right { color: #333; font-weight: 600; } .product-block .catdesd .ships .group.process-time .glyphicon { color: #909090; font-size: 13px; margin-left: 1px; } .product-block .catdesd .cost { color: #737373; background-color: #f2f3f5; border-radius: 3px; padding: 3px 7px; line-height: 16px; } .product-block .catdesd .cost .row { margin-left: -10px; margin-right: -10px; } .product-block .catdesd .cost div[class^=col-] { padding-left: 10px; padding-right: 10px; } .product-block .catdesd .cost span { color: #333; font-weight: 600; } .shipping-option .form-group { margin: 0; text-align: left; } .shipping-option .form-group .bootstrap-select > .dropdown-toggle { border: 0; padding: 2px; font-size: 11px; color: #4A4A4A; text-align: left; } .shipping-option .form-group .bootstrap-select > .dropdown-toggle:hover { color: #33AA0B; } .shipping-option .form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-decoration: underline; width: auto; float: none !important; } .shipping-option .form-group .bootstrap-select.btn-group .dropdown-toggle .caret { color: #59c03c; opacity: 1; position: relative; right: 0; margin-left: 2px; top: -2px; } .expanding-grid .product-expanded .hentry { box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.12); border: 1px solid #DBDBDB; padding: 15px; } .expanding-grid .product-expanded .hentry .tab-content > .tab-pane { background-color: #f2f3f5; padding: 20px; } .expanding-grid .product-expanded .hentry .nav-tabs > li:first-child { margin-left: 10px; } .expanding-grid .product-expanded .hentry .nav-tabs > li > a { font-size: 13px; border-color: transparent; font-family: 'Poppins', sans-serif; border-radius: 0; color: #333; background-color: transparent; margin-right: 2px; } .expanding-grid .product-expanded .hentry .nav-tabs > li.active > a, .expanding-grid .product-expanded .hentry .nav-tabs > li > a:hover { background-color: #f2f3f5; border-color: #e5e5e5; border-bottom-color: transparent; } .expanding-grid .product-expanded .hentry .nav-tabs > li.active:after { border: 0; } .expanding-grid .product-expanded .hentry .tab-content > .tab-pane ul { margin: 0; } .expanding-grid .product-expanded .hentry .tab-content > .tab-pane ul li { font-size: 12px; padding: 3px 0; color: #666; } .expanding-grid .product-expanded .hentry .tab-content > .tab-pane .row .col-md-6 { border-right: 2px solid #D7D5D2; } .expanding-grid .product-expanded .hentry .tab-content > .tab-pane .row .col-md-6:last-child { border: 0; } .expanding-container.product-expanded .title-expand { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px; } .expanding-grid.product-grid .close-button { font-size: 30px; margin-top: 12px; margin-right: 7px; margin-left: 10px; } .expanding-container.product-expanded .btns-div { padding: 15px 0 0; } .expanding-container.product-expanded .btns-div .link-view { color: #666; margin: 10px 0; display: inline-block; font-size: 12px; font-weight: 500; } .expanding-container.product-expanded .btns-div .link-view img.logo-view { width: 90px; vertical-align: middle; display: inline-block; } .expanding-container.product-expanded .btns-div .link-view:hover, .expanding-container.product-expanded .btns-div .link-view:focus { text-decoration: none; color: #333; } .expanding-container.product-expanded .btns-div .btn-import, .expanding-container.product-expanded .btns-div .add-to-import, .expanding-container.product-expanded .btns-div .btn-view, .expanding-container.product-expanded .btns-div .btn-remove-imported { font-size: 12px; font-weight: 600; } .expanding-grid.product-grid .expanding-container { margin-top: 6px; } .expanding-grid.product-grid .expanding-container .tab-div { position: relative; } .expanding-grid.product-grid .spacer { background-color: transparent; } .expanding-grid.product-grid .links > li .prod-item.active:after, .expanding-grid.product-grid .links > li .prod-item.active:before { bottom: -0.5em; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 4; } .expanding-grid.product-grid .links > li .prod-item.active:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 15px; margin-left: -15px; } .expanding-grid.product-grid .links > li .prod-item.active:before { border-color: rgba(219, 219, 219, 0); border-bottom-color: #dbdbdb; border-width: 16px; margin-left: -16px; } .product-selected { position: fixed; width: 100%; bottom: 0; background-color: #131951; color: #fff; z-index: 1001; padding: 15px 0; font-family: 'Poppins', sans-serif; } .product-selected .div-seperator { height: 10px; display: none; } .product-selected .title { display: inline-block; font-size: 16px; } .product-selected .count { color: #364359; background-color: #fff; border-radius: 2px; font-weight: 600; font-size: 16px; padding: 5px 20px; vertical-align: middle; margin-left: 5px; display: inline-block; } .product-selected .btn, .modal-automation .btn, .modal-automation-normal .btn { font-size: 12px; } .product-selected .btn.btn-with-icon img, .modal-automation .btn.btn-with-icon img { width: 15px; vertical-align: bottom; } .product-selected .btn.btn-transparent { background-color: #3F457B; color: #fff; margin-left: 10px; } .product-selected .btn.btn-green, .product-selected .btn.btn-red, .product-selected .btn.btn-view { margin-left: 10px; } .product-selected .btn.btn-transparent:hover { background-color: #383e72; } .product-selected .btn.btn-transparent.btn-delete:hover { background-color: #E1000A; } .modal-automation button.close:focus, .modal-automation button.close:active { outline: none; } .modal-automation button.close { float: none; color: #fff; text-shadow: none; opacity: 1; font-weight: 400; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: -40px; font-size: 14px; } .modal-automation button.close span { background-color: #fff; width: 34px; height: 34px; text-align: center; color: #909090; display: inline-block; border-radius: 34px; padding: 5px; vertical-align: middle; font-size: 22px; margin-left: 5px; } .modal.in.modal-automation .modal-dialog { margin-top: 70px; top: 45%; -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); -o-transform: translateY(-45%); transform: translateY(-45%); } .modal-automation .modal-header { background-color: #364359; color: #fff; padding: 10px 30px; } .modal-automation .modal-header .modal-title { font-weight: 300; font-size: 16px; line-height: 36px; } .modal-automation .modal-header .modal-title span { font-size: 26px; font-weight: 500; vertical-align: middle; } .modal-automation .modal-content { border: 0; box-shadow: 0 12px 21px 0 rgba(0, 0, 0, 0.5); } .modal-automation .modal-header .btn.btn-transparent { background-color: #495974; color: #fff; margin: 0 10px; } .modal-automation .modal-header .btn.btn-transparent:hover { background-color: #41516b; } .modal-automation .btn.btn-view, .import-selected .btn.btn-view { background-color: #e3e6ec; color: #474b53; border-color: transparent; } .modal-automation .btn.btn-view:hover, .import-selected .btn.btn-view:hover { background-color: #ffffff; } .modal-automation .modal-body { padding: 20px 30px; max-height: 615px; } .modal-automation.scroll .modal-body { overflow-y: scroll; } .modal-automation .cattletrun { font-size: 12px; font-weight: 600; color: #333; line-height: 16px; background: #fff; } .modal-automation .item-cat.product-block .catimgd img { padding: 30px 10px; } .modal-automation .modal-footer { border: 0; padding: 0 30px 20px; } .modal-automation .modal-footer .btn { font-family: 'Poppins', sans-serif; font-size: 14px; padding: 9px 20px 8px; } .modal-automation .same-padding .modal-body { padding: 25px 25px 15px; } .modal-automation .same-padding .modal-header, .modal-automation .same-padding .modal-footer { padding-left: 25px; padding-right: 25px; } .import-list .nav-tabs { margin-top: 40px; } .import-list .nav-tabs > li { font-family: 'Poppins', sans-serif; } .import-list .nav-tabs > li > a { border-radius: 0; font-weight: 500; color: #959596; background-color: #e1e2e4; margin: 0; } .import-list .nav-tabs > li > a:hover { border-color: transparent; } .import-list .nav-tabs > li.active > a { background-color: #fff; color: #333; border-color: transparent; } .import-list .nav-tabs > li.active > a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 8px; margin-left: -8px; } .import-list .nav-tabs > li > a .badge { font-weight: 400; font-size: 11px; padding: 4px 9px 1px; margin-top: -10px; } .import-list .nav-tabs > li.active > a .badge { background-color: #1BC49E; color: #fff; } .import-list .nav-tabs > li > a .badge.notification { background-color: transparent; color: #777; font-size: 13px; padding: 0; } .import-list .nav-tabs > li.active > a .badge.notification { color: #f43f4e; } .import-list .import-header { margin: 25px 0; } .import-list .import-header h5 { margin: 3px 0; } .import-list .import-header .form-inline, .import-list .import-header .form-group { display: inline-block; margin: 0; } .automation-mup.import-list .button-goup .sort-by .btn.btn-default { border-color: #dbdbdb; } .import-list .alert.alert-green { padding: 0; } .import-list .alert.alert-green .icon.icon-push { background-color: #1BC49E; float: left; padding: 12px; border-radius: 3px 0 0 3px; } .import-list .alert.alert-green .text-push { overflow: hidden; padding: 15px 20px; border: 1px solid #1BC49E; border-radius: 0 3px 3px 3px; background-color: #EEFAF7; box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.12); } .import-list .alert.alert-green .text-push .btn { font-size: 12px; margin: 0 5px; } .import-list .alert.alert-green .buttons-div { display: inline-block; margin-left: 15px; } .import-list .alert.alert-green.alert-dismissible .close { top: -5px; right: -5px; font-size: 26px; } .expanding-grid .item-cat.product-block .badge.badge-new { font-size: 11px; border-radius: 3px; background-color: #1BC49E; position: absolute; right: 27px; top: 27px; color: #fff; text-transform: uppercase; font-weight: 400; padding: 4px 5px 5px; z-index: 4; } .expanding-grid .item-cat.product-block .ico-warning { width: 40px; height: 40px; background-color: #F56F23; position: absolute; left: 1em; top: 1em; z-index: 3; text-align: center; padding: 4px; } .modal-automation-normal .modal-header { border: 0; padding: 20px; } .modal-automation-normal .modal-body { padding: 0 20px 20px; } .modal-automation-normal .modal-footer { margin: 0 20px 10px; text-align: center; } .import-list .info-setting { color: #666; margin: 20px 0 25px; border-bottom: 1px solid #DBDBDB; padding-bottom: 10px; } .imported-shopify .expanding-grid .item-cat.product-block .checkbox-div input[type=checkbox]:checked { border-color: #ED2730; background-color: #ED2730; } .imported-shopify .expanding-grid .item-cat.product-block .checkbox-div.chked { background-color: #ED2730; } .imported-shopify .expanding-grid .item-cat.product-block .checkbox-div.chked + div .catlgdiv, .imported-shopify .expanding-grid .item-cat.product-block .catlgdiv:hover { border-color: #ED2730; } .popup-shopify-connect .item { margin-top: 25px; min-height: auto; } .popup-shopify-connect.shopify-upload .item { margin-top: 0; } .popup-shopify-connect .item label { font-weight: 400; font-size: 11px; text-transform: uppercase } .popup-shopify-connect .item .input-group { margin-bottom: 20px; } .popup-shopify-connect .item .input-group-addon { border-radius: 0; font-size: 12px; } .popup-shopify-connect .item .content-text { font-size: 13px; line-height: 18px; margin: 20px 0; } .popup-shopify-connect .item .logo-box { border: 1px solid #d9dadc; padding: 20px; position: relative; } .popup-shopify-connect .item ul li { border-bottom: 1px solid #EAEAEA; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; } .popup-shopify-connect .item ul li:last-child { border: 0; } .popup-shopify-connect .item ul li .img-screenshot { float: left; margin-right: 15px; } .popup-shopify-connect .item ul li .img-screenshot .icon-push { float: left; width: 29px; height: 29px; background-color: #DEDEDE; padding: 1px; text-align: center; } .popup-shopify-connect .item ul li .img-screenshot .icon-push.check { background-color: #55C231; } .popup-shopify-connect .item ul li .img-screenshot .icon-push.warning { background-color: #F56F23; } .popup-shopify-connect .item ul li .img-screenshot .icon-push.rotate img { -webkit-animation: spin-icon 1s linear infinite; -moz-animation: spin-icon 1s linear infinite; animation: spin 1s-icon linear infinite; } @-moz-keyframes spin-icon { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin-icon { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin-icon { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .popup-shopify-connect .item ul li .img-screenshot .img { width: 60px; height: 60px; padding: 8px; border: 1px solid #DBDBDB; float: left; } .automation-mup .button-goup.list-top .sort-by .btn.btn-default { border-color: #dbdbdb; } .shipping-option .bootstrap-select.btn-group .dropdown-menu { box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.25); } .shipping-option .bootstrap-select.btn-group .dropdown-menu li a { padding: 8px 10px; } .shipping-option .bootstrap-select.btn-group .dropdown-menu li a span.text { display: block; font-size: 11px; } .shipping-option .bootstrap-select.btn-group .dropdown-menu li small { float: right; font-size: 11px; color: #333; } .tab-div .nav-tabs > li.active > a:after { border: 0; } .sidebardir .side-filter .form-group label .info-icon { width: 14px; vertical-align: sub; margin: 0 2px; } .automation-mup .dircat.side-filter .form-group .price-num { float: right; } .automation-mup .dircat.side-filter .price-num.editable .input-prepend { display: inline-block; padding: 0 0 0 3px; border: 1px solid #dbdbdb; color: inherit; font-size: inherit; font-weight: inherit; width: 45px; } .automation-mup .dircat.side-filter .price-num.editable .input-prepend:hover, .automation-mup .dircat.side-filter .price-num.editable .input-prepend:focus, .automation-mup .dircat.side-filter .price-num.editable .input-prepend:hover input, .automation-mup .dircat.side-filter .price-num.editable .input-prepend:focus input { background-color: #fff9c9; } .automation-mup .dircat.side-filter .price-num.editable input { border: none; outline: none; width: 33px; padding: 0; font-size: 11px; } .sidebardir .side-filter .form-group label { display: block; } .sidebardir .side-filter .form-group .slider-selection { background-color: #59c03c; } .shipping-options .table { background-color: #fff; margin-top: 20px !important; } .shipping-options .form-inline .form-group label { font-weight: 400; font-size: 11px; text-transform: uppercase; } .shipping-options .form-inline .bootstrap-select.btn-group { width: auto; min-width: 150px; margin-right: 20px; } .shipping-options .text-cost { color: #F69900; font-weight: 600; } .expanding-container .shipping-options .table > tbody > tr > td { border: 1px solid #ddd; padding: 10px 20px; } .expanding-container .shipping-options .table > tbody > tr > td .yes { display: inline-block; } .expanding-container .shipping-options .table > tbody > tr > td .yes::after { content: ''; display: block; border: solid #59c03c; transform: rotate(45deg); width: 8px; height: 14px; border-width: 0 2px 2px 0; } .expanding-container .shipping-options .table > thead > tr > th { width: auto; font-size: 12px; border: 1px solid #ddd; border-bottom: 0; text-transform: uppercase; font-weight: 600; } .expanding-grid .product-expanded .hentry .tab-content > .tab-pane .shipping-options .form-inline .form-group ul li { padding: 0; } .shipping-options .process-time { font-size: 12px; color: #666; margin-right: 10px; float: right; margin-top: 5px; } .shipping-options .process-time strong { font-weight: 600; color: #333; } .shipping-options .process-time .glyphicon { color: #999; font-size: 14px; margin-top: -5px; vertical-align: middle; } /*Alert*/ .alert.alert-blue { background-color: #4777C2; color: #fff; font-size: 12px; padding: 15px; padding-right: 35px; position: relative; } .alert.alert-blue .header { font-size: 14px; font-weight: 600; line-height: 20px; } .alert.alert-blue .close { font-weight: 300; font-size: 24px; text-shadow: none; } .alert.alert-blue .close:hover { color: #fff; } .alert.alert-blue .icon { float: left; margin-right: 10px; font-size: 18px; color: #33435C; } .alert.alert-blue .alert-text { overflow: hidden; } /*Select Colors*/ .select-color .new { background-color: #fff; display: inline-block; padding: 2px 10px; font-size: 11px; line-height: 18px; color: #131951; font-weight: 600; } .select-color .colors { background-color: #fff; padding: 10px; } .select-color .colors .name { float: left; font-size: 12px; color: #666; margin-right: 10px; } .select-color .list-colors { overflow: hidden; } .select-color .list-colors button { padding: 3px; background-color: #fff; border: 1px solid #ededed; } .select-color .list-colors button:focus { outline: none; } .select-color .list-colors button img { width: 40px; } .select-color .list-colors button svg { width: 40px; height: 40px; display: block; -webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .25)); filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .25)); } .select-color .list-colors button.active { border-color: #131951; } svg.color.green { fill: #00cc00; } svg.color.orange { fill: #ff6600; } svg.color.red { fill: #ff0000; } svg.color.black { fill: #333333; } svg.color.blue { fill: #0066cc; } svg.color.violet { fill: #663366; } svg.color.yellow { fill: #ffcc00; } svg.color.grey { fill: #999999; } svg.color.white { fill: #ffffff; } /** Additional style Import List**/ .import-list .item-cat.product-import .catlgdiv:hover { box-shadow: none; border: 1px solid #dbdbdb; } .import-list .item-cat.product-import .nav-tabs { margin: 0; border-bottom: 1px solid #E4E4E5; } .import-list .item-cat.product-import .nav > li > a { padding: 18px 18px 17px; font-weight: 400; background-color: transparent; border-right: 1px solid #E4E4E5; } .import-list .item-cat.product-import .nav > li > a:hover { color: #333; } .import-list .item-cat.product-import .nav > li > a .badge { margin-top: auto; border-radius: 4px; background-color: #e1e2e4; color: #959596; font-size: 11px; margin-left: 5px; font-weight: 600; } .import-list .item-cat.product-import .nav > li.active > a .badge { background-color: #4A4A4A; color: #fff; } .import-list .item-cat.product-import .nav-tabs > li.active > a { border-bottom: 1px solid #fff; } .import-list .item-cat.product-import .nav-tabs > li.active > a:after { border: 0; } .import-list .item-cat.product-import .checkbox-div { padding: 16px 18px; } .import-list .item-cat.product-import .nav-tabs > li:first-child { margin-left: 54px; } .import-list .item-cat.product-import .catimgd img { padding: 20px; } .import-list .item-cat.product-import .carousel-control { top: 50%; transform: translateY(-50%); } .import-list .item-cat.product-import .badge.badge-new { top: 32px; right: 32px; } .import-list .item-cat.product-import .tab-content-import { padding: 20px; } .import-list .item-cat.product-import .tab-footer-import { padding: 15px 20px; border-top: 1px solid #E4E4E5; overflow: hidden; } .import-list .item-cat.product-import .tab-footer-import .link-view { color: #666; margin: 6px 0; display: inline-block; font-size: 12px; } .import-list .item-cat.product-import .tab-footer-import .link-view:hover { color: #333; } .import-list .item-cat.product-import .tab-footer-import .link-view img { width: 90px; margin-left: 5px; } .import-list .item-cat.product-import .tab-footer-import .btn { font-size: 13px; font-weight: 600; margin-left: 7px; } .import-list .item-cat.product-import .catdesd .form-group { margin-bottom: 10px; } .import-list .item-cat.product-import .catdesd label { display: block; font-size: 11px; font-weight: 400; color: #717171; margin-bottom: 2px; } .import-list .item-cat.product-import .catdesd label a.ico-refresh { display: inline-block; color: #aaacb0; margin: 0 5px; } .import-list .item-cat.product-import .catdesd label a.ico-refresh:hover, .import-list .item-cat.product-import .catdesd label a.ico-refresh:active, .import-list .item-cat.product-import .catdesd label a.ico-refresh:focus { color: #59c03c; } .import-list .item-cat.product-import .catdesd label a.ico-refresh.loading .glyphicon { -webkit-animation: spin-icon 1s linear infinite; -moz-animation: spin-icon 1s linear infinite; animation: spin 1s-icon linear infinite; } .import-list .item-cat.product-import .catdesd .orig-title { font-weight: 600; font-size: 14px; line-height: 24px; } .import-list .item-cat.product-import .catdesd .orig-title label { font-size: 12px; margin-bottom: 0; } .import-list .item-cat.product-import .catdesd .twitter-typeahead { width: 100%; } .import-list .item-cat.product-import .catdesd textarea.form-control { resize: none; min-height: 104px; } .alert-pop .alert-pop-content { background-color: #3B4962; border-radius: 4px; padding: 15px; color: #fff; } .tab-content-import .table > thead > tr > th, .tab-content-import .table > tbody > tr > td { padding: 15px 20px; border: 0; } .tab-content-import .table > thead > tr > th { background-color: #F2F3F5; border: 0; font-size: 10px; text-transform: uppercase; font-weight: 600; font-family: 'Open Sans', sans-serif; width: auto; vertical-align: top; } .tab-content-import .table > tbody > tr > td { border-bottom: 1px solid #F2F3F5; font-size: 12px; vertical-align: middle; } .tab-content-import .table > tbody > tr > td:nth-child(2) { padding: 15px 0px; } .tab-content-import .table-responsive.table-pricing { height: 450px; overflow-y: auto; -webkit-box-shadow: inset 0px -20px 13px -14px rgba(0, 0, 0, 0.08); -moz-box-shadow: inset 0px -20px 13px -14px rgba(0, 0, 0, 0.08); box-shadow: inset 0px -20px 13px -14px rgba(0, 0, 0, 0.08); padding: 0 20px 20px; margin-left: -20px; margin-right: -20px; margin-bottom: -20px; } .tab-content-import .table-responsive.table-pricing .table > thead > tr > th { position: sticky; top: 0; z-index: 3; } .tab-content-import .table-pricing input[type=checkbox] { margin: 0; width: 14px; height: 14px; border-radius: 2px; vertical-align: middle; } .tab-content-import .table-pricing input[type=checkbox]:checked::after { top: -4px; left: 2px; } .tab-content-import .table-pricing input.form-control { font-size: 10px; padding: 8px; border-radius: 0; } .tab-content-import .table-pricing .input-group-addon { border-radius: 0; background-color: #F2F3F5; } .tab-content-import .table > tbody > tr > td img.image-thumbnail { width: 65px; padding: 3px; border: 1px solid #dbdbdb; } .tab-content-import .dropdown-menu > .active > a, .tab-content-import .dropdown-menu > .active > a:hover, .tab-content-import .dropdown-menu > .active > a:focus, .tab-content-import .dropdown-menu a:hover { background-color: #f2f3f5 !important; } .tab-content-import a.apply-new-pricing:hover { color: #555; } .tab-content-import .dropdown-menu > li > a:hover, .tab-content-import .dropdown-menu > li > a:focus, .tab-content-import .bootstrap-select.btn-group .dropdown-menu li:nth-of-type(even) { background-color: transparent; } .dropdown.header-dropdown { text-transform: none; } .dropdown.header-dropdown a.dropdown-toggle { color: #7c7c7c; height: 12px; font-weight: 400; } .dropdown.header-dropdown .dropdown-menu { padding: 15px; margin-top: 10px; } .dropdown.header-dropdown .dropdown-menu::after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px; } .dropdown.header-dropdown .dropdown-menu .form-group { margin-bottom: 10px; } .dropdown.header-dropdown .dropdown-menu select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; font-size: 11px; font-weight: 500; padding: 5px 0; margin: 0 0 10px; background-image: url("../img/arrow-down.svg"); background-position: 100% center; background-repeat: no-repeat; background-size: 8px; } .dropdown.header-dropdown .dropdown-menu .btn { padding: 7px 7px 8px; } .import-images .import-img-thumbnail { padding: 10px; border: 1px solid #E5E5E5; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; position: relative; } .import-images .import-img-thumbnail .action-div { position: absolute; width: 100%; height: 100%; background-color: rgba(51, 67, 91, 0.90); color: #ffffff; text-align: center; font-size: 9px; font-weight: 600; opacity: 0; transition: all .5s; } .import-images .import-img-thumbnail:hover .action-div { opacity: 1; } .import-images .import-img-thumbnail .action-div .btn { border: 1px solid #ffffff; border-radius: 3px; display: inline-block; color: #fff; padding: 2px 10px 4px; } .import-images .import-img-thumbnail .action-div .btn:hover { background-color: #ffffff; color: #33435B; } .import-images .import-img-thumbnail .action-div .btn-link { display: inline-block; color: #dce5f2; padding: 2px 10px 4px; } .import-images .import-img-thumbnail .action-div .btn-link:hover { color: #fff; text-decoration: underline; } .import-images .import-img-thumbnail .action-div .button { display: block; } .import-images .add-image-box { position: relative; height: 146px; } .import-images .add-image-box a { --border-color: #33435B; --border-weight: 1px; --dash-size: 7px; --gap-size: 7px; position: absolute; height: 100%; width: 100%; text-align: center; color: #33435B; font-size: 11px; line-height: 14px; opacity: .3; transition: all .1s; } .import-images .add-image-box a:hover { opacity: 1; } .import-images .add-image-box a:active { --border-color: #4777C2; opacity: 1; color: #4777C2; } .import-images .add-image-box a:active svg path, .import-images .add-image-box a:active svg polygon { fill: rgb(71, 119, 194); } .import-images .add-image-box a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat; background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size); } .import-images .add-image-box a .centered, .import-images .import-img-thumbnail .action-div .centered { display: inline-block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; width: 100%; } .import-images .add-image-box a .centered .format { font-weight: 600; margin: 10px 0 3px; display: block; } .import-images .add-image-box a .centered .max { font-weight: 400; font-size: 9px; } .upload-images { display: none !important; } .badge-not-available { position: absolute; right: 27px; top: 27px; background-color: transparent; color: #3B4962; font-size: 12px; font-weight: 600; } .badge-not-available .glyphicon { vertical-align: bottom; font-size: 14px; margin-left: 3px; } .imported-shopify .expanding-grid .not-available-item .catlgdiv:hover { border: 1px solid #3B4962; } .imported-shopify .expanding-grid .not-available-item .not-available { position: absolute; width: 100%; height: 100%; background-color: #3B4962; z-index: 5; color: #fff; text-align: center; box-sizing: border-box; width: calc(100% - 28px); height: calc(100% - 28px); padding: 20px; opacity: 0; transition: all .5s; } .imported-shopify .expanding-grid .not-available-item:hover .not-available { opacity: 1; } .imported-shopify .expanding-grid .not-available-item .not-available .centered { position: absolute; display: inline-block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 75%; } .imported-shopify .expanding-grid .not-available-item .not-available .glyphicon { font-size: 30px; } .imported-shopify .expanding-grid .not-available-item .not-available .na-header { font-size: 16px; font-weight: 600; margin-bottom: 10px; } .imported-shopify .expanding-grid .not-available-item .not-available .na-text { font-size: 13px; line-height: 19px; margin-bottom: 20px; } .imported-shopify .expanding-grid .not-available-item .not-available .btn { border: 1px solid #ffffff; border-radius: 3px; display: inline-block; color: #fff; padding: 5px 10px 6px; font-size: 12px; } .imported-shopify .expanding-grid .not-available-item .not-available .btn:hover { background-color: #ffffff; color: #33435B; } .imported-shopify .expanding-grid .not-available-item .cattletrun, .imported-shopify .expanding-grid .not-available-item .catdesd .title-spec span.price { color: rgba(0, 0, 0, 0.25); } .alert-pop.modal-automation .modal-content { box-shadow: none; background-color: transparent; } .alert-pop .alert-pop-content .glyphicon { font-size: 18px; vertical-align: text-bottom; margin-right: 5px; } /*Card Flip*/ .card-flip { position: absolute; width: calc(100% - 28px); height: calc(100% - 28px); transform-style: preserve-3d; transition: all .75s ease-in-out; } .card-flip:hover { transform: rotateY(180deg); } .card-flip .item-info { position: absolute; width: 100%; z-index: 1; } .card-flip .badge-not-available .card-flip .not-available, .card-flip .item-info { backface-visibility: hidden; overflow: hidden; } .card-flip .badge-not-available { top: 12px; right: 12px; } .expanding-grid .item-cat.product-block .card-flip .checkbox-div { left: 0; top: 0; z-index: 0; } .imported-shopify .expanding-grid .not-available-item .card-flip .not-available { opacity: 1; width: calc(100% - 2px); height: calc(100% - 2px); transform: rotateY(180deg); top: 1px; left: 1px; z-index: 0; } .updatever2_1 .item-cat.product-block .card-flip .carousel-control.left { margin-left: 0; z-index: 0; } .updatever2_1 .item-cat.product-block .card-flip .carousel-control.right { margin-right: 0; z-index: 0; } .imported-shopify .expanding-grid .item-cat.product-block .card-flip .catlgdiv:hover { border: 1px solid #dbdbdb; } /*Onboarding*/ .label.label-beta { background-color: #2c007a; font-size: 9px; vertical-align: middle; line-height: 16px; font-weight: 600; display: inline-block; padding: 0 4px; margin-top: -3px; } .automation-mup.onboarding-quiz h5 { color: #4A4A4A; font-family: "Open Sans"; font-size: 16px; margin-bottom: 20px; } .automation-mup.onboarding-quiz .form-group { position: relative; margin-bottom: 19px; } .automation-mup.onboarding-quiz .form-group label { color: #666666; font-size: 11px; font-weight: 400; display: block; line-height: 20px; margin-bottom: 8px; } .automation-mup.onboarding-quiz .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .automation-mup.onboarding-quiz .form-group .bootstrap-select > .dropdown-toggle { font-size: 14px; color: #333333; border-radius: 0; padding: 10px; padding-right: 25px; } .automation-mup.onboarding-quiz .form-group .bootstrap-select .dropdown-toggle::before { pointer-events: none; content: ''; background-image: url(../img/arrow-down.svg); background-repeat: no-repeat; background-size: 100% auto; background-position: center; height: 11px; width: 11px; margin-bottom: -.5625em; display: block; position: absolute; top: 50%; right: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; opacity: .5; } .automation-mup.onboarding-quiz .form-group .bootstrap-select .dropdown-toggle .bs-caret { display: none; } .automation-mup.onboarding-quiz .form-group .bootstrap-select .dropdown-toggle:hover, .automation-mup.onboarding-quiz .form-group .bootstrap-select .dropdown-toggle:focus, .automation-mup.onboarding-quiz .form-group textarea.form-control:focus, .automation-mup.onboarding-quiz .form-group .input-group .form-control:focus { border-color: #59c03c; } .automation-mup.onboarding-quiz .form-group.has-error .bootstrap-select > .dropdown-toggle { border-color: #e93443; color: #8d8d8d; } .automation-mup.onboarding-quiz .form-group textarea.form-control { resize: none; } .automation-mup.onboarding-quiz .form-group .bootstrap-select.btn-group .dropdown-menu li a { font-size: 13px; padding: 7px 10px; } .automation-mup.onboarding-quiz .form-group .bootstrap-select.btn-group .dropdown-menu { box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.25); margin-top: 0; } .automation-mup.onboarding-quiz .text-count { color: #999999; font-size: 10px; display: block; } .automation-mup.onboarding-quiz .store-name { background-color: #f7f7f7; padding: 15px 15px 5px; position: relative; } .automation-mup.onboarding-quiz .store-name .form-control { font-size: 13px; } .automation-mup.onboarding-quiz .store-name .input-group ::-webkit-input-placeholder { color: #cccccc; } .automation-mup.onboarding-quiz .store-name .input-group-addon:last-child { border-top-right-radius: 1px; border-bottom-right-radius: 1px; } .automation-mup.onboarding-quiz .form-group ::-webkit-input-placeholder { color: #333333; } .automation-mup.onboarding-quiz .form-group ::-moz-placeholder { color: #333333; } .automation-mup.onboarding-quiz .form-group :-ms-input-placeholder { color: #333333; } .automation-mup.onboarding-quiz .form-group :-moz-placeholder { color: #333333; } .automation-mup.onboarding-quiz .has-error .help-block { color: #d6202f; font-weight: 400; padding: 2px 0; font-size: 12px; } .automation-mup.onboarding-quiz .has-error .help-block.arrow-right::before { content: '\25ba'; font-size: 9px; display: inline-block; vertical-align: bottom; } @media (max-width: 979px) and (min-width: 768px) { .tab-content-import .table > thead > tr > th, .tab-content-import .table > tbody > tr > td { padding: 10px; } .automation-mup .video-sidebar .video-info { text-align: center; } } @media (max-width: 767px) { .item-cat.product-block .catlgdiv { max-width: none; } .expanding-grid .links > li.product-block { float: none; } .shipping-options .process-time { float: none; margin: 0 0 10px; } .expanding-grid .product-expanded .hentry .tab-content > .tab-pane .row .col-md-6 { border: 0; } .import-list .alert.alert-green .icon.icon-push { display: none; } .automation-mup .button-goup .sort-by label { display: block; } .import-list .item-cat.product-import .nav > li > a { font-size: 12px; padding: 10px; border-bottom: 1px solid #E4E4E5; } .import-list .item-cat.product-import .checkbox-div { padding: 7px 10px; } .import-list .item-cat.product-import .nav-tabs > li:first-child { margin-left: 38px; } .import-list .item-cat.product-import .nav-tabs li { display: block; width: 100%; margin-left: 38px; } .import-list .item-cat.product-import .nav-tabs > li.active > a { border-bottom: 1px solid #E4E4E5; } .import-list .item-cat.product-import .nav-tabs { overflow: hidden; } .import-list .item-cat.product-import .badge.badge-new { top: 25px; right: 25px; } .import-list .item-cat.product-import .tab-content-import, .import-list .item-cat.product-import .catdesd, .import-list .item-cat.product-import .catdesd .container-fluid { padding: 0; } .import-list .item-cat.product-import .tab-footer-import .btn { width: 100%; margin: 5px 0; } .import-list .item-cat.product-import .tab-footer-import { text-align: center; } .import-list .item-cat.product-import .tab-footer-import .link-view { margin-top: 20px; } .import-list .item-cat.product-import .tab-footer-import { padding: 20px 0 0; } .import-list .item-cat.product-import .catimgd .item { min-height: 150px; } .import-list .item-cat.product-import .catimgd { height: auto; margin-bottom: 20px; } .import-list .alert.alert-green .buttons-div { display: block; margin-left: 0; } .import-list .alert.alert-green .buttons-div .btn { display: block; } .import-list .alert.alert-green .buttons-div .btn.btn-view-all, .import-list .alert.alert-green .buttons-div .btn.btn-clear-all { width: 48%; display: inline-block; } .import-list .item-cat.product-import .catimgd img { padding: 10px; } .tab-content-import .shipping-options .form-inline .form-group { margin-bottom: 5px; } .tab-content-import .shipping-options .form-inline .form-group label { display: block; margin-bottom: 2px; } .tab-content-import .shipping-options .form-inline .bootstrap-select.btn-group { min-width: auto; margin-right: 0; display: block; } .tab-content-import .shipping-options .form-inline .form-group .bootstrap-select > .dropdown-toggle { float: none; } .tab-content-import .table > thead > tr > th, .tab-content-import .table > tbody > tr > td { padding: 10px; } .tab-content-import .table-pricing input.form-control { min-width: 50px; } .tab-content-import .table > tbody > tr > td:nth-child(2) { padding: 10px 0px; } .expanding-grid.product-grid .expanding-container .tab-div .nav-tabs > li { float: none; margin: 0 !important; } .expanding-grid.product-grid .expanding-container .tab-div .nav-tabs > li.active > a { border-color: transparent; color: #333; background-color: transparent; border-bottom: 1px solid #E4E4E5; } .expanding-grid.product-grid .expanding-container .tab-div .tab-content { padding: 0; margin-top: 10px; } .shipping-options .form-inline .form-group label { display: block; margin-bottom: 0; } .shipping-options .form-inline .bootstrap-select.btn-group { width: 100%; margin-right: 0; } .shipping-options .form-inline .form-group { margin-bottom: 10px; } .expanding-grid .product-expanded .hentry .nav-tabs > li > a { font-size: 12px; padding: 10px; color: #959596; border-bottom: 1px solid #E4E4E5; font-weight: 400; } .expanding-grid .product-expanded .hentry .nav-tabs > li:last-child a { border: 0; } .modal-automation.modal-onboarding .same-padding .modal-footer { text-align: center; } .modal-automation.modal-onboarding .same-padding .modal-body { padding: 0 0 18px; } .product-selected { text-align: center; } .product-selected .title { font-size: 12px; } .product-selected .count { font-size: 12px; padding: 4px 10px; margin-left: 5px; } .product-selected .btn.btn-transparent, .product-selected .btn.btn-green, .product-selected .btn.btn-red, .product-selected .btn.btn-view { margin-left: 5px; padding: 6px 10px 5px; } .product-selected .div-seperator { display: block; } .product-selected .btn.pull-right { float: none !important; } } @media (min-width: 768px) { .modal-automation-normal .modal-dialog, .modal-automation .modal-dialog { width: 530px; } } @media (min-width: 992px) { .modal-automation .modal-lg { width: 850px; } } /* patched styles used in v2, but not in base styles */ .sidebardir .form-group { padding: 0 15px; margin-bottom: 15px; min-height: inherit; position: relative; } .text-black { color: #252525; } /* misc additions */ .glyphicon-star.half { position: relative; } .glyphicon-star.half:before { position: relative; z-index: 9; width: 47%; display: block; overflow: hidden; } .glyphicon-star.half:after { content: '\e006'; position: absolute; z-index: 8; color: #bdc3c7; top: 0; left: 0; } .modal-automation#view-all .modal-body { max-height: 695px; overflow-y: auto; } .automation-mup.onboarding-quiz .form-group.has-error .bootstrap-select > .dropdown-toggle { border-color: #e93443; color: #8d8d8d; } .automation-mup.onboarding-quiz .has-error .help-block { color: #d6202f; font-weight: 400; padding: 2px 0; font-size: 12px; } .automation-mup.onboarding-quiz .has-error .help-block.arrow-right::before { content: '\25ba'; font-size: 9px; display: inline-block; vertical-align: bottom; } @media (max-width: 767px) { .item-cat.product-block .catlgdiv { max-width: none; } .expanding-grid .links > li.product-block { float: none; } .shipping-options .process-time { float: none; } .modal-automation#view-all .modal-body { max-height: 395px; } } @media (min-width: 768px) { .modal-automation-normal .modal-dialog, .modal-automation .modal-dialog { width: 530px; } } @media (min-width: 992px) { .modal-automation .modal-lg { width: 850px; } } @media (min-height: 360px) { .modal.in.modal-automation .modal-dialog { margin-top: 20px; } .modal-automation-normal .modal-body, .modal-automation.scroll .modal-body { max-height: 415px; overflow-y: scroll; } } @media (min-height: 720px) { .modal.in.modal-automation .modal-dialog { margin-top: 40px; } .modal-automation-normal .modal-body, .modal-automation.scroll .modal-body { max-height: 515px; overflow-y: scroll; } } /* Mon, 6 Jul 2020 02:09:29 GMT automation */ /* * bootstrap-tagsinput v0.8.0 * */ .bootstrap-tagsinput { vertical-align: middle; max-width: 100%; line-height: 22px; cursor: text; } .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; } .bootstrap-tagsinput.form-control input::-moz-placeholder { color: #777; opacity: 1; } .bootstrap-tagsinput.form-control input:-ms-input-placeholder { color: #777; } .bootstrap-tagsinput.form-control input::-webkit-input-placeholder { color: #777; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .tag { margin-right: 2px; color: white; } .bootstrap-tagsinput .tag [data-role="remove"] { cursor: pointer; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: all 0.2s ease-out; } .bootstrap-tagsinput .tag [data-role="remove"]:after { padding: 0px 2px; } .note-tag-div .tag .label.label-info:hover [data-role="remove"] { opacity: 1; } /*Style*/ .input-tag { display: none; } .note_tags .note-tag-div { padding:0 20px 3px; } .prodsuppdiv .panel:hover .panel-heading { background-image: url(../img/ico-collapse-arrow-in.png); } .note-tag-div .note { background-color:#fff; padding:4px 7px; font-size:11px; font-style:italic; color:#9c9b9a; line-height:16px; border:1px solid; border-color:#f2f3f5; transition: all 0.2s ease-out; resize:none; outline: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .save-suppliers .note-tag-div .note, .mysupplier .note-tag-div .note { -webkit-line-clamp: 4; } .note-tag-div .note.unsaved, .note-tag-div .note:focus, .note-tag-div .note:active, .note-tag-div .note:hover { outline:none; border-color: #f2e39f !important; background-color:#fffae4; color:#7b755c; } .panel-default.active .note-tag-div .note { -webkit-line-clamp: 4; } .note-tag-div .note:focus, .panel-default.active .note-tag-div .note:focus { -webkit-line-clamp: 8; display: block; } .note-tag-div .tag { margin:5px 0; } .note-tag-div .add-note, .note-tag-div .add-note:hover { font-size: 11px; color: #a2a9ac; } .note-tag-div .add-note:hover { color: #7b8285; } .note-tag-div .tag .label.label-info { font-size: 10px; color: #a7a8ab; border: 1px solid #ebebeb; border: 1px solid rgba(0, 0, 0, .08); display: inline-block; line-height: 10px; padding: 4px 18px 5px 8px; border-radius: 20px; background-color:#fafbfd; font-weight:400; position:relative; } .prodsuppdiv .panel:nth-child(even) .label { background-color:#fff; } .prodsuppdiv .panel:nth-child(even) .note-tag-div .note { border-color:transparent; } .bootstrap-tagsinput .tag [data-role="remove"]:after { position: absolute; top: 5px; right: 3px; content: '\d7'; font-size: 14px; color: #ccc; text-align: center; } .bootstrap-tagsinput .dropdown-menu > .active > a { color: #525252; background-color: #f2f3f5; } .bootstrap-tagsinput input { font-size: 11px; color: #494949; padding: 0 4px; } .bootstrap-tagsinput { min-height:31px; } .note-tag-div ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a2a9ac; } .note-tag-div ::-moz-placeholder { /* Firefox 19+ */ color: #a2a9ac; } .note-tag-div :-ms-input-placeholder { /* IE 10+ */ color: #a2a9ac; } .note-tag-div :-moz-placeholder { /* Firefox 18- */ color: #a2a9ac; } .button-note-div .btn { font-size: 10px; background-color: #fafbfd; border: 1px solid rgba(0, 0, 0, .08); color: #a7a8ab; padding: 5px 8px; } .button-note-div .btn:hover { background-color: #f2f4f7; } .note_tags .mysupplier .prodsuppdiv .panel .panel-heading { overflow: auto; } .note_tags .save-suppliers .panel .thumbim, .note_tags .mysupplier .prodsuppdiv .panel .thumbim { width: 110px; margin: 20px 10px 20px 20px; overflow:hidden; position: relative; } .dashboard-widgets .note_tags .mysupplier .prodsuppdiv .panel .thumbim { width: 51px; margin: 0 10px; } .dashboard-widgets .sellnfo div .value, .dashboard-widgets .mysupplier .sellnfo div .value { display: inline-block; font-size: 10px !important; line-height: 16px; vertical-align: bottom !important; margin: 0; color: #666 !important; font-weight: 300 !important; } .note_tags .save-suppliers .panel .thumbim img, .note_tags .mysupplier .panel .thumbim img { transition: all 0.2s ease-out; } /*.note_tags .save-ideas .panel .thumbim:hover img { transform: scale(1.3); }*/ .button-note-div{ display: none; } .button-note-div .btn-update img{ height:9px; } .note_tags .save-suppliers .prodsuppdiv .panel, .note_tags .mysupplier .prodsuppdiv .panel { border-left:1px solid #bbbcbd; margin-left:-1px; } .note_tags .save-suppliers .prodsuppdiv .panel.active, .note_tags .mysupplier .prodsuppdiv .panel.active { border-left:1px solid #68a3df; } .note_tags .save-suppliers .prodsuppdiv .panel .panel-title, .note_tags .mysupplier .prodsuppdiv .panel .panel-title { font-size: 15px; font-weight: 600; } .note_tags .infosupp .note-tag-div { padding-left:0; margin-bottom:0; padding-bottom:0; } .note_tags .infosupp .note-tag-div .tag .label.label-info, .note_tags .infosupp .note-tag-div .tag { margin-bottom:0; } .note_tags .introdtls .note-tag-div { padding-left:0; text-align: left; } .note_tags .introdtls .note-tag-div .note:focus { -webkit-line-clamp: 8; } .note_tags .hdrtop-scroll.affix .introdtls .note-tag-div { display:none; } .supplrdiv.note_tags .hdrtop h1 { margin-bottom:5px; line-height: 36px; } .supplrdiv.note_tags .hdrtop .lead { margin-bottom:10px; overflow: hidden; } .supplrdiv .button-note-div .btn { margin-right:0; } .supplrdiv.note_tags .hdrtop-scroll.affix .btn-contactsup, .supplrdiv.note_tags .hdrtop-scroll.affix .btn-visitweb { margin-top: -38px; } .note_tags .prodsuppdiv .panel .panel-heading .btn-smdiv { margin-right: 30px; margin-top: 2px; float:right; } .note_tags .prodsuppdiv .panel .panel-heading .btn-smdiv .btn-sm { font-size: 10px; } /*Labs*/ .note_tags .sellnfo a.save:hover, .note_tags .sellnfo a.save.saved { background-position: 4px -17px; } .note_tags .sellnfo a.compare:hover, .note_tags .sellnfo a.compare.compared { background-position: 5px -21px; } .note_tags .dropdowninfo .note-tag-div { padding-left:0; } .updatever2_1.note_tags .prodcompetition { margin-top:0; } .updatever2_1.note_tags .sellnfo .dropdown_tag a.save { display:block; } .updatever2_1.note_tags .sellnfo .dropdown_tag { opacity: 0; } .updatever2_1.note_tags .sellnfo .dropdown_tag .dropdown-menu { top: 40px; right: 2px; left: inherit; background-color: #fff; border: 1px solid #eaeaea; padding:0; } .updatever2_1.note_tags .sellnfo .dropdown_tag .dropdown-menu:after, .updatever2_1.note_tags .sellnfo .dropdown_tag .dropdown-menu:before { bottom: 100%; left: 85%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .updatever2_1.note_tags .sellnfo .dropdown_tag .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 6px; margin-left: -6px; } .updatever2_1.note_tags .sellnfo .dropdown_tag .dropdown-menu:before { border-color: rgba(234, 234, 234, 0); border-bottom-color: #eaeaea; border-width: 7px; margin-left: -7px; } .updatever2_1.note_tags .sellnfo .dropdown_tag .dropdown-menu .bootstrap-tagsinput { min-height:inherit; } .updatever2_1.note_tags .sellnfo .dropdown_tag .dropdown-menu .note-tag-div { padding: 0 10px; } /*Sidebar Tags*/ .filter-side h6 { font-size:13px; } .filter-side h6 a.view-all { color:#252525; } .filter-side .tags li, .tags a{ height:30px; line-height:30px; position:relative; } .filter-side .tags a { display: inline-block; } .filter-side .tags li { margin-bottom:5px; display: block; } .filter-side .tags a{ padding:0 20px; background:#ebebeb; color:#8d8d8d; text-decoration:none; font-size:12px; transition: all 0.2s ease-out; border-radius: 30px; border:1px solid #ebebeb; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% } .filter-side .tags a:hover, .filter-side .tags a.active { background:#fff; color: #333; border-color: #dadada; } .filter-side .tags a:hover:before, .filter-side .tags a.active:before {border-color:transparent #68a3df transparent transparent;} .note_tags .updatever2_1 .item .menusup { padding-left: 1px; } @media (min-width: 1200px) { .note_tags .save-suppliers .panel .thumbim { width: 130px; } } @media (min-width: 768px) and (max-width: 979px) { .note_tags .save-suppliers .panel .thumbim, .note_tags .mysupplier .panel .thumbim { width: 100px; } } @media (max-width: 767px) { .note_tags .save-suppliers .panel .thumbim { float: none; margin: 0 auto; } .note_tags .prodsuppdiv .panel .panel-heading .btn-smdiv { float:none; margin-left: -5px; } .note_tags .mysupplier .panel .thumbim { float: none !important; margin: 0 auto !important; } .note_tags .prodsuppdiv .panel .panel-body .table.infomysup tbody tr:nth-child(1), .note_tags .panel .panel-body .table.infomysup tbody tr:nth-child(2), .note_tags .dirdashsupp .list-group .item:nth-child(3), .note_tags .dirdashsupp .list-group .item:nth-child(4), .note_tags .table.infomysup tr td.titlet { display:inline-table; } .productsdiv .updatever2_1.note_tags .sellnfo .dropdown_tag .dropdown-menu { width: 99%; right: 1px; } } .tt-menu { border-radius: 0; border: 1px solid rgba(162, 164, 168, 0.40); background: #fff; padding: 0; font-size: 12px; -webkit-box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.66); -moz-box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.66); box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.66); } .tt-suggestion:hover, .tt-suggestion:focus { color:#262626; text-decoration: none; background-color: #f5f5f5; outline: 0; } /* Tue, 5 Jun 2018 02:05:32 GMT note_tags */ /*-- float utilities --*/ .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 768px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 992px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 1200px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } /*-- text utilities --*/ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 768px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 992px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1200px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } /*-- spacing utilities --*/ .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } @media (min-width: 768px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } } @media (min-width: 992px) { .m-md-0 { margin: 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1 { margin-left: 0.25rem !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .ml-md-3 { margin-left: 1rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .ml-md-5 { margin-left: 3rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-md-0 { padding: 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1 { padding-left: 0.25rem !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pl-md-5 { padding-left: 3rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } } @media (min-width: 1200px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } } /*SaleHoo Product Color*/ .text-sh-product-purple { color: #2c007a !important; } .text-sh-product-green { color: #24AB6B !important; } .text-sh-product-dark { color: #212834 !important; } .text-sh-product-blue-green { color: #00C89C !important; } .bg-sh-product-purple { background-color: #2c007a; } .bg-sh-product-green { background-color: #24AB6B; } .bg-sh-product-green-gradient { background: linear-gradient(135deg, #00B0A4 0%, #37C386 100%); } .bg-sh-product-dark { background-color: #212834; } .bg-sh-product-blue-green { background-color: #00C89C; } a.btn-link.text-sh-product-blue-green:hover, a.btn-link.text-sh-product-blue-green:focus, a.btn-link.text-sh-product-blue-green:active { color: #343a40 !important; border-color: transparent; } a.btn-link.text-sh-product-green:hover, a.btn-link.text-sh-product-green:focus, a.btn-link.text-sh-product-green:active { border-color: transparent; background-color: #ECFFE7; } a.btn-link.text-red:hover, a.btn-link.text-red:focus, a.btn-link.text-red:active { background-color: #ffecec !important; } a.btn-link:hover, a.btn-link:focus, a.btn-link:active { border-color: transparent; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } @media (min-width: 576px) { .modal.modal-v4 .modal-dialog { max-width: 500px; } .modal.modal-v4 .modal-dialog.modal-default { max-width: 450px; } .modal.modal-v4 .modal-dialog.modal-small { max-width: 380px; } .modal.modal-v4 .modal-md { max-width: 740px; } .modal.modal-v4 .modal-lmd { max-width: 625px; } } /* Thu, 7 Oct 2021 02:28:19 GMT _bs4utilities */ /*See httpdocs/html/v3/css/style-v4.css*/ /*Header*/ .topbar { background-color: #222934; } .topbar a { color: rgba(255, 255, 255, 0.75); } .topnav .header { border-bottom: 1px solid rgba(35, 54, 86, 0.05); } .topnav .header ul.menu { margin-top: 11px; margin-bottom: 0; } .topnav .header ul.menu li.menu-item { margin-left: 8px; } .topnav .header ul.menu li.menu-item.mega-dropdown { margin-right: 0; padding: 7px 0; margin-bottom: 0; } .topnav .header ul.menu li.menu-item a { font-size: 13.5px; padding: 21px 5px; } .topnav .header ul.menu li.menu-item a:hover { color: #000; } .topnav .header ul.menu li.menu-item.active a:hover { color: #e5202e; } .topnav .header ul.menu li.menu-item a.btn-locked { background-image: url("data:image/svg+xml,"); background-size: 15px; background-position: 95% center; background-repeat: no-repeat; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li a { text-transform: none; font-size: 13px; } .topnav .header ul.menu li.menu-item ul.dropdown-menu li a { font-size: 14px; color: #212529; padding: 14px 20px; } .topnav .header ul.menu li.menu-item ul.dropdown-menu li a:hover { color: #212529; background-color: #f8f9fa; } .topnav .header ul.menu li.menu-item ul.dropdown-menu li a svg { vertical-align: middle; margin-right: 4px; margin-top: -2px; } .header .logo { padding-top: 6px; height: 60px; } .header ul.menu .dropdown-menu li { border-bottom: 1px solid transparent; } .header ul.menu .dropdown-menu { background: #fff; border: 1px solid #e3ebf1; border-radius: 2px; box-shadow: 0 20px 50px rgba(82, 109, 122, 0.1); transform: scale(1) translate(-50%, 16px); margin-top: 9px; transition: all .25s ease-out; } .header ul.menu .mega-dropdown .dropdown-menu { transform: scale(1) translate(-50%, 16px); margin-top: 0; transition-property: all; transition-duration: 0.25s; transition-timing-function: ease-out; z-index: -999; } .header ul.menu .dropdown-toggle.open .dropdown-menu, .header ul.menu li.menu-item:hover .dropdown-menu { transform: scale(1) translate(-50%, 0); z-index: 1000; } .header ul.menu .mega-dropdown .dropdown-menu li { opacity: 0; transition: opacity 0.1s ease-out; } .header ul.menu .dropdown-toggle.open .dropdown-menu li, .header ul.menu li.menu-item:hover .dropdown-menu li { opacity: 1; } .header ul.menu .dropdown-menu:after, .header ul.menu .dropdown-menu:before { display: none; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu { transform: translate(0, 16px); margin-top: -11px; left: auto; right: 0; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-toggle { padding-top: 21px; padding-bottom: 21px; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu .dropdown-header { font-size: 12px; font-family: "Poppins", sans-serif; color: #6c757d; text-transform: none; padding: 7px 16px 7px 16px; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu .divider { height: 0; margin: 0; overflow: hidden; border-top: 1px solid #e9ecef; opacity: 1; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li.menu-switch a { color: #6c757d; border-left: 2px solid transparent; padding: 7px 14px 7px 16px; } .topnav .header ul.menu li.menu-item.profile-top .dropdown-menu li.menu-switch.selected a { border-left: 2px solid #00cb5b; color: #222934; } .topnav .header li.menu-item .user { width: 40px; height: 40px; } /*Dropdown Resources*/ .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .text-color-green { color: #04af69; } .text-color-purple { color: #2c007a; } .text-color-yellow { color: #ffa127; } .text-color-red { color: #ff0332; } .menu-container-inside { border: 0; } .dropdown-menu-resources h5, .dropdown-menu-products h5 { text-transform: uppercase; letter-spacing: 1px; font-size: 16px; margin-top: 20px; } .dropdown-menu-resources h5 svg { vertical-align: text-top; } .menu-container-inside p.lead { font-size: 14px; color: #343a40; font-weight: 400; } .mega-dropdown-menu { padding: 0 !important; } .mega-dropdown-menu .menu-container { padding: 15px 0 35px; } .free-guides.menu-container { padding-left: 28px; } .ebook-webinar.menu-container { padding-left: 20px; padding-right: 20px; } .menu-container-inside hr { border-top: 1px dashed #eaeaea; margin: 20px 0 10px; } .mega-dropdown .guide-box { margin-bottom: 5px; } .mega-dropdown .img-box { width: 35px; height: auto; padding-top: 7px; } .mega-dropdown .txt-box { color: #6c757d; font-size: 12px; transition: color .2s ease; font-family: "Open Sans", sans-serif; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a.btn.btn-view { color: #aaacb0; background-color: #fff; border-color: #d9dadc; font-size: 12px; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a.btn.btn-view:hover, .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a.btn.btn-view:focus, .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a.btn.btn-view:active { color: #7b7b7b !important; background-color: #f5f5f5; border-color: #d9dadc; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a { color: #343a40; transition: none; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu .free-guides a:hover { color: #04af69 !important; background-color: transparent; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu .community-div a:hover { color: #ffa127 !important; background-color: transparent; } .mega-dropdown .community-div .txt-box { margin-bottom: 12px; } .dropdown-exclusive { background-color: #f7fafc; line-height: 1.8; } .ebook-webinar h5 .label { font-size: 10px; vertical-align: middle; padding: 1px 5px 0; margin-top: -2px; font-weight: 500; border-radius: 0.15rem; } .ebook-webinar h5 .label.label-danger { background-color: #ff0332; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a.exclusive-guide-container { background-color: #ffffff; padding: 20px; display: block; border: 1px solid #fff; transition: all ease .5s; } .topnav .header ul.menu li.menu-item ul.dropdown-menu.mega-dropdown-menu li a.exclusive-guide-container:hover { border-color: #e3ebf1; } .ebook-webinar .text-guide { color: #6c757d; font-size: 12px; margin-top: 10px; } .ebook-webinar .link-arrow { font-size: 12px; font-family: "Poppins", sans-serif; color: #222934; font-weight: 500; } .ebook-webinar a.link-arrow:hover { color: #0066cc !important; } .ebook-webinar .link-arrow span { border-bottom: 1px solid rgba(0, 0, 0, 0.2); transition: all ease .2s; } .ebook-webinar .link-arrow:hover span { border-bottom: 1px solid transparent; } .ebook-webinar .link-arrow svg { display: inline-block !important; margin-left: 5px; transition: all ease-in-out .3s; fill: #222934; } .ebook-webinar .link-arrow:hover svg { margin-left: 15px; fill: #0066cc; } /*Dropdown Select Product*/ .topnav .header ul.menu li.menu-item.menu-item-products a.btn { padding: 8px 30px; text-transform: none; border-radius: 4px; margin-top: -2px; color: #fff !important; font-weight: 600; } .topnav .header ul.menu li.menu-item.menu-item-products a.btn.btn-locked, .topnav .header ul.menu li.menu-item.menu-item-products a.btn.btn-locked:hover { background-color: #8f959a !important; border-color: transparent !important; } .topnav .header ul.menu li.menu-item a.btn .caret { opacity: 1; margin-left: 8px; } .topnav .header ul.menu li.menu-item.menu-item-products { margin-left: 15px; text-align: center; } .header ul.menu .dropdown-menu.dropdown-select-product { padding: 17px; margin-top: 3px; } .header ul.menu .dropdown-menu.dropdown-select-product .btn { margin-bottom: 10px; } .header ul.menu .dropdown-menu.dropdown-select-product li:last-child .btn { margin-bottom: 0px; } .menu-item-products a.btn-sh-red { background-color: #ff0332; border-color: #ff0332; } .menu-item-products a.btn-sh-red:hover, .menu-item-products a.btn-sh-red:focus, .menu-item-products a.btn-sh-red:active { background-color: #ea002c !important; border-color: #ea002c !important; } .menu-item-products a.btn-sh-purple { background-color: #2c007a; border-color: #2c007a; } .menu-item-products a.btn-sh-purple:hover, .menu-item-products a.btn-sh-purple:focus, .menu-item-products a.btn-sh-purple:active { background-color: #230061 !important; border-color: #230061 !important; } .menu-item-products a.btn-sh-green { background-color: #04af69; border-color: #04af69; } .menu-item-products a.btn-sh-green:hover, .menu-item-products a.btn-sh-green:focus, .menu-item-products a.btn-sh-green:active { background-color: #009b5c !important; border-color: #009b5c !important; } /*Button Disabled*/ .menu-item-products a.btn.disabled, .menu-item-products a.btn:disabled, .menu-item-products a.btn:hover:disabled, .menu-item-products a.btn-locked, .menu-item-products a.btn-locked:hover { opacity: 0.65; background-color: #8f959a !important; color: #fff; border-color: #8f959a !important; transition: opacity .4s ease; background-image: url("data:image/svg+xml,") !important; background-size: 15px !important; background-position: 95% center !important; background-repeat: no-repeat !important; } .menu-item-products a.btn-locked:hover { opacity: 1; } /*Dropdown Products*/ .menu .mega-dropdown .mega-dropdown-menu .menu-dropdown-container { padding: 35px 20px 20px; text-align: center; } .topnav .header ul.menu li.menu-item .menu-dropdown-container a { text-transform: none; padding: 0; display: block; } .menu .dropdown-menu-products .menu-dropdown-container .icon-container img, .menu .dropdown-menu-products .menu-dropdown-container .icon-container svg { max-height: 55px !important; } .menu .dropdown-menu-products .menu-dropdown-container .icon-container { transition: all .2s ease; display: inline-block; } .menu .dropdown-menu-products .menu-dropdown-container a:hover .icon-container { transform: scale(1.2) !important; } .menu .dropdown-menu-products .menu-list:after { content: ""; background: rgba(0, 0, 0, 0.075); position: absolute; bottom: 0; left: 0; top: 15%; height: 70%; width: 1px; } .menu .dropdown-menu-products h5 { margin: 15px 0 0; } .menu .dropdown-menu-products h6 { color: #343a40; font-size: 12.75px; font-weight: 500; margin: 4px 0 0; } .menu-dropdown-container p { color: #6c757d; font-size: 12px; font-weight: 400; transition: color .2s ease; line-height: 1.8; } .menu-dropdown-container a:hover p { color: #222934; } .topnav .header ul.menu li.menu-item.dropdown-icon { padding-bottom: 0; } .topnav .header .menu-item.dropdown-icon svg { width: 30px; height: 30px; } .topnav .header .menu-item.dropdown-icon .nav-link-connect { padding: 0 7px !important; vertical-align: middle; display: inline-block; } .topnav .header .menu-item.dropdown-icon .nav-link-connect:focus { outline: 0; } .topnav .header .menu-item.dropdown-icon .ico-con { position: absolute; background-color: #ff0332!important; border-radius: 50%!important; bottom: 5px; right: 5px; width: 15px; height: 15px; text-align: center; line-height: 12px; border: 1px solid #fff; z-index: 2; } .topnav .header .menu-item.dropdown-icon .ico-con.bg-success { background-color: #07cb5b !important; } .topnav .header .menu-item.dropdown-icon .ico-con svg { width: 9px; height: 9px; vertical-align: baseline; } /*Popover*/ .popover.popover-custom { border: 0; background-color: #3B4962; color: #fff; box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.25); border-radius: 3px; width: 200px; } .popover.popover-custom .popover-content { font-size: 13px; padding: 12px 16px; } .popover.popover-custom .popover-content a { color: #fff !important; text-decoration: underline !important; text-transform: none !important; font-weight: normal !important; } .popover.popover-custom .popover-content a:hover { text-transform: none !important; } .popover.popover-custom.bs-popover-bottom > .arrow::before, .popover.popover-custom.bs-popover-auto[x-placement^="bottom"] > .arrow::before { border-bottom-color: rgba(0, 0, 0, 0); } .popover.popover-custom.bs-popover-bottom > .arrow::after, .popover.popover-custom.bs-popover-auto[x-placement^="bottom"] > .arrow::after { border-bottom-color: #3B4962; } .popover.popover-custom .popover-header { padding: 8px 12px; margin-bottom: 0; font-size: 16px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover.popover-custom .popover-header:empty { display: none; } .popover.popover-custom .popover-body { padding: 8px 12px; color: #212529; } /*Footer*/ footer.update_v4 { background-color: #222934; color: #fff; } footer.update_v4 .menu_footer { background: rgba(0, 0, 0, 0); border-bottom: 0; margin: 0 0 20px 0; padding: 0; } footer.update_v4 .menu_footer .container ul.list-inline { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } footer.update_v4 .menu_footer .container ul li a { padding: 2.5rem 1.5rem 2.25rem; display: inline-block; border-bottom: 2px solid transparent; transition: border .5s ease; } footer.update_v4 .menu_footer .container ul li a:hover { border-color: rgba(255, 255, 255, 0.5); } footer.update_v4 .menu_footer .container ul li:first-child a, footer.update_v4 .menu_footer .container ul li:first-child { padding-left: 0; } footer.update_v4 .menu_footer ul li { margin-right: 0; } footer.update_v4 ul.list-unstyled li:first-child { text-transform: uppercase; font-family: "Poppins", sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: 500; color: #ffffff; } footer.update_v4 ul.list-unstyled li { color: rgba(255, 255, 255, 0.5); font-size: 14px; padding: 5px 0; } footer.update_v4 ul.list-unstyled li a, footer.update_v4 .copyrght a { color: rgba(255, 255, 255, 0.5); } footer.update_v4 ul.list-unstyled li a:hover, footer.update_v4 .copyrght a:hover { color: rgba(255, 255, 255, 1); } footer.update_v4 hr { border-top: 1px solid rgba(255, 255, 255, 0.05); } footer.update_v4 .frstcr { color: inherit; } footer.update_v4 .copyrght { color: rgba(255, 255, 255, 0.5); font-size: 12px; } footer.update_v4 .sicos { width: 24px; height: 24px; margin-right: 0; } footer.update_v4 .footer-social_icon a .icon { fill: #fff; width: 24px; height: 24px; opacity: .5; transition: opacity .5s ease; margin-right: 8px; vertical-align: middle; } footer.update_v4 .footer-bbb-icon a svg { width: 29px; height: 29px; } footer.update_v4 .row.minimal { margin-top: 25px; } .alert-sh-flash, .alert-sh-warning, .alert-sh-notice, .alert-sh-error, .alert-sh-auth, .alert-sh-success { border: 0; border-radius: 4px; color: #fff !important; } .alert-sh-flash, .alert-sh-warning, .alert-sh-notice { background-color: #ffc107 !important; } .alert-sh-error { background-color: #ff0332 !important; } .alert-sh-auth { background-color: #007bff !important; } .alert-sh-success { background-color: #00cb5b !important; } /* Modal Fixed Style */ .content-step label { font-size: 12px; color: #454950; font-weight: 500; display: block; } .ico-eye-password { right: 10px; } .container-step h4 { font-size: 24px; line-height: 1.4; margin-bottom: 8px; } .content-step h5 { font-size: 18px; } .content-step .input-group { display: flex; } .content-step .input-group-prepend .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: auto; } .content-step .input-group-prepend .bootstrap-select>.dropdown-toggle { border-right: 0; background-color: #f8f9fa; } .content-step .form-category .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .content-step small.form-text { font-size: 12px; } .modal#upload-list .btn.btn-success, .container-step .btn.btn-success { background-color: #00cb5b; border-color: #00cb5b; border-radius: 3px; padding: 6px 20px !important; font-size: 14px; } .modal#upload-list .btn.btn-success:hover, .modal#upload-list .btn.btn-success:active, .modal#upload-list .btn.btn-success:focus, .container-step .btn.btn-success:hover, .container-step .btn.btn-success:active, .container-step .btn.btn-success:focus { background-color: #00ba53 !important; border-color: #00ba53 !important; } .font-weight-normal { font-weight: 400; } .position-relative { position: relative; } .font-size-13 { font-size: 13px; } .border-0 { border: 0 !important; } .lead.lead-md { line-height: 1.6; font-size: 16px; } .text-secondary { color: #6c757d; } .position-absolute { position: absolute; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 16px); } .modal-dialog-centered .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; } .modal-v4 .modal-header .close { font-weight: 300; font-size: 24px; text-shadow: none; margin-left: auto; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } svg { overflow: hidden; vertical-align: middle; } .modal#shopify-connect .col-md-auto { width: auto; margin: 0 auto; } .modal#shopify-connect .input-group-text { display: inline-block; margin-left: -1px; padding: 6px 12px; font-size: 13px; line-height: 1.5; color: #495057; text-align: center; background-color: #e9ecef; border: 1px solid #dbdbdb; } .modal#shopify-connect .btn-ico-shopify img.ico-image, .modal#upload-list .btn-ico-shopify img.ico-image { width: 15px; height: 17px; vertical-align: text-top; margin-left: 5px; } .modal-product-setup .row, .modal#shopify-connect .row { display: flex; } .modal#upload-list .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-radius: 0; background-color: #131951; color: #ffffff; } .modal#upload-list .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal#upload-list .modal-title { margin-bottom: 0; line-height: 1.5; width: 100%; font-size: 16px; } .modal#upload-list .modal-body { padding-bottom: 0; } .modal#upload-list .upload-cancel { background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0); color: #ffffff; font-size: 12px; padding: 0.375rem 0.75rem; } .modal#upload-list .uploading-shopify .list-group-item { display: flex; border: none; font-size: 12px; margin-bottom: 0; line-height: 17px; padding: 12px 20px; } .modal#upload-list .uploading-shopify .list-group-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .modal#upload-list .uploading-icon { align-self: flex-start; line-height: 25px; } .modal#upload-list .uploading-icon svg { vertical-align: middle; } .modal#upload-list .uploading-thumbnail { width: 60px; max-height: 60px; min-width: 60px; } .modal#ProductLocked h5 { font-size: 20px; } .modal#ProductLocked .btn.btn-link { font-size: 14px; } /* For password form, add class name 'form-control-password' to push the icon and not overlap to 'eye' icon */ /* Class name is 'is-valid' and 'is-invalid' */ .content-step .form-control.is-valid { border-color: #00cb5b; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2300cb5b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .content-step .form-control.is-invalid { border-color: #ff0332; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff0332' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ff0332' stroke='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .content-step .form-control.form-control-password:valid, .content-step .form-control.form-control-password.is-valid, .content-step .form-control.form-control-password:invalid, .content-step .form-control.form-control-password.is-invalid { background-position: right calc(2.375em + 0.1875rem) center !important; } .modal.in .modal-dialog.modal-dialog-centered { -webkit-transform: translate(0, calc(50vh - 50%)); -ms-transform: translate(0, 50vh) translate(0, -50%); -o-transform: translate(0, calc(50vh - 50%)); transform: translate(0, 50vh) translate(0, -50%); /* ADD this style to overwrite the current style*/ display: inherit; align-items: inherit; min-height: inherit; } /*Text and Background color spacing etc*/ .bg-red { background-color: #ff0332; } .bg-orange { background-color: #F69900; } .bg-green { background-color: #00cb5b; } .bg-light-green { background-color: #66cc66; } .bg-super-light-green { background-color: #66cc66; } .bg-purple-pale { background-color: #566378; } .bg-purple-option { background-color: #131951; } .bg-transparent { background-color: transparent; } .bg-super-light { background-color: #F7F9FA; } .text-light-green { color: #66cc66 !important; } .text-light-gray { color: #a1a8af !important; } .text-dark { color: #333 !important; } .ligh-height-expand { line-height: 2; } /* Borders */ .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-gray { border-color: #EDF0F2 !important; } .border-gray-light { border-color: #f3f5f7 !important; } .border-transparent { border-color: transparent !important; } /* Buttons */ .btn-v4.btn { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; padding: 0.375rem 0.75rem; line-height: 1.5; } .btn-outline-white { color: #aaacb0; background-color: #fff; border-color: #d9dadc; } .btn-browse { color: #495057; background-color: #e9ecef; border: 1px solid #ccc; border-radius: 0; } /* Alerts */ .alert-v4.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-v4 .alert-heading { color: inherit; } .alert-v4 .alert-link { font-weight: 700; } .alert-v4 .alert-dismissible { padding-right: 4rem; } .alert-v4 .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-v4.alert-primary { color: #00356a; background-color: #e7f3ff; border-color: #b8d4f1; } .alert-v4.alert-primary hr { border-top-color: #a3c7ed; } .alert-v4.alert-primary .alert-link { color: #001c37; } .alert-v4.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-v4.alert-secondary hr { border-top-color: #c8cbcf; } .alert-v4.alert-secondary .alert-link { color: #202326; } .alert-v4.alert-success { color: #006a2f; background-color: #e7faef; border-color: #b8f0d1; } .alert-v4.alert-success hr { border-top-color: #a3ecc3; } .alert-v4.alert-success .alert-link { color: #003718; } .alert-v4.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-v4.alert-info hr { border-top-color: #abdde5; } .alert-v4.alert-info .alert-link { color: #062c33; } .alert-v4.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-v4.alert-warning hr { border-top-color: #ffe8a1; } .alert-v4.alert-warning .alert-link { color: #533f03; } .alert-v4.alert-danger { color: #85021a; background-color: #ffe9ed; border-color: #ffb8c6; } .alert-v4.alert-danger hr { border-top-color: #ff9fb2; } .alert-v4.alert-danger .alert-link { color: #530110; } .alert-v4.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-v4.alert-light hr { border-top-color: #ececf6; } .alert-v4.alert-light .alert-link { color: #686868; } .alert-v4.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-v4.alert-dark hr { border-top-color: #b9bbbe; } .alert-v4.alert-dark .alert-link { color: #040505; } .alert-v4.alert .icon { margin-right: 10px; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus~.custom-file-label { border-color: #4da6ff; box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25); } .custom-file-input[disabled]~.custom-file-label, .custom-file-input:disabled~.custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse"; } .custom-file-input~.custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-file-input:focus~.custom-file-label { border-color: rgba(14, 42, 69, 0.4); outline: 0; box-shadow: none; } .input-group-addon.custom-file-label { width: 100%; text-align: left; text-transform: none; border: 1px solid #ced4da; color: #495057; background-color: #fff; font-size: 12px; } @media (min-width: 576px) { .topnav .header .container { width: 540px; } .modal-dialog.modal-default { max-width: 450px; } .modal-dialog-centered { min-height: calc(100% - 56px); display: flex; align-items: center; } .modal-dialog-centered::before { height: calc(100vh - 56px); } .modal#upload-list .modal-dialog, .modal.modal-v4 .modal-dialog, .modal-product-setup .modal-dialog { width: auto; line-height: 1.8; } } @media (max-width: 767px) { .topnav .header ul.menu li.menu-item a { color: #ffffff; font-weight: 600; } .topnav .header ul.menu li.menu-item.active a { color: #ffffff; text-decoration: underline; } .topnav .header ul.menu li.menu-item ul li a { font-size: 13.5px; padding: 0 5px 5px; } .topnav .header ul.menu li.menu-item { padding-bottom: 0; } .topnav .header ul.menu li.menu-item a.btn-locked { opacity: .75; } .topnav .header .logo a { line-height: inherit; } .header .logo { padding-top: 2px; height: 50px; } .modal-product-setup .row { display: block; } } @media (min-width: 768px) { .topnav .header ul.menu { min-height: 50.36px; } .topnav .header .container { width: 720px; } .modal-product-setup .justify-content-md-center { justify-content: center !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .topnav .header ul.menu li.menu-item a { font-size: 12px; padding: 21px 2px; } .topnav .header ul.menu li.menu-item.loginbt a { font-size: 12px; padding-left: 5px; padding-right: 5px; } .topnav .header ul.menu li.menu-item { margin-left: 5px; } } @media (min-width: 992px) { .topnav .header .container { width: 960px; } } @media (min-width: 1200px) { .topnav .header .container { width: 1140px; } } /*Updated style*/ .topbar { font-size: 12px; } .topbar a { letter-spacing: 0; color: rgba(255, 255, 255, 0.75); } .topbar a.dropdown-toggle .caret { margin-left: 0; margin-top: -3px; opacity: .9; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .topbar a.dropdown-toggle:hover .caret { opacity: 1; } .topbar .list-inline>li { padding-left: 16px; } .topbar .dropdown-menu.contact-drop { min-width: 220px; padding-bottom: 12px; } .topbar .dropdown-menu.contact-drop .contact-lead-top { color: #212529; margin-bottom: 12px; padding: 12px 15px 0px; font-family: Open Sans, sans-serif; background-color: transparent; font-weight: 600; font-size: 13px; } .topbar .dropdown-menu { background: #fff; border: 0; box-shadow: 0 20px 50px rgb(82 109 122 / 10%); border-radius: 8px; } .topbar .dropdown-menu.contact-drop svg { width: 16px; height: 25px; margin-right: 4px; } .topbar .dropdown-menu.contact-drop .rw { margin: 4px 0; } .topbar .dropdown-menu.topnvr-drop { min-width: 270px; padding: 16px; } .topbar .dropdown-menu.topnvr-drop .form-group input.form-control { border: 0; font-size: 14px; padding: 9.4px 12px; background-color: #f8f9fa; border-radius: 0.3rem !important; } .topbar .dropdown-menu.topnvr-drop .form-group:first-child { margin-bottom: 15px; padding-top: 8px; } .topbar .dropdown-menu.topnvr-drop .checkbox label, .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a, .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a:hover { font-size: 13px; font-weight: 500; } .topbar .dropdown-menu.topnvr-drop .checkbox label { font-size: 12px; } .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a { color: #0066cc; } .topbar .dropdown-menu.topnvr-drop .checkbox { margin-bottom: 16px; } .topbar .dropdown-menu.topnvr-drop .checkbox label { padding-left: 25px; } .topbar .dropdown-menu.topnvr-drop input[type="checkbox"] { border: 0; margin-left: -25px; top: 4px; background-color: #f5f4f1; border-radius: 5px; } .dropdown-menu.topnvr-drop input[type="checkbox"]:checked::after { top: -4px; left: 4px; } .topbar .dropdown-menu.topnvr-drop fieldset span.help-block { margin: 15px 0 0; } .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a, .topbar .dropdown-menu.topnvr-drop fieldset span.help-block a:hover { font-weight: 600; } .topbar .topnvr-drop .btn-green { background-color: #00cb5b; border-color: #00cb5b; font-size: 13px; padding: 6px 12px; line-height: 1.5; border-radius: 4px; } .topbar svg { overflow: hidden; vertical-align: middle; margin-top: -3px; } .topbar .topnvr-drop .btn-login { min-width: 86px; } .topbar a.dropdown-toggle .flag-icon { font-size: 13px; margin: 0 2px 0 -3px; } .dropdown-menu.contact-drop a { color: #0066cc; } .topbar .dropdown-menu.faq-drop a { color: #0066cc; padding: 0; } .topbar .dropdown-menu.faq-drop a:hover { text-decoration: underline; } .topbar .dropdown-menu.faq-drop { font-size: 13px; top: 22px; left: 50%; transform: translateX(-50%); padding-top: 20px; padding-bottom: 15px; } .topbar .dropdown-menu.faq-drop .list-group-item { border-radius: 0; border-left: 0; border-right: 0; padding: 5.5px 18px; } .topbar .dropdown-menu.faq-drop .list-group-item:first-child { border-top: 0; } .topbar .dropdown-menu.faq-drop .list-group { margin-bottom: 13px; margin-top: 6px; } .topbar li.dropdown-faq { padding-left: 14px; } /* Wed, 2 Nov 2022 00:15:11 GMT v3-v4-bridge */