Archivo para personalizar el export to calendar

atcb-adapter.scss

body {
  @media (max-width: 900px) {
    div.atcb_list {
      width: 100% !important;
      left: 0 !important;
      border-radius: 0 !important;
      bottom: 0 !important;
      top: unset !important;

      div.atcb_list_item {
        border-radius: 0 !important;
      }
    }
  }

  div.atcb_list {
    background-color: rgb(245, 245, 245);
    border-radius: 6px;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;

    div {
      font-family: 'Montserrat', sans-serif;
    }
  }
}

.atcb_icon svg {
  filter: grayscale(1);
}

body div.atcb_bgoverlay.atcb_click:hover {
  cursor: default;
}

div.atcb_list_item:nth-child(3) > span:nth-child(1) > svg:nth-child(1) {
  filter: revert;
}

div.atcb_list.atcb_modal {
  transform: translateY(0) translateX(0);
}

div.atcb_list_item {
  border: none;
  box-shadow: none;
}

div.atcb_list_item:focus {
  background: none;
}

div.atcb_list_item:focus,
div.atcb_list_item:hover {
  box-shadow: none;
}

div.atcb_list_item:hover {
  background: #fff;
}