a.centered._100 {
    display: block;
    width: 100px;
    margin: 0px auto;
}

span.cloudIcon {
    display: inline-block;
    width: 100px;
    height: 75px;
    background: url(/images/icons/cloud_100.png) 0px 0px;
}

span.cloudIcon.over {
    background-position: 0px -75px;
}

span.star {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/images/stars.png) 0px 0px;
    cursor: pointer;
}

span.star:hover, span.star.on {
    background: url(/images/stars.png) -15px 0px;
}

span.star.on:hover {
    background: url(/images/stars.png) 0px 0px;
}

span.icon_matrix, span.bigicon, span.qtypes, span.offline_icon, span.channel {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

span.icon_matrix.center {
    margin: 0px auto;
    text-align: center;
    display: block;
}

span._200 { width: 200px; height: 200px; }
span._100 { width: 100px; height: 100px; }
span._75 { width: 75px; height: 75px; }
span._30 { width: 30px; height: 30px; }
span._15 { width: 15px; height: 15px; }

span.offline_icon._30 {
    background-image: url(/images/icons/offline_icons_30.png);
    background-repeat: no-repeat;
}

span.bigicon._100 {
    background-image: url(/images/icons/bigicons_100.png);
    background-repeat: no-repeat;
}

span.qtypes._30 {
    background-image: url(/images/icons/qtypes_30.png?version=20180620);
    background-repeat: no-repeat;
}

span.qtypes.50 {
    width: 50px;
    height: 50px;
    background-image: url(/images/icons/qtypes_50.png);
    background-repeat: no-repeat;
}

span.icon_matrix._30 {
    background-image: url(/images/icons/icon_matrix_30.png);
    background-repeat: no-repeat;
}

span.channel._200 {
    background-image: url(/images/icons/channels_200.png);
    background-repeat: no-repeat;
}

span.icon_matrix.public._75 {
    background-image: url(/images/icons/public/icon_matrix_public_75.png);
    background-repeat: no-repeat;
}

span.icon_matrix._15 {
    background-image: url(/images/icons/icon_matrix_15.png);
    background-repeat: no-repeat;
}

a:hover > span.icon_matrix._15:not(.noroll), a.sel > span.icon_matrix._15 { background-position-y: -15px; }
a:hover > span.icon_matrix._30:not(.noroll), a.sel > span.icon_matrix._30 { background-position-y: -30px; }
a:hover > span.bigicon._100:not(.noroll), a.sel > span.bigicon._100 { background-position-y: -100px; }

span.qtypes._30.logic { background-position: 0 0; }
span.qtypes._30.required { background-position: -30px 0; }
span.qtypes._30.scored { background-position: -60px 0; }

span.qtypes._30.draw { background-position: -90px 0; }
span.qtypes._30.photo { background-position: -120px 0; }
span.qtypes._30.geo { background-position: -150px 0; }
span.qtypes._30.number { background-position: -180px 0; }
span.qtypes._30.oe { background-position: -210px 0; }
span.qtypes._30.mc { background-position: -240px 0; }
span.qtypes._30.ms { background-position: -270px 0; }
span.qtypes._30.rank { background-position: -300px 0; }
span.qtypes._30.time { background-position: -330px 0; }
span.qtypes._30.date { background-position: -360px 0; }
span.qtypes._30.end { background-position: -390px 0; }
span.qtypes._30.password { background-position: -420px 0; }
span.qtypes._30.info { background-position: -450px 0; }
span.qtypes._30.barcode { background-position: -480px 0; }
span.qtypes._30.nps { background-position: -510px 0; }

span.qtypes._50.logic { background-position: 0 0; }
span.qtypes._50.required { background-position: -50px 0; }
span.qtypes._50.scored { background-position: -100px 0; }

span.qtypes._50.draw { background-position: -150px 0; }
span.qtypes._50.photo { background-position: -200px 0; }
span.qtypes._50.geo { background-position: -250px 0; }
span.qtypes._50.number { background-position: -300px 0; }
span.qtypes._50.oe { background-position: -350px 0; }
span.qtypes._50.mc { background-position: -400px 0; }

span.bigicon._100.cloud { background-position: -0px 0; }
span.bigicon._100.gsm { background-position: -100px 0; }
span.bigicon._100.nil { background-position: -200px 0; }
span.bigicon._100.compass { background-position: -300px 0; }
span.bigicon._100.add { background-position: -400px 0; }
span.bigicon._100.reply { background-position: -500px 0; }

span.channel._200.sms { background-position: -0px 0; }
span.channel._200.ussd { background-position: -200px 0; }
span.channel._200.web { background-position: -400px 0; }
span.channel._200.android { background-position: -600px 0; }
span.channel._200.ivr { background-position: -800px 0; }
span.channel._200.sensors { background-position: -1000px 0; }

span.offline_icon._30.unavailable { background-position: -0px 0; }
span.offline_icon._30.unavailable:hover { background-position: -30px 0; }
span.offline_icon._30.available { background-position: -60px 0; }
span.offline_icon._30.issue { background-position: -90px 0; }
span.offline_icon._30.unknown { background-position: -0px 0; opacity: 0.5; }

span.icon_matrix._30.note { background-position: 0 0; }
span.icon_matrix._30.sms { background-position: -30px 0; }
span.icon_matrix._30.plus { background-position: -60px 0; }
span.icon_matrix._30.del { background-position: -90px 0; }
span.icon_matrix._30.pin { background-position: -120px 0; }
span.icon_matrix._30.excel { background-position: -150px 0; }
span.icon_matrix._30.lock { background-position: -180px 0; }
span.icon_matrix._30.trash { background-position: -210px 0; }
span.icon_matrix._30.trash.red { background-position: -210px -30px;}
span.icon_matrix._30.check { background-position: -240px 0; }
span.icon_matrix._30.ntf_message { background-position: -270px 0; }
span.icon_matrix._30.ntf_issue { background-position: -300px 0; }
span.icon_matrix._30.ntf_info { background-position: -330px 0; }
span.icon_matrix._30.refresh { background-position: -360px 0; }
span.icon_matrix._30.default_group { background-position: -390px 0; }
span.icon_matrix._30.project { background-position: -420px 0; }
span.icon_matrix._30.search { background-position: -450px 0; }
span.icon_matrix._30.data { background-position: -480px 0; }
span.icon_matrix._30.product { background-position: -510px 0; }
span.icon_matrix._30.coupon { background-position: -540px 0; }
span.icon_matrix._30.email { background-position: -570px 0; }
span.icon_matrix._30.issue { background-position: -600px 0; }
span.icon_matrix._30.group { background-position: -630px 0; }
span.icon_matrix._30.cog { background-position: -660px 0; }
span.icon_matrix._30.inbox { background-position: -690px 0; }
span.icon_matrix._30.label { background-position: -720px 0; }
span.icon_matrix._30.sale { background-position: -750px 0; }
span.icon_matrix._30.variable { background-position: -780px 0; }
span.icon_matrix._30.edit { background-position: -810px 0; }
span.icon_matrix._30.serial { background-position: -840px 0; }
span.icon_matrix._30.android { background-position: -870px 0; }
span.icon_matrix._30.save { background-position: -900px 0; }
span.icon_matrix._30.up { background-position: -930px 0; }
span.icon_matrix._30.down { background-position: -960px 0; }
span.icon_matrix._30.expand { background-position: -990px 0; }
span.icon_matrix._30.cancel { background-position: -1020px 0; }
span.icon_matrix._30.globe { background-position: -1050px 0; }
span.icon_matrix._30.filter { background-position: -1080px 0; }
span.icon_matrix._30.list { background-position: -1110px 0; }
span.icon_matrix._30.copy { background-position: -1140px 0; }
span.icon_matrix._30.folder { background-position: -1170px 0; }
span.icon_matrix._30.clock { background-position: -1200px 0; }
span.icon_matrix._30.send { background-position: -1230px 0; }
span.icon_matrix._30.info { background-position: -1260px 0; }
span.icon_matrix._30.home { background-position: -1290px 0; }
span.icon_matrix._30.forward { background-position: -1320px 0; }
span.icon_matrix._30.backward { background-position: -1350px 0; }
span.icon_matrix._30.computer { background-position: -1380px 0; }
span.icon_matrix._30.last { background-position: -1410px 0; }
span.icon_matrix._30.first { background-position: -1440px 0; }
span.icon_matrix._30.calendar { background-position: -1470px 0; }
span.icon_matrix._30.customer { background-position: -1500px 0; }
span.icon_matrix._30.activity { background-position: -1530px 0; }
span.icon_matrix._30.output { background-position: -1560px 0; }
span.icon_matrix._30.flag { background-position: -1590px 0; }
span.icon_matrix._30.group2 { background-position: -1620px 0; }
span.icon_matrix._30.userw { background-position: -1650px 0; }
span.icon_matrix._30.menu { background-position: -1680px 0; }
span.icon_matrix._30.business { background-position: -1710px 0; }

span.icon_matrix._30.white { background-position-y: -60px; }

/* FF issue */
a.sel > span.icon_matrix._30.check { background-position: -240px -30px; }

span.icon_matrix._15.note { background-position: 0 0; }
span.icon_matrix._15.sms { background-position: -15px 0; }
span.icon_matrix._15.plus { background-position: -30px 0; }
span.icon_matrix._15.del { background-position: -45px 0; }
span.icon_matrix._15.pin { background-position: -60px 0; }
span.icon_matrix._15.excel { background-position: -75px 0; }
span.icon_matrix._15.lock { background-position: -90px 0; }
span.icon_matrix._15.trash { background-position: -105px 0; }
span.icon_matrix._15.check { background-position: -120px 0; }
span.icon_matrix._15.ntf_message { background-position: -135px 0; }
span.icon_matrix._15.ntf_issue { background-position: -150px 0; }
span.icon_matrix._15.ntf_info { background-position: -165px 0; }
span.icon_matrix._15.refresh { background-position: -180px 0; }
span.icon_matrix._15.default_group { background-position: -195px 0; }
span.icon_matrix._15.project { background-position: -210px 0; }
span.icon_matrix._15.search { background-position: -225px 0; }
span.icon_matrix._15.data { background-position: -240px 0; }
span.icon_matrix._15.product { background-position: -255px 0; }
span.icon_matrix._15.coupon { background-position: -270px 0; }
span.icon_matrix._15.email { background-position: -285px 0; }
span.icon_matrix._15.issue { background-position: -300px 0; }
span.icon_matrix._15.group { background-position: -315px 0; }
span.icon_matrix._15.cog { background-position: -330px 0; }
span.icon_matrix._15.inbox { background-position: -345px 0; }
span.icon_matrix._15.label { background-position: -360px 0; }
span.icon_matrix._15.sale { background-position: -375px 0; }
span.icon_matrix._15.variable { background-position: -390px 0; }
span.icon_matrix._15.edit { background-position: -405px 0; }
span.icon_matrix._15.serial { background-position: -420px 0; }
span.icon_matrix._15.android { background-position: -435px 0; }
span.icon_matrix._15.save { background-position: -450px 0; }
span.icon_matrix._15.up { background-position: -465px 0; }
span.icon_matrix._15.down { background-position: -480px 0; }
span.icon_matrix._15.expand { background-position: -495px 0; }
span.icon_matrix._15.cancel { background-position: -510px 0; }
span.icon_matrix._15.globe { background-position: -525px 0; }
span.icon_matrix._15.filter { background-position: -540px 0; }
span.icon_matrix._15.list { background-position: -555px 0; }
span.icon_matrix._15.copy { background-position: -570px 0; }
span.icon_matrix._15.folder { background-position: -585px 0; }
span.icon_matrix._15.clock { background-position: -600px 0; }
span.icon_matrix._15.send { background-position: -615px 0; }
span.icon_matrix._15.info { background-position: -630px 0; }
span.icon_matrix._15.home { background-position: -645px 0; }
span.icon_matrix._15.forward { background-position: -660px 0; }
span.icon_matrix._15.backward { background-position: -675px 0; }
span.icon_matrix._15.computer { background-position: -690px 0; }
span.icon_matrix._15.last { background-position: -705px 0; }
span.icon_matrix._15.first { background-position: -720px 0; }
span.icon_matrix._15.calendar { background-position: -735px 0; }
span.icon_matrix._15.customer { background-position: -750px 0; }
span.icon_matrix._15.activity { background-position: -765px 0; }
span.icon_matrix._15.output { background-position: -780px 0; }
span.icon_matrix._15.flag { background-position: -795px 0; }
span.icon_matrix._15.group2 { background-position: -810px 0; }


span.icon_matrix.public._75.product { background-position: 0 0; }
span.icon_matrix.public._75.feedback { background-position: -75px 0; }
span.icon_matrix.public._75.notice { background-position: -150px 0; }
span.icon_matrix.public._75.quiz { background-position: -225px 0; }
span.icon_matrix.public._75.field { background-position: -300px 0; }
span.icon_matrix.public._75.coupon { background-position: -375px 0; }
span.icon_matrix.public._75.journal { background-position: -450px 0; }
span.icon_matrix.public._75.data { background-position: -525px 0; }

.grow { transition: all .2s ease-in-out; transform: scale(0.8); }
.grow:hover { transform: scale(1.0); }

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }