.rightarrow { background: transparent url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 60 120' xmlns='http://www.w3.org/2000/svg'><path d='m60 61.5-38.25 38.25-9.75-9.75 29.25-28.5-29.25-28.5 9.75-9.75z' fill='%23c7c7cc'/></svg>") no-repeat scroll right center 10px 20px; } .bghexagon { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22svgHexagon%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%09width%3D%22100%25%22%20height%3D%22100%25%22%3E%0A%09%20%3Cdefs%3E%0A%09%3Cpattern%20id%3D%22hexagons%22%20width%3D%2250%22%20height%3D%2243.4%22%20patternUnits%3D%22userSpaceOnUse%22%20patternTransform%3D%22scale%285%29%20translate%282%29%20rotate%2890%29%22%3E%0A%09%3Cpolygon%20class%3D%22plyHexagon%22%20points%3D%2224.8%2C22%2037.3%2C29.2%2037.3%2C43.7%2024.8%2C50.9%2012.3%2C43.7%2012.3%2C29.2%22%20id%3D%22hex%22%20/%3E%0A%09%3Cuse%20xlink%3Ahref%3D%22%23hex%22%20x%3D%2225%22%20/%3E%0A%09%3Cuse%20xlink%3Ahref%3D%22%23hex%22%20x%3D%22-25%22%20/%3E%0A%09%3Cuse%20xlink%3Ahref%3D%22%23hex%22%20x%3D%2212.5%22%20y%3D%22-21.7%22%20/%3E%0A%09%3Cuse%20xlink%3Ahref%3D%22%23hex%22%20x%3D%22-12.5%22%20y%3D%22-21.7%22%20/%3E%0A%3C/pattern%3E%0A%09%20%3C/defs%3E%0A%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url%28%23hexagons%29%22%20/%3E%0A%3C/svg%3E"); } svg#svgHexagon {  background: #f0f3f9;  min-height: 100vh; } polygon.plyHexagon {  fill: #f0f3f9;  stroke-width: 1; stroke: #fafbfc; } .we-pages { position:absolute;position:absolute;top:60px;bottom:0;left:0;right:0;margin:0;background:rgba(0,0,0,0); } .we-header { height:59px;color:#1234ab;position:fixed;top:0;left:0;right:0;border-bottom:solid 1px rgba(154,154,154,.1); } .divViewing, .divViewingAcc, .divViewingImpl, .divViewingBtn { background:rgba(0,0,0,0); padding:5px 10px; margin-bottom:1px; border-bottom:solid 1px rgba(56,78,90,.1); color:#004d1a; } .divViewing input[type='text'], .divViewing textarea, .divViewingAcc input[type='text'], .divViewingAcc textarea, .divViewingImpl input[type='text'], .divViewing input[type='password'], .divViewingAcc input[type='password'], .divViewingImpl input[type='password'] { border:none 1px rgba(0,0,0,0);padding:4px 0;background:rgba(0,0,0,0);min-width:230px; color:#1234ab; } .divViewing select, .divViewingAcc select { padding:0;color:#1234ab; } .divViewingTitle { height:25px;padding-top:20px;padding-left:10px;color:#afafaf; } .divViewing select option, .divViewingAcc select option { max-width:230px; font-size:14pt; } div#divMenu {  } div#divPopup {  } .searchbar input[type="search"] { box-sizing: border-box; width: 100%; height: 100%; display: block; border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border-radius: 5px; font-family: inherit; color: #000; font-size: 14px; font-weight: normal; padding: 0 28px; background-color: #fff; background-repeat: no-repeat; background-position: 8px center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E"); -webkit-background-size: 13px 13px; background-size: 13px 13px; } .searchbar .searchbar-clear { position: absolute; width: 28px; height: 28px; right: 0; top: 0; opacity: 0; pointer-events: none; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E"); -webkit-background-size: 14px 14px; background-size: 14px 14px; -webkit-transition-duration: 300ms; transition-duration: 300ms; cursor: pointer; } i.icon.icon-back { width: 22px; height: 30px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); } i.icon.icon-forward { width: 22px; height: 30px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); } i.icon.icon-bars { width: 51px; height: 44px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2ddpx) { i.icon.icon-bars { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); height: 43px; } } i.icon.icon-camera { width: 25px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2025%2020'%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M13.3%2C5.5c-2.7%2C0-5%2C2.2-5%2C5s2.2%2C5%2C5%2C5c2.7%2C0%2C5-2.2%2C5-5S16%2C5.5%2C13.3%2C5.5z'%2F%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M22.8%2C1.8h-3.3c-0.2-1.3-1-1.8-2-1.8H8.1c-1%2C0-1.8%2C0.4-2%2C1.8H2.8C1.4%2C1.8%2C0%2C2.8%2C0%2C4.2v12.6%20c0%2C1.4%2C1.4%2C2.5%2C2.8%2C2.5h20c1.4%2C0%2C2.2-1.1%2C2.2-2.5V4.2C25%2C2.8%2C24.2%2C1.8%2C22.8%2C1.8z%20M3.5%2C6.4C2.6%2C6.4%2C2%2C5.8%2C2%2C5c0-0.8%2C0.7-1.5%2C1.5-1.5%20S5%2C4.1%2C5%2C5C5%2C5.8%2C4.3%2C6.4%2C3.5%2C6.4z%20M13.3%2C16.8c-3.5%2C0-6.3-2.7-6.3-6.2c0-3.3%2C2.5-6.2%2C5.7-6.2h1.2c3.2%2C0%2C5.7%2C2.9%2C5.7%2C6.2%20C19.6%2C14.1%2C16.7%2C16.8%2C13.3%2C16.8z'%2F%3E%3C%2Fsvg%3E"); } i.icon.icon-next, i.icon.icon-prev { width: 35px; height: 35px; } i.icon.icon-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } i.icon.icon-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } i.icon.icon-plus { width: 45px; height: 45px; font-size: 51px; line-height: 40px; text-align: center; font-weight: 100; } i.icon { display: inline-block; vertical-align: middle; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; font-style: normal; position: relative; } .ion-ios7-download-outline, .ion-ios7-contact-outline, .ion-ios7-football-outline { color: #12BAEE; font-size: 24px; line-height: 22px; } .ion-ios7-clock-outline, .ion-ios7-information-outline, .ion-ios7-compose-outline { color: #1234ab; font-size: 24px; line-height: 22px; } .ion-ios7-folder-outline { color: #fa2345; font-size: 34px; line-height: 32px; }