@import "~antd/dist/antd.css";
@import "~antd/dist/antd.dark.css" screen and (prefers-color-scheme: dark);

#root,
#root .app-wrapper {
  width: 100%;
  height: 100%;
}

.login-card-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.login-card-wrapper .ant-card {
  border-radius: 26px;
  transition: all ease-in-out 0.3s;
}

.login-card-wrapper .ant-card:hover {
  filter: drop-shadow(0px 0px 50px rgba(170, 170, 170, 0.2));
}

.login-card-wrapper .ant-card-actions {
  border-radius: 26px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.dashboard-wrapper {
  padding: 35px 70px;
  padding-top: 0;
}

.dashboard-wrapper .ant-card {
  border-radius: 26px;
  filter: drop-shadow(0px 0px 5px rgba(221, 221, 221, 0.438));
}

.ant-table-content {
  overflow-x: auto;
}

.video-selector-input {
  margin: 10px 0;
}

.alerts-wrapper {
  max-height: 300px !important;
  overflow: hidden !important;
}

.alerts-wrapper .ant-card {
  margin: 5px 2px !important;
  filter: none !important;
  border-radius: initial !important;
  max-width: 400px;
}

.alerts-wrapper .ant-card-body input,
.ant-card-body textarea {
  margin: 10px auto;
}

.alerts-wrapper .add-alert-card {
  width: calc(400px - 2px);
  height: calc(400px - 5px);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.alerts-wrapper .add-alert-card svg {
  width: 64px;
  height: 64px;
}

.save-video-selector {
  margin-top: 10px;
}

span#call-icon svg {
  width: 25px;
  height: 25px;
}

.title-header {
  margin-bottom: 17.5px;
}

.title-header .ant-page-header-heading-title,
.title-header .ant-page-header-heading-sub-title {
  letter-spacing: 1.5px;
}

.party-details-wrapper > td {
  padding: 0 !important;
}

.party-details-wrapper .ant-descriptions-view table {
  width: 100% !important;
}

.party-details-wrapper .ant-descriptions-view table td,
.party-details-wrapper .ant-descriptions-view table th {
  border-bottom: 1px solid #f0f0f0;
}

.ant-page-header .ant-badge {
  margin-right: 10px;
}

.ant-page-header .ant-badge-count {
  right: 100%;
  z-index: 9;
  top: -10%;
}

.ant-page-header .active .ant-badge-count {
  background: green;
}
.ant-page-header .afk .ant-badge-count {
  background: rgb(79, 120, 209);
}

.ant-modal-body > * {
  margin: 5px 0px;
  width: 100%;
}