/* ---- Icons ---- */

/* ---- Icons svg ---- */
.icon { text-indent: -10000px; display: inline-block; vertical-align: middle; }
.icon.svg { background: none; position: relative; display: inline; text-indent: 0; }
/* disable icons background as svg will be used */
.icon-svg { display: inline-block; width: 1em; height: 1em; fill: currentColor; pointer-events: none; }
.icon-svg.no-click { pointer-events: none; }
.icon.svg:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
/* handle click on span including svg */
.icon-configure-svg { width: 0.7548828125em; }
.icon-simulate { width: 1.55em; }
.icon-compare { width: 1.75em; }
.icon-svg-search { width: 1.5rem; }
.icon-addToList { width: 1.4em; }
.icon-suggest { width: 1.38em; }
.icon-full-pack-station { width: 1.45em; }
.icon-zulutrade-reffer-friend-label { width: 1.8em; }
.small-icons { font-size: 11px !important; }
.large-icons { font-size: 18px !important; }

/* ---- End of icons svg ---- */

.icon-chart-scripts { background: url("../../Static/Images/Icons/chart-scripts.png"); }
/* included in um message called by web service */

/* ---- Control Buttons ----*/

.icon-controls { background: url('../../Static/Images/sprites/controls.png') no-repeat top left transparent; text-indent: -10000px; display: inline-block; vertical-align: middle; height: 18px; width: 22px; cursor: pointer; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.icon-controls.icon-next { background-position: 0px 0px; }
.icon-controls.icon-prev { background-position: 0px -18px; }
.icon-controls.icon-pause { background-position: 0 -36px; }
.icon-controls.icon-play { background-position: 0 -56px; }

/* ---- Icons without images ---- */

.icon-notification-wtext { background-color: #FF780C; border: 1px solid #FFA257; border-radius: 11px 11px 11px 11px; box-shadow: 0 0 4px #888888, 1px 1px 2px White inset, -1px -1px 4px rgba(0, 0, 0, 0.3) inset; color: #FFFFFF; display: block; font-size: 11px; height: 20px; line-height: 20px; text-align: center; text-shadow: 1px 1px 1px #888888; width: 20px; }
.icon-trailing-stops-dark { width: 18px; height: 18px; background: #666; color: #ffffff; border-radius: 50%; text-indent: initial; }
.icon-trailing-stops-dark:after { content: "T"; font-size: 11px; font-weight: bold; }
.icon-trailing-stops-grey { width: 18px; height: 18px; background: #cccccc; color: #535353; border-radius: 50%; text-indent: initial; }
.icon-trailing-stops-grey:after { content: "T"; font-size: 11px; font-weight: bold; }
.icon-circle-blue { width: 15px; height: 15px; border-radius: 50%; background: #4572A7; display: inline-block; }
.icon-circle-green { width: 15px; height: 15px; border-radius: 50%; background: #61BB00; display: inline-block; }
.icon-provider-offline { display: inline-block; border-radius: 50%; background: #939393; width: 1rem; height: 1rem; }
.icon-provider-online { display: inline-block; border-radius: 50%; background: #61BB00; width: 14px; height: 1rem; }

/* ---- Language Flags ---- */

.language-flag { background: url('../../Static/Images/Sprites/languages.png?0') no-repeat 0 -17px; height: 17px; width: 20px; margin-top: -3px; }

/* ---- SpriteGen (languages.png) ---- */

.language-flag-af { background-position: -50px -50px; }
.language-flag-ar { background-position: -50px -170px; }
.language-flag-bg { background-position: -50px -290px; }
.language-flag-cs { background-position: -50px -410px; }
.language-flag-da { background-position: -50px -530px; }
.language-flag-de { background-position: -50px -650px; }
.language-flag-el { background-position: -50px -770px; }
.language-flag-en { background-position: -50px -890px; }
.language-flag-es { background-position: -50px -1010px; }
.language-flag-et { background-position: -50px -1130px; }
.language-flag-fa { background-position: -50px -1250px; }
.language-flag-fi { background-position: -50px -1370px; }
.language-flag-fr { background-position: -50px -1490px; }
.language-flag-he { background-position: -50px -1610px; }
.language-flag-hi { background-position: -50px -1730px; }
.language-flag-hr { background-position: -50px -1850px; }
.language-flag-hu { background-position: -50px -1970px; }
.language-flag-hy { background-position: -50px -2090px; }
.language-flag-id { background-position: -50px -2210px; }
.language-flag-is { background-position: -50px -2330px; }
.language-flag-it { background-position: -50px -2450px; }
.language-flag-ja { background-position: -50px -2570px; }
.language-flag-ko { background-position: -50px -2690px; }
.language-flag-lt { background-position: -50px -2810px; }
.language-flag-lv { background-position: -50px -2930px; }
.language-flag-ms { background-position: -50px -3050px; }
.language-flag-nb { background-position: -50px -3170px; }
.language-flag-nl { background-position: -50px -3290px; }
.language-flag-no { background-position: -50px -3410px; }
.language-flag-pl { background-position: -50px -3530px; }
.language-flag-pt { background-position: -50px -3650px; }
.language-flag-ro { background-position: -50px -3770px; }
.language-flag-rs { background-position: -50px -3890px; }
.language-flag-ru { background-position: -50px -4010px; }
.language-flag-sl { background-position: -50px -4130px; }
.language-flag-sq { background-position: -50px -4250px; }
.language-flag-sr { background-position: -50px -4370px; }
.language-flag-sv { background-position: -50px -4490px; }
.language-flag-th { background-position: -50px -4610px; }
.language-flag-tr { background-position: -50px -4730px; }
.language-flag-uk { background-position: -50px -4850px; }
.language-flag-vi { background-position: -50px -4970px; }
.language-flag-zh { background-position: -50px -5090px; }
.language-flag-us { background-position: -50px -5210px; }

/* ---- Endof SpriteGen (languages.png) ---- */

/* ---- Social Icons ---- */

.social-icon { background: url('../../static/images/sprites/social.png?1') no-repeat top left transparent; }
.social-icon.icon-facebook { background-position: -4px 0px; }
.social-icon.icon-twitter { background-position: -99px 0px; }
.social-icon.icon-youtube { background-position: -33px 0; }
.social-icon.icon-linkedin { background-position: -130px 0px; }
.social-icon.icon-wikipedia { background-position: -65px 0px; }
.social-icon.icon-gplus { background-position: -161px 0px; margin-left: 3px; }

/* ---- Flags ----- */

.flag { background: url('../../Static/Images/Sprites/flags.png?3') no-repeat top left; width: 17px; height: 14px; margin-top: -3px; display: inline-block; }
.flag-ad { background-position: -50px -50px; }
.flag-ae { background-position: -50px -167px; }
.flag-af { background-position: -50px -284px; }
.flag-ag { background-position: -50px -401px; }
.flag-ai { background-position: -50px -518px; }
.flag-al { background-position: -50px -635px; }
.flag-am { background-position: -50px -752px; }
.flag-an { background-position: -50px -869px; }
.flag-ao { background-position: -50px -986px; }
.flag-aq { background-position: -50px -1103px; }
.flag-ar { background-position: -50px -1220px; }
.flag-as { background-position: -50px -1337px; }
.flag-at { background-position: -50px -1454px; }
.flag-au { background-position: -50px -1571px; }
.flag-aw { background-position: -50px -1688px; }
.flag-ax { background-position: -50px -1805px; }
.flag-az { background-position: -50px -1922px; }
.flag-ba { background-position: -50px -2039px; }
.flag-bb { background-position: -50px -2156px; }
.flag-bd { background-position: -50px -2273px; }
.flag-be { background-position: -50px -2390px; }
.flag-bf { background-position: -50px -2507px; }
.flag-bg { background-position: -50px -2624px; }
.flag-bh { background-position: -50px -2741px; }
.flag-bi { background-position: -50px -2858px; }
.flag-bj { background-position: -50px -2975px; }
.flag-bl { background-position: -50px -3092px; }
.flag-bm { background-position: -50px -3209px; }
.flag-bn { background-position: -50px -3326px; }
.flag-bo { background-position: -50px -3443px; }
.flag-br { background-position: -50px -3560px; }
.flag-bs { background-position: -50px -3677px; }
.flag-bt { background-position: -50px -3794px; }
.flag-bw { background-position: -50px -3911px; }
.flag-by { background-position: -50px -4028px; }
.flag-bz { background-position: -50px -4145px; }
.flag-ca { background-position: -50px -4262px; }
.flag-cc { background-position: -50px -4379px; }
.flag-cd { background-position: -50px -4496px; }
.flag-cf { background-position: -50px -4613px; }
.flag-cg { background-position: -50px -4730px; }
.flag-ch { background-position: -50px -4847px; }
.flag-ci { background-position: -50px -4964px; }
.flag-ck { background-position: -50px -5081px; }
.flag-cl { background-position: -50px -5198px; }
.flag-cm { background-position: -50px -5315px; }
.flag-cn { background-position: -50px -5432px; }
.flag-co { background-position: -50px -5549px; }
.flag-cr { background-position: -50px -5666px; }
.flag-cu { background-position: -50px -5783px; }
.flag-cv { background-position: -50px -5900px; }
.flag-cw { background-position: -50px -6017px; }
.flag-cx { background-position: -50px -6134px; }
.flag-cy { background-position: -50px -6251px; }
.flag-cz { background-position: -50px -6368px; }
.flag-de { background-position: -50px -6485px; }
.flag-dj { background-position: -50px -6602px; }
.flag-dk { background-position: -50px -6719px; }
.flag-dm { background-position: -50px -6836px; }
.flag-do { background-position: -50px -6953px; }
.flag-dz { background-position: -50px -7070px; }
.flag-ec { background-position: -50px -7187px; }
.flag-ee { background-position: -50px -7304px; }
.flag-eg { background-position: -50px -7421px; }
.flag-eh { background-position: -50px -7538px; }
.flag-england { background-position: -50px -7655px; }
.flag-er { background-position: -50px -7772px; }
.flag-es { background-position: -50px -7889px; }
.flag-et { background-position: -50px -8006px; }
.flag-eu { background-position: -50px -8123px; }
.flag-fi { background-position: -50px -8240px; }
.flag-fj { background-position: -50px -8357px; }
.flag-fk { background-position: -50px -8474px; }
.flag-fm { background-position: -50px -8591px; }
.flag-fo { background-position: -50px -8708px; }
.flag-fr { background-position: -50px -8825px; }
.flag-ga { background-position: -50px -8942px; }
.flag-gb { background-position: -50px -9059px; }
.flag-gd { background-position: -50px -9176px; }
.flag-ge { background-position: -50px -9293px; }
.flag-gg { background-position: -50px -9410px; }
.flag-gh { background-position: -50px -9527px; }
.flag-gi { background-position: -50px -9644px; }
.flag-gl { background-position: -50px -9761px; }
.flag-gm { background-position: -50px -9878px; }
.flag-gn { background-position: -50px -9995px; }
.flag-gq { background-position: -50px -10112px; }
.flag-gr { background-position: -50px -10229px; }
.flag-gs { background-position: -50px -10346px; }
.flag-gt { background-position: -50px -10463px; }
.flag-gu { background-position: -50px -10580px; }
.flag-gw { background-position: -50px -10697px; }
.flag-gy { background-position: -50px -10814px; }
.flag-hk { background-position: -50px -10931px; }
.flag-hn { background-position: -50px -11048px; }
.flag-hr { background-position: -50px -11165px; }
.flag-ht { background-position: -50px -11282px; }
.flag-hu { background-position: -50px -11399px; }
.flag-ic { background-position: -50px -11516px; }
.flag-id { background-position: -50px -11633px; }
.flag-ie { background-position: -50px -11750px; }
.flag-il { background-position: -50px -11867px; }
.flag-im { background-position: -50px -11984px; }
.flag-in { background-position: -50px -12101px; }
.flag-iq { background-position: -50px -12218px; }
.flag-ir { background-position: -50px -12335px; }
.flag-is { background-position: -50px -12452px; }
.flag-it { background-position: -50px -12569px; }
.flag-je { background-position: -50px -12686px; }
.flag-jm { background-position: -50px -12803px; }
.flag-jo { background-position: -50px -12920px; }
.flag-jp { background-position: -50px -13037px; }
.flag-ke { background-position: -50px -13154px; }
.flag-kg { background-position: -50px -13271px; }
.flag-kh { background-position: -50px -13388px; }
.flag-ki { background-position: -50px -13505px; }
.flag-km { background-position: -50px -13622px; }
.flag-kn { background-position: -50px -13739px; }
.flag-kp { background-position: -50px -13856px; }
.flag-kr { background-position: -50px -13973px; }
.flag-kw { background-position: -50px -14090px; }
.flag-ky { background-position: -50px -14207px; }
.flag-kz { background-position: -50px -14324px; }
.flag-la { background-position: -50px -14441px; }
.flag-lb { background-position: -50px -14558px; }
.flag-lc { background-position: -50px -14675px; }
.flag-li { background-position: -50px -14792px; }
.flag-lk { background-position: -50px -14909px; }
.flag-lr { background-position: -50px -15026px; }
.flag-ls { background-position: -50px -15143px; }
.flag-lt { background-position: -50px -15260px; }
.flag-lu { background-position: -50px -15377px; }
.flag-lv { background-position: -50px -15494px; }
.flag-ly { background-position: -50px -15611px; }
.flag-ma { background-position: -50px -15728px; }
.flag-mc { background-position: -50px -15845px; }
.flag-md { background-position: -50px -15962px; }
.flag-me { background-position: -50px -16079px; }
.flag-mf { background-position: -50px -16196px; }
.flag-mg { background-position: -50px -16313px; }
.flag-mh { background-position: -50px -16430px; }
.flag-mk { background-position: -50px -16547px; }
.flag-ml { background-position: -50px -16664px; }
.flag-mm { background-position: -50px -16781px; }
.flag-mn { background-position: -50px -16898px; }
.flag-mo { background-position: -50px -17015px; }
.flag-mp { background-position: -50px -17132px; }
.flag-mq { background-position: -50px -17249px; }
.flag-mr { background-position: -50px -17366px; }
.flag-ms { background-position: -50px -17483px; }
.flag-mt { background-position: -50px -17600px; }
.flag-mu { background-position: -50px -17717px; }
.flag-mv { background-position: -50px -17834px; }
.flag-mw { background-position: -50px -17951px; }
.flag-mx { background-position: -50px -18068px; }
.flag-my { background-position: -50px -18185px; }
.flag-mz { background-position: -50px -18302px; }
.flag-na { background-position: -50px -18419px; }
.flag-nc { background-position: -50px -18536px; }
.flag-ne { background-position: -50px -18653px; }
.flag-nf { background-position: -50px -18770px; }
.flag-ng { background-position: -50px -18887px; }
.flag-ni { background-position: -50px -19004px; }
.flag-nl { background-position: -50px -19121px; }
.flag-no { background-position: -50px -19238px; }
.flag-np { background-position: -50px -19355px; }
.flag-nr { background-position: -50px -19472px; }
.flag-nu { background-position: -50px -19589px; }
.flag-nz { background-position: -50px -19706px; }
.flag-om { background-position: -50px -19823px; }
.flag-pa { background-position: -50px -19940px; }
.flag-pe { background-position: -50px -20057px; }
.flag-pf { background-position: -50px -20174px; }
.flag-pg { background-position: -50px -20291px; }
.flag-ph { background-position: -50px -20408px; }
.flag-pk { background-position: -50px -20525px; }
.flag-pl { background-position: -50px -20642px; }
.flag-pn { background-position: -50px -20759px; }
.flag-pr { background-position: -50px -20876px; }
.flag-ps { background-position: -50px -20993px; }
.flag-pt { background-position: -50px -21110px; }
.flag-pw { background-position: -50px -21227px; }
.flag-py { background-position: -50px -21344px; }
.flag-qa { background-position: -50px -21461px; }
.flag-ro { background-position: -50px -21578px; }
.flag-rs { background-position: -50px -21695px; }
.flag-ru { background-position: -50px -21812px; }
.flag-rw { background-position: -50px -21929px; }
.flag-sa { background-position: -50px -22046px; }
.flag-sb { background-position: -50px -22163px; }
.flag-sc { background-position: -50px -22280px; }
.flag-scotland { background-position: -50px -22397px; }
.flag-sd { background-position: -50px -22514px; }
.flag-se { background-position: -50px -22631px; }
.flag-sg { background-position: -50px -22748px; }
.flag-sh { background-position: -50px -22865px; }
.flag-si { background-position: -50px -22982px; }
.flag-sk { background-position: -50px -23099px; }
.flag-sl { background-position: -50px -23216px; }
.flag-sm { background-position: -50px -23333px; }
.flag-sn { background-position: -50px -23450px; }
.flag-so { background-position: -50px -23567px; }
.flag-spacer { background-position: -50px -23684px; }
.flag-sr { background-position: -50px -23801px; }
.flag-ss { background-position: -50px -23918px; }
.flag-st { background-position: -50px -24035px; }
.flag-sv { background-position: -50px -24152px; }
.flag-sy { background-position: -50px -24269px; }
.flag-sz { background-position: -50px -24386px; }
.flag-tc { background-position: -50px -24503px; }
.flag-td { background-position: -50px -24620px; }
.flag-tf { background-position: -50px -24737px; }
.flag-tg { background-position: -50px -24854px; }
.flag-th { background-position: -50px -24971px; }
.flag-tj { background-position: -50px -25088px; }
.flag-tk { background-position: -50px -25205px; }
.flag-tl { background-position: -50px -25322px; }
.flag-tm { background-position: -50px -25439px; }
.flag-tn { background-position: -50px -25556px; }
.flag-to { background-position: -50px -25673px; }
.flag-tr { background-position: -50px -25790px; }
.flag-tt { background-position: -50px -25907px; }
.flag-tv { background-position: -50px -26024px; }
.flag-tw { background-position: -50px -26141px; }
.flag-tz { background-position: -50px -26258px; }
.flag-ua { background-position: -50px -26375px; }
.flag-ug { background-position: -50px -26492px; }
.flag-us { background-position: -50px -26609px; }
.flag-uy { background-position: -50px -26726px; }
.flag-uz { background-position: -50px -26843px; }
.flag-va { background-position: -50px -26960px; }
.flag-vc { background-position: -50px -27077px; }
.flag-ve { background-position: -50px -27194px; }
.flag-vg { background-position: -50px -27311px; }
.flag-vi { background-position: -50px -27428px; }
.flag-vn { background-position: -50px -27545px; }
.flag-vu { background-position: -50px -27662px; }
.flag-wales { background-position: -50px -27779px; }
.flag-wf { background-position: -50px -27896px; }
.flag-ws { background-position: -50px -28013px; }
.flag-ye { background-position: -50px -28130px; }
.flag-yt { background-position: -50px -28247px; }
.flag-za { background-position: -50px -28364px; }
.flag-zm { background-position: -50px -28481px; }
.flag-zulu { background-position: -50px -28598px; }
.flag-zw { background-position: -50px -28715px; }

/* ---- Browser Buttons ---- */

.browser-icon { background: url('../../Static/Images/sprites/browsers.png') no-repeat top left transparent; text-indent: -10000px; display: block; vertical-align: middle; }
.icon-chrome { background-position: 0 0; width: 64px; height: 64px; }
.icon-firefox { background-position: 0 -79px; width: 64px; height: 64px; }
.icon-ie { background-position: 0 -158px; width: 64px; height: 64px; }
.icon-safari { background-position: 0 -237px; width: 64px; height: 64px; }