.warn-main {
  background-color: #FFFFFF; }

.warn-main .warn__items .square.es-alarm {
  background-color: #0c000c; }

.warn-main .warn__items .square.dosha {
  background-color: #aa00aa; }

.warn-main .warn__items .square.alarm {
  background-color: #ff2800; }

.warn-main .warn__items .square.warn {
  background-color: #f2e700;
  color: #3c3c3c !important; }

.warn-main .warn__items .square.none {
  background-color: #d3e1e7; }

.warn-main {
  padding: 15px 0 5px; }
  .warn-main .warn__wrapper {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
  .warn-main .warn__items {
    display: box;
    display: -o-box;
    display: -webkit-box;
    display: -ms-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
    .warn-main .warn__items .warn__item {
      margin-top: 10px; }
    .warn-main .warn__items .dosha {
      margin-top: 2px; }
    .warn-main .warn__items .square {
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-right: 3px; }
    .warn-main .warn__items .warn__item--text {
      display: inline-block;
      padding-top: 1px;
      font-size: 10px;
      line-height: 16px;
      vertical-align: middle; }