| /******************************************************************************** |
| * Copyright (c) 2020 Contributors to the Eclipse Foundation |
| * |
| * See the NOTICE file(s) distributed with this work for additional |
| * information regarding copyright ownership. |
| * |
| * This program and the accompanying materials are made available under the |
| * terms of the Eclipse Public License v. 2.0 which is available at |
| * http://www.eclipse.org/legal/epl-2.0. |
| * |
| * SPDX-License-Identifier: EPL-2.0 |
| ********************************************************************************/ |
| .contacts-grid-wrapper { |
| position: relative; |
| } |
| |
| .dropdown-open:hover { |
| background-color: transparent; |
| } |
| |
| .diverse-options { |
| display: flex; |
| justify-content: space-between; |
| align-content: center; |
| background-color: #f5f7f7; |
| border: 1px solid rgb(189, 195, 199); |
| padding: 7px 7px 5px 7px; |
| margin-bottom: 1px; |
| } |
| |
| .diverse-options-item { |
| width: 400px; |
| padding-right: 7px; |
| border-right: solid 1px #ddd; |
| } |
| |
| ag-grid-angular { |
| height: calc(100vh - 276px); |
| } |
| |
| .form-field-label { |
| width: 100%; |
| font-size: 13px; |
| font-weight: bold; |
| margin-bottom: 5px; |
| } |
| |
| .select-type-of-new-contact { |
| align-self: center; |
| margin-right: 2px; |
| } |
| |
| .searching { |
| display: flex; |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| } |
| |
| .search-options { |
| display: flex; |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| align-items: center; |
| } |
| |
| .item { |
| margin: 5px; |
| } |
| |
| .search-btn { |
| display: flex; |
| align-items: center; |
| } |
| |
| .search-btn button { |
| margin: 0 5px; |
| background-color: #fff; |
| border: 1px solid #ccc; |
| } |
| |
| .sorting-options { |
| display: flex; |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| align-items: center; |
| } |
| |
| .dropdown-open:hover { |
| background-color: transparent; |
| } |
| |
| .diverse-btn { |
| display: flex; |
| justify-content: flex-end; |
| background-color: #f5f7f7; |
| border: 1px solid rgb(189, 195, 199); |
| padding: 7px 7px 5px 0px; |
| margin-bottom: 1px; |
| } |
| |
| ag-grid-angular { |
| height: calc(100vh - 275px); |
| } |
| |
| .form-field-label { |
| width: 100%; |
| font-size: 14px; |
| font-weight: bold; |
| margin-bottom: 5px; |
| } |
| |
| .selectTypeOfNewContact { |
| margin-right: 2px; |
| margin-bottom: 2px; |
| } |