/* === Google calender css Begin === */
.addeventatc {
  visibility: hidden;
}
.addeventatc .addeventatc_icon {
  display: none !important;
}

.addeventatc {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  font-family: var(--global-font-family) !important;
  font-size: var(--lift-button-label-font-size) !important;
  font-style: normal !important;
  font-weight: var(--lift-button-label-font-weight) !important;
  line-height: var(--lift-button-label-line-height) !important;
  letter-spacing: var(--lift-button-label-letter-spacing) !important;
  padding: var(--lift-button-v-padding) var(--lift-button-h-padding) !important;
  border-radius: var(--lift-button-border-radius) !important;
  gap: var(--lift-button-gap) !important;
  text-decoration: none !important;
  border: 2px solid var(--outline-on-light-link-enabled) !important;
  cursor: pointer !important;
  border-color: var(--text-on-light-link-primary-enabled) !important;
  z-index: auto !important;
  color: var(--text-on-light-link-primary-enabled) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.atc_node {
  color: var(--text-on-light-link-primary-enabled) !important;
}

.addeventatc:hover {
  padding: var(--lift-button-v-padding) var(--lift-button-h-padding) !important;
  border-radius: var(--lift-button-border-radius) !important;
  gap: var(--lift-button-gap) !important;
  text-decoration: none !important;
  border: 2px solid var(--outline-on-light-link-enabled) !important;
  background: var(--background-container-on-light-link-secondary-enabled) !important;
  color: var(--text-on-light-link-primary-enabled) !important;
  cursor: pointer !important;
  border: 2px solid var(--lift-outline-transparent) !important;
  background: var(--background-container-on-light-link-primary-hover) !important;
}

.addeventatc .atc_node {
  font-size: var(--lift-button-label-font-size) !important;
  font-style: normal !important;
  font-weight: var(--lift-button-label-font-weight) !important;
  line-height: var(--lift-button-label-line-height) !important;
  letter-spacing: var(--lift-button-label-letter-spacing) !important;
}

.tui_blue_banner_wrapper .addeventatc {
  /* color: var(--white) !important;
  border-color: var(--white) !important; */
  background: var(--white) !important;
  color: var(--background-container-on-light-link-primary-enabled) !important;

}

.tui_blue_banner_wrapper .atc_node {
  /* color: var(--white) !important; */
  color: var(--background-container-on-light-link-primary-enabled) !important;
}

.tui_blue_banner_wrapper .addeventatc:hover {
  /* color: var(--text-on-light-link-primary-enabled) !important;
  border: 2px solid var(--lift-outline-transparent) !important;
  background: var(--background-container-on-light-link-primary-hover) !important; */
  color: var(--blue-90) !important;
  border: 2px solid var(--lift-outline-transparent) !important;
  background: var(--background-container-on-light-link-primary-hover) !important;
}

.tui_blue_banner_wrapper .addeventatc:hover .atc_node {
  color: var(--blue-90) !important;
}

.tui_blue_banner_wrapper .addeventatc[aria-expanded="true"] {
  color: var(--blue-90) !important;
  border: 2px solid var(--lift-outline-transparent) !important;
  background: var(--background-container-on-light-link-primary-hover) !important;
}

.tui_blue_banner_wrapper .addeventatc[aria-expanded="true"] .atc_node {
  color: var(--blue-90) !important;
}

.addeventatc_dropdown.addeventatc-selected {
  width: auto !important;
  transition: none !important;
  transform: none !important;
}

.addeventatc_dropdown,
.addeventatc_dropdown.addeventatc-selected {
  top: 42px !important;
}

@media (min-width: 768px) {

  .addeventatc_dropdown,
  .addeventatc_dropdown.addeventatc-selected {
    top: 58px !important;
  }
}

.addeventatc_dropdown {
  padding: var(--spacing-medium) var(--spacing-medium) 1rem var(--spacing-medium) !important;
  background-color: var(--white) !important;
  border-radius: 10px !important;
  border: 1px solid var(--neutral-solid-15-s) !important;
  margin: 1rem 0 !important;
  justify-content: flex-start;
  min-width: 100%;
  box-shadow: none !important;
}

.addeventatc_dropdown [role=menuitem] {
  font-family: var(--global-font-family) !important;
  font-size: var(--font-size-200) !important;
  font-style: normal !important;
  font-weight: var(--body-font-weight-regular) !important;
  line-height: 150% !important;
  color: var(--text-on-light-link-primary-enabled) !important;
  white-space: nowrap;
  display: flex;
  /* gap: var(--padding-margins-sp-08);*/
  gap: var(--padding-margins-sp-08);
  align-items: center;
  border: none;
  padding: 2px 0 !important;
  text-align: left;
  background-position: 0px !important;
  background-size: 16px 16px !important;
}

.addeventatc_dropdown span[role="menuitem"] {
  margin-bottom: var(--spacing-small);
}

.addeventatc_dropdown span[role="menuitem"]:last-child {
  margin-bottom: var(--spacing-small);
}

.addeventatc_dropdown .copyx {
  display: none !important;
}

.addeventatc_dropdown em {
  display: none !important;
}

.addeventatc_dropdown span {
  background: none !important;
}

.addeventatc_dropdown span::before {
  font-family: "loopicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.addeventatc_dropdown .ateappleical::before {
  content: "\e371";
}

.addeventatc_dropdown .ategoogle::before {
  content: "\e368";
}

.addeventatc_dropdown .ateoffice365::before {
  content: "\e369";
}

.addeventatc_dropdown .ateoutlook::before {
  content: "\e369";
}

.addeventatc_dropdown .ateoutlookcom::before {
  content: "\e369";
}

.addeventatc_dropdown .ateyahoo::before {
  content: "\e370";
}

/* === Google calender css End === */
.tui_default_from .tui_button_primary {
  float: left;
}

.tui_default_from .spinner {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #0071bc 94%, rgba(0, 0, 0, 0)) top/9px 9px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #0071bc);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 9px), #000 0);
  animation: spinner-c7wet2 1s infinite linear;
  float: left;
  margin-left: 2rem;
}

@keyframes spinner-c7wet2 {
  100% {
    transform: rotate(1turn);
  }
}

.tui_top_banner .addeventatc_dropdown.topdown.addeventatc-selected {
  transform: none !important;
}