/*@import "css/customizeUI.css";*/
@import "./css/prefs_page.css";
/*@import "css/preferences.css";*/

@import "./css/logins_page.css";
@import "./css/addons_page.css";
@import "./css/config_page.css";
@import "./css/newtab_page.css";
:root {
    --btn-bg: linear-gradient(180deg, #f2f2f2 45%, #ebebeb 0, #cfcfcf) !important;
    --btn-hover: linear-gradient(180deg, #eaf6fd 45%, #bee6fd 0, #a7d9f5) !important;
    --btn-active: linear-gradient(180deg, #e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db) !important;
    --btn-border: 1px solid #8e8f8f;
    --btn-border-radius: 3px;
    --btn-box-shadow: inset 0 0 0 1px #fffc;
    --btn-active-box-shadow: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001;
    --btn-border-hover: 1px solid #3c7fb1;
    --btn-border-active: 1px solid #18598A;
    --in-content-page-background: transparent !important;
    --balloon-border: 1px solid rgba(0, 0, 0, .4);
    --balloon-bg: linear-gradient(180deg, #fff, #ebebeb);
    --balloon-box-shadow: 5px 5px 3px -3px rgba(0, 0, 0, .4);
    --balloon-padding: 1em 1em 1em 2.5em;
}

html.private body {
    background-image: linear-gradient(#cbdcec 40%, #a2cfec) !important;

}

#search-handoff-button {
    box-shadow: unset !important;
    border: var(--btn-border) !important;
    background: var(--balloon-bg) !important;
    padding: 0 !important;
    padding-left: 5px !important;
}

#search-handoff-button.focused:not(.disabled) {
    border: var(--btn-border-active) !important;
    box-shadow: unset !important;
}

.showPrivate :is(.wordmark, .info) {
    display: none !important;

}

.showPrivate {
    transform: translateY(-50px);
}

.showPrivate .search-inner-wrapper {
    padding: 0 !important;
    width: 400px !important;
    min-width: unset !important;
    height: 30px !important;
}

.showPrivate #about-private-browsing-logo {
    background: url("images/explorer.png") no-repeat center center !important;
    background-size: cover !important;
}

:autofill {
    filter: unset !important;
    background-image: unset !important;
}


.neterror {
    font: 10pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;
}

.neterror #errorShortDesc::before {
    content: "" !important;
    display: inline-block !important;
    width: 64px !important;
    height: 64px !important;
    background-image: url('images/error-64.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-right: 10px !important;
}

.neterror #errorShortDesc {
    display: flex !important;
    align-items: center !important;
    font-size: 1.5em !important;
    margin-left: -2em !important;
}
#errorShortDesc span{
    display: none !important;
}
.neterror #errorLongDesc {
    padding-left: 2.2em !important;
}

.neterror #errorLongDesc span {
    padding-left: 0.8em !important;
    font: 12pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;

}

#neterrorTryAgainButton, #preferences-root button, #profiles button, #create-button, #restart-button,#restart-in-safe-mode-button {
    background: var(--btn-bg) !important;
    border: var(--btn-border) !important;
    border-radius: 3px !important;
    box-shadow: var(--btn-box-shadow) !important;
    box-sizing: border-box !important;
    color: #222 !important;
    font: 10pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;
    min-height: 23px !important;
    min-width: 90px !important;
    padding: 3px 12px !important;
    position: relative !important;
    text-align: center !important;
}

.modal .actions button {
    padding: 3px 12px !important;
    min-width: 50px !important;
}

.modal .actions {
    padding-top: 10px !important;
}

#neterrorTryAgainButton:hover, #preferences-root button:hover, #profiles button:hover, #create-button:hover, #restart-button:hover,#restart-in-safe-mode-button:hover  {
    background: var(--btn-hover) !important;
    border-radius: 3px !important;
    box-shadow: var(--btn-box-shadow) !important;
    transition: opacity .3s;
    border: var(--btn-border-hover) !important;

}

#neterrorTryAgainButton:active, #preferences-root button:active, #profiles button:active,#create-button:active, #restart-button:active,#restart-in-safe-mode-button:active  {
    background: var(--btn-active) !important;
    border-radius: 2px !important;
    box-shadow: var(--btn-active-box-shadow) !important;
    transition: opacity .3s;
    border: var(--btn-border-active) !important;
}

#neterrorTryAgainButton:focus-visible, #preferences-root button:focus-visible {
    box-shadow: inset 0 0 0 2px #98d1ef !important;
    outline: 1px dotted #000 !important;
    outline-offset: -4px !important;
}

#neterrorTryAgainButton.focused, #preferences-root button.focused {
    box-shadow: inset 0 0 0 2px #98d1ef !important;
    outline: 1px dotted #000 !important;
    outline-offset: -4px !important
}

.face-smile:before {
    content: "" !important;
}

.checkbox-check {
    background: #f6f6f6 !important;
    border: var(--btn-border) !important;
    box-shadow: inset 0 0 0 1px #f4f4f4, inset 1px 1px 0 1px #aeaeae, inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    height: 14px !important;
    margin-right: 6px !important;
    transition: .4s !important;
    width: 14px !important;

}

.checkbox-check:hover {
    background: #e9f7fe !important;
    border-color: #3c7fb1 !important;
    box-shadow: inset 0 0 0 1px #def9fa, inset 1px 1px 0 1px #79c6f9, inset -1px -1px 0 1px #c6e9fc, inset 3px 3px 6px #b1dffd !important
}

#preferences-root checkbox {
    position: relative;
}

#preferences-root checkbox[checked=true]:after {
    color: #4a5f97 !important;
    content: "\2714" !important;
    display: block !important;
    font-weight: 700 !important;
    left: 2px !important;
    position: absolute !important;
    top: 5px !important;
    transform: scale(0.8);
}

#dialogGrid #titleText {
    font-size: 1.24rem !important;
    font-weight: unset !important;
}

.checkbox-label {
    color: #222 !important;
}

menulist {
    appearance: none !important;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(180deg, #f2f2f2 45%, #ebebeb 0, #cfcfcf) !important;
    background-position: 100% !important;
    background-repeat: no-repeat !important;
    border: var(--btn-border) !important;
    border-radius: 3px !important;
    box-shadow: var(--btn-box-shadow) !important;
    box-sizing: border-box !important;
    color: #222 !important;
    font: 9pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;
    padding: 2px 30px 2px 3px !important;
    position: relative !important
}

menulist::after {
    background: linear-gradient(180deg, #f2f2f2 45%, #ebebeb 0, #cfcfcf) !important;
    border: transparent;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 95%;
    margin-right: 6px;
    width: 14px;
    position: absolute;
    right: 25px;
    top: 0;
}
#scaleSelect{

    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(180deg, #f2f2f2 45%, #ebebeb 0, #cfcfcf) !important;
    background-position: 100% !important;
    background-repeat: no-repeat !important;
    border: var(--btn-border) !important;
    border-radius: 3px !important;
    box-shadow: var(--btn-box-shadow) !important;
    box-sizing: border-box !important;
    color: #222 !important;
    font: 9pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;
    padding: 2px 30px 2px 3px !important;
    position: relative !important
}
/*select:not([multiple]):hover {*/
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(180deg, #eaf6fd 45%, #bee6fd 0, #a7d9f5);*/
    /*border-color: #3c7fb1*/
/*}*/

/*select:not([multiple]):active {*/
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), linear-gradient(180deg, #e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db);*/
    /*border-color: #6d91ab;*/
    /*box-shadow: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001;*/
    /*outline: none*/
/*}*/

/*select:not([multiple]):focus {*/
    /*box-shadow: inset 0 0 0 2px #98d1ef;*/
    /*outline: 1px dotted #000;*/
    /*outline-offset: -4px*/
/*}*/

.dialog-button-box button, .topsite-form .actions button {
    border: var(--btn-border) !important;
    border-radius: 3px !important;
    box-shadow: var(--btn-box-shadow) !important;
    box-sizing: border-box !important;
    color: #222 !important;
    font: 10pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;
    min-height: 23px !important;
    min-width: 90px !important;
    padding: 3px 12px !important;
    position: relative !important;
    text-align: center !important;

}

.topsite-form .actions .done:after, .topsite-form .actions .cancel:after {
    background: linear-gradient(180deg, #f2f2f2 45%, #ebebeb 0, #cfcfcf) !important;
    border: transparent;
    box-sizing: border-box;
    content: "Save";
    display: inline-block;
    min-height: 21px !important;
    min-width: 88px !important;
    padding: 3px 12px !important;
    position: absolute;
    right:-2px;
    top: -2px;
    box-shadow: 0 0 0 1px #fffc;
    border: 1px solid #8e8f8f;
    border-radius: 3px;
}

.topsite-form .actions .cancel:after {
    content: "Cancel";

}

.topsite-form .actions .done:hover:after, .topsite-form .actions .cancel:hover:after {
    background: linear-gradient(180deg, #eaf6fd 45%, #bee6fd 0, #a7d9f5) !important;
    border: transparent;
    box-sizing: border-box;
    content: "Save";
    display: inline-block;
    min-height: 21px !important;
    min-width: 88px !important;
    padding: 3px 12px !important;
    position: absolute;
    right:-2px;
    top: -2px;
    box-shadow: 0 0 0 1px #fffc;
    border: 1px solid #8e8f8f;
    border-radius: 3px;
    transition: opacity .3s;

}

.topsite-form .actions .cancel:hover:after {
    content: 'Cancel'
}

.topsite-form .actions .done:active:after, .topsite-form .actions .cancel:active:after {
    background: linear-gradient(180deg, #e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db) !important;
    box-shadow: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001 !important;
    transition: opacity .3s;
    border: transparent;
    box-sizing: border-box;
    content: "Save";
    display: inline-block;
    min-height: 21px !important;
    min-width: 88px !important;
    padding: 3px 12px !important;
    position: absolute;
    right:-2px;
    top: -2px;
    box-shadow: 0 0 0 1px #fffc;
    border: 1px solid #8e8f8f;
    border-radius: 3px;
}

.topsite-form .actions .cancel:active:after {
    content: 'Cancel'

}

.topsite-form, .confirmation-dialog .modal {
    background: var(--balloon-bg) !important;
    border: var(--balloon-border) !important;
    border-radius: 3px !important;
    box-shadow: var(--balloon-box-shadow) !important;
    position: relative !important;
    padding-bottom: 0 !important;
}

.topsite-form {
    padding: 1em 1em 1em 2.5em !important;

}

.topsite-form .actions {
    margin: 0 !important;
}

.topsite-form .icon.icon-clear-input {
    background-image: url("images/close.png") !important;

}

.topsite-form .icon.icon-clear-input:hover {
    background-image: url("images/close.png") !important;
}

.form-input-container h3 {
    font-weight: normal !important;
    margin-left: -0.5rem !important;
    font-size: 20px !important;
    margin-top: -1rem !important;
}

.dialog-button-box button:hover {
    background: linear-gradient(180deg, #eaf6fd 45%, #bee6fd 0, #a7d9f5) !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 0 1px #fffc !important;
    transition: opacity .3s;
}

.dialog-button-box button:active {
    background: linear-gradient(180deg, #e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db) !important;
    border-radius: 2px !important;
    box-shadow: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001 !important;
    transition: opacity .3s;
}

#addonsButton:hover, #preferences-stack richlistitem:hover {
    background: linear-gradient(180deg, #e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db) !important;
    color: #555 !important;
}
#preferences-stack richlistitem:hover{
    background: linear-gradient(#cbdcec 40%, #a2cfec) !important;
    box-shadow: inset 0 0 0 1px #fffc, inset 0 -6px 10px #fff !important;

}
#preferences-stack richlistitem {
    min-width: 36px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;

}


.sidebar-footer-icon {
    list-style-image: url("images/addons.png") !important;
    width: 22px !important;
    height: 22px !important;
}

.category[name="extension"] {
    background-image: url("images/addons.png") !important;
}

.category[name="theme"] {
    background-image: url("images/theme.png") !important;

}

#categories > .category[selected]:not(:hover), #categories .category[selected] {
    background: linear-gradient(180deg, #e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db) !important;
    color: #666 !important;
    box-shadow: inset 0 0 0 1px #fffc !important;

}

#categories .category:not([selected]):hover {
    color: #555 !important;
}

.edit-topsites .actions, .edit-topsites-wrapper .tile {
    border: none !important;
}

.edit-topsites .actions .done {
    order: 1 !important;
}

.edit-topsites .actions .cancel {
    order: 2 !important;
}


#updateAllowDescription, #updateSettingsContainer, .top-sites-list .icon-pin-small, .top-site-outer .title .icon, .sidebar-footer-list #help-button, .neterror .title-text, #webAppearanceGroup {
    display: none !important;
}

.page-options-menu > .more-options-button, .page-options-menu > .more-options-button:is(:hover, :active) {
    background-image: url("images/winarrow.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 20px !important;
    height: 20px !important;
}

.more-options-button, .modal .actions button {
    background: url("images/winarrow.svg") no-repeat, var(--btn-bg) !important;
    background-position: center !important;
    border: var(--btn-border) !important;
    box-shadow: var(--btn-box-shadow) !important;
    color: #222 !important;
    position: relative !important;
}

.more-options-button:hover, .modal button:hover {
    background: url("images/winarrow.svg") no-repeat, var(--btn-hover) !important;
    border: var(--btn-border-hover) !important;
    background-position: center !important;
}

.more-options-button:active, .modal button:active {
    background: url("images/winarrow.svg") no-repeat, var(--btn-active) !important;
    box-shadow: var(--btn-active-box-shadow) !important;
    border: var(--btn-border-active) !important;
    background-position: center !important;
}

.modal .actions button {
    background: var(--btn-bg) !important;

}

.modal button:hover {
    background: var(--btn-hover) !important;

}

.modal button:active {
    background: var(--btn-active) !important;

}

.icon-modal-delete {
    background: url("images/error-64.png") !important;
    background-position: center !important;
    width: 64px !important;
    height: 64px !important;
}

#preferencesButton .sidebar-footer-icon[src="chrome://global/skin/icons/settings.svg"] {
   opacity: 0 !important;
    position: relative !important;
}
#preferencesButton{
    position: relative !important;

}
#preferencesButton::before{
    content: "" !important;
    display: inline-block !important;
    position: absolute;
    left: 10px;
    width: 32px !important;
    height: 20px !important;
    bottom:6px !important;
    background-image: url('images/preferences.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
#moz-toggle-button {
    border-radius: 3px !important;
    background-color: #0bd82c !important;
    background-image: linear-gradient(180deg, #f3f3f3af, #fcfcfcaf 3px, #dbdbdbaf 6px, transparent 0), radial-gradient(circle at 0 50%, #0000002f 10px, transparent 30px), radial-gradient(circle at 100% 50%, #0000002f 10px, transparent 30px), linear-gradient(180deg, transparent 65%, #ffffff55), linear-gradient(180deg, transparent 6px, #cacaca33 0, #d5d5d533) !important;
    box-shadow: inset 0 0 0 1px #ffffff1f !important;
    height: 100% !important;
    overflow: hidden !important;
}
#moz-toggle-button[aria-pressed="false"]{
    background-color: transparent !important;
}
.toggle-button[aria-pressed="true"]::before {
    border-radius: 2px !important;
    background: var(--btn-active) !important;
    border: var(--btn-border-active);
    box-shadow: var(--btn-box-shadow);
}

.toggle-button::before {
    border-radius: 2px !important;
    background: var(--btn-bg) !important;
    border: var(--btn-border);
    box-shadow: var(--btn-box-shadow);

}


.textbox-search-sign {
    list-style-image: unset !important;
    background: url("images/search.png") no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 20px !important;
    margin-inline-end: 2px !important;
}

#filter .textbox-search-sign {
    display: none !important;
}

search-textbox {
    padding-left: 3px !important;
}

#preferences-root #standardArrow, #preferences-root #customArrow, #preferences-root #strictArrow, #dohCategories button {
    padding: 0 !important;
    width: 20px !important;
    min-width: unset !important;
}

.category[name="plugin"] {
    background-image: url("images/plugins.png") !important;

}


#categories .category[name="extension"] {
    position: relative !important;
}

#categories .category[name="extension"][selected]:before {
    content: "" !important;
    display: inline-block !important;
    position: absolute;
    left: 10px;
    width: 20px !important;
    height: 20px !important;
    background-image: url('images/addons.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
#categories .category[name="theme"][selected]:before {
    content: "" !important;
    display: inline-block !important;
    position: absolute;
    left: 10px;
    width: 20px !important;
    height: 20px !important;
    background-image: url('images/theme.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}#categories .category[name="plugin"][selected]:before {
    content: "" !important;
    display: inline-block !important;
    position: absolute;
    left: 10px;
    width: 20px !important;
    height: 20px !important;
    background-image: url('images/plugins.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
h1[data-l10n-id="profiles-title"]{
    font-size: 20pt !important;
    font-weight: 500 !important;
}
h3[data-l10n-id="profiles-current-profile"]{
    display: none !important;
}
h2[data-l10n-id="profiles-name"]{
    font-weight: 400 !important;

}
h3[data-l10n-id="profiles-restart-title"]{
    font-weight: 500 !important;
    font-style: italic;
}
#profiles tr th{
background-color: #009dff !important
}
#toolbarViewer{
    color: #fff !important;
    background-image: linear-gradient(180deg, rgba(255,255, 255, 0.1) 45%, rgba(10, 83, 118, 0.7) 0%, #0f5975),
    linear-gradient(to left, rgba(111, 169, 177, 0.75), rgba(84, 141, 167, 0.76));
    box-shadow:   inset 0 -4px 6px 0 #8bbec4, inset 0 -2px 0 #8bbec4 !important;
    background-color:  #548da7 !important;
}
#toolbarViewer #sidebarToggle{
    background: url("images/sidebar.png")!important;
background-repeat: none !important;
    background-size: contain !important;
    width: 20px !important;
    height: 20px !important;
   transform: translateY(4px) translateX(2px);
}
#sidebarToggle::before{
    display: none !important;
}
.radio-check, input[type="radio"]{appearance: auto !important}
.addon-card-message[type="warning"]{
    display: none !important;
}



/*Old Github*/
.AppHeader-globalBar *{
    color: #fff !important;
    fill: #fff !important;
}
.AppHeader-localBar .js-repo-nav ul li a:hover{
    background-color: transparent !important;
}
.AppHeader-localBar .js-repo-nav ul li, #js-repo-pjax-container button
{
    border: var(--btn-border) !important;
    border-radius: 3px !important;
    background: var(--btn-bg) !important;
    box-shadow: var(--btn-box-shadow) !important;
    color: #555 !important;
}
a.AppHeader-context-item, .Overlay-closeButton, #filter-button-filter-repositories{
    border-radius: 3px !important;
    border: var(--btn-border) !important;
    background: var(--btn-bg) !important;
    box-shadow: var(--btn-box-shadow) !important;
  padding: 2px 4px !important;
    margin: 0 4px !important;

}
.AppHeader-context-item-label{
    color: #555 !important;

}
.AppHeader-context{
    padding-top: 2px !important;
    border-radius: 3px !important;
    height: 33px !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 45%, rgba(255, 255, 255, 0.30) 0%, rgba(207, 207, 207, 0.1)) !important;
    backdrop-filter: blur(2px ) !important;
    border: 1px solid rgba(255, 255, 255, 0.67) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.45) !important;
}
.AppHeader-localBar .js-repo-nav ul li:hover,  a.AppHeader-context-item:hover, .Overlay-closeButton:hover, #filter-button-filter-repositories:hover {
    background: var(--btn-hover) !important;
}

.AppHeader-localBar .js-repo-nav ul li:active, a.AppHeader-context-item:active, .Overlay-closeButton:active, #filter-button-filter-repositories:active {
    box-shadow: var(--btn-active-box-shadow) !important;

}

.AppHeader-localBar{
    appearance: toolbox !important;
}
.AppHeader-globalBar{
    background: #555;
    padding: 4px !important;
    padding-bottom: 2px !important;
}

.AppHeader-searchButton{
    background: #f6f6f6 !important;
    border-color: #8e8f8f !important;
    box-shadow: inset 0 0 0 1px #f4f4f4, inset 1px 1px 0 1px #aeaeae, inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc !important;
}.AppHeader-searchButton:is(:hover, :active){
    background-color: #e9f7fe !important;
    box-shadow: inset 0 0 0 1px #def9fa, inset 1px 1px 0 1px #79c6f9, inset -1px -1px 0 1px #c6e9fc, inset 3px 3px 6px #b1dffd !important;
    border-color: #8e8f8f !important;
}

:is(.UnderlineNav-item.selected, .UnderlineNav-item[role="tab"][aria-selected="true"], .UnderlineNav-item[aria-current]:not([aria-current="false"]))::after{
    background: linear-gradient(transparent 30%, orange 70%, transparent) !important;
    height: 5px !important;

}
#qb-input-query{
opacity: 0 !important}
.AppHeader-searchButton, #query-builder-test-leadingvisual-wrap{
    fill: #0A84FF !important;
    position: relative !important;
}
.AppHeader-searchButton:before, #query-builder-test-leadingvisual-wrap:before{
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url('images/search.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 3px;
    top: 7px;

}#query-builder-test-leadingvisual-wrap:before{
    left: 37px;
     top: 3px;

 }
.AppHeader-searchButton:after{
    content: "Find..." !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    left: 25px;
    top: 6px;
    color: #666 !important;
}
.color-shadow-large{
    box-shadow:0 -2px 2px #fff, inset 0 0 0 1px  #fffc, 0 2px 5px 2px rgba(0, 0, 0, 0.8) !important;
    border-radius: 3px !important;
    background: grey !important;
}
.search-feedback-prompt{
    display: none !important;
}

ul[data-testid="filter-groups"] *,.react-tree-show-tree-items *, .js-left-column-scroll-container *, #dashboard-repos-filter-left::placeholder, div[aria-labelledby="search-filters-title"], #repos-file-tree{
    color: rgb(40, 65, 197) !important;
}
#dashboard-repos-filter-left{
    border: 1px solid #8e8f8f !important;
    outline: none !important;
    box-shadow: none !important;
    color: #444 !important;
}
.Button--primary.Button--small{
    color: #fff !important;

}
.AppHeader-globalBar .QueryBuilder-StyledInput{
    outline: none !important;
    background-color: #e9f7fe !important;
    box-shadow: inset 0 0 0 1px #def9fa, inset 1px 1px 0 1px #79c6f9, inset -1px -1px 0 1px #c6e9fc, inset 3px 3px 6px #b1dffd !important;
}
.AppHeader-globalBar :is(#query-builder-test, .qb-filter-value){
    color: black !important;
}
.AppHeader-globalBar .AppHeader-logo{
    margin-left: 0 !important;
}
.ActionListItem-label .qb-filter-value{
    margin-left: 2px !important;
}
#query-builder-test-leadingvisual-wrap{
    transform: translateX(-40px) !important;
}

.feed-left-sidebar, div[aria-labelledby="search-filters-title"], #repos-file-tree {
    background: rgba(135, 206, 235, 0.41) !important;
}

#query-builder-test-clear-button svg path, .Overlay--placement-left.SidePanel .ActionListItem-visual,.Overlay--placement-left.SidePanel .octicon-mark-github{
    display: none !important;
}
#query-builder-test-clear-button svg{
    background: url("images/error-16.png") !important;
}
.Popover.js-hovercard-content *{
    color: #fffc !important;
}
 .js-issue-title{
    color: rgb(40, 65, 197) !important;
}
.Overlay--placement-left.SidePanel *{
    color: rgb(58, 122, 197) !important;

}
.Overlay--placement-left.SidePanel{
    border-radius: 3px !important;
    border: 1px solid #8e8f8f !important;
    background: rgb(150, 222, 251) !important;

}

/*Priv.au*/
#main_results #search_view .search_box{
    border-radius: 3px !important;
    box-shadow: none !important;
    height: 35px !important;
}
#main_results #search_view .search_box :is(#q,#send_search){
    border-radius: 0 !important;
    padding: 4px !important;

}
#main_results .search_box :is(#clear_search){
    background: url("images/error-16.png") center no-repeat !important;
display: none !important}
#main_results .search_box :is(#send_search){
    background: url("images/search.png") center no-repeat !important;
    background-size: contain !important;
    width: 20px !important;

}
.results_endpoint :is(.engines,footer),:is(.previous_page, .next_page) button[type="submit"] svg,.results_endpoint #backToTop,#main_results .search_box #clear_search span, #main_results #send_search span{
    display: none !important;
}
#search #search_header #search_logo{
    transform: translateY(-2px);
}

#search #search_header{
    padding-top: 2px !important;
    background: linear-gradient(to bottom, rgb(231, 237, 246) 3px, rgba(231, 237, 246, 0) 156px), linear-gradient(to left, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.2)), linear-gradient(32deg, rgba(255, 255, 255, 0) 19.5%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 21.5%, rgba(255, 255, 255, 0.2) 22%, rgba(255, 255, 255, 0.2) 25.5%, rgba(255, 255, 255, 0.1) 26%, rgba(255, 255, 255, 0.1) 27.5%, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0) 49.5%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 52.5%, rgba(255, 255, 255, 0.2) 53%, rgba(255, 255, 255, 0.2) 54.5%, rgba(255, 255, 255, 0.1) 55%, rgba(255, 255, 255, 0.1) 57.5%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0.2) 90%), url("chrome://userchrome/content/pages/preferences/images/background-texture.png") !important;
    background-color: rgb(204, 217, 234) !important;
    border-bottom: 1px solid #8e8f8f !important;
}
.results_endpoint .category_button{
    margin: 0 !important;
padding-top: 4px !important;
padding-bottom:4px !important;
border-radius: 3px !important;
appearance: toolbarbutton !important;
color: #1664ff !important;
}
#links_on_top .link_on_top_preferences span{
    color: #1664ff !important;
}
#links_on_top{
    margin-top: -25px !important;

}
.results_endpoint .category_button.selected{
background-image: linear-gradient(rgba(255,255,255,0.4) 45%, transparent 0%, rgba(255, 255, 255, 0.65) , skyblue ) !important;
 background-color: #5AC942 !important;
appearance: none !important;
    outline: var(--btn-border) !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000 !important;
    box-shadow: var(--btn-box-shadow) !important;
}
.results_endpoint .category_button.selected:hover .category_name{
    color: #fff !important;

}
.results_endpoint #categories{
    margin-left: 10px !important;

}
@media (min-width: 801px) and (max-width: 1276px) {
    .results_endpoint #search_header{
        padding-left: 45px !important;
    }
}@media (max-width: 800px){
    .results_endpoint #categories{
        margin-left: 45px !important;
    }
}
.results_endpoint #search_logo svg, .results_endpoint .ion-icon-big{
    display: none !important;
}
.results_endpoint #search_logo{
    position: relative !important;
}
.results_endpoint #search_logo:before{
    content: 'Search';
    font: 15pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;
    color: #fff !important;
    left: -30px;
    position: absolute;
    top: 12px;
    text-shadow: 1px 1px 2px #444 !important;

}
.results_endpoint #search_logo:after{
    content: '';
    right: -7px;
    position: absolute;
    top: 18px;
    width: 20px;
    height: 20px;
    background: url("images/searchh.png") 100% 100%/cover no-repeat;
    z-index: 100 !important;
    transform: rotateY(-30deg) rotateZ(-10deg);
}
.results_endpoint .next_page button[type="submit"]:after{
    content: '';
    right: 2px;
    position: absolute;
    top: 8px;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+")!important;
    transform: rotateZ(-90deg);
}
.results_endpoint .previous_page button[type="submit"]:after {
    content: '';
    left: 2px;
    position: absolute;
    top: 3.5px;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+")!important;
    transform: rotateZ(90deg);
}
.results_endpoint :is(.previous_page, .next_page) button[type="submit"]{
    position: relative !important;
    background: var(--btn-bg) !important;
    border: var(--btn-border) !important;
    border-radius: 3px !important;
    box-shadow: var(--btn-box-shadow) !important;
    box-sizing: border-box !important;
    color: #222 !important;
    font: 10pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;
    min-height: 26px !important;
    min-width: 90px !important;
    padding: 6px 10px !important;
    text-align: center !important;
}
.results_endpoint .previous_page button[type="submit"]{
    padding-left: 30px !important;
    width: 115px!important;
}
reddit-sidebar-nav, reddit-header-large{
    overflow: clip !important;
    background: rgba(135, 206, 235, 0.41) !important;
}