/* global */
.title_el2018 {
   border-bottom: 0;
}
.b-article .b-incut {
   margin-bottom: 0;
}
.b-incut--caped {
   padding-bottom: 0;
   border-top: 0;
   border-bottom: 0;
}

/* wrapper */
.el2018_wrapper {
   padding: 30px 45px 13px 45px;
   border: 1px solid #ccc;
   margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
   .el2018_wrapper {
      padding-left: 15px;
      padding-right: 15px;
      margin: 0 -15px 30px -15px;
   }
}

.el2018_name {
   font: 24px/24px Georgia, serif;
   color: #000;
   text-align: center;
   margin-bottom: 12px;
}
@media only screen and (min-width: 480px) {
   .el2018_name {
      display: inline-block;
      text-align: left;
   }
}

/* menu voters and results */
.el2018_menu {
	font: 0/0 a;
   float: none;
   width: 272px;
   border: 2px solid #006697;
   background-color: #006697;
   border-radius: 3px;
   margin: 0 auto 14px;
}
@media only screen and (min-width: 854px) {
   .el2018_menu {
      float: right;
   }
}
@media only screen and (min-width: 480px) {
   .el2018_menu {
      margin: 0 0 14px;
   }
}

.ui_button_select:not([disabled]) {
   width: 136px;
   border: 0;
   margin: 0;
   background-color: #fff;
   color: #006697;
   font-size: 14px;
}
.ui_button_select:not([disabled]):hover {
   background-color: #fff;
   color: #006697;
   opacity: 1;
}
.ui_button_select.is_current,
.ui_button_select.is_current:not([disabled]):hover {
   background-color: #006697;
   color: #fff;
}

.el2018_voters {
   position: absolute;
   z-index: 2;
}
/* search */
.el2018_search {
   margin-bottom: 14px;
   width: 240px;
}
.el2018_search__form {
   position: relative;
}
.el2018_search__input {
   width: 240px;
   height: 32px;
   border: 1px solid #999;
   box-sizing: border-box;
   padding: 9px 5px 9px 14px;
   font: 12px/14px Arial, sans-serif;
}
.el2018_search__input:focus {
   outline-color: rgba(74, 144, 226, 0.7);
   border: solid 1px #4a90e2;
}
.el2018_search__button {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   background-color: transparent;
   border: 0;
   padding: 0;
   padding-right: 2px;
   cursor: pointer;
}
.el2018_search__button .vicon-search_empty {
   color: #999;
}

.el2018_search .list-regions-wr {
   font: 12px/14px Arial, sans-serif;
   width: 240px;
   max-height: 240px;
   margin: 0;
   padding: 9px 0 15px 0;
   border: solid 1px #999;
   border-top-width: 0;
   background-color: #fff;
   box-sizing: border-box;
   overflow-y: auto;
   z-index: 4;
}
   .el2018_search .list-regions-str {
      padding: 3px 5px 3px 14px;
   }
   .el2018_search .list-regions-wr .list-regions-str:hover,
   .list-regions-str--current {
      cursor: pointer;
      background-color: rgba(0, 102, 151, 0.1);
      font-weight: normal;
   }

/* voters */
.voters__data{
   position: relative;
   width: 240px;
   min-height: 140px;
   box-sizing: border-box;
   background-color: rgba(255, 255, 255, .9);
   border: 1px solid #eee;
   padding: 22px 6px 22px 14px;
   color: #666;
}
.voters__name {
   font: bold 14px/14px Arial, sans-serif;
   margin-bottom: 4px;
}
.voters__value {
   color: #000;
   font: 18px/18px Arial, sans-serif;
}
.voters__text {
   color: #000;
   font: 14px/14px Arial, sans-serif;
}
.voters__src {
   font: 10px/10px Arial, sans-serif;
   display: block;
   margin: 10px 0;
}
.voters__src + hr {
   width: 124px;
   margin: 12px 0 8px;
}

/* vicons */
.vicon--close {
   font-size: 12px;
   position: absolute;
   top: 6px;
   right: 6px;
   color: #ccc;
   cursor: pointer;
}
.vicon.vicon_open {
   top: 0;
   transform: rotate(270deg);
   font-size: 12px;
   padding: 8px;
   cursor: pointer;
   border: 2px solid #006697;
   box-sizing: border-box;
   fill: #006697;
   background-color: #fff;
}

/* list */
.voters_list__title {
   font: bold 12px/16px Arial, sans-serif;
}
.voters_list_ol {
   list-style-type: decimal;
   list-style-position: inside;
}
   .voters_list__item {
      font: 11px/16px Arial, sans-serif;
      position: relative;
   }
   .voters_list__item_dot {
      padding-left: 14px;
   }

.voters_list__outsideRF {
   margin-bottom: 5px;
}

/* regions */
.el2018_regions {
   min-width: 208px;
   background-color: rgba(255, 255, 255, 0.9);
   border: solid 1px #ccc;
   padding: 5px 6px 22px 20px;
   font-size: 11px;
   color: #000;
   box-sizing: border-box;
   position: absolute;
   z-index: 3;
}
.el2018_regions > .voters_list__title {
   margin-bottom: 4px;
}
@media only screen and (max-width: 479px) {
   .el2018_regions {
      width: 100%;
      border: 0;
      padding-left: 0;
      padding-right: 0;
      text-align: center;
      position: static;
   }
}

/* legend */
.el2018_legend {
   text-align: center;
}
   .legend__dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background-color: currentcolor;
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      display: inline-block;
   }
   .legend__block {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-evenly;
      align-items: baseline;
   }
   @media only screen and (max-width: 479px) {
      .legend__block {
         border-top: 1px solid #eee;
         padding: 20px 0 18px;
      }
   }
   .legend__block_line {
      height: 90px;
      align-items: center;
      justify-content: center;
   }
   @media only screen and (max-width: 479px) {
      .legend__block_line {
         height: 24px;
         align-items: baseline;
      }
   }

   .legend__item_line {
      display: inline-block;
      padding-top: 8px;
      font: 12px/16px Arial, sans-serif;
      width: 80px;
      position: relative;
   }
   @media only screen and (max-width: 479px) {
      .legend__item_line {
         width: 24.9%;
      }
   }

   .legend__item_color {
      background-color: currentcolor;
      width: 80px;
      height: 8px;
      position: absolute;
      top: 0;
      left: 0;
   }
   @media only screen and (max-width: 479px) {
      .legend__item_color {
         width: 100%;
      }
   }

   .voters_list__title_region {
      width: 100%;
      margin-bottom: 10px;
   }
   @media only screen and (min-width: 480px) {
      .voters_list__title_region {
         display: none;
      }
   }

   .legend__item_face {
      width: 82px;
      margin-bottom: 8px;
   }
   @media only screen and (max-width: 1199px) and (min-width: 980px) {
      .legend__item_face {
         width: calc(100% / 4 - 10px);
      }
   }
   @media only screen and (max-width: 853px) and (min-width: 480px) {
      .legend__item_face {
         width: calc(100% / 4 - 10px);
      }
   }
   @media only screen and (max-width: 479px) {
      .legend__item_face {
         width: 50%;
         margin-bottom: 4px;
         text-align: left;
      }
   }

   .legend__content {
      position: relative;
      font: 0/0 a;
      display: inline-block;
   }
   @media only screen and (max-width: 479px) {
      .legend__content {
         width: 26px;
         float: left;
         padding-right: 6px;
      }
   }

   .legend__circle {
      width: 16px;
      border-radius: 50%;
      background-color: currentcolor;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto;
   }
   @media only screen and (max-width: 479px) {
      .legend__circle_1st {
         width: 26px;
         height: 26px;
      }
      .legend__circle_2nd {
         width: 24px;
         height: 24px;
      }
      .legend__circle_3rd {
         width: 20px;
         height: 20px;
      }
   }
   @media only screen and (min-width: 480px) {
      .legend__circle {
         position: absolute;
         right: -5px;
         bottom: 0;
      }
      .legend__circle_1st {
         right: 0;
      }
   }

   .legend__text {
      display: block;
      font: bold 12px/16px Arial, sans-serif;
      color: #000;
   }
   .legend__text_white {
      color: #fff;
      font-size: 11px;
   }
   .legend__text_plain {
      font-weight: normal;
      color: #666;
      line-height: 12px;
      vertical-align: top;
   }
   @media only screen and (max-width: 479px) {
      .legend__text_plain {
         display: inline-block;
         width: calc(100% - 38px);
      }
   }

   .legend__photo {
      display: none;
      width: 35px;
      height: 35px;
      border-radius: 50%;
   }
   @media only screen and (min-width: 480px) {
      .legend__photo {
         display: inline-block;
      }
   }
   .legend__photo_1st {
      width: 60px;
      height: 60px;
   }
   .legend__photo_2nd {
      width: 50px;
      height: 50px;
   }
   .legend__photo_3rd {
      width: 45px;
      height: 45px;
   }

/* colors */
.high {
   background-color: #006697;
}
.medium {
   background-color: rgba(0, 102, 151, 0.6);
}
.low {
   background-color: #006697;
   opacity: .4;
}
.no_data {
   background-color: #fff;
   border: 1px solid #ccc;
   box-sizing: border-box;
}
/* colors */
.baburin {
   background-color: #970000;
}
.grudinin {
   background-color: #d46a00;
}
.jirinovsky {
   background-color: #ffd700;
}
.putin {
   background-color: #3d9700;
}
.sobchak {
   background-color: #005c36;
}
.suraikin {
   background-color: #00acff;
}
.titov {
   background-color: #0080be;
}
.yavlinsky {
   background-color: #720097;
}