/*
Copyright (C) 2021 Znuny GmbH, https://znuny.org/

This software comes with ABSOLUTELY NO WARRANTY. For details, see
the enclosed file COPYING for license information (AGPL). If you
did not receive this file, see http://www.gnu.org/licenses/agpl.txt.
*/
.modCustomerContainer > .inner {
  margin-top: 5px;
}
.modCustomerContainer > .inner .CustomerContainer, .modCustomerContainer > .inner .CcCustomerContainer, .modCustomerContainer > .inner .BccCustomerContainer, .modCustomerContainer > .inner .CustomerTicketText {
  all: unset;
}
.modCustomerContainer > .inner .RemoveButton {
  all: unset;
}
.modCustomerContainer > .inner .customerContainerCustomer {
  display: grid;
  grid-template-columns: 25px 1fr 30px;
  float: left;
  padding: 5px;
  border: var(--border-width) var(--border-solid) var(--border-color);
  border-radius: 21px;
  margin-right: 5px;
}
.modCustomerContainer > .inner .customerContainerCustomer.customerContainerCustomerActive {
  border-color: #FF8A25;
  background-color: rgba(255, 138, 37, 0.2);
  color: #171725;
}
.modCustomerContainer > .inner .customerContainerCustomer.customerContainerCustomerMail {
  grid-template-columns: 1fr 30px;
}
.modCustomerContainer > .inner .customerContainerCustomerRemove {
  padding: 4px;
  margin-left: 2px;
  align-self: center;
  text-align: center;
  border-radius: 20px;
  width: 18px;
  height: 18px;
}
.modCustomerContainer > .inner .customerContainerCustomerRemove:hover {
  cursor: pointer;
  background-color: var(--icon-hover-color-light);
}
.modCustomerContainer > .inner .customerContainerCustomerRemove img {
  width: 12px;
  height: auto;
  margin-top: 2px;
}
.modCustomerContainer > .inner .customerContainerCustomerActive .customerContainerCustomerRemove:hover {
  background-color: white;
}
.modCustomerContainer > .inner .customerContainerCustomerActive .customerContainerCustomerName {
  color: black;
}
.modCustomerContainer > .inner .customerContainerCustomerName {
  all: unset;
  align-self: center;
  padding-left: 7px;
  padding-right: 7px;
}
.modCustomerContainer > .inner .customerContainerCustomerSelector {
  justify-self: center;
  align-self: center;
}
.modCustomerContainer > .inner .customerContainerCustomerHidden {
  display: none !important;
}

/*# sourceMappingURL=Module.CustomerContainer.css.map */
