/* roboto-regular - vietnamese_latin_greek-ext_cyrillic_greek_cyrillic-ext_latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto/roboto-v18-vietnamese_latin_greek-ext_cyrillic_greek_cyrillic-ext_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto/roboto-v18-vietnamese_latin_greek-ext_cyrillic_greek_cyrillic-ext_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - vietnamese_latin_greek-ext_cyrillic_greek_cyrillic-ext_latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto/roboto-v18-vietnamese_latin_greek-ext_cyrillic_greek_cyrillic-ext_latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto/roboto-v18-vietnamese_latin_greek-ext_cyrillic_greek_cyrillic-ext_latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'icons';
  src: url('fonts/icons/icons.eot?73736896');
  src: url('fonts/icons/icons.eot?73736896#iefix') format('embedded-opentype'),
       url('fonts/icons/icons.woff2?73736896') format('woff2'),
       url('fonts/icons/icons.woff?73736896') format('woff'),
       url('fonts/icons/icons.ttf?73736896') format('truetype'),
       url('fonts/icons/icons.svg?73736896#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
    outline-color: #b7b8ba;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #000;
}

::-webkit-scrollbar-thumb {
    background-color: #646464;
    border-radius: 2px;
}

::-webkit-scrollbar-corner {
    background-color: #000;
}

::placeholder {
    color: #989ba1;
}

body,
button,
input,
textarea,
select {
    font-family: 'Roboto', sans-serif;
}

hr {
    color: #4f525a;
    background-color: #4f525a;
}

h2 {
    color: #b7b8ba;
}

.pell-button {
    background-color: #34373c;
}

.pell-content a {
    color: #d1d2d4;
}

.pell-content hr {
    background-color: #d1d2d4;
}

.ui-widget-content {
    color: #989ba1;
    background: #212427;
    border: 1px solid #3b3f44;
}

.ui-widget-content a {
    color: #989ba1;
}

.ui-widget-header {
    color: #989ba1;
    background: #34373d;
    border: 1px solid #4f525a;
}

.ui-widget-overlay {
    background: #000;
}

.ui-dialog {
    box-shadow: 0 0 30px #000;
}

.main-page,
#divItemsContainer {
    background: #131417;
}

#divHeader,
#divHeader .actions .textual {
    color: #989ba1;
}

#divHeader .actions svg {
    fill: #989ba1;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.help {
    color: #b7b8ba;
    background: #646464;
    border: 1px solid #646464;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: #d1d2d4;
    background: #868688;
    border: 1px solid #959595;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    color: #d1d2d4 !important;
    background: #7c7c7c !important;
    border: 1px solid #858585;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #989ba1;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #d1d2d4;
}

td,
.tagsbarinner {
    color: #989ba1;
}

.ui-widget-header a {
    color: #b7b8ba;
}

input[type=text],
input[type=url],
input[type=number],
textarea,
select,
div[id^=dlg] input[type=text],
div[id^=dlg] input[type=search],
div[id^=dlg] input[type=number],
div[id^=dlg] input[type=url],
div[id^=dlg] textarea,
div[id^=dlg] select,
#dlgShowBrands .dataTables_filter input,
.tokenfield,
.pell-content {
    color: #b7b8ba;
    background: #646464;
    border: 1px solid #646464;
}

.tokenfield .token {
    background-color: #212427;
    border: 1px solid #3a3f44;
}

.tokenfield .token:hover {
    border-color: #3a3f44;
}

[type=text]:disabled,
[type=url]:disabled,
[type=number]:disabled,
[type=password]:disabled,
textarea:disabled,
select:disabled {
    background: #34373d !important;
    border: 1px solid #42464d !important;
    color: #646464 !important;
}

/*depr*/ table.baseoutfit {
    background: #646464 !important;
    color: #b7b8ba;
}

.baseoutfit2 {
    background: #646464 !important;
    color: #b7b8ba; 
}

.tagsrecent {
    color: #b7b8ba!important;
}

.category,
a[data-tag] {
    background: #646464;
    color: #b7b8ba;
}

span.tag,
.selected.category,
.backdrop-tag.active {
    background: #c2c3c5;
    color: #34373d;
}

span.tag svg {
    fill: #34373d;
}

.category a {
    color: #b7b8ba !important;
}

.category a svg,
#divFavTags span.tag svg {
    fill: #b7b8ba;
}

.selected.category a {
    color: #34373d !important;
}

.selected.category a svg {
    fill: #34373d;
}

#divFavTags span.tag {
    background: #646464;
}

#divFavTags span.tag a {
    color: #b7b8ba;
}

a.is-selected,
a.selectedtag {
    color: #b7b8ba !important;
}

li.item {
    background: #34373d;
    color: #989ba1;
    border: 1px solid #4f525a;
}

.tags a {
    color: #b7b8ba!important;
}

.ui-tooltip {
    color: #989ba1;
    box-shadow: 0 0 10px #000 !important;
}

.ui-tooltip svg {
    fill: #989ba1;
}

.menu {
    background: #34373d;
}

.ui-dialog-titlebar {
    color: #b7b8ba !important;
    background: #34373d !important;
}

/*
.itemicons, .ranking {
    opacity: 0.7;
}*/

#dlgImportFromMarketplace #imgMPImportImage {
    border: none;
}

.edit-image .buttons button, #divUpload2Drop button {
    color: #989ba1;
    background: rgba(100, 100, 100, 0.5);
}

#divUpload2Drop button {
    background-color: rgba(100, 100, 100, 0.7);
}

#tableLinks tbody tr th {
    background-color: transparent;
    border-bottom: 1px solid #646464;
    border-top: 1px solid #646464;
}

td.linkurl {
    color: #989ba1;
}

td.customboardkey {
    color: #989ba1;
    border-top: 1px solid #646464;
}

.linkurl svg,
.customboardkey svg {
    fill: #989ba1 !important;
}

td.expired {
    color: #a12b2d;
}

#ulItems li.ui-selecting,
#ulItems li.ui-selected,
.itemlist li.ui-selecting,
.itemlist li.ui-selected {
    background: #646464;
}

#ulItems li.ui-selecting .itemtitle,
#ulItems li.ui-selected .itemtitle,
.itemlist li.ui-selecting .itemtitle,
.itemlist li.ui-selected .itemtitle {
    color: #d1d2d4;
}

#dlgEditItem span.multi-edit select {
    background: #212427;
}

.cp-app {
    background-color: transparent !important;
}

.cp-panel {
    background-color: #34373d !important;
    border: 1px solid #4f525a !important;
}

.cp-panel .cp-butt, .cp-panel .cp-labl, .cp-panel .cp-disp {
    color: #b7b8ba !important;
    background: #646464 !important;
    border: 1px solid #646464 !important;
}

#dlgShowBrands tr.even {
    background-color: #212427;
}

#dlgShowBrands tr.odd {
    background-color: #34373d;
}

#dlgShowBrands .dataTables_scrollHeadInner table {
    border-top: 1px solid #646464;
    border-bottom: 1px solid #646464;
}

#dlgShowBrands .dataTables_info {
    color: #989ba1;
}

input[type=password],
#btnItemAvailability .ui-state-active /*,
.is-active*/ {
    color: #d1d2d4 !important;
    background: #868688 !important;
    border: 1px solid #959595 !important;
}

.dlg-message {
    background: #212427;
}

.remarks, .brand, .subfolders {
    color: #b7b8ba;
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
    background-image: url(wardrobe2/images/ui-icons_989ba1_256x240.png);    
}

.ui-state-default .ui-icon {
    background-image: url(wardrobe2/images/ui-icons_989ba1_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-widget-header .ui-button:hover .ui-icon {
    background-image: url(wardrobe2/images/ui-icons_b7b8ba_256x240.png);
}

#dlgRulebook #divRules .rule,
#dlgRulebook #divRules select + div,
#dlgRulebook .multi.avatar-uuid input + div,
#dlgRulebook #divRules option,
#dlgRulebook #divRules input,
#dlgRulebook .tokenfield {
    background-color: #34373d;
}

a.blue {
    color: #989ba1 !important;
}

table.wornoutfit {
    background: #34373d !important;
    border: 1px solid #4f525a;
}

span.filter a {
    background-image: url(../imgs/looking_glass-dark.png);
}

#daterange-picker {
    background-image: url(../imgs/clock-dark.png);
}

span.filter.has-content a {
    background-image: url(../imgs/remove.png);
}

span.filter.is-loading a {
    background-image: url(../imgs/loading.gif);
}

#imgDressBody,
#imgUndressBody,
#imgLocksBody {
    opacity: 0.3;
}

/* datetimepicker */

.daterangepicker {
    background-color: #212427;
}

.daterangepicker,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    border: 1px solid #4f525a;
}

.daterangepicker:before {
    border-bottom: 7px solid #4f525a;
}

.daterangepicker:after {
    border-bottom: 6px solid #4f525a;
}

.daterangepicker.drop-up:before {
    border-top: 7px solid #4f525a;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #4f525a;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #979ba1;
    border-width: 0 2px 2px 0;
}

.daterangepicker .calendar-table {
    border: 1px solid #4f525a;
    background-color: #212427;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker .ranges li:hover,
.edit-image .buttons button:hover,
.edit-image .drag-handle:hover,
#divInvItemDisplay button:hover,
.input-with-buttons .button:hover {
    color: #d1d2d4;
    background-color: #7c7c7c !important;
}

.input-with-buttons .button:hover svg {
    fill: #b7b8ba !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: #212427;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #646464;
    color: #b7b8ba;
}

.daterangepicker .calendar-table th {
    color: #d1d2d4;
}

.daterangepicker .ranges li {
    color: #989ba1;
}

.daterangepicker .ranges li.active {
    background-color: #868688;
    color: #d1d2d4;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left,
.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #4f525a;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left,
.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #4f525a;
}

#mnuArchives {
    background-color: #42464d;
}

#mnuArchives .archive-list h1 {
    color: #b7b8ba;
}

#mnuArchives .archive-list .drawer {
    color: #b7b8ba;
    background-color: #646464;
}

#mnuArchives .archive-list li:not(:last-child) {
    border-bottom: 1px solid #646464;
}

#mnuArchives .archive-list li:hover {
    color: #d1d2d4;
    background-color: #7c7c7c;
}

#mnuArchives .archive-list li:hover h1,
#mnuArchives .archive-list li:hover a {
    color: #d1d2d4 !important;
}

#mnuArchives .archive-list li:hover .drawer {
    background: #c2c3c5;
    color: #34373d;
}

.suggestion {
    border-bottom: 1px solid #4f525a;
}

input.switch {
    background-color: #646464;
    border: 1px solid #3c3f45;
}

input.switch::after {
    background-color: #989ba1;
}

input.switch:checked::after {
    background-color: #d1d2d4;
}

.scrollable-table-wrapper,
.invbrowser,
.edit-image,
.dropdown-menu,
.list-item {
    border: 1px solid #646464;
}

.scrollable-table .is-hovered {
    background-color: #42464d;
}

.scrollable-table thead th {
    border-bottom: 1px solid #646464;
}

.scrollable-table thead th div span {
    background-color: #34373d;
}

.scrollable-table tbody tr th {
    background-color: #34373d;
    border-right: 1px solid #646464;
}

.scrollable-table .cover {
    background-color: #34373d;
}

.scrollable-table-view .legend {
    color: #d1d2d4;
    background-color: #646464;
    border-bottom: 1px solid #646464;
    border-right: 1px solid #646464;
}

#tableClothingTypeToTagMapping thead th {
    background-color: #34373d;
    box-shadow: none;
}

.is-clothing-type {
    background: rgba(255, 255, 255, 0.2);
}

button.button,
a.button,
.pell-button {
    color: #c2c3c5;
}

button.button:hover,
a.button:hover,
.dropdown-menu-button:hover > .button,
.dropdown-menu:hover + .button,
.dropdown-menu button:hover,
.dropdown-menu > div:hover,
.dropdown-menu > a:hover,
.pell-button:hover,
.pell-button.pell-button-selected {
    color: #d1d2d4;
    background-color: #646464 !important;
}

.dropdown-menu-button > .button::after {
    border-top: 5px solid #646464;
}

.dropdown-menu-button > .button:hover::after,
.dropdown-menu-button:hover > .button::after,
.dropdown-menu:hover + .button::after {
    border-top-color: #989ba1;
}

.dropdown-menu-button > .button.is-active::after {
    border-top-color: #34373d !important;
}

.dropdown-menu {
    box-shadow: 0 0 10px #000;
}

.dropdown-menu button,
.dropdown-menu > div,
.dropdown-menu > a {
    color: #c2c3c5;
    background-color: #34373d;
}

.dropdown-menu svg,
.dropdown-menu button:hover,
.dropdown-menu > div:hover {
    fill: #c2c3c5 !important;
}

.list-item h1 {
    color: #b7b8ba;
}

span.icon {
    color: #989ba1;
}

a.icon svg,
span.icon svg,
#tableLinks svg,
.pell-button {
    fill: #989ba1;
}

a.icon:hover svg {
    fill: #fff;
}

#dlgLink #divNewLink,
#dlgLink #divNewLinkCustomBoardToken {
    background-color: #34373d;
    border-color: #646464;
}

button.button svg,
a.button svg {
    fill: #989ba1;
}

.dropdown-menu .check svg {
    fill: #c2c3c5 !important;
}

button.button:hover svg,
a.button:hover svg,
.dropdown-menu-button:hover > .button svg {
    fill: #fff;
}

.subfolders svg,
.delete-snapshot svg,
.tag-wrapper svg {
    fill: #b7b8ba;
}

.subfolders a:hover svg,
.delete-snapshot:hover svg,
.tag-wrapper a:hover svg {
    fill: #d1d2d4;
}

input[type="checkbox"]:not(.switch),
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px;
    height: 14px;
    background-color: #646464;
    vertical-align: text-bottom;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

input[type="checkbox"]:not(.switch) {
    border-radius: 2px;
}

input[type="radio"] {
    position: relative;
    border-radius: 50%;
}

input[type="checkbox"]:not(.switch):hover,
input[type="radio"]:hover {
    background-color: #7c7c7c;
}

input[type="checkbox"]:not(.switch):checked::after {
    content: "\e800";
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    margin-left: 1px;
    color: #c2c3c5;
    line-height: 14px;
    transition: color 0.2s ease;
}

input[type="checkbox"]:not(.switch):hover:checked::after {
    color: #d1d2d4;
}

input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #c2c3c5;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

input[type="radio"]:hover:checked::after {
    background-color: #d1d2d4;
}

img[data-texture-uuid-index]::after {
    background-color: #646464;
    border: 1px solid #646464;
}

.is-loading svg,
.is-current svg {
    fill: #fff;
}

div.unknownworn {
    color: #989ba1;
    background-color: #34373d;
}

body.is-locked.main-page {
    background-color: #999ba1;
}

body.is-locked #divHeader {
    color: #212427;
}

body.is-locked #divHeader .actions svg {
    fill: #212427;
}

body.is-locked #divHeader .actions .textual {
    color: #212427;
}

.lock {
    color: #b7b8bb;
    background-color: #212427;
}

.lock svg {
    fill: #b7b8bb;
}

.toolbar .spacer,
div.unknowninv,
#divInvItemDisplay button {
    background-color: #646464;
}

#tableLinks tbody tr:nth-child(6n+4),
#tableLinks tbody tr:nth-child(6n+5),
#tableLinks tbody tr:nth-child(6n+6) {
    background-color: #2a2e31;
}

#tableLinks.scrollable-table thead th:first-child {
    border-bottom: 1px solid #646464;
}

td.expired {
    color: #f3573d;
}

.progress-list svg circle.background {
    stroke: #646464;
}

.progress-list svg circle.progress {
    stroke: #c2c3c5;
}

.dropdown,
.input-with-buttons .button {
    border: none;
    background-color: #646464;
}

.dropdown-menu-button > .button::after,
.dropdown-button::after {
    border-top: 5px solid #989ba1;
}

#divSuggestionCategories {
    border-right: 1px solid #646464;
}

#divSuggestionCategories button {
    background-color: #34373d;
}

#divSuggestionCategories button.is-active {
    border: 1px solid #646464;
    border-right: none;
    color: #989ba1;
    background: #212427;
    width: calc(100% + 1px);
}

:not(.toolbar) > .button.is-active {
    fill: #34373d;
    background-color: #c2c3c5;
}

:not(.toolbar) > .button.is-active svg {
    fill: #34373d;
}

/* dockspawn */

.panel-titlebar {
    color: #c2c3c5;
    background-color: #131417;
}

.dockspan-panel-titlebar-text-active {
    color: #b7b8ba;
}

.dialog-floating .panel-titlebar {
    color: #b7b8ba;
    background-color: #222427;
}

.panel-titlebar-text {
    color: #b7b8ba;
    background-color: #35373d;
}

.dialog-floating .panel-titlebar-button-close {
    background-image: url(wardrobe2/images/ui-icons_989ba1_256x240.png);
    background-position: -94px -126px;
    background-color: #646464;
}

.dialog-floating .panel-titlebar-button-close:hover {
    background-image: url(wardrobe2/images/ui-icons_b7b8ba_256x240.png);
    background-color: #7c7c7c;
}

.dialog-floating {
    box-shadow: 0 0 30px #000;
    border: 1px solid #3b3f43;
}

.dock-container {
    background-color: #7c7c7c;
}

.document-manager {
    background-color: #666;
}

.dockspan-tab-handle-list-container,
.splitbar-horizontal,
.splitbar-vertical,
.splitbar-horizontal:active,
.splitbar-vertical:active {
    background-color: #131417;
}

.dockspan-tab-host,
.splitbar-vertical:hover,
.splitbar-horizontal:hover {
    background-color: #50525a;
}

.dockspan-tab-content {
    background-color: #c2c3c5;
}

.dockspan-tab-handle {
    background-color: #50525a;
    color: #c2c3c5;
}

.dockspan-tab-handle:hover {
    color: #d1d2d4;
    background-color: #646464;
}

.dockspan-tab-handle-selected,
.dockspan-tab-handle-active {
    background-color: #35373d;
    color: #c2c3c5;
}

/* jQuery upgrade */
/*
.ui-button {
    background-color: #646464;
    color: #b7b8ba;
}

.ui-button:hover {
    background-color: #7c7c7c;
    color: #d1d2d4;
}

.ui-widget-header .ui-icon {
    background-image: url(css/wardrobe2/images/ui-icons_3d80b3_256x240.png);
}

.ui-widget-header .ui-button:hover .ui-icon {
    background-image: url(css/wardrobe2/images/ui-icons_fff_256x240.png);
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #77c3eb;
    color: #fff;
}

.ui-tooltip {
    color: #989ba1;
    background-color: #212427;
    box-shadow: 0 0 10px #000 !important;
}
*/

.toast-message {
    background-color: #77c3eb;
}

#dlgWornOutfits .sort-by,
#dlgWearHistory .sort-by {
    border-bottom: 1px solid #646464;
}

.sort-by a:not(:last-child) {
    border-right: 1px solid #989ba1;
}

.sort-by a.is-selected::before {
    top: 0;
}

.access-list > span {
    background-color: #646464;
    color: #d1d2d4;
}

.access-list svg {
    fill: #d1d2d4;
}

.layer {
    border: 1px solid #4f525a;
}

.layer .header {
    background-color: #4f525a;
}

.layer .header input {
    color: var(--color-dark);
}

.item.from-outfit {
    width: 98px;
    padding-right: 0;
    background-color: #34373d;
    border: 1px solid #4f525a; 
}

.item.from-outfit .item-actions svg {
    fill: #989ba1;
}

.item.from-outfit .item-actions .dropdown-menu-button:hover svg {
    fill: #4f525a;
    background-color: #989ba1;
}

.item.from-outfit input[type="text"] {
    background-color: #646464;
    border-top: 1px solid #4f525a;
}

.item.from-outfit .itemimage {
    left: -1px;
}

.outfit .itemtitle {
    color: #459eb6;
}

.outfit.is-current .itemtitle {
    color: #f7895e;
}

.outfit .itemtitle svg {
    fill: #459eb6;
}

.outfit.is-current .itemtitle svg {
    fill: #f7895e;
}

#spanPremium svg {
    fill: none !important;
    stroke: #989ba1;
}

.expires-soon svg {
    stroke: #db2121 !important;
}

#btnTypeFilter .is-active {
    color: #d1d2d4;
    background-color: #7c7c7c;
}

#outfit-item-subfolder-list {
    color: #989ba1;
    background: #212427;
    border: 1px solid #3b3f44;
    box-shadow: 0 3px 10px #000;
}

#outfit-item-subfolder-list a {
    color: #989ba1;
}

.remove-subfolder,
.add-subfolder {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 408 408'%3E%3Cpath d='M372,88.661H206.32l-33-39.24c-0.985-1.184-2.461-1.848-4-1.8H36c-19.956,0.198-36.023,16.443-36,36.4v240 c-0.001,19.941,16.06,36.163,36,36.36h336c19.94-0.197,36.001-16.419,36-36.36v-199C408.001,105.08,391.94,88.859,372,88.661z' fill='%23989ba1'/%3E%3C/svg%3E");
}

#search-settings svg {
    fill: #9c9da4;
}

#search-settings input {
    width: 14px;
    height: 14px;
}

#search-settings .dropdown-menu {
    background: #34373d;
}

.image-action.is-active {
    color: #b7b8ba;
}

.image-action.is-active svg {
    fill: #b7b8ba;
}