/* colors */
/* spaces */
/*
	select {
			font-size: 27px;
			padding: $def-padding/2;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background-image: url("../gfx/system/selectarrow.svg");
			background-repeat: no-repeat;
			background-position: 93% center;
			background-size: 14px;
			background-color: $blue-color;
			color: $white-color;
			border: none;
			
			option {
				font-family: $font-family-text;
				font-size: 20px;
				background-color: $blue-color;
				color: $white-color;
			}
		}
		div.selectitem {
			padding-left:  $def-padding/2;
			padding-right: $def-padding/2;
			width: calc(100% / 3);
		}
*/
.selecty-container:hover .selecty-select,
.selecty-container .selecty-select.open {
  /*border-color: #8c6f67;*/ }

.selecty-container {
  display: inline-block;
  width: 300px;
  min-width: 100%;
  vertical-align: middle; }
  .selecty-container .selecty-select {
    font-size: 27px;
    padding: 20px;
    overflow: hidden;
    background-color: #0077bb;
    color: #ffffff;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .selecty-container .selecty-select.open {
      background-color: #0077bb;
      border-bottom-color: #b9a5a0 !important; }
      .selecty-container .selecty-select.open > .selecty-arrow {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
    .selecty-container .selecty-select > .selecty-arrow {
      float: right;
      margin-left: 5px;
      margin-right: -5px;
      color: #888;
      transition: transform .4s ease;
      color: rgba(255, 255, 255, 0.85); }
    .selecty-container .selecty-select > .selecty-content {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      color: #ffffff;
      padding-top: 3px; }
  .selecty-container:hover .selecty-select > .selecty-arrow,
  .selecty-container .selecty-select.open > .selecty-arrow {
    color: #ffffff; }
  .selecty-container .selecty-items-container {
    position: absolute;
    z-index: 1;
    height: 0;
    overflow: hidden;
    box-sizing: border-box; }
  .selecty-container ul.selecty-items {
    list-style: none;
    border-top: none;
    margin: 0;
    padding: 0;
    background-color: #0077bb;
    font-size: 27px;
    color: #ffffff;
    box-sizing: border-box;
    width: 300px;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    /*max-height: 400px;*/ }
    .selecty-container ul.selecty-items.frozen {
      pointer-events: none; }
    .selecty-container ul.selecty-items > li {
      padding: 10px 20px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: default;
      padding-top: 13px; }
      .selecty-container ul.selecty-items > li.section {
        font-size: 18px;
        padding: 10px; }
        .selecty-container ul.selecty-items > li.section:first-child {
          padding-top: 5px; }
        .selecty-container ul.selecty-items > li.section:last-child {
          padding-bottom: 5px; }
      .selecty-container ul.selecty-items > li[data-value]:not([disabled]) {
        cursor: pointer; }
      .selecty-container ul.selecty-items > li[data-value]:hover:not([disabled]) {
        color: #FFF;
        background-color: #0B679C; }
      .selecty-container ul.selecty-items > li[disabled] {
        color: #bc9f97; }