.bi   { background-size: 20px; background-position: center center; background-repeat: no-repeat; }
.bi-p { padding-left: 26px !important; background-size: 20px; background-position: 4px 50%; background-repeat: no-repeat; }
.bi-r { padding-right: 20px !important; background-size: 20px; background-position: right 50%; background-repeat: no-repeat; }
.bi-m { padding-left: 45px !important; background-size: 20px; background-position: 20px 50%; background-repeat: no-repeat; }
.bi-g { padding-left: 40px !important; background-size: 20px; background-position: 4px 50%; background-repeat: no-repeat; line-height: 28px; }

.bi-add { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-add.png); }
.bi-close { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-close.png); }
.bi-delete { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-close.png); }
.bi-down { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-down.png); }
.bi-down2 { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-down2.png); }
.bi-pause { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-pause.png); }
.bi-play { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-play.png); }
.bi-info { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-info.png); }
.bi-copy { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-copy.png); }
.bi-ok { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-ok.png); }
.bi-next { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-next.png); }
.bi-star { background-image: url(https://www.waaclaw.cz/main2/data/images/icon-star.png); }