/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-dual-list {
  width: 100%; }
  .gio-dual-list .react-dual-listbox {
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center; }
    .gio-dual-list .react-dual-listbox .rdl-listbox {
      width: calc(50% - 20px);
      padding: 0; }
      .gio-dual-list .react-dual-listbox .rdl-listbox .rdl-control-container {
        display: flex;
        flex-direction: column;
        height: 100%; }
        .gio-dual-list .react-dual-listbox .rdl-listbox .rdl-control-container .rdl-control {
          border-radius: 5px;
          border: 1px solid #d1d1d1;
          height: 100%;
          padding: 5px; }
        .gio-dual-list .react-dual-listbox .rdl-listbox .rdl-control-container option {
          font-family: "Barlow", "Roboto", "Lato", sans-serif;
          font-size: 13px;
          font-weight: 400; }
    .gio-dual-list .react-dual-listbox .rdl-actions {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 23px 10px 0; }
      .gio-dual-list .react-dual-listbox .rdl-actions .rdl-move-all {
        display: none; }
      .gio-dual-list .react-dual-listbox .rdl-actions .fa {
        display: none; }
      .gio-dual-list .react-dual-listbox .rdl-actions .rdl-move {
        border-radius: 5px;
        height: 24px;
        width: 24px; }
      .gio-dual-list .react-dual-listbox .rdl-actions .rdl-actions-right .rdl-move {
        background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" class="gio-icon gio-icon--angle-right"><polygon points="99.4,64 35.4,128 28.6,121.1 85.7,64 28.6,6.9 35.4,0 "/></svg>') no-repeat 50% 50%;
        background-size: 16px 16px; }
      .gio-dual-list .react-dual-listbox .rdl-actions .rdl-actions-left .rdl-move {
        background: transparent url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" class="gio-icon gio-icon--angle-left"><polygon points="28.6,64 92.6,0 99.4,6.9 42.3,64 99.4,121.1 92.6,128 "/></svg>') no-repeat 50% 50%;
        background-size: 16px 16px; }