/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */
/**************************************************************/
/*  Flexbox Ultralight                                        */
/*  Version 1.0                                               */
/*  by Johanna Brewer                                         */
/*  Copyright 2019                                            */
/*  Download: https://github.com/deadroxy/flexbox-ultralight  */
/**************************************************************/

.flexbox {
  display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  display: -moz-box;      /* OLD: Firefox (buggy) */
  display: -ms-flexbox;   /* MID: IE 10 */
  display: -webkit-flex;  /* NEW, Chrome 21+ */
  display: flex;          /* NEW: Opera 12.1, Firefox 22+ */
}

.flexbox.horizontal {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flexbox.horizontal-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flexbox.vertical {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flexbox.vertical-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.flexbox.center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flexbox.start {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.flexbox.end {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.flexbox.stretch {
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.flexbox.flex-0 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.flexbox.flex-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flexbox.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexbox.wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.flexbox.justify-space-between {
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.flexbox.justify-space-around {
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}
.flex-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.imood {
  color: #000;
  font-family: verdana, sans-serif;
}

.imood .header {
  font-size: 14px;
  margin: 0 5px;
}

.imood .header .logo {
  width: 200px;
  margin-left: -7px;
  margin-right: 40px;
}

.imood .header .user {
  font-size: small;
  align-self: flex-end;
  margin-bottom: 1em;
  padding-bottom: .25em;
}

.imood .nav {
  margin-bottom: 1em;
  align-self: flex-end;
  padding-bottom: .25em;
}

.imood .header .nav {
  margin-right: auto;
}

.imood .nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.imood .nav ul li {
  display: block;
  float: left;
  margin-right: 18px;
}

.imood .nav .alert_bubble {
  background: green;
  color: white;
  font-weight: bold;
  position: absolute;
  margin-top: -15px;
  margin-left: 35px;
  padding: 3px;
  font-size: 10px;
  border-radius: 15px;
  -moz-border-radius: 15px;
}

.imood .header a, .imood .footer a {
  font-weight: bold;
  color: #444 !important;
}

.imood .header a:hover, .imood .footer a:hover {
  color: #FCD116 !important;
}

.imood .footer {
  font-size: 12px;
  margin-left: 6px;
  margin-right: 5px;
  margin-top: 1em;
  padding-bottom: 30px;
}

.imood .footer a {
  font-weight: normal;
}

.imood .footer .nav {
  width: 100%;
  text-align: right;
}

.imood .footer .nav .social {
  margin-top: 5px;
}

.imood .content {
  margin: 5px 5px 0px 5px;
  padding: 5px 10px 5px 10px;
  overflow: hidden;
}

.imood .content h1 {
  margin-top: 0px;
}

.imood .content h2 {
  margin-top: 3px;
}

.imood .content form label {
  width: 150px;
  display: block;
  float: left;
}

.imood .content img {
  max-width: 100%;
}

.imood .mood-content {
  margin-bottom: 20px;
}

.imood .mood-content .username {
  margin-bottom: 8px;
}

.imood .mood-content .mood-row {
  margin-bottom: 5px;
  margin-left: 10px;
}

.imood .mood-content .mood-face {
  float: left;
  margin-right: 10px;
}

.imood .mood-content .mood-name {
  margin-right: 10px;
  float: left;
}

.imood .mood-content .mood-row p {
  font-size: 13px;
}

.imood .note {
  font-size: 12px;
}

.imood .content ul {
  padding-left: 5px;
  margin-left: 15px;
}

.imood .dashboard .sidebar, .imood .dashboard .main {
  flex: 1;
}

.imood .dashboard .sidebar label {
  float: none;
}

.imood .dashboard .manage-link {
  float: right;
  padding-top: 5px;
  font-size: 12px;
}

.dashboard-select2 {
  font-size: 12px;
}

.face-radio {
  display: inline-block;
}

.imood .sidebar-layout {
  flex-direction: column;
}

.imood .homepage .sidebar {
  flex: 1;
}

.imood .homepage .main {
  flex: 3;
}

.imood .profile {
  flex-direction: column;
}

.imood .sidebar-4 .sidebar {
  flex: 1;
}

.imood .sidebar-4 .main {
  flex: 4;
}

.imood .profile .profile-wrapper {
  flex-direction: column;
  padding-top: 1em;
}

.profile-data {
  width: 100%;
  margin-bottom: 0.8em;
  display: flex;
  flex-direction: column;
}

.profile-label {
  font-weight: bold;
  margin-right: 1em;
}

.profile-value {
  word-break: break-word;
}

.profile-value img {
  height: 20px;
  width: 20px;
}

.profile-image {
  width: 100px;
  min-width: 100px;
  margin-bottom: 0.8em;
}

.profile-image img {
  border-radius: 2px;
}

.profile-actions {
  font-size: .85em;
  margin: 1em auto;
  text-align: center;
}

.imood .buddy-list td {
  padding: 5px;
}

/* this works until we figure out overflow better */
.imood .content.buddy-content {
  overflow: auto;
}

.imood .updater {
  max-width: 360px;
  margin-right: auto;
  margin-left: auto;
}

input[type="text"]:read-only {
  cursor: no-drop;
}

@media screen and (min-width: 800px) {
  .imood .sidebar-layout {
    flex-direction: row;
  }

  .imood .homepage .sidebar {
    text-align: center;
  }

  .imood .dashboard .sidebar {
    max-width: 500px;
  }

  .imood .dashboard .sidebar label {
    float: left;
  }

  .imood .dashboard .sidebar .face-grid {
    margin-left: 150px;
  }

  .imood .profile {
    flex-direction: row;
  }

  .imood .profile .main {
    order: 1;
  }

  .imood .profile .profile-wrapper {
    flex-direction: row;
  }

  .profile-label {
    width: 120px;
    min-width: 120px;
  }

  .profile-data {
    flex-direction: row;
  }

  .profile-content {
    order: 0;
  }

  .profile-image {
    margin-left: 1em;
    order: 1;
  }

  .imood .news .sidebar {
    min-width: 150px;
    order: 0;
  }

  .imood .news .main {
    flex: 1;
    order: 1;
  }
}

.imood .notification {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
}

.imood .notification-error {
  background: #CD2626;
  color: #fff;
}

.imood .notification-success {
  background: #99CC32;
  color: #fff;
}

/* Updated forum styles - mobile first */
.imood div.forum {
  width: 100%;
  margin-bottom: 1em;
  border: 4px double var(--border-color-primary);
  box-sizing: border-box;
}

/* Mobile-first base styles */
.imood .forum-header {
  display: none;
}

.imood .forum-header > div:not(:nth-child(2)) {
  display: none;
}

.imood .forum-section {
  padding: 8px 10px;
  font-weight: bold;
}

.imood .forum-section + .forum-row {
  border-top: 4px double var(--border-color-primary);
}

.imood .forum-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 12px 8px;
  border-bottom: 4px double var(--border-color-primary);
  align-items: start;
}

.imood .forum-row:last-child {
  border-bottom: none;
}

.imood .forum-row > div:nth-child(3) {
  padding: 16px 0 4px 0;
}

.imood .forum-row > div:nth-child(4) {
  padding: 4px 0;
}

.imood .forum-row > div:nth-child(5) {
  padding: 4px 0;
}

/* Keep existing styles for compatibility */
.imood .forum .cell_smiley {
  width: 30px;
  text-align: center;
}

.imood .forum .cell_title {
  word-wrap: break-word;
  word-break: break-word;
}

.imood .forum .center {
  text-align: left;
}

.imood .forum .mobile-label {
  display: inline;
  font-weight: bold;
}

.imood .forum .empty-threads {
  padding: 20px;
  text-align: center;
  font-style: italic;
}

/* Post rows for thread show page - mobile first */
.imood .forum .post-row {
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 16px 8px;
}

.imood .forum .post-meta {
  padding: 8px 0 4px 0;
  position: relative;
}

.imood .forum .post-meta .avatar-container {
  float: right;
  margin-left: 10px;
  margin-right: 4px;
}

.imood .forum .post-meta .user-avatar {
  max-width: 38px;
  max-height: 38px;
}

.imood .forum .cell_body {
  padding: 4px 0;
}

.imood .forum .cell_body h2 {
  word-wrap: break-word;
  word-break: break-word;
}

/* Desktop responsive */
@media (min-width: 769px) {
  .imood .forum {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .imood .forum-section {
    display: table-cell;
    padding: 8px 10px;
    font-weight: bold;
  }

  .imood .forum-section + .forum-row > div {
    border-top: 4px double var(--border-color-primary);
  }

  .imood .forum-header {
    display: table-header-group;
  }

  .imood .forum-header > div {
    display: table-cell;
    font-weight: bold;
    padding: 8px 5px;
    border-right: 4px double var(--border-color-primary);
    border-bottom: 4px double var(--border-color-primary);
  }

  .imood .forum-header > div:last-child {
    border-right: none;
  }

  .imood .forum-header > div:not(:nth-child(2)) {
    display: table-cell;
  }

  .imood .forum-row {
    display: table-row;
  }

  .imood .forum-row > div {
    display: table-cell;
    padding: 8px 5px;
    border-right: 4px double var(--border-color-primary);
    border-bottom: 4px double var(--border-color-primary);
    vertical-align: top;
  }

  .imood .forum-row > div:nth-child(3),
  .imood .forum-row > div:nth-child(4),
  .imood .forum-row > div:nth-child(5) {
    padding: 8px 5px;
  }

  .imood .forum-row > div:last-child {
    border-right: none;
  }

  .imood .forum-row:last-child > div {
    border-bottom: none;
  }

  .imood .forum .mobile-label {
    display: none;
  }

  .imood .forum .center {
    text-align: center;
  }

  /* Forum Index column widths: Icon, Forum, Posts, Last Post, Moderator */
  .imood .forum-index .forum-header > div:nth-child(1) { width: 30px; }
  .imood .forum-index .forum-header > div:nth-child(2) { width: 52%; }
  .imood .forum-index .forum-header > div:nth-child(3) { width: 8%; }
  .imood .forum-index .forum-header > div:nth-child(4) { width: 20%; }
  .imood .forum-index .forum-header > div:nth-child(5) { width: 15%; }

  /* Forum Show column widths: Icon, Topic, Started By, Replies, Last Post */
  .imood .forum-show .forum-header > div:nth-child(1) { width: 30px; }
  .imood .forum-show .forum-header > div:nth-child(2) { width: 47%; }
  .imood .forum-show .forum-header > div:nth-child(3) { width: 20%; }
  .imood .forum-show .forum-header > div:nth-child(4) { width: 8%; }
  .imood .forum-show .forum-header > div:nth-child(5) { width: 20%; }

  /* Post rows for thread show page */
  .imood .forum .post-row {
    display: table-row;
  }

  .imood .forum .post-row > div {
    display: table-cell;
    padding: 8px 5px;
    border-right: 4px double var(--border-color-primary);
    border-bottom: 4px double var(--border-color-primary);
    vertical-align: top;
  }

  .imood .forum .post-row > div:last-child {
    border-right: none;
  }

  .imood .forum .post-row:last-child > div {
    border-bottom: none;
  }

  .imood .forum .post-row > div:nth-child(1) { width: 30px; }
  .imood .forum .post-row > div:nth-child(2) { width: 25%; }
  .imood .forum .post-row > div:nth-child(3) { width: auto; }

  .imood .forum_response {
    margin-left: 10%;
    max-width: 80%;
  }

  /* Desktop avatar override */
  .imood .forum .post-meta .user-avatar {
    max-width: 50px;
    max-height: 50px;
  }
}

.imood form.forum label {
  font-weight: bold;
  width: 100%;
  display: block;
}

.imood form.forum input[type="text"] {
  width: 100%;
  max-width: 500px;
  box-sizing: border-box;
}

.imood form.forum textarea {
  width: 100%;
  max-width: 500px;
  height: 10em;
  box-sizing: border-box;
}

/* Desktop override for wider inputs */
@media (min-width: 769px) {
  .imood form.forum input.text, .imood form.forum textarea {
    width: 500px;
    max-width: 500px;
  }

  .imood form.forum label {
    width: 150px;
    display: inline;
  }
}

.imood form.forum textarea {
  height: 10em;
  box-sizing: border-box;
}

.imood form div.buttons {
  padding-top: .7em;
}

.imood form.forum textarea.wide {
  width: 100%;
  max-width: 100%;
  height: 7em;
  box-sizing: border-box;
}

.imood form.forum {
  padding-bottom: 1em;
}

.imood .disclaimer {
  font-style: italic;
  font-size: .85em;
}

.imood .errors {
  color: #CD2626;
  font-weight: bold;
}

.field_with_errors input {
  border: 2px solid #CD2626;
}

form.text-button, form.text-button div {
  display: inline;
}

form.text-button input[type=submit] {
  border: 0;
  padding: 0;
  background: inherit;
  font-size: 1em;
  cursor: pointer;
}

.normal {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: medium;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
