/* 
 * Selecter v3.2.4 - 2015-04-04 
 * A jQuery plugin for replacing default select elements. Part of the Formstone Library. 
 * http://classic.formstone.it/selecter/ 
 * 
 * Copyright 2015 Ben Plum; MIT Licensed 
 */


.selecter {
  position: relative;
  display: block;
  margin: 10px 0;
  z-index: 20;
}
.selecter:focus {
  box-shadow: none;
  outline: none;
}
.selecter,
.selecter * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.selecter,
.selecter *,
.selecter *:before,
.selecter *:after {
  box-sizing: border-box;
}
.selecter-element {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.selecter-element,
.selecter-element:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
.no-opacity .selecter-element {
  left: -999999px;
}
.selecter-selected {
  position: relative;
  background: #ffffff;
  font-size: 18px;
    line-height: 30px;
color:#174866;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
  cursor: pointer;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 10px 15px;
  text-overflow: clip;
  z-index: 11;
}
.selecter-selected:after {
  height: 9px;
  width: 15px;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  content: '';
  display: block;
  margin: auto 0;
  background: url("../select/arrow_down_light.svg") no-repeat;
}

.selecter:hover .selecter-selected:after{
   background: url("../select/arrow_down_light_hover.svg") no-repeat;
}

.selecter.open .selecter-selected:after{
   background: url("../select/arrow_up_light.svg") no-repeat;
}


.selecter-options {
  width: 100%;
  max-height: 260px;
  position: absolute;
  top: 60px;
  left: 0;
  background-color: #ffffff;
  display: none;
  margin: 0;
  overflow: auto;
  overflow-x: hidden;
  padding: 0;
  z-index: 50;
 
  
 
 
}

.selecter.open::before{
  content:"";
  position: absolute;
  background: url("../select/treugol.png") no-repeat;
  width: 24px;
  height: 11px;
  bottom: -10px;
  right: 12px;
  z-index: 70;
}
.selecter-options.scroller {
  position: absolute;
}
.no-opacity .selecter-options {
  width: auto;
}

.selecter-item {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #4b8fcb;
  font-size: 18px;
    line-height: 30px;
color:#174866;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
  cursor: pointer;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 10px 15px;
  text-decoration: none;
  text-overflow: ellipsis;
  position: relative;
}

.selecter-item:hover{
  color:#fff;
  background-color: #4b8fcb;
}
.selecter-item.placeholder {
  display: none;
}