.ikon {
display: inline-block;
margin-bottom: -8px;
width: 24px;
height: 24px;
border: none;
padding: 8px;
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
}
.ikon.size2 {
width: 40px;
height: 40px;
}
.ikon.size2 {
width: 40px;
height: 40px;
}.ikon.size3 {
width: 54px;
height: 54px;
}
.ikon.size4 {
width: 72px;
height: 72px;
}
.ikon.none,.ikonnone{display:none!important}
.thumb.ikon {
width: 60px;
height: 60px;
margin: 16px;
flex-shrink: 0;
border: 2px solid var(--tema);
border-radius: 8px;
background-color: var(--temaLight);
}
.ikon.ngiwo,[data-toolcategory].expand .ikon{
background-image: url('data:image/svg+xml,');
}
.ikon.transparent{background-image:none}
.ikon.logoBukuLirik {
background-color:var(--tema);
background-image: url('data:image/svg+xml,');
}.ikon.enter {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.tglEdit {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.call {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.visibility {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.bisnis {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.bN {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.pesan {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.calculate {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.paraPelanggan {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.backSpace {
background-image: url('data:image/svg+xml;utf8,')
}
#inputFilter{background-repeat:no-repeat}
.ikon.cari,#inputFilter{
background-image: url('data:image/svg+xml,')
}
.ikon.history{
background-image: url('data:image/svg+xml,')
}
.ikon.bantuan{
background-image: url('data:image/svg+xml,')
}
.ikon.wa {
background-image: url('data:image/svg+xml,')
}
.ikon.darkMode {
background-image: url('data:image/svg+xml,')
}
.ikon.layers{
background-image: url('data:image/svg+xml,')
}
.ikon.relasi{
background-image: url('data:image/svg+xml,')
}
.ikon.priceList{
background-image: url('data:image/svg+xml,')
}
.ikon.user{
background-image: url('data:image/svg+xml,')
}
.ikon.pelanggan{
background-image: url('data:image/svg+xml,')
}
.ikon.setting {
background-image: url('data:image/svg+xml,')
}
.ikon.grey-setting {
background-image: url('data:image/svg+xml,')
}
.modeView .tombSaveEdit .ikon, .ikon.edit {
background-image: url('data:image/svg+xml,')
}
.ikon.edit-putih{
background-image: url('data:image/svg+xml,')
}
.ikon.edit-orange{
background-image: url('data:image/svg+xml,')
}
.ikon.sampah {
background-image: url('data:image/svg+xml,')
}
.ikon.choord {
background-image: url('data:image/svg+xml,')
}
.ikon.medun {
background-image: url('data:image/svg+xml,')
}
.ikon.munggah {
background-image: url('data:image/svg+xml,');
}
.ikon.ngiwo {
background-image: url('data:image/svg+xml,');
}
.ikon.keyboard {
background-image: url('data:image/svg+xml,')
}
.ikon.copy {
background-image: url('data:image/svg+xml,')
}
.ikon.img {
background-image: url('data:image/svg+xml,')
}
.ikon.folder {
background-image: url('data:image/svg+xml,')
}
.ikon.folderWarna {
background-image: url('data:image/svg+xml,')
}
.ikon.folders {
background-image: url('data:image/svg+xml,')
}
.ikon.folderBaru {
background-image: url('data:image/svg+xml,')
}
.ikon.folderBuka {
background-image: url('data:image/svg+xml,')
}
.ikon.folderTutup {
background-image: url('data:image/svg+xml,')
}
.ikon.tgl {
background-image: url('data:image/svg+xml,')
}
.ikon.height {
background-image: url('data:image/svg+xml,')
}
.ikon.moreHoriz {
background-image: url('data:image/svg+xml,')
}
.ikon.menu {
background-image: url('data:image/svg+xml,')
}
.modeSelect li.item::before {
background-image: url('data:image/svg+xml,')
}
.ikon.checked,
.modeSelect li.item.selected::before {
background-image: url('data:image/svg+xml,')
}
.ikon.double-checked{
background-image: url('data:image/svg+xml,')
}
.ikon.checAll{
background-image: url('data:image/svg+xml,')
}
.ikon.gridView {
background-image: url('data:image/svg+xml,')
}
.ikon.listView {
background-image: url('data:image/svg+xml,')
}
.ikon.list {
background-image: url('data:image/svg+xml,')
}
.ikon.listCheckAll {
background-image: url('data:image/svg+xml,')
}
.ikon.plus{
background-image: url('data:image/svg+xml,')
}
.ikon.plus-orange{
background-image: url('data:image/svg+xml,')
}
.ikon.play{
background-image: url('data:image/svg+xml,')
}
.ikon.addBefore{
background-image: url('data:image/svg+xml,')
}
.ikon.addAfter{
background-image: url('data:image/svg+xml,')
}
.ikon.minus {
background-image: url('data:image/svg+xml,')
}
.ikon.labelBorder {
background-image: url('data:image/svg+xml,')
}
.ikon.segitiga {
background-image: url('data:image/svg+xml,')
}
.ikon.silang {
background-image: url('data:image/svg+xml,')
}
.ikon.maximize{
background-image: url('data:image/svg+xml,')
}
.ikon.silang-merah {
background-image: url('data:image/svg+xml,')
}
.ikon.centang {
background-image: url('data:image/svg+xml,')
}
.ikon.centang2 {
background-image: url('data:image/svg+xml,')
}
.ikon.centang0 {
background-image: url('data:image/svg+xml,')
}
.ikon.sort {
background-image: url('data:image/svg+xml,')
}
.ikon.palette {
background-image: url('data:image/svg+xml,')
}
.ikon.colorPallete {
background-image: url('data:image/svg+xml,')
}
.ikon.addToPallete {
background-image: url('data:image/svg+xml,')
}
.ikon.unknown {
background-image: url('data:image/svg+xml,')
}
.ikon.tool.blank {
background-image: url('data:image/svg+xml,')
}
.ikon.kd{
background-image: url('data:image/svg+xml,')
}
.ikon.alignCenterY{
background-image: url('data:image/svg+xml,')
}
.ikon.alignCenterX,.ikon.alignCenter{
background-image: url('data:image/svg+xml,')
}.ikon.alignCenterPV{
background-image: url('data:image/svg+xml,')
}.ikon.alignCenterPH{
background-image: url('data:image/svg+xml,')
}
.ikon.alignCenterP{
background-image: url('data:image/svg+xml,')
}
.ikon.alignLeft{
background-image: url('data:image/svg+xml,')
}
.ikon.alignRight{
background-image: url('data:image/svg+xml,')
}
.ikon.alignTop{
background-image: url('data:image/svg+xml,')
}
.ikon.alignBottom{
background-image: url('data:image/svg+xml,')
}
.ikon.distribute{
background-image: url('data:image/svg+xml,')
}.ikon.distributeH{
background-image: url('data:image/svg+xml,')
}.ikon.distributeV{
background-image: url('data:image/svg+xml,')
}
.ikon.pageLayer{
background-image: url('data:image/svg+xml,')
}
.ikon.file{
background-image: url('data:image/svg+xml,')
}
.ikon.fileText{
background-image: url('data:image/svg+xml,')
}.ikon.fileFolder{
background-image: url('data:image/svg+xml,')
}
.ikon.fileListcalc {
background-image: url('data:image/svg+xml,')
}
.ikon.fileLirik {
background-image: url('data:image/svg+xml,')
}
.ikon.filePNG {
background-image: url('data:image/svg+xml,')
}
.ikon.fileSVG {
background-image: url('data:image/svg+xml,')
}
.ikon.shape {
background-image: url('data:image/svg+xml,')
}
.ikon.pClipTo{
background-image: url('data:image/svg+xml,')
}.ikon.pClipEdit{
background-image: url('data:image/svg+xml,')
}.ikon.pClipLock{
background-image: url('data:image/svg+xml,')
}.ikon.pClipExtract{
background-image: url('data:image/svg+xml,')
}.ikon.pClipEditFinish{
background-image: url('data:image/svg+xml,')
}
.ikon.page{
background-image: url('data:image/svg+xml,')
}
.ikon.pageShow{
background-image: url('data:image/svg+xml,')
}
.ikon.gridLine{
background-image: url('data:image/svg+xml,')
}
.ikon.orderTopOfLayer{
background-image: url('data:image/svg+xml,')
}
.ikon.orderBackOfLayer{
background-image: url('data:image/svg+xml,')
}
.ikon.orderTopOfOne{
background-image: url('data:image/svg+xml,')
}
.ikon.orderBackOfOne{
background-image: url('data:image/svg+xml,')
}
.ikon.orderBackOf{
background-image: url('data:image/svg+xml,')
}
.ikon.orderTopOf{
background-image: url('data:image/svg+xml,')
}
.ikon.orderReverse{
background-image: url('data:image/svg+xml,')
}
.ikon.group{
background-image: url('data:image/svg+xml,')
}
.ikon.unGroup{
background-image: url('data:image/svg+xml,')
}
.ikon.unGroupAll{
background-image: url('data:image/svg+xml,')
}
.ikon.pan{
background-image: url('data:image/svg+xml,')
}
.ikon.zoom{
background-image: url('data:image/svg+xml,')
}
.ikon.zoomPlus{
background-image: url('data:image/svg+xml,')
}.ikon.zoomMinus{
background-image: url('data:image/svg+xml,')
}
.ikon.zoomShoot{
background-image: url('data:image/svg+xml,')
}
.ikon.pen{
background-image: url('data:image/svg+xml,')
}
.ikon.templateObject{
background-image: url('data:image/svg+xml,')
}
.ikon.weld{
background-image: url('data:image/svg+xml,')
}
.ikon.warning{
background-image: url('data:image/svg+xml,')
}
.ikon.kartu-nama{
background-image: url('data:image/svg+xml,')
}
.ikon.trim{
background-image: url('data:image/svg+xml,')
}
.ikon.intersect{
background-image: url('data:image/svg+xml,')
}
.ikon.smartFill {
background-image: url('data:image/svg+xml,')
}
.fill {
background-image: url('data:image/svg+xml,')
}
.ikon.outline {
background-image: url('data:image/svg+xml,')
}
.ikon.outline {
background-image: url('data:image/svg+xml,')
}
.ikon.colorSetter {
background-image: url('data:image/svg+xml,')
}
.ikon.snapMagnet {
background-image: url('data:image/svg+xml,')
}
.ikon.camera {
background-image: url('data:image/svg+xml,')
}
.ikon.importImage {
background-image: url('data:image/svg+xml,')
}
.ikon.exPortImage {
background-image: url('data:image/svg+xml,')
}
.ikon.imgSetting {
background-image: url('data:image/svg+xml,')
}
.ikon.redo {
background-image: url('data:image/svg+xml,')
}
.ikon.undo {
background-image: url('data:image/svg+xml,')
}
.tombSaveEdit .ikon,.ikon.simpan {
background-image: url('data:image/svg+xml,')
}
.ikon.simpan-orange {
background-image: url('data:image/svg+xml,')
}
.ikon.kembali {
background-image: url('data:image/svg+xml;utf8,')
}
.ikon.pick{
background-image: url('data:image/svg+xml,')
}
.ikon.polygram{
background-image: url('data:image/svg+xml,')
}
.ikon.square,
.ikon.kotak{
background-image: url('data:image/svg+xml,')
}
.ikon.freehand{
background-image: url('data:image/svg+xml,')
}
.ikon.rectangle,
.ikon.rect{
background-image: url('data:image/svg+xml,')
}
.ikon.circle {
background-image: url('data:image/svg+xml,')
}
.ikon.ellipse,
.ikon.oval,
.ikon.lonjong {
background-image: url('data:image/svg+xml,')
}
.ikon.text {
background-image: url('data:image/svg+xml,')
}
.ikon.paragraph {
background-image: url('data:image/svg+xml,')
}
.ikon.laserFire {
background-image: url('data:image/svg+xml,')
}
.ikon.polygon {
background-image: url('data:image/svg+xml,')
}
.ikon.triangle {
background-image: url('data:image/svg+xml,')
}
.ikon.windowBottom {
background-image: url('data:image/svg+xml,')
}
.ikon.windowRight {
background-image: url('data:image/svg+xml,')
}
.ikon.segi3samasisi{
background-image: url('data:image/svg+xml,')
}
.ikon.segi3samakaki{
background-image: url('data:image/svg+xml,')
}
.ikon.segi3siku {
background-image: url('data:image/svg+xml,')
}
.ikon.arrow{
background-image: url('data:image/svg+xml,')
}
.ikon.cross {
background-image: url('data:image/svg+xml,')
}
.ikon.line {
background-image: url('data:image/svg+xml,')
}
.ikon.arc {
background-image: url('data:image/svg+xml,')
}
.ikon.polyline {
background-image: url('data:image/svg+xml,')
}
.ikon.delete {
background-image: url('data:image/svg+xml,')
}
.ikon.more {
background-image: url('data:image/svg+xml,')
}
.ikon.more-black {
background-image: url('data:image/svg+xml,')
}
.ikon.info {
background-image: url('data:image/svg+xml,')
}
.ikon.toCurve {
background-image: url('data:image/svg+xml,')
}
.ikon.star{
background-image: url('data:image/svg+xml,')
}
.ikon.mirrorVertical{
background-image: url('data:image/svg+xml,')
}
.ikon.mirrorHorizontal{
background-image: url('data:image/svg+xml,')
}
.ikon.moveToTop{
background-image: url('data:image/svg+xml,')
}
.ikon.moveToRight{
background-image: url('data:image/svg+xml,')
}
.ikon.moveToBottom{
background-image: url('data:image/svg+xml,')
}
.ikon.moveToLeft{
background-image: url('data:image/svg+xml,')
}
.ikon.moveToCenter{
background-image: url('data:image/svg+xml,')
}
.ikon.combine{
background-image: url('data:image/svg+xml,')
}
.ikon.breakToApart{
background-image: url('data:image/svg+xml,')
}
.ikon.copying{
background-image: url('data:image/svg+xml,')
}
.ikon.toCurve{
background-image: url('data:image/svg+xml,')
}
.ikon.D3-rotate{
background-image: url('data:image/svg+xml,')
}
.ikon.label{
background-image: url('data:image/svg+xml,')
}
.ikon.label-putih{
background-image: url('data:image/svg+xml,')
}
.ikon>svg {
display: block;
width: inherit;
height: inherit;
margin: -8px 0 0 -8px;
}