table th.no-border,
table td.no-border {
  border: none;
  width: 40px;
  background: transparent;
}

.device-cctv {
  width: auto !important;
  min-width: 300px;
}

.device-cctv table .active {
  background: var(--main-selected-cell);
}

video {
  max-width: 100%;
  max-height: 100%;
  outline: none;
}

.show-vid-btn:hover {
  background: var(--disabled-textfield-color);
  border: 1px solid var(--disabled-textfield-background);
  color: var(--main-text-color);
}

.show-vid-btn:disabled {
  cursor: not-allowed;
  background: var(--disabled-button-background);
}

.show-vid-btn {
  width: 36px;
  height: 26px;
  border-radius: 5px;
  border: 1px solid var(--disabled-textfield-background);
  background: var(--base-background);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.show-vid-btn:after {
  content: '';
  width: 20px;
  height: 22px;
  mask-image: url(../../common/img/commonIcon/collapse-toggle-icon.svg);
  -webkit-mask-image: url(../../common/img/commonIcon/collapse-toggle-icon.svg);
  background-color: #9696A0;
  /* position: absolute;
  left: 50%;
  top: 50%; */
}

.show-vid-btn:disabled:after {
  background-color: #DCDCE6;
}

.device-cctv .device-status-key {
  display: flex;
  flex: 1;
  align-items: center;
}

.device-cctv .device-status-val {
  flex: 0 0 auto;
  align-self: flex-end;
}

.device-live-view {
  display: flex;
  padding: 3px 11px 3px 3px;
  cursor: pointer;
  border: 1px solid var(--disabled-textfield-background);
  border-radius: 5px;
  background: var(--base-background);
  position: relative;
  flex: 0;
  justify-content: flex-end;
}

.player-area {
  display: flex;
  justify-content: center;
}

.device-live-view.inline-loading .loader-inner-container {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-right: 20px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: inherit;
}

.device-user-entry-table.inline-loading .loader-inner-container .loading-text,
.device-live-view.inline-loading .loader-inner-container .loading-text {
  display: none;
}

.device-live-view:before {
  content: '';
  width: 20px;
  height: 22px;
  background: url(../../common/img/commonIcon/collapse-toggle-icon.svg);
}

.device-live-view.inline-loading:before {
  display: none;
}