-/deep/ {
- .root-tabset > .nav {
- margin-left: 15px;
- margin-bottom: 15px;
-
- .nav-link {
- display: flex !important;
- align-items: center;
- height: 30px !important;
- padding: 0 15px !important;
- }
- }
-
- .ng2-tag-input {
- border: none !important;
- }
-
- .ng2-tags-container {
- display: flex;
- align-items: center;
- border: 1px solid #C6C6C6;
- border-radius: 3px;
- padding: 5px !important;
- height: 40px;
- }
-
- tag-input-form {
- input {
- height: 30px !important;
- background-color: #fff !important;
- }
- }
-
- tag {
- background-color: #E5E5E5 !important;
- border-radius: 3px !important;
- font-size: 15px !important;
- color: #000 !important;
- height: 30px !important;
- line-height: 30px !important;
- margin: 0 5px 0 0 !important;
- cursor: default !important;
- padding: 0 8px 0 10px !important;
-
- div {
- height: 100% !important;
- }
- }
-
- delete-icon {
- cursor: pointer !important;
- height: auto !important;
- vertical-align: middle !important;
- padding-left: 6px !important;
-
- svg {
- position: relative;
- top: -1px;
- height: auto !important;
- vertical-align: middle !important;
- fill: #585858 !important;
- }
-
- &:hover {
- transform: none !important;
- }
- }
-}