.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

  .dk-select{position: relative;display: block;margin: 80px auto;vertical-align: middle;line-height: 1.5em;width: 200px;cursor: pointer;}

  .dk-selected {width: 100%;white-space: nowrap;overflow: hidden;position: relative;background-color: white;border: 1px solid #CCCCCC;border-radius: 0.4em;padding: 0 1.5em 0 0.5em;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
  .dk-selected:before, .dk-selected:after {content: '';display: block;position: absolute;right: 0;}
  .dk-selected:before {top: 50%;border: solid transparent;border-width: 0.25em 0.25em 0;border-top-color: #CCCCCC;margin: -0.125em 0.5em 0 0;}
  .dk-selected:after {top: 0;height: 100%;border-left: 1px solid #CCCCCC;margin: 0 1.5em 0 0;}

  .dk-select .dk-select-options {position: absolute;display: none;left: 0;right: 0;}
  .dk-select-open-up .dk-select-options {border-radius: 0.4em 0.4em 0 0;margin-bottom: -1px;bottom: 100%;}
  .dk-select-open-down .dk-select-options {border-radius: 0 0 0.4em 0.4em;margin-top: -1px;top: 100%;}
  .dk-select-multi .dk-select-options {max-height: 10em;}
  .dk-select-options {background-color: white;border: 1px solid #CCCCCC;border-radius: 0.4em;list-style: none;margin: 0;max-height: 10.5em;min-width: 100%;overflow-x: hidden;overflow-y: auto;padding: 0.25em 0;width: auto;z-index: 100;}
  .dk-option-selected {background-color: #dc291e;color: #fff;}
  .dk-select-options-highlight .dk-option-selected {background-color: transparent;color: inherit;}
  .dk-option {padding: 0 0.5em;}
  .dk-select-options .dk-option-highlight {background-color: #dc291e;color: #fff;}
  .dk-optgroup {border: solid #CCCCCC;border-width: 1px 0;padding: 0.25em 0;margin-top: 0.25em;}
  .dk-optgroup + .dk-option {margin-top: 0.25em;}
  .dk-optgroup + .dk-optgroup {border-top-width: 0;margin-top: 0;}
  .dk-optgroup:nth-child(2) {padding-top: 0;border-top: none;margin-top: 0;}
  .dk-optgroup:last-child {border-bottom-width: 0;margin-bottom: 0;padding-bottom: 0;}
  .dk-optgroup-label {padding: 0 0.5em 0.25em;font-weight: bold;width: 100%;}
  .dk-optgroup-options {list-style: none;padding-left: 0;}
  .dk-optgroup-options li {padding-left: 1.2em;}
  .dk-select-open-up .dk-selected {border-top-left-radius: 0;border-top-right-radius: 0;border-color: #dc291e;}
  .dk-select-open-down .dk-selected {border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-color: #dc291e;}
  .dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {border-width: 0 0.25em 0.25em;border-bottom-color: #dc291e;}
  .dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {border-left-color: #dc291e;}
  .dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {display: block;border-color: #3297fd;}
  .dk-select-multi:hover, .dk-select-multi:focus {outline: none;}
  .dk-selected:hover, .dk-selected:focus {outline: none;border-color: #dc291e;}
  .dk-selected:hover:before, .dk-selected:focus:before {border-top-color: #dc291e;}
  .dk-selected:hover:after, .dk-selected:focus:after {border-left-color: #dc291e;}
  select[data-dkcacheid] {display: none;}