/* 
 * 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:  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: 16px;
    line-height: 30px;
color:#657b73;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
  cursor: pointer;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 10px 2%;
  border: 2px solid #d1e1db;
  text-overflow: clip;
  z-index: 11;
}
.selecter.open .selecter-selected{
  border: 2px solid #15573f;
}
.selecter.closed span{
  color:#15573f;
}
.selecter-selected{
  font-weight: bold;
}
.selecter-item:first-child{
  display: none;
}

@media (max-width: 768px){
  .selecter-selected {
    padding: 10px 3%;
    font-size: 14px;
}
.form-online span.selecter-item{
  margin: 0;
}
.selecter{
  margin-bottom: 20px;
}
  }

  @media (max-width: 600px){
  .selecter-selected {
    padding: 10px 5%;
}
  }

.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_grey_down.svg") no-repeat;
}


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


.form-online .selecter-options {
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  background-color: #ffffff;
  border: 2px solid #15573f;
  display: none;
  margin: 0;
  overflow-x: scroll;
  overflow-x: hidden;
  height: 600px;
  padding: 20px 0;
  z-index: 50;
 
  
 
 
}


.selecter-options.scroller {
  position: absolute;
}
.no-opacity .selecter-options {
  width: auto;
}

.selecter-item {
  width: 100%;
  background: #ffffff;
  font-size: 16px;
    line-height: 20px;
color:#15573f;
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{
  background-color: #cbdbbd;
}
.selecter-item.placeholder {
  display: none;
}