.TagBtn1.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: crimson !important; /* Малиновый */
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn2.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: SteelBlue !important;  /* Стальной */
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn3.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #EA4C89 !important; /* Розовый */
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn4.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #2ea44f !important; /* Зелёный */
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn5.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #405cf5 !important; /* Синий */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn6.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #fff000 !important; /* Жёлтый */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: black !important;
}

.TagBtn7.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #222 !important;  /*  Чёрный */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn8.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: white !important;  /*  Белый */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: black !important;
}

.TagBtn9.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #8614f8 !important; /*  Фиолетовый */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn10.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #46211A !important; /*  Каштаново-коричневый */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn11.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #2C5F2D !important; /*  Зеленый лес */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn12.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #7A2048 !important; /*  Бургундия */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn13.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #A7BEAE !important; /*  Бирюзовый */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn14.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #735DA5 !important; /*  Барвинок */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn15.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #FFBB00 !important; /*  Жёлто-ораньжевый */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.TagBtn16.x-btn .x-btn-wrap .x-btn-text .x-btn-inner { 
  background-image: none;
  background-color: #962E2A !important; /* Лиловый */ 
  border-radius: 4px 4px 4px 4px;
  margin: 0 4px 0 1px;
  color: white !important;
}

.paut-tags {
    display: grid;  
    grid-gap: 2px;  
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    grid-template-rows: repeat(auto-fit, 15px);  
}

A.paut-tag1 {
  background: crimson; /* Малиновый */
  border-radius: 3px 3px 3px 3px;
  color: white;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;  */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag2 {
  background: SteelBlue; /* Стальной */
  border-radius: 3px 3px 3px 3px;
  color: white;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag3 {
  background: #EA4C89; /* Розовый */ 
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag4 {
  background: #2ea44f; /* Зелёный */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag5 {
  background: #405cf5; /* Синий */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag6 {
  background: #fff000; /* Жёлтый */
  border-radius: 3px 3px 3px 3px;
  color: #000;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag7 {
  background: #222;  /*  Чёрный */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag8 {
  background: white;  /*  Белый */
  border-radius: 3px 3px 3px 3px;
  color: black;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag9 {
  background: #8614f8; /*  Фиолетовый */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag10 {
  background: #46211A; /*  Каштаново-коричневый */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag11 {
  background: #2C5F2D; /*  Зеленый лес */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag12 {
  background: #7A2048 ; /*  Бургундия */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag13 {
  background: #A7BEAE ; /*  Бирюзовый */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag14 {
  background: #735DA5 ; /*  Барвинок */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag15 {
  background: #FFBB00 ; /*  Жёлто-ораньжевый */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

A.paut-tag16 {
  background: #962E2A ; /* Лиловый */
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  padding: 0 4px 0 4px;
  position: relative;
/*  margin: 0 10px 10px 0;      */
  text-decoration: none;
  -webkit-transition: color 0.2s;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customCSSItem.x-menu-item-text-default x-menu-item-text x-menu-item-focus x-menu-item-active {  
  color: yellow !important;
  background-color: red !important;
}