.alert-error, .alert-alert {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 12px 20px 12px 20px;
}

.alert-notice {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
  padding: 12px 20px 12px 20px;  
}
.input-form {
  margin-top: 20px;
}

.input-form fieldset {
  background: #e2dff0;
  border: none;
  padding: 20px 0px 5px 0px;
  margin-bottom: 12px;
}

.input-form fieldset legend {
  background: linear-gradient(#2e2c9b, #1e1c8b);
  width: 100%;
  font-size: 1.75rem;
  padding: 5px 0px 5px 10px;
  margin-bottom: 5px;
  color: white;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6 #d4d4d4 #cdcdcd #d4d4d4;
}

.input-form label {
  color: #282828;
  font-size: 1.25em;
  font-weight: bold;
  text-align: right;
  display: inline-block;
  width: 15%;
}

.input-form label.text {
  vertical-align: top;
}

.input-form label.required abbr {
  color: #cc0000;
  border-bottom: none;
  text-decoration: none;
}

.input-form span.error {
  color: #cc0000;
  padding-left: 10px;
}

.input-form div.input {
  margin: 12px 0 12px 0;
}

.input-form input,
.input-form select {
  font-size: 1.25rem;
  height: 1.75rem;  
  margin: 0 0 0 12px;
}

.input-form input.string {
  min-width: 75%;
}

.input-form div.show-input {
  display: inline-block;
  margin: 0 0 0 12px;    
}

.input-form div.validation-errors {
  margin: 0 2px 20px 2px;
}

.input-form span.select2,
.input-form textarea {
  margin-left: 12px;
  min-width: 75%;
}

span.hint {
  margin-left: 200px;
  font-style: italic;
}

div.show span.hint {
  display: block;
}
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  padding: 0px 10px 0px 10px;
}

header {
  display: grid;
  grid-template-columns: 250px auto;
  margin-bottom: 10px
}

.header-left {
  text-align: center;
}

.cbm-logo {
  max-height: 200px;
  width: auto;
}

.header-right {
  background-image: url(/assets/cbmmag_title-e905b500639efa4c9d54fb83591a38ed3df6900231be541023e3d2dd12704138.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 95% 70%;
}

.nav-menu {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 95%;
}

#admin-nav {
  font-size: 125%;
  color: #000080;
  margin: 5px 0 0 0;
  justify-content: right;
  height: auto;
}

#admin-nav a {
  color: #5c4ea5;
  text-decoration: none;
  margin: 0 10px 0 10px;
}

#admin-nav a:hover {
  color: #cc0000;
}

.layout-bar {
  height: 6px;
  margin: 3px 0 3px 0;
}

.bar-red {
  background-color: #ff0000;
}

.bar-orange {
  background-color: #ff8c00;
}

.bar-yellow {
  background-color: #ffd700;
}

.bar-green {
  background-color: #228b22;
}

.bar-blue {
  background-color: #00bfff;
}

footer {
  background: #2e2c9b;
  color: white;
  height: auto;
  margin-top: 20px;
  padding: 10px 20px 10px 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span.admin-login {
  float: right;
}

span.admin-login a {
  color: white;
}

.footer-login-link {
  color: #5c4ea5;
  text-decoration: none;
}

.footer-login-link:hover {
  color: #cc0000;
}

h1#page-title {
  font-size: 2rem;
  margin: .5rem 0 .5rem 0;

}

.index-page {
  display: grid;
  grid-template-columns: auto 325px;
}

a.icon {
  color: #0000ee;
}

a.icon svg {
  max-height: 24px;
  fill: currentColor;
}
.article-details {
  display: none;
  position: fixed;
  z-index: 1000;  /* Increase this from 1 to ensure modal is above everything */
  margin: -92px 10% 0 10%;
  width: 80%;
  padding: 5px 20px 20px 20px;
  border: 2px solid #000080;
  border-radius: 6px;
  background-color: #fefefe;
  outline: 100vmax solid rgba(0,0,0,.4);
}

#modal-content {
  display: flex;
  background-color: #fefefe;
}

.close {
  color: #ee0000;
  float: right;
  font-size: 36px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.article-left {
  padding: 1.75em 0 0 0;
  margin: 0 25px 0 0;
}

.article-right {
  padding: 1.75em 0 0 0;
  margin: 0 25px 0 0;
  width: 80%;
}

#modal-content h1 {
  margin-top: 0px;
}

.cover-image {
  border: 1px solid #e2dff0;
  box-shadow: 5px 5px 5px #e2dff0;
  height: 192px;
}
.public-page-title {
  text-align: center;
}

.public-page-title-png {
  max-height: 72px;
}

#public-nav {
  font-size: 200%;
  color: #000080;
  margin: 20px 0 10px 0;
}

#public-nav a {
  color: #5c4ea5;
  text-decoration: none;
  margin: 0 10px 0 10px;
}

#public-nav a:hover {
  color: #cc0000;
}

section.status-table {
  display: flex;
  justify-content: center;
}

.status-table table {
  border-spacing: 0;
}

.status-table th {
  padding: 8px 8px 8px 8px;
}

.wall-of-text {
  margin: 0 100px 0 100px;
}

.results-page {
  display: grid;
  grid-template-columns: 325px auto;
}

.results-pagination-info {
  text-align: right;
  font-size: 85%;
  padding-right: 0;
  min-height: 20px;
}

.results-table {
  line-height: 1.5rem;
  margin-left: 24px;
  width: 100%;
}

.results-table div:nth-of-type(odd) {
  background-color: #e2dff0;
}

.results-row {
  padding: 8px 12px 8px 12px;
  margin-right: 24px;
}

.results-row p {
  margin: 0;
}

.results-row a:hover {
  color: #ee0000;
}

.results-row .icon svg {
  max-height: 16px;  /* Smaller than the default 24px */
  float: right;
}

.sample-search-links {
  display: flex;
}

.sample-search-column {
  flex: 50%;
}

.tab-content .input-form.welcome-form {
  margin: 0 0 12px 0;
  border: 2px solid #1e1c8b;
}


.search-tabs {
  display: flex;
  margin-top: 12px;
  position: relative;
  top: 2px;
}

.tab-link {
  background: linear-gradient(#2e2c9b, #1e1c8b);
  color: white;
  text-decoration: none;
  padding: 5px 20px;
  border: 2px solid #1e1c8b;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  margin-right: 8px;
  font-size: 1.75rem;
}

.tab-link:hover {
  background: #5c4ea5;
  color: white;
}

.tab-link.active {
  background: #e2dff0;
  color: #333;
}

fieldset.welcome {
  display: grid;
  grid-template-columns: 48% 50%;
  margin: 0;
}

.welcome-form .search-field {
  padding: 0 20px 0 20px;
}

.welcome-form .search-field label {
  text-align: left;
  color: #303060;
  margin-left: 14px;
  width: auto;
}

.welcome-form .search-field select,
.welcome-form .search-field input {
  margin: 0 12px 16px 12px;
}

.welcome-form input.btn-default {
  display: inline-block;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5;
  height: 2.5rem;
  text-align: center;
  vertical-align: middle;
  width: auto;
  margin: 5px 5px 10px 32px;
  padding: 5px 12px 5px 12px;
  background-color: #5c4ea5;
  color: #f8f8f8;
  border: solid 1px #4c3e95;
  border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  transition: background-color 0.25s ease-in-out;
}

.welcome-form input.btn-default:hover {
  background: #6c5eb5;
}

.welcome-form a.btn-clear {
  display: inline-block;
  font-weight: bold;
  font-size: 1.25rem;
  text-decoration: none;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  width: auto;
  margin: 5px 5px 10px 15px;
  padding: 6px 12px 6px 12px;
  background-color: #efefef;
  color: #363b3f;
  border: solid 1px #c9d0d6;
  border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  transition: background-color 0.25s ease-in-out;
}

.welcome-form a.btn-clear:hover {
  background: #c9d0d6;
}
.search-form {
  margin-top: 0px;
}

.search-form fieldset {
  background: #efefef;
  border: 1px solid #d4d4d4;
  padding: 20px 0px 5px 0px;
  margin-top: 0;
  margin-bottom: 12px;
  border-radius: 0 4px 4px 4px;
}

/* Make legend styles match the admin forms */
.search-form fieldset legend {
  background: linear-gradient(#2e2c9b, #1e1c8b);
  width: 100%;
  font-size: 1.75rem;
  padding: 5px 0px 5px 10px;
  margin-bottom: 5px;
  color: white;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6 #d4d4d4 #cdcdcd #d4d4d4;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.search-form div.search-field-top {
  margin: -12px 15px 8px 15px;
  padding-right: 15px;
}

.search-form div.search-field {
  margin: 8px 15px;
  padding-right: 15px;
}

.search-form label {
  display: block;
  color: #5e6469;
  font-weight: bold;
  margin-bottom: 4px;
  padding-left: 3px;
}

.search-form input[type="checkbox"] {
  width: auto;
  height: auto;
  margin: 0;
}

.search-form input[type="checkbox"] + label {
  display: inline;
  width: auto;
  text-align: left;
  font-weight: normal;
}

input.search-text {
  width: 100%;
  height: 2rem;
  padding: 3px 6px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

input.search-text-tall {
  width: 100%;
  height: 3.15rem;
  padding: 3px 6px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

select.search-select {
  width: 100%;
  height: 2rem;
  padding: 3px 6px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

div.search-buttons {
  margin-top: 12px;
}

div.search-buttons.simple-search {
  margin-top: 0px;
}

.search-form input.btn-default {
  display: inline-block;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  width: auto;
  margin: 5px 5px 10px 15px;
  padding: 6px 12px 6px 12px;  
  background-color: #5c4ea5;
  color: #f8f8f8;
  border: solid 1px #4c3e95;
  border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  transition: background-color 0.25s ease-in-out;
}

.search-form input.btn-default:hover {
  background: #6c5eb5;
}

.search-form a.btn-clear {
  display: inline-block;
  font-weight: bold;
  font-size: 1.25rem;
  text-decoration: none;  
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  width: auto;
  margin: 5px 5px 10px 15px;
  padding: 6px 12px 6px 12px;
  background-color: #efefef;
  color: #363b3f;
  border: solid 1px #c9d0d6;
  border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  transition: background-color 0.25s ease-in-out;
}

.search-form a.btn-clear:hover {
  background: #c9d0d6;
}
.index-table {
  line-height: 1.5rem;
  padding-right: 24px;
  width: 100%;
}

.index-table tr {
  display: grid;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #e2dff0;
}

.index-table tr.article-index-row {
  grid-template-columns: 2fr 1fr 1fr 1fr 2.5rem 2.5rem;
}

.index-table tr.issue-index-row {
  grid-template-columns: 2fr 1fr 1fr 1fr 2.5rem 2.5rem;
}

.index-table tr.magazine-index-row {
  grid-template-columns: 1fr 1fr 1fr;
}

.index-table tr.search-log-index-row {
  grid-template-columns: 1fr 3fr 1fr 2.5rem 2.5rem;
}

.index-table th {
  padding: 8px 8px 8px 8px;
  text-align: left;
}

.index-table td {
  padding: 4px 8px 4px 8px;
}

td.magazine-name {
  padding-left: 8px;
}

td.numeric-cell {
  text-align: center;
  min-width: 8em;
  padding: 5px;
}

div.number-right-align {
  text-align: right;
  display: inline-block;
  min-width: 3.5em;
}

.pagination-info {
  text-align: right;
  font-size: 85%;
  padding-right: 24px;
  min-height: 20px;
}

nav.pagination a:visited {
  color: #0000ee;
}

nav.pagination a:hover {
  color: #cc0000;
}
.tag-input-wrapper {
  display: inline-block;
  margin-left: 7px;
  min-width: 75%;
}

/* Match width of other search fields */
.welcome-form .tag-input-wrapper {
  margin-left: 12px;
  margin-right: 12px;
  width: 100%;
  min-width: auto;
}

/* Specific styling for sidebar search context */
.search-form .sidebar-tag-wrapper {
  margin-left: 0;
  width: 100%;
  min-width: auto;
}

.search-form .sidebar-tag-wrapper .ts-control {
  font-size: .833rem !important;
}

.search-form .sidebar-tag-wrapper .ts-wrapper.has-items .ts-control > input,
.search-form .sidebar-tag-wrapper .ts-control > input {
  font-size: .833rem !important;
}

.search-form .sidebar-tag-wrapper .ts-dropdown {
  font-size: .833rem !important;
}

.search-form .sidebar-tag-wrapper .ts-wrapper.multi .ts-control .item,
.search-form .sidebar-tag-wrapper .ts-wrapper.multi.has-items .ts-control > .item {
  font-size: .833rem;
}

.ts-wrapper {
  min-height: 1.75rem;
}

.ts-control {
  font-size: 1.25rem !important;
  border: 1px solid #767676;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
}

.ts-wrapper.has-items .ts-control > input {
  font-size: 1.25rem !important;
  margin: 4px 4px 0 4px !important;
}

/* Add this new rule to handle the initial state */
.ts-wrapper .ts-control > input {
  font-size: 1.25rem !important;
  margin: 4px 4px 0 4px !important;
}

/* Rest of the styles remain the same */
.ts-dropdown {
  font-size: 1.25rem !important;
  border: 1px solid #767676;
  border-radius: 0.25rem;
  margin-top: 1px;
}

.ts-dropdown .option {
  padding: 0.25rem 0.5rem;
}

/* Highlight styling for matched text */
.ts-dropdown .highlight {
  background: #e2dff0;
  color: #5c4ea5;
  font-weight: bold;
  padding: 0;
}

.ts-wrapper.multi .ts-control .item,
.ts-wrapper.multi.has-items .ts-control > .item {
  background: #e2dff0 !important;
  background-image: none !important;
  border: 1px solid #767676;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem;
  color: #333;
  font-size: 1.25rem;
  box-shadow: none;
  text-shadow: none;
}

.ts-wrapper.plugin-remove_button .item .remove {
  border-left: 1px solid #282828 !important;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  color: #5c4ea5;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  color: #cc0000;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory 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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */
.ts-control{border:1px solid #d0d0d0;border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:8px;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:5px 8px 2px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.ts-control>*{display:inline-block;vertical-align:baseline}.ts-wrapper.multi .ts-control>div{background:#1da7ee;border:1px solid #0073bb;color:#fff;cursor:pointer;margin:0 3px 3px 0;padding:2px 6px}.ts-wrapper.multi .ts-control>div.active{background:#92c836;border:1px solid #00578d;color:#fff}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#d2d2d2;border:1px solid #aaa;color:#fff}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#fafafa;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 3px 3px;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#303030;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:5px 8px;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:opacity .5s}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:8px;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #d0d0d0;box-shadow:none}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);display:block;padding:8px;width:100%}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 6px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #0073bb;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#00578d}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#aaa}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #0073bb;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#00578d}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#aaa}:root{--ts-pr-clear-button:0;--ts-pr-caret:0;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.ts-wrapper.single .ts-control{--ts-pr-caret:2rem}.ts-wrapper.single .ts-control:after{border-color:grey transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-3px;position:absolute;top:50%;width:0}.ts-wrapper.single .ts-control:not(.rtl):after{right:15px}.ts-wrapper.single .ts-control.rtl:after{left:15px}.ts-wrapper.single.dropdown-active .ts-control:after{border-color:transparent transparent grey;border-width:0 5px 5px;margin-top:-4px}.ts-wrapper.single.input-active .ts-control,.ts-wrapper.single.input-active .ts-control input{cursor:text}.ts-wrapper{display:flex;min-height:36px}.ts-wrapper.multi.has-items .ts-control{--ts-pr-min:$padding-x;padding-left:5px}.ts-wrapper.multi .ts-control [data-value]{background-color:color-mix(#1da7ee,#178ee9,60%);background-image:linear-gradient(180deg,#1da7ee,#178ee9);background-repeat:repeat-x;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 1px hsla(0,0%,100%,.03);text-shadow:0 1px 0 rgba(0,51,83,.3)}.ts-wrapper.multi .ts-control [data-value].active{background-color:color-mix(#008fd8,#0075cf,60%);background-image:linear-gradient(180deg,#008fd8,#0075cf);background-repeat:repeat-x}.ts-wrapper.multi.disabled .ts-control [data-value]{background:none;box-shadow:none;color:#999;text-shadow:none}.ts-wrapper.multi.disabled .ts-control [data-value],.ts-wrapper.multi.disabled .ts-control [data-value] .remove{border-color:#e6e6e6}.ts-wrapper.multi.disabled .ts-control [data-value] .remove{background:none}.ts-wrapper.single .ts-control{background-color:color-mix(#fefefe,#f2f2f2,60%);background-image:linear-gradient(180deg,#fefefe,#f2f2f2);background-repeat:repeat-x;box-shadow:0 1px 0 rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.8)}.ts-dropdown.single,.ts-wrapper.single .ts-control{border-color:#b8b8b8}.dropdown-active .ts-control{border-radius:3px 3px 0 0}.ts-dropdown .optgroup-header{font-size:.85em;font-weight:700;padding-top:7px}.ts-dropdown .optgroup{border-top:1px solid #f0f0f0}.ts-dropdown .optgroup:first-child{border-top:0}
/*# sourceMappingURL=tom-select.default.min.css.map */