.combobox {
  display: none; }

.combobox-wrapper {
  width: 100%;
  position: relative;
  height: 36px;
  border: 1px solid #bbb;
  border-radius: 1px;
  color: #666;
  user-select: none; }
  .combobox-wrapper .combobox-search {
    outline: 0;
    width: calc(100% - 30px) !important;
    height: 100% !important;
    border: none;
    background: white;
    padding: 0 5px !important;
    vertical-align: top; }
  .combobox-wrapper .combobox-handler {
    background: white url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#555' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 34px;
    vertical-align: top;
    display: inline-block; }
  .combobox-wrapper .combobox-options {
    display: none;
    position: absolute;
    top: 34px;
    left: -1px;
    min-width: calc(100% + 2px);
    background: #fff;
    padding: 5px 0;
    box-shadow: 2px 2px 4px -1px #456b68;
    z-index: 50;
    border: 1px solid #787878;
    border-top: 1px dashed #aaa; }
    .combobox-wrapper .combobox-options .combobox-option {
      padding: 0px 10px 0;
      width: 100%;
      line-height: 25px;
      height: 25px;
      position: relative;
      color: #000;
      font-size: 14px;
      cursor: pointer;
      user-select: none; }
      .combobox-wrapper .combobox-options .combobox-option.selected {
        background-color: #0db4f1; }
      .combobox-wrapper .combobox-options .combobox-option.disabled {
        color: #bbb;
        cursor: default; }
    .combobox-wrapper .combobox-options .combobox-option-search-error {
      color: red;
      font-size: 13px;
      padding-left: 5px; }
  .combobox-wrapper:not(.disabled) .combobox-handler {
    cursor: pointer; }
    .combobox-wrapper:not(.disabled) .combobox-options .combobox-option:not(.disabled):hover {
      background-color: #0db4f1; }
    .combobox-wrapper:not(.disabled):hover {
      border-color: #787878; }
    .combobox-wrapper:not(.disabled).opened {
      border-color: #787878;
      box-shadow: 2px 2px 4px -1px #456b68; }
      .combobox-wrapper:not(.disabled).opened .combobox-options {
        display: block; }
  .combobox-wrapper.disabled .combobox-search {
    pointer-events: none; }

a.multiSelect {
  border: solid 1px #bbb;
  position: relative;
  text-decoration: none;
  color: black;
  display: inline-block;
  vertical-align: top !important;
  margin-top: 10px !important; }

a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active {
  color: black;
  text-decoration: none; }

a.multiSelect span {
  margin: 1px 0px 1px 3px;
  overflow: hidden;
  display: -moz-inline-stack;
  display: inline-block;
  white-space: nowrap;
  line-height: 26px; }

a.multiSelect.active, a.multiSelect.focus {
  border: inset 1px #000; }

.multiSelectOptions {
  margin-top: -1px;
  overflow-y: auto;
  overflow-x: hidden;
  border: solid 1px #b2b2b2;
  background: #fff; }
  .multiSelectOptions li {
    display: block;
    margin: 3px 5px;
    position: relative; }
    .multiSelectOptions li input[type="checkbox"] {
      left: 0 !important;
      top: 0 !important; }
      .multiSelectOptions li input[type="checkbox"]:checked + label:after {
        top: 9px !important; }

.multiSelectOptions label {
  padding: 3px 5px;
  display: block !important;
  white-space: nowrap;
  margin: 0;
  width: auto !important;
  cursor: pointer; }
  .multiSelectOptions label.optGroup {
    font-weight: bold; }
  .multiSelectOptions label.checked {
    background-color: #fca403; }
  .multiSelectOptions label.selectAll {
    border-bottom: dotted 1px #ccc;
    padding-bottom: 3px; }
  .multiSelectOptions label.hover {
    background-color: #949494; }
  .multiSelectOptions label .optGroupContainer LABEL {
    padding-left: 10px; }

.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL {
  padding-left: 18px; }

.multiSelectOptions input {
  vertical-align: middle; }

.validate_error {
  border-bottom: solid 1px red !important;
  transition: 0.2s; }

.validate_message {
  position: absolute;
  color: red;
  z-index: 99;
  font-size: 13px;
  /*
	opacity:0;
	-webkit-animation:fadeIn ease-in .2s;
	-moz-animation:fadeIn ease-in .2s;
	animation:fadeIn ease-in .2s;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;*/
  transition: 0.2s; }

img {
  opacity: 1;
  transition: opacity 0s; }

img[data-src] {
  opacity: 0; }
