﻿/* File Created: december 9, 2013 */
.olyslager_dropdown.selector {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 3px;
  /*width: 100%;*/
  background-color: #ffffff;
  border: solid 1px #d5d5d5;
  border-color: #d5d5d5;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  white-space: nowrap; }
  .olyslager_dropdown.selector span {
    padding: 0 29px 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
  .olyslager_dropdown.selector .divider {
    position: absolute;
    top: 0px;
    right: 27px;
    width: 1px;
    height: 24px;
    background-color: #d5d5d5; }
   .arrowbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 100%;
    border-left: solid 1px #d5d5d5; }
     .arrowbox .arrowdown {
      position: absolute;
      top: 11px;
      right: 9px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #524e4f; }
    .olyslager_dropdown.selector.disabled .arrowbox .arrowdown {
        border-top: 5px solid #aaaaaa; }
  .olyslager_dropdown.selector.disabled {
    color: #aaaaaa; }
select.native {
	width: 100%;
	position: absolute;
	z-index: 20;
	opacity: 0.0001;
	cursor: pointer; }
.olyslager_dropdown.list {
  outline: 0;
  overflow: hidden;
  background-color: #ffffff;
  overflow: auto;
  /*width: 200px;*/
  left: 0;
  right: 0;
  height: 100px;
  z-index: 500;
  position: absolute;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #d5d5d5;
  border-color: #d5d5d5; }
  .olyslager_dropdown.list ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .olyslager_dropdown_listitem { /* Niet in diepere class/id gezet i.v.m. jquery bug waarbij de padding niet opgehaald kan worden als het dieper zit. */
      padding: 1px 12px 1px 5px;
      cursor: pointer; }
.olyslager_dropdown.selector, .olyslager_dropdown.list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.temp-show{position:absolute !important; visibility:hidden !important; display:block !important;}

.olyslager_dropdown .viewport
{
    /*width: inherit !important;*/
}
  
/* VOEG CUSTOM KLEUREN HIER IN */

/* Kleur voor de hover over en selected item in de lijst */
.olyslager_dropdown.list ul li:hover, .olyslager_dropdown.list ul li.itemselected 
{
    color: #ffffff;
    background-color: #da291c;
}
/* Kleur van de tekst van de selector */
.olyslager_dropdown.selector.itemselected 
{
}

.dropdowncontainer
{
    position: relative;
}

.list {
    max-height: 200px;
}

.olyslager_dropdown.selector {
   /* width: 100% !important;*/
}