.gray-container { letter-spacing: 5px; color: #aaaaaa; } .container-header { display: flex; align-items: baseline; margin-top: 0px; text-transform: uppercase; } .container-header p { letter-spacing: 5px; color: #aaaaaa; padding-top: 10px; margin-bottom: 0px; } .container-header :hover { color: var(--primary-color-3); } h4 { display: inline; padding-left: 1em; color: #333333; } h4 > span { text-transform: uppercase; } .title h4 { padding-left: 30px; line-height: 2em; } .about-item { display: flex; flex-wrap: wrap; } .links :hover { color: var(--primary-color-3); } .about-item .length { color: var(--primary-color-3); } .about-item .title { margin: 2px 10px; // text-transform: uppercase; } .about-item p { margin-left: auto; margin-bottom: 0px; padding-top: 7px; color: #aaaaaa; } p { color: #333333; } .storage :hover { color: var(--primary-color-3); } .draft-bookmark { color: #e7e6e6; } .finalized-bookmark { color: #08bd63; } .dmp-card, .dataset-card { min-width: 712px; /* min-height: 308px; */ background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #0000001a; border-radius: 4px; opacity: 1; margin-top: 2.43rem; margin-bottom: 1rem; } .remove-border-bottom ::ng-deep .mat-tab-header { border-bottom: none; } input[type="text"] { background: #fafafa 0% 0% no-repeat padding-box; border: 1px solid #d1d1d1; border-radius: 4px; opacity: 1; width: 347px; height: 56px; font-family: Arial, FontAwesome; padding-left: 15px; } .edited-date { text-align: left; font-weight: 300; font-family: "Roboto", sans-serif; line-height: 2.4; letter-spacing: 0px; color: #212121; opacity: 0.6; } .dmp-label { background: var(--primary-color) 0% 0% no-repeat padding-box; border-radius: 4px 0px; opacity: 1; min-width: 67px; height: 37px; color: #ffffff; line-height: 2.4; } .dataset-label { width: auto; height: 37px; background: var(--secondary-color) 0% 0% no-repeat padding-box; border-radius: 4px 0px; text-align: left; line-height: 2.8; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; color: #212121; } .dmp-title, .dataset-title { text-align: left; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 1rem; // opacity: 0.81; padding-top: 0.75rem; padding-bottom: 0.55rem; color: #212121; } .dataset-subtitle, .dmp-subtitle { display: flex; flex-direction: row; text-align: left; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 0.875rem; opacity: 1; align-items: center; color: #848484; } .dmp-title-draft, .dataset-title-draft { text-align: left; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 1rem; // opacity: 0.81; padding-top: 0.75rem; padding-bottom: 0.55rem; color: #f16868; } .icon-align { display: inline-flex; vertical-align: middle; // line-height: .9em; // padding-bottom: 0.4rem; } .dmp-subtitle, .dataset-subtitle { .icon-align { display: inline-flex; vertical-align: top; margin-right: .2rem; line-height: .95em; } } .dataset-card-actions, .dmp-card-actions { display: flex; flex-direction: row; border-top: 1px solid #dbdbdb; line-height: 4; color: #848484; } .dataset-card-actions a, .dmp-card-actions a { color: #848484 !important; text-decoration: none !important; } .dataset-card-actions a:hover, .dmp-card-actions a:hover { color: var(--primary-color) !important; } .dmp-dataset-descriptions-title { color: #000000; opacity: 0.6; padding-top: 1.5rem; padding-bottom: 0.8rem; } .dmp-dataset-descriptions-name { color: #000000; opacity: 0.6; font-weight: 700; } .show-more { color: black !important; } .show-more:hover { color: var(--primary-color) !important; } .btn-load-more { border: 2px solid #212121; border-radius: 30px; opacity: 1; min-width: 132px; width: auto; height: 40px; margin-top: 4.125rem; } .btn-load-more:hover { background-color: black; color: white; } .draft { color: #f16868; } .pointer { cursor: pointer; } ::ng-deep .mat-menu-panel { max-width: 282px !important; }