Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

можно префиксы тем

Решение
Попробуй


Вот:
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before...
Фев
121
173
Пользователь
Попробуй


Вот:
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.odobpon,
.label.svgPrefix.odobpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #04ff00;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.odobpon:before,
.label.svgPrefix.odobpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.raspon,
.label.svgPrefix.raspon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #04ff00;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.raspon:before,
.label.svgPrefix.raspon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.rassmotpon,
.label.svgPrefix.rassmotpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #ffc800;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.rassmotpon:before,
.label.svgPrefix.rassmotpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f251";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.vajpon,
.label.svgPrefix.vajpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #c62828;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.vajpon:before,
.label.svgPrefix.vajpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.zakpon,
.label.svgPrefix.zakpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #c62828;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.zakpon:before,
.label.svgPrefix.zakpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f023";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.otkazpon,
.label.svgPrefix.otkazpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #c62828;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.otkazpon:before,
.label.svgPrefix.otkazpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f057";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.otkpon,
.label.svgPrefix.otkpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #04ff00;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.otkpon:before,
.label.svgPrefix.otkpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f3c1";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.pravpon,
.label.svgPrefix.pravpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #c62828;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.pravpon:before,
.label.svgPrefix.pravpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.infopon,
.label.svgPrefix.infopon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #00ffff;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.infopon:before,
.label.svgPrefix.infopon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f129";
}
 
Ноя
2,093
7,478
Команда форума
Администратор
 
Апр
11
5
Пользователь
Попробуй


Вот:
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.odobpon,
.label.svgPrefix.odobpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #04ff00;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.odobpon:before,
.label.svgPrefix.odobpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.raspon,
.label.svgPrefix.raspon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #04ff00;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.raspon:before,
.label.svgPrefix.raspon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.rassmotpon,
.label.svgPrefix.rassmotpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #ffc800;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.rassmotpon:before,
.label.svgPrefix.rassmotpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f251";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.vajpon,
.label.svgPrefix.vajpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #c62828;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.vajpon:before,
.label.svgPrefix.vajpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.zakpon,
.label.svgPrefix.zakpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #c62828;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.zakpon:before,
.label.svgPrefix.zakpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f023";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.otkazpon,
.label.svgPrefix.otkazpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #c62828;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.otkazpon:before,
.label.svgPrefix.otkazpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f057";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.otkpon,
.label.svgPrefix.otkpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #04ff00;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.otkpon:before,
.label.svgPrefix.otkpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f3c1";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.pravpon,
.label.svgPrefix.pravpon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #c62828;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.pravpon:before,
.label.svgPrefix.pravpon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06a";
}
.svgPrefix,
.label.svgPrefix {
  font-family: inherit;
  font-size: 70%;
  font-weight: 500;
  display: inline-flex;
  text-align: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 1.26;
  padding: .25em .5em;
  border: none;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
}
.fsp .svgPrefix,
.fsp .label.svgPrefix {
  margin-right: 5px;
}
.menuPrefix.svgPrefix,
.menuPrefix.label.svgPrefix {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  padding: .333em;
}
a.menuPrefix.svgPrefix,
a.menuPrefix.label.svgPrefix {
  text-decoration: none;
}
.p-title .p-title-value .svgPrefix,
.p-title .p-title-value .label.svgPrefix {
  font-size: 70%;
}
.svgPrefix:before,
.label.svgPrefix:before {
  position: absolute;
  top: .25em;
  bottom: 0;
  left: .333em;
}
.svgPrefix.infopon,
.label.svgPrefix.infopon {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 40%, transparent 100%), #00ffff;
  color: #fafafa;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  padding: .25em .5em .25em 1.75em;
}
.svgPrefix.infopon:before,
.label.svgPrefix.infopon:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f129";
}
сяба
 
Сверху