/* ========================================
   DARKMODE STYLES FOR NEW PLAYER
   ======================================== */

.darkmode {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

/* Body and Main Containers */
.darkmode body,
.darkmode html {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

.darkmode .player {
  background-color: #1a1a1a;
}

.darkmode .player .mainContent {
  background-color: #1a1a1a;
}

/* Left Sidebar */
.darkmode .player .mainContent .sideContent_left {
  background-color: #252525;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .sideContent_left .topTitle {
  border: 1px solid #444;
  border-right: none;
  background-color: #2d2d2d;
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_left .listStyle {
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .sideContent_left .listStyle .group-block {
  color: #b0b0b0;
}

.darkmode .player .mainContent .sideContent_left .listStyle .group-block .group-select .group-selected {
  border-left: 1px solid #444;
}

.darkmode .player .mainContent .sideContent_left .listStyle .group-block .group-select .sub {
  background-color: #252525;
  border: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_left .listStyle .group-block .group-select .sub a {
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_left .listStyle .group-block .group-select .sub a:hover {
  background-color: #2d2d2d;
  color: #00b1d2;
  text-decoration: none;
}

/* Camera List Items */
.darkmode .player .mainContent .sideContent_left .listItems_wrapper .listItems_content li {
  background-color: #1f1f1f;
  border-bottom: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_left .listItems_wrapper .listItems_content li.active,
.darkmode .player .mainContent .sideContent_left .listItems_wrapper .listItems_content li:hover {
  background-color: #2d2d2d;
}

.darkmode .player .mainContent .sideContent_left .listItems_wrapper .listItems_content li p {
  color: #e0e0e0;
}

/* Middle Content */
.darkmode .player .mainContent .middleContent {
  background-color: #1a1a1a;
}

/* Top Bar */
.darkmode .player .mainContent .middleContent .topBar {
  background-color: #252525;
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .topBar.topBarMask .loader-inner {
  background-color: rgba(20, 20, 20, 0.8);
}

.darkmode .player .mainContent .middleContent .topBar.topBarMask .loader-inner::before {
  background-color: rgba(0, 177, 210, 0.15);
}

.darkmode .player .mainContent .middleContent .topBar .left,
.darkmode .player .mainContent .middleContent .topBar .right {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .topBar .left .text {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .topBar .topBarBtn,
.darkmode .player .mainContent .middleContent .topBar span {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .topBar .topBarBtn:hover {
  color: #00b1d2;
}

.darkmode .player .mainContent .middleContent .topBar .right .vr {
  background-color: #444;
}

.darkmode .player .mainContent .middleContent .topBar .headerMenu .menuBtn {
  background-color: transparent;
}

.darkmode .player .mainContent .middleContent .topBar .headerMenu .menuBtn:hover {
  box-shadow: 0 0 3px rgba(0, 177, 210, 0.45);
}

.darkmode .player .mainContent .middleContent .topBar .headerMenu .menuBtn .circle {
  background-color: #b0b0b0;
}
/* Top Bar Group */
.darkmode .player .mainContent .middleContent .topBar .group .list .list__item {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .topBar .group .list .list__item:hover,
.darkmode .player .mainContent .middleContent .topBar .group .list .list__item.list__item--active {
  background-color: #00b1d2;
  color: #1a1a1a;
  border-color: #00b1d2;
}

.darkmode .player .mainContent .middleContent .topBar .group .list .list__item .list__item__name {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .topBar .group .list .list__item.list__item--active .list__item__name,
.darkmode .player .mainContent .middleContent .topBar .group .list .list__item:hover .list__item__name {
  color: #1a1a1a;
}

/* Top Bar Sub Menu */
.darkmode .player .mainContent .middleContent .topBar .right .topBarBtn .subMenu {
  background-color: #252525;
  border: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .topBar .right .topBarBtn .subMenu .subLink {
  color: #e0e0e0;
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .topBar .right .topBarBtn .subMenu .subLink:hover {
  background-color: #2d2d2d;
  color: #00b1d2;
}

/* Header Menu General Sub Menu (#generalsub) */
.darkmode .player .mainContent .middleContent .topBar .headerMenu .mainLink .subMenu,
.darkmode #generalsub {
  background-color: #252525;
  color: #e0e0e0;
  border: 1px solid #444;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.darkmode .player .mainContent .middleContent .topBar .headerMenu .mainLink .subMenu .hr,
.darkmode #generalsub .hr {
  background-color: #444;
}

.darkmode .player .mainContent .middleContent .topBar .headerMenu .mainLink .subMenu .subTitle,
.darkmode #generalsub .subTitle {
  color: #9aa0a6;
}

.darkmode .player .mainContent .middleContent .topBar .headerMenu .mainLink .subMenu .subLink,
.darkmode #generalsub .subLink {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .topBar .headerMenu .mainLink .subMenu .subLink:hover,
.darkmode #generalsub .subLink:hover {
  color: #00b1d2;
  background-color: #2d2d2d;
  text-decoration: none;
}

/* Video Area */
.darkmode .player .mainContent .middleContent .filmContent {
  background-color: #000;
}

/* Bottom Recording Panel (#recording_panel) */
.darkmode .player .mainContent .middleContent .filmBottom {
  background-color: #252525;
  border-top: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeZoneInner {
  background-color: #252525;
  border: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeZoneInner .timeZoneBtn {
  border-bottom: 1px solid #444;
  background-color: #252525;
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeZoneInner .timeZoneBtn:hover {
  background-color: #2d2d2d;
}

.darkmode .player .mainContent .middleContent .filmBottom .filmFuncBox {
  background-color: #252525;
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .filmFuncBox .vr {
  background-color: #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .filmFuncBox .timeTextBox {
  color: #e0e0e0;
}

.darkmode
  .player
  .mainContent
  .middleContent
  .film
  .filmContent
  .divide
  .divideBlock
  .tools
  .volumeControlBox
  .volumeSliderBox {
  background-color: transparent;
}

.darkmode
  .player
  .mainContent
  .middleContent
  .filmBottom
  .filmFuncBox
  .videoControlBox
  .volumeSliderBox,
.darkmode
  .player
  .mainContent
  .middleContent
  .filmBottom
  .filmFuncBox
  .videoControlBox--split1
  .volumeSliderBox {
  background-color: transparent;
}

.darkmode
  .player
  .mainContent
  .middleContent
  .film
  .filmContent
  .divide
  .divideBlock
  .tools
  .volumeControlBox
  .volumeSliderBox
  .volumeSlider,
.darkmode
  .player
  .mainContent
  .middleContent
  .filmBottom
  .filmFuncBox
  .videoControlBox
  .volumeSliderBox
  #volumeSlider,
.darkmode
  .player
  .mainContent
  .middleContent
  .filmBottom
  .filmFuncBox
  .videoControlBox--split1
  .volumeSliderBox
  #volumeSlider {
  background-color: #555;
}

.darkmode
  .player
  .mainContent
  .middleContent
  .film
  .filmContent
  .divide
  .divideBlock
  .tools
  .volumeControlBox
  .volumeSliderBox
  .volumeSlider
  .ui-slider-handle,
.darkmode
  .player
  .mainContent
  .middleContent
  .filmBottom
  .filmFuncBox
  .videoControlBox
  .volumeSliderBox
  #volumeSlider
  .ui-slider-handle {
  background-color: #2d2d2d;
  border-color: #888;
}

.darkmode
  .player
  .mainContent
  .middleContent
  .film
  .filmContent
  .divide
  .divideBlock
  .tools
  .volumeControlBox
  .volumeSliderBox
  .volumeSlider
  .ui-slider-handle.ui-state-active,
.darkmode
  .player
  .mainContent
  .middleContent
  .filmBottom
  .filmFuncBox
  .videoControlBox
  .volumeSliderBox
  #volumeSlider
  .ui-slider-handle.ui-state-active {
  background-color: #00b1d2;
  border-color: #00b1d2;
}

/* Timeline and Slider */
.darkmode .player .mainContent .middleContent .filmBottom .timeBar {
  background-color: #252525;
  border-top: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox__outer {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .setDate {
  background-color: #2d2d2d;
  border: none;
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .setDate:hover {
  background-color: #3d3d3d;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .setDate .text {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar {
  background-color: #252525;
  border: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .title {
  background-color: #2d2d2d;
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .title .dateTitle {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .title .calendarBtn {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .content {
  background-color: #252525;
}
.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .body-list.weekBox {
  background-color: #2d2d2d;
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .body-list.dateBox {
  background-color: #252525;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .body-list.dateBox ul li .text {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .body-list.dateBox ul li:not(.disabled, .choose) .text:hover {
  color: #00b1d2;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .body-list.dateBox ul li.disabled .text {
  color: #6f6f6f;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .body-list.dateBox ul li.today .text {
  background-color: #3a3a3a;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .body-list.dateBox ul li.choose .text {
  background-color: #00b1d2;
  color: #ffffff;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .content .calendar-day {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .content .calendar-day:hover {
  background-color: #2d2d2d;
}
.darkmode .player .mainContent .middleContent .filmBottom .timeBar .calendarBox .calendar .calendarBottom {
  background-color: #2d2d2d;
  border-top: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .timeText {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .filmBottom .timeBar .liveText {
  background-color: #00b1d2;
  color: #1a1a1a;
}

.darkmode .player .mainContent .middleContent .filmBottom .filmFuncBox .zoomBox {
  background-color: transparent;
}

.darkmode .player .mainContent .middleContent .filmBottom .filmFuncBox .timeTextBox .liveText {
  background-color: #00b1d2;
  color: #e0e0e0;
}

/* Slider UI Overrides */
.darkmode .ui-slider {
  background-color: #3d3d3d;
  border: 1px solid #444;
}

.darkmode .ui-slider-handle {
  background: linear-gradient(to bottom, #00b1d2, #0088a8);
  border: 1px solid #0088a8;
}

.darkmode .ui-slider-range {
  background: #00b1d2;
}

/* Input Fields */
.darkmode input[type="text"],
.darkmode input[type="password"],
.darkmode input[type="email"],
.darkmode input[type="number"],
.darkmode input[type="date"],
.darkmode input[type="time"],
.darkmode textarea,
.darkmode select {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border: 1px solid #444;
}

.darkmode input[type="text"]:focus,
.darkmode input[type="password"]:focus,
.darkmode input[type="email"]:focus,
.darkmode input[type="number"]:focus,
.darkmode input[type="date"]:focus,
.darkmode input[type="time"]:focus,
.darkmode textarea:focus,
.darkmode select:focus {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-color: #00b1d2;
  box-shadow: 0 0 8px rgba(0, 177, 210, 0.2);
}

/* Buttons */
.darkmode button,
.darkmode .btn {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border: 1px solid #444;
}

.darkmode button:hover,
.darkmode .btn:hover {
  background-color: #3d3d3d;
  border-color: #00b1d2;
}

.darkmode button:active,
.darkmode .btn:active {
  background-color: #4d4d4d;
}

/* Primary Buttons */
.darkmode .btn-primary {
  background-color: #00b1d2;
  color: #1a1a1a;
  border: 1px solid #00b1d2;
}

.darkmode .btn-primary:hover {
  background-color: #0088a8;
  border-color: #0088a8;
}

/* Dialog/Modal */
.darkmode .ui-dialog {
  background-color: #252525;
  border: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .ui-dialog .ui-dialog-titlebar {
  background-color: #2d2d2d;
  border-bottom: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .ui-dialog .ui-dialog-content {
  background-color: #252525;
  color: #e0e0e0;
}

/* Menu and Dropdowns */
.darkmode .ui-menu {
  background-color: #252525;
  border: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .ui-menu .ui-menu-item {
  color: #e0e0e0;
}

.darkmode .ui-menu .ui-menu-item:hover,
.darkmode .ui-menu .ui-menu-item.ui-state-hover,
.darkmode .ui-menu .ui-state-active {
  background-color: #2d2d2d;
  border: 1px solid #444;
  color: #00b1d2;
}

/* Tabs */
.darkmode .ui-tabs {
  background-color: #252525;
  border: 1px solid #444;
}

.darkmode .ui-tabs .ui-tabs-nav {
  background-color: #2d2d2d;
  border-bottom: 1px solid #444;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  color: #b0b0b0;
}

.darkmode .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
  background-color: #252525;
  color: #e0e0e0;
  border-bottom: 2px solid #00b1d2;
}

/* Scrollbar */
.darkmode ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.darkmode ::-webkit-scrollbar-track {
  background: #2d2d2d;
}

.darkmode ::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 4px;
}

.darkmode ::-webkit-scrollbar-thumb:hover {
  background: #777;
}

/* Custom Scrollbar */
.darkmode .mCustomScrollbar {
  background-color: #252525;
}

.darkmode .mCS-autoHide > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #555;
}

.darkmode .mCS-autoHide > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

/* Table */
.darkmode table {
  color: #e0e0e0;
}

.darkmode table thead,
.darkmode table tfoot {
  background-color: #2d2d2d;
}

.darkmode table tbody tr {
  border-bottom: 1px solid #444;
}

.darkmode table tbody tr:hover {
  background-color: #2d2d2d;
}

.darkmode table td,
.darkmode table th {
  border: 1px solid #444;
  color: #e0e0e0;
}

/* Icon Colors - Keep primary accent */
.darkmode .icon svg .st0 {
  fill: #cccccc;
}

.darkmode .icon svg .st1 {
  fill: #00b1d2;
}

.darkmode .icon svg .st2 {
  fill: #cccccc;
}

/* Restore colorful sense icons in sideContent_right_event */
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconAudio .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconAudio .st0 {
  fill: #ef9f53;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconMotion .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconMotion .st0 {
  fill: #e79192;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconHumidity .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconHumidity .st0 {
  fill: #7cc4e0;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconHumidity .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconHumidity .st1 {
  fill: #ffffff;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconIllumination .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconIllumination .st0 {
  fill: #f4ca2b;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconTemperature .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconTemperature .st0 {
  fill: #9fc686;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconMissingobject .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconMissingobject .st0 {
  fill: #726cb0;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconKnownperson .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconKnownperson .st0 {
  fill: #59beb7;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconUnknownperson .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconUnknownperson .st0 {
  fill: #b25492;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconHuman .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconHuman .st0 {
  fill: #94c865;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconFence .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconFence .st0 {
  fill: #9c826d;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconVehicle .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconVehicle .st0 {
  fill: #8f949b;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconInfantcry .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconInfantcry .st0 {
  fill: #9c826d;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconInfantcry .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconInfantcry .st1 {
  fill: #f6b45d;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconInfantcry .st2,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconInfantcry .st2 {
  fill: #ffffff;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconHumantracking .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconHumantracking .st0 {
  fill: #de723b;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconBaby .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconBaby .st0 {
  fill: #ef94ae;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconBaby .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconBaby .st1 {
  fill: #ffffff;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconBabyFaceNotDetected .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconBabyFaceNotDetected .st0 {
  fill: #00b1d2;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconAbnormalSound .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconAbnormalSound .st0 {
  fill: #77b50b;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconScreaming .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconScreaming .st0 {
  fill: #b05ac9;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconPetSound .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconPetSound .st0 {
  stroke: #2f8fca;
  fill: none;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconPetSound .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconPetSound .st1 {
  fill: #2f8fca;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconPetTracking .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconPetTracking .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconPeet .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconPeet .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconPet .st0,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconPet .st0 {
  fill: #8c7a5f;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconPetTracking .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconPetTracking .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconPeet .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconPeet .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconPet .st1,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconPet .st1 {
  fill: #8c7a5f;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_event .senseFilterBox .senseFilter i.iconWildlifeTracking svg,
.darkmode .player .mainContent .sideContent_right.sideContent_right_event .eventInner .event .senseIcon i.iconWildlifeTracking svg {
  fill: #9c826d;
}

/* Text Colors */
.darkmode .text {
  color: #e0e0e0;
}

.darkmode .text-muted {
  color: #999;
}

.darkmode .text-secondary {
  color: #b0b0b0;
}

/* Links */
.darkmode a {
  color: #00b1d2;
  text-decoration: none;
}

.darkmode a:hover {
  color: #0088a8;
}

/* Tooltip */
.darkmode .tooltip {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border: 1px solid #444;
}

.darkmode .tooltip-inner {
  background-color: #2d2d2d;
  color: #e0e0e0;
}

/* Badge */
.darkmode .badge {
  background-color: #3d3d3d;
  color: #e0e0e0;
}

.darkmode .badge-primary {
  background-color: #00b1d2;
  color: #1a1a1a;
}

/* Alert */
.darkmode .alert {
  background-color: #2d2d2d;
  border: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .alert-success {
  background-color: #1f3a1f;
  border-color: #4a7c4a;
  color: #90ee90;
}

.darkmode .alert-danger {
  background-color: #3a1f1f;
  border-color: #7c4a4a;
  color: #ff8080;
}

.darkmode .alert-warning {
  background-color: #3a3a1f;
  border-color: #7c7c4a;
  color: #ffff99;
}

.darkmode .alert-info {
  background-color: #1f3a3a;
  border-color: #4a7c7c;
  color: #99ffff;
}

/* Loading Spinner */
.darkmode .loading-bar {
  background-color: #333;
}

.darkmode .loading-bar-inner {
  background-color: #00b1d2;
}

/* Popover */
.darkmode .popover {
  background-color: #252525;
  border: 1px solid #444;
}

.darkmode .popover-header {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border-bottom: 1px solid #444;
}

.darkmode .popover-body {
  color: #e0e0e0;
}

/* Select2 Dropdown */
.darkmode .select2-container--default .select2-selection--single {
  background-color: #2d2d2d;
  border: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #00b1d2;
}

.darkmode .select2-dropdown {
  background-color: #252525;
  border: 1px solid #444;
}

.darkmode .select2-results__option {
  color: #e0e0e0;
}

.darkmode .select2-results__option--highlighted[aria-selected] {
  background-color: #2d2d2d;
  color: #00b1d2;
}

/* Event Bar Colors */
.darkmode .eventBlock {
  background-color: rgba(0, 177, 210, 0.4);
  border-left: 2px solid #00b1d2;
}

/* Time Block Colors */
.darkmode .timeBlock {
  background-color: rgba(0, 177, 210, 0.2);
}

/* Process Box */
.darkmode .processBox {
  background-color: transparent;
}

/* Label and Text Styles */
.darkmode label {
  color: #e0e0e0;
}

/* Video Name and Camera Name */
.darkmode .video_name,
.darkmode .camera_name {
  color: #e0e0e0;
}

/* Hover States */
.darkmode button:disabled,
.darkmode .btn:disabled {
  opacity: 0.5;
}

/* Placeholder Text */
.darkmode input::placeholder,
.darkmode textarea::placeholder {
  color: #666;
}

/* Selection */
.darkmode ::selection {
  background-color: #00b1d2;
  color: #1a1a1a;
}

.darkmode ::-moz-selection {
  background-color: #00b1d2;
  color: #1a1a1a;
}

/* Additional Utility Styles */
.darkmode .bg-light {
  background-color: #2d2d2d !important;
}

.darkmode .bg-white {
  background-color: #252525 !important;
}

.darkmode .bg-dark {
  background-color: #1a1a1a !important;
}

.darkmode .text-dark {
  color: #e0e0e0 !important;
}

.darkmode .text-light {
  color: #999 !important;
}

.darkmode .border {
  border-color: #444 !important;
}

.darkmode .border-top {
  border-top-color: #444 !important;
}

.darkmode .border-bottom {
  border-bottom-color: #444 !important;
}

.darkmode .border-left {
  border-left-color: #444 !important;
}

.darkmode .border-right {
  border-right-color: #444 !important;
}

/* Right Sidebar */
.darkmode .player .mainContent .sideContent_right {
  background-color: #252525;
  border-left: 1px solid #444;
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .sideContent_right .topTitle {
  border: 1px solid #444;
  border-left: none;
  background-color: #2d2d2d;
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .topTitle .text {
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .topTitle .closeEventListBtn,
.darkmode .player .mainContent .sideContent_right .topTitle .closeEvaBtn {
  color: #e0e0e0;
}

/* Right Sidebar Content */
.darkmode .player .mainContent .sideContent_right .rightContent {
  background-color: #252525;
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .rightContent_event,
.darkmode .player .mainContent .sideContent_right .rightContent_eva {
  background-color: #252525;
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .senseFilterBox {
  background-color: #252525;
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .sideContent_right .senseFilterBox .senseFilter {
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .senseFilterBox .senseFilter span {
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .senseFilterBox .senseFilter:hover {
  background-color: #2d2d2d;
}

.darkmode .player .mainContent .sideContent_right .eventInner .event {
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .sideContent_right .event_item {
  background-color: #1f1f1f;
  border: 1px solid #444;
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .event_item:hover {
  background-color: #2d2d2d;
}

.darkmode .player .mainContent .sideContent_right .event_item .event_name {
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .event_item .event_time {
  color: #b0b0b0;
}

/* Additional Elements */
.darkmode .player .mainContent .sideContent_right .textOverflow {
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right .divider {
  border-color: #444;
}

/* Video Elements with Styles */
.darkmode #videoElement_1_0,
.darkmode #videoElement_1_1,
.darkmode #videoElement_1_2,
.darkmode #videoElement_1_3,
.darkmode #videoElement_1_4,
.darkmode #videoElement_1_5,
.darkmode #videoElement_1_6,
.darkmode #videoElement_1_7,
.darkmode #videoElement_1_8 {
  background-color: #000;
}

/* Time Tools */
.darkmode .time_tools {
  color: #e0e0e0;
}

.darkmode .time_tools.capsule {
  background-color: rgba(20, 20, 20, 0.8);
}

.darkmode .time_tools .time_tools__item .icon svg .st0,
.darkmode .time_tools .time_tools__item .icon svg .st1 {
  fill: #999;
  transition: fill 0.3s;
}

.darkmode .time_tools .time_tools__item .icon:hover svg .st0 {
  fill: #e0e0e0;
}

.darkmode .time_tools .time_tools__item .icon:hover svg .st1 {
  fill: #00b1d2;
}

.darkmode .time_tools .time_tools__item .speed_value {
  background-color: #00b1d2;
  color: #1a1a1a;
}

.darkmode .time_tools .time_tools__item .time_tools_tips {
  background-color: rgba(20, 20, 20, 0.8);
  color: #e0e0e0;
  border: 1px solid #444;
}

/* Process Box and Timeline Elements */
.darkmode .processBox {
  background-color: transparent;
}

.darkmode .timeNumBox {
  color: #e0e0e0;
}

.darkmode .timeNum {
  color: #b0b0b0;
}

.darkmode .timeBlock {
  background-color: rgba(0, 177, 210, 0.2);
}

.darkmode .eventBlock {
  border-color: #00b1d2;
}

.darkmode .ui-slider {
  background-color: #3d3d3d;
  border: 1px solid #444;
}

.darkmode .ui-slider-handle {
  background: linear-gradient(to bottom, #00b1d2, #0088a8);
  border: 1px solid #0088a8;
  color: #e0e0e0;
}

.darkmode .ui-slider-range {
  background: #00b1d2;
}

/* Misc Elements */
.darkmode .mask {
  background-color: rgba(0, 0, 0, 0.3);
}

.darkmode .hidden {
  display: none;
}

/* Global Alert (from css/{lang}/main.css) - new_player darkmode override */
.darkmode .alert-wrap {
  background-color: rgba(0, 0, 0, 0.65);
}

.darkmode .alert-wrap .alert-box {
  background-color: #252525;
  color: #e0e0e0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35), 0 2px 32px rgba(0, 0, 0, 0.55);
}

.darkmode .alert-wrap .alert-box p {
  color: #e0e0e0;
}

.darkmode .alert-wrap .alert-box .btn-block .btn {
  color: #e0e0e0;
}

.darkmode .alert-wrap .alert-box .btn-block .btn-fblue {
  background-color: #00b1d2;
  color: #e0e0e0;
}

.darkmode .alert-wrap .alert-box .btn-block .btn-fblue:not(.btn-disabled):hover {
  box-shadow: 0 1px 6px rgba(0, 177, 210, 0.45);
}

.darkmode .alert-wrap .alert-box .btn-block .btn-fgray,
.darkmode .alert-wrap .alert-box .btn-block .btn-blue {
  background-color: #2d2d2d;
  color: #e0e0e0;
}

.darkmode .alert-wrap .alert-box .btn-block .btn-fgray:hover,
.darkmode .alert-wrap .alert-box .btn-block .btn-blue:hover {
  background-color: #3a3a3a;
}

.darkmode .alert-wrap .alert-box .btn-block .btn.btn-disabled {
  background-color: #3b3b3b !important;
  color: #8a8a8a !important;
}

.darkmode .alert-wrap .alert-box .closeIcon::after {
  background-color: #3a3a3a;
}

.darkmode .alert-wrap .alert-box .closeIcon svg {
  opacity: 0.95;
}

.darkmode .alert-wrap .alert-box .closeIcon svg * {
  fill: #d0d0d0;
}

.darkmode .alert-wrap .alert-box .closeIcon svg line,
.darkmode .alert-wrap .alert-box .closeIcon svg path,
.darkmode .alert-wrap .alert-box .closeIcon svg polyline,
.darkmode .alert-wrap .alert-box .closeIcon svg polygon {
  stroke: #d0d0d0 !important;
}

/* mkfilm modal */
.darkmode #mkfilm::before {
  background-color: rgba(0, 0, 0, 0.65);
}

.darkmode #mkfilm .newlightbox,
.darkmode #mkfilm .newlightbox .tabs-content,
.darkmode #mkfilm .mkfilm-timeLapse-step {
  background-color: #252525;
  color: #e0e0e0;
}

.darkmode #mkfilm .newlightbox .tabs .tabs-nav {
  border-bottom: 1px solid #444;
}

.darkmode #mkfilm .newlightbox .radio-item label,
.darkmode #mkfilm .exportbox,
.darkmode #mkfilm .item input[type="text"],
.darkmode #mkfilm .refPrice select {
  background-color: #2d2d2d;
  border-color: #444;
  color: #e0e0e0;
}

.darkmode #mkfilm .newlightbox .radiobox:not(.exportbox) .radio-item label:hover {
  background-color: #343434;
}

.darkmode #mkfilm .exportbox.pay {
  background-color: rgba(0, 177, 210, 0.12);
  border-color: #00b1d2;
}

.darkmode #mkfilm .btn-block .btn.btn-gray {
  border-color: #666;
  color: #bdbdbd;
}

.darkmode #mkfilm .refCurrency .tooltip .tooltipInner {
  background-color: rgba(20, 20, 20, 0.92);
}

.darkmode #mkfilm .refCurrency .tooltip .tooltipInner::after {
  border-color: rgba(20, 20, 20, 0.92) transparent transparent transparent;
}
.darkmode #mkfilm .newlightbox .tabs .tabs-content .item .select-box .select-label{
  background-color: #2d2d2d;
  border: 1px solid #444;
  color: #e0e0e0;
}

/* microphoneBox menu */
.darkmode .player .mainContent .middleContent .topBar .right .microphoneBox .triangle {
  border-color: transparent transparent #444 transparent;
}

.darkmode .player .mainContent .middleContent .topBar .right .microphoneBox .triangle:before {
  border-color: transparent transparent #252525 transparent;
}

.darkmode .player .mainContent .middleContent .topBar .right .microphoneBox .microphoneInner {
  background-color: #252525;
  border-color: #444;
}

.darkmode .player .mainContent .middleContent .topBar .right .microphoneBox .microphoneInner li .text {
  color: #e0e0e0;
}

.darkmode .player .mainContent .middleContent .topBar .right .microphoneBox .microphoneInner li.voiceMsgBtn:hover {
  background-color: #2d2d2d;
}

.darkmode .player .mainContent .middleContent .topBar .right .microphoneBox .microphoneInner li .voiceMsgInner {
  background-color: #2a2a2a;
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}

.darkmode .player .mainContent .middleContent .topBar .right .microphoneBox .microphoneInner li .voiceMsgInner .voiceMsg:hover {
  background-color: #343434;
}

.darkmode .player .mainContent .middleContent .topBar .right .microphoneBox .microphoneInner li .voiceMsgInner .voiceMsg.readonly {
  background-color: #2a2a2a;
}

/* evaInner panel */
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner {
  background-color: #252525;
  color: #e0e0e0;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .coordinateBox .innerBox,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .coordinateBox .innerBox .sector {
  background-color: #2f2f2f;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .coordinateBox .innerBox .circle a {
  color: #00b1d2;
  background-color: #252525;
  border-radius: 100%;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .coordinateBox .innerBox .sector::before {
  background-color: #4a4a4a;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .coordinateBox .innerBox .sector:hover {
  background-color: #3a3a3a;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .coordinateBox .innerBox .circle,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .evaControlBoxBtn .evaControlBtn,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .presetBox .presetInner .preset .num,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .title .icon,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .title .text,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .speedControl .speedNum {
  background-color: #2d2d2d;
  border-color: #444;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .evaControlBoxBtn::before,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .evaControlBoxBtn .evaControlBtn,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .presetBox .presetInner .preset .num,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .speedControl::before,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .trackingControl .radio-row::before,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .trackingControl .radio-row::after {
  border-color: #444;
}
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .speedControl::before{
  background-color: #444;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .evaControlBoxBtn::before {
  background-color: #444;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock {
  background-color: #252525;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .presetBox .presetInner .preset {
  border-bottom: 1px solid #444;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .presetBox .presetInner .preset .presetInput input,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .trackingControl,
.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .settingBlock .box .trackingControl .radio-row {
  color: #d0d0d0;
}

.darkmode .player .mainContent .sideContent_right.sideContent_right_eva .evaInner .presetBox .presetInner .preset .presetInput input:read-only {
  background-color: #303030;
}
.darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.setBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.setBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.setBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.setBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.filmBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.filmBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.filmBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.filmBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.microphoneBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.microphoneBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.microphoneBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.microphoneBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.shareBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.shareBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.shareBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.shareBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.cameraBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.cameraBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.cameraBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.cameraBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.searchBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.searchBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.searchBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.searchBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.senseBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.senseBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.senseBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.senseBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.evaBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.evaBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.evaBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.evaBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.eventBtn .icon .st0, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.eventBtn .icon .st1, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.eventBtn .icon .st2, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.readonly.eventBtn .icon .st3, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.slickscreenBtn.readonly .icon svg, .darkmode .player .mainContent .middleContent .topBar .right .topBarBtn.babyAlbumBtn.readonly .icon .st1{
  fill:#666;
}
.darkmode .topBarBtn.readonly .iconSlickscreen svg .st0,
.darkmode .topBarBtn.readonly .iconSlickscreen svg .st1{
  fill:#666;
}

.darkmode .event-alert-wrap .alert-box .mytitle{
  color: #fff;
}
.darkmode .icon.iconTimeSearch svg .st0{
  fill: transparent;
  stroke: #999;
}
.darkmode #evaNameEdit .newlightbox{
  background-color: #252525;
  color: #e0e0e0;
}
.darkmode #evaNameEdit .newlightbox .video{
  background-color: #000;
}
.darkmode #evaNameEdit .newlightbox .point-name input{
  background-color: #2d2d2d;
  border: 1px solid #444;
  color: #e0e0e0;
}
.darkmode #evaNameEdit .newlightbox .btn-block .btn.btnSave{
  color: #00b1d2;
  border-color: #00b1d2;
}
.darkmode .baby-alert-wrap .window-box{
  background-color: #252525;
}
.darkmode .baby-alert-wrap .window-box .list-block .item .text p{
  color: #e0e0e0;
}
.darkmode .baby-alert-wrap .window-box .btn-block .btn-blue{
  color: #00b1d2;
  border-color: #00b1d2;
}
.darkmode .baby-alert-wrap .window-box .btn-block .btn-w{
  background-color: transparent;
  border-color: transparent;
}
.darkmode .baby-alert-wrap .window-box .btn-block .btn-w:hover{
  background-color: #2d2d2d;
  border: 1px solid #444;
}
.darkmode #popupTimeSearch .alert-title .txt{
  color:#fff;
}
.darkmode #popupTimeSearch .calendar-time-search .calendar-box .calendar-body .body-list.dateBox{
  background-color: #252525;
}
.darkmode #popupTimeSearch .calendar-time-search .time-box .select-box .select-label{
  background-color: #2d2d2d;
  border: 1px solid #444;
  color: #e0e0e0;
}
.darkmode .player .mainContent .middleContent.show_banner .aBN{
  background-color: #252525;
}
.darkmode .aBN .aBN_btn .wire_btn1{
  background-color: transparent;
}
.darkmode .aBN .aBN_btn .wire_btn1:hover{
  background-color: #00b1d2;
}