.darktoggle {
    z-index: 10000;
    position: fixed;
    bottom: 8px;
    right: 45px;
    height: 20px;
    color: #fff;
    cursor: pointer;
}
.darktoggle.big {
    height: 40px;
    right: 115px;
    bottom: 38px;
}

.darktoggle .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}
.darktoggle.big .switch {
    width: 80px;
    height: 40px;
}

.darktoggle .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.darktoggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc !important;
    transition: .2s;
}

.darktoggle .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 1px;
    top: 1px;
    background-color: white !important;
    transition: .2s;
}
.darktoggle.big .slider:before {
    height: 36px;
    width: 36px;
    left: 2px;
    top: px;
}

.darktoggle input:checked+.slider:before {
    transform: translateX(20px);
    background-color: white;
}
.darktoggle.big input:checked+.slider:before {
    transform: translateX(40px);
}

.darktoggle input:checked+.slider {
  background-color: #ccc;
}

.darktoggle input:checked+.slider .sun {
  fill: gray;
}

.darktoggle .slider.round {
    border-radius: 10px;
}
.darktoggle.big .slider.round {
    border-radius: 20px;
}

.darktoggle .slider.round:before {
    border-radius: 50%;
}

.darktoggle .moon {
    width: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    fill: dimgray;
}
.darktoggle.big .moon {
    width: 26px;
    right: 6px;
    top: 8px;
}

.darktoggle .sun {
    width: 26px;
    position: absolute;
    left: -3.5px;
    top: -3.5px;
    fill: orange;
}
.darktoggle.big .sun {
    width: 52px;
    left: -7px;
    top: -7px;
}


html.dark .cke_button,
html.dark .rank,
html.dark .cke_button_label,
html.dark .jfk-bubble.gtx-bubble,
html.dark .captcheck_answer_label > input + img,
html.dark span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"],
html.dark span[data-href^="https://www.hcaptcha.com/"] > #icon,
html.dark #bit-notification-bar-iframe,
html.dark ::-webkit-calendar-picker-indicator,
html.dark .navigateclass,
html.dark .navigateearlyclass,
html.dark .invert,
html.dark img[src*="shadow.gif"],
html.dark img[src*="shadowsmall.gif"],
html.dark img[src*="logosmall.gif"],
html.dark img[src*="begambleaware18.gif"],
html.dark img[src*="privatemessages.gif"],
html.dark img[src*="cr_smalltr.gif"],
html.dark img[src*="cr_smalltl.gif"],
html.dark img[src*="privatemessages.gif"],
html.dark img[src*="notificationsbell.gif"] {
    filter: invert(100%) hue-rotate(180deg) brightness(100%) contrast(94%) !important;
}

html.dark .highcharts-container text {fill: #e8e6e3 !important;}
html.dark .highcharts-plot-background  {fill: #3b3b3b !important;}
html.dark .highcharts-grid-line[stroke="#aaa"] {stroke: #8f8f8f !important;}
html.dark .highcharts-grid-line[stroke="#f9fafc"] {stroke: #777777 !important;}
html.dark .highcharts-axis-line {display: none !important;}