Шаблон:Infobox/calc.css

.infobox-calc { width: 100%; display: table-row; }

.infobox-calc-wrapper { width: 100%; display: table; margin: 0; text-align: center; }

.infobox-calc-wrapper-row { margin: 0 !important; width: 100%; }

1. infobox-hero-calc-manager-stars, #infobox-hero-calc-manager-rarity {

width: 102%; margin: 0; padding: 0; }

.infobox-hero-calc-manager-rarity-wrapper {

   display: flex;
   justify-content: space-evenly;

}

.infobox-hero-calc-manager-rarity {

   display: inline-block;
   border-radius: 2px;
   width: 20px;
   height: 20px;
   margin: 2px;
   cursor: pointer;

}

.infobox-hero-calc-manager-rarity-selected {

   border: 2px solid #FFF;
   width: 16px;
   height: 16px;

}

.infobox-calc-wrapper-row-2 { flex-direction: row !important; width: 100%; }

.infobox-hero-calc-manager-input { width: 5em;

   background-color: #000 !important;
   color: #FDF3E7 !important;
   font-weight: bold !important;
   border-color: #816D42 !important;
   border-width: 3px !important;
   padding: 3px 8px !important;
   text-align: right;
   font-size: 16px;

}

.infobox-hero-calc-manager-star svg{ width: 25px; height: 25px; opacity: .6; }

.infobox-hero-calc-manager-star-selected svg { opacity: 1; }

.equip-star-1 {

   color: #F2C621;

}

.equip-star-2 { color: #6BCAE9; }

.equip-star-3 { color: #F74C4C; }

1. hero-stars svg {

width: 25px;

   height: 25px;
   filter: drop-shadow(2px 2px 1px rgba(0,0,0,.7));

}

.siege_factor { height: 25px;

   background: #4f8624;
   width: 45px;
   border-radius: 7px;
   line-height: 25px;
   margin-right: 15px;
   font-size: 15px;
   font-weight: bold;
   color: #ffffff;

-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.infobox-calc-wrapper-row-2 .active { cursor: pointer; }

.infobox-calc-wrapper-row-2 .active:hover { background: #5e9c2c; }

.infobox-calc-wrapper-row-2 .not-active { cursor: not-allowed; background: #737373; }

.infobox-calc-wrapper-row-2 .passive { cursor: pointer; background: #737373; border: 1px solid #ffffff; width: 43px; height: 23px; line-height: 23px; }

.infobox-calc-wrapper-row-2 .passive:hover { background: #8b8a8a; }