[data-module=event-footer] {
  border-top: 1px solid var(--main-key-border-color);
  border-left: 10px solid #E6E6F0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

[data-module=event-footer] .inbox-icon {
  display: inline;
}

[class*=event-footer-] {
  display: flex;
  flex-direction: column;
  transition: 0.3s;
}

.event-footer {
  min-height: 30px;
  transition: 0.3s;
}

.event-footer-25 {
  height: 25vh;
}

.event-footer-50 {
  height: 50vh;
}

.event-title-container {
  display: flex;
  align-items: center;
  flex: 0 0 30px;
  max-height: 30px;
}

[data-module=event-footer] .collapse-button {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 30px;
  height: 14px;
  margin: 2px;
  cursor: pointer;
}

[data-module=event-footer] .collapse-button.disabled {
  color: #AAAAAF;
  cursor: not-allowed;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  margin-top: 3.5px;
  background: #F0F0F5 !important;
  -webkit-transition: none;
}

[data-module=event-footer] .ant-tabs-nav .ant-tabs-tab {
  height: 25px;
  margin: 0 15px 0 0;
  padding: 0;
}

[data-module=event-footer] .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  border-radius: 5px;
  background: #C8D2DC;
}

[data-module=event-footer] .tab-title {
  display: inline-flex;
  align-items: center;
}

[data-module=event-footer] .inner-tab {
  display: flex;
  height: 100%;
}

[data-module=event-footer] .ant-tabs-bar {
  border-bottom: 0px;
}

[data-module=event-footer] .bottombar-detail-container {
  overflow: auto;
  flex-grow: 1;
  display: flex;
}

[data-module=event-footer] .bottombar-detail {
  margin: 10px;
  display: flex;
  height: auto;
  width: 100%;
}

.ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 0 !important;
}

[data-module=event-footer] .placeholder-checkbox {
  display: inline;
  color: var(--main-icon-color);
  padding: 0px 5px 0px 5px;
}

[data-module=event-footer] .horizontal-divider {
  margin: 0px 10px 0px 10px;
}

[data-module=event-footer] .icon-item {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

[data-module=event-footer] .color-item {
  border: solid 1px #BEBEC8;
  /* margin-right: 5px; */
  margin: 6px 5px 0px 0px;
  width: 12px;
  height: 12px;
}

[data-module=event-footer] .radio-container {
  display: flex;
}

[data-module=event-footer] .radio-input {
  margin: 10px;
  flex-grow: 0;
}

[data-module=event-footer] .radio-content {
  align-items: center;
  flex-grow: 1;
  min-width: 80%;
}

[data-module=event-footer] .condition-select-container-horizontal {
  display: flex;
}

[data-module=event-footer] .condition-select-container-vertical {
  padding-left: 20px;
}

[data-module=event-footer] .condition-select {
  flex-grow: 1;
  /* margin-right: 5px; */
}

[data-module=event-footer] .condition-text {
  flex-basis: 33%;
  height: 38px !important;
}

[data-module=event-footer] .arrow-icon {
  background-image: url(../../common/img/commonIcon/arrow-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
}

[data-module=event-footer] .footer-title,
[data-module=event-footer] .ant-tabs-bar,
[data-module=event-footer] .ant-tabs-nav-container,
[data-module=event-footer] .ant-tabs-nav-wrap,
[data-module=event-footer] .ant-tabs-nav-scroll,
[data-module=event-footer] .ant-tabs-nav,
[data-module=event-footer] .ant-tabs-nav>div:first-child,
[data-module=event-footer] .ant-tabs-tab {
  height: 100% !important;
  max-height: 30px;
}

[data-module=event-footer] .ant-tabs-nav {
  width: 100%;
}

[data-module=event-footer] .ant-tabs-tab {
  margin: 0 !important;
}

[data-module=event-footer] .ant-tabs-tab:before {
  content: '';
}

[data-module=event-footer] .ant-tabs-tab .inner-tab [class*=-icon] {
  margin: auto 10px auto 0;
}

[data-module=event-footer] .ant-card-body {
  padding: 12px;
  overflow: auto;
  flex-grow: 1;
}

[data-module=event-footer] .ant-card {
  width: 260px !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.clear-block-btn {
  cursor: pointer;
}

.force-stop-button {
  margin-right: 10px;
  /* border-right: var(--normal-button-border); */
  /* padding-right: 10px; */
}

.force-stop-button .footer-button-container {
  display: flex;
  align-items: center;
}
.force-stop-button .footer-button-container img {
  margin-right: 3px;
}

.vertical-line {
  margin-right: 10px;
}