monitor/src/assets/monitor-custom.css

:root {
    --portal-main-color: #9ABB55;
    --portal-main-contrast: white;
    --portal-dark-color: #7c9144;

    --openaire-main-color: #313179;

    --explore-portal-color: #D95F2D;
    --provide-portal-color: #37C7E9;
    --monitor-portal-color: #9ABB55;
    --connect-portal-color: #EBB13E;
    --develop-portal-color: #DA65AB;

    --explore-portal-lower-tone: #a0462c;
    --provide-portal-lower-tone: #3A8FA3;
    --monitor-portal-lower-tone: #7c9144;
    --connect-portal-lower-tone: #b48536;
    --develop-portal-lower-tone: #9f4e7e;
}


.tm-toolbar .uk-subnav-line .custom-connect-li {
  background: var(--portal-main-color) !important;
}

.connectInfoCard {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.24);
}

.connectCheckIcon {
  background: rgba(0, 0, 0, 0.60);
  color: white;
}

.communityCard {
  box-shadow: 0 1px 3px #00000029;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  background-color: white;
}

.rc-label {
  color: black !important;
  background-color: #FFC700 !important;
}

.private-view-label {
  color: black !important;
}


.searchForm, .communitiesSearchForm {
  background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%);
}

.generalSearchForm,
.publicationsSearchForm,
.projectsSearchForm, .projectsTableSearchForm,
.organizationsSearchForm,
.datasetsSearchForm,
.softwareSearchForm,
.orpsSearchForm,
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
.journalsSearchForm, .journalsTableSearchForm,
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
  background: url('search-background.svg')   #F7FCFF no-repeat center bottom   ;
  background-size: cover !important;
  height: inherit;

}

.communityToolBar {
  background-color: #dedede;
  z-index: 10;
}

/*.my-tooltip {
  opacity: 0;
}*/

.communityToolBarSection {
  z-index: 10;
}

.iframeContainer {
  /*position:relative;*/
  overflow: hidden;
  /*padding-top:56.25%;*/
  /*padding-bottom:35%;*/

}

.iframeContainer iframe {
  /*position: absolute;*/
  /*top:0;*/
  /*left:0;*/
  width: 100%;
  height: 100%;
  border: 0;
}

div:not(.connect_App) bottom .uk-totop {
  background-color: transparent !important;
}

.communityPanelBackground .curator-photo {
  border: rgba(255, 255, 255, 0.5) 8px solid;
}

.communityRecentResults .search-results > li:nth-child(2) {
  border-top: none !important;
}

.communityRecentResults .search-results > li:last-child {
  border-bottom: none !important;

}

.communityPanelBackground .uk-breadcrumb .active {
  color: white;
}

.uk-breadcrumb .active {
  font-weight: bold;
}

.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
  border-radius: 20px;
  padding: 10px 20px;
}


.communityPanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
  border-left: 1px solid rgba(255, 255, 255, .2);
}


/*CONNECT REDESIGN*/

#subscribeAndInviteBtn {
  /*#subscribeBtn, #inviteBtn {*/
  float: left;
  position: fixed;
  right: 0;
  z-index: 100;
  display: block;
  top: calc(30% - 47px);
}

#subscribeAndInviteBtn button {
  width: 125px;
  height: 35px;
  border-right: none;
  /*border-top-right-radius: 0;*/
  /*border-bottom-right-radius: 0;*/
  border-radius: 4px 0px 0px 4px;
  box-shadow: 0px 2px 6px #00000038;
}

.subscribed-button {
  background-color: #8AD15E !important;
  color: white !important;
}

.subscribed-button:hover {
  background-color: #71b04a !important;
}

.uk-tooltip.community-page-tooltip {
  background-color: white;
  display: block;
  border-radius: 4px;
  padding: 15px 15px 0;
  border: 1px solid #DEDEDE;
  color: #6c6c6c;
  z-index: 10000;
}

.user-circle-background {
  background-color: var(--portal-main-color);
  border-radius: 50%;
  height: 10px;
  width: 10px;
  display: inline-flex;
  padding: 2px;
  fill: white;
}

a:hover .user-circle-background {
  background-color: var(--portal-dark-color);
}

.communityApp .custom-main-content {
  background-color: #F7FCFF;
  /*background-color: lightpink;*/
  color: #000000 !important;
  font-size: 14px !important;
  min-height: 60vh;
}

.generalSearchForm .subtitle{
  color: #000000 !important;
  opacity: 0.6;
}

.generalSearchForm .title{
  color: #000000 !important;
  font-size: 28px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif !important;
}

.publicationAnalytics.uk-icon-button:hover, .publicationAnalytics.uk-icon-button.active {
  background: #FFE6E6;
}
.publicationAnalytics.uk-icon-button {
  border-color: #F17AA9 !important;
}

.datasetAnalytics.uk-icon-button:hover, .datasetAnalytics.uk-icon-button.active {
  background: #E2DAF0;
}
.datasetAnalytics.uk-icon-button {
  border-color: #A98BD4 !important;
}

.softwareAnalytics.uk-icon-button:hover, .softwareAnalytics.uk-icon-button.active {
  background: #D4ECD6;
}
.softwareAnalytics.uk-icon-button {
  border-color: #639C66 !important;
}

.otherAnalytics.uk-icon-button:hover, .otherAnalytics.uk-icon-button.active {
  background: #C5E0E9;
}
.otherAnalytics.uk-icon-button {
  border-color: #708AA5 !important;
}
/*END OF CONNECT REDESIGN*/

.communityApp .uk-logo{
  padding-left: 20px;

}

.monitorApp {
  background-color: #F9F9F9!important;
}

.monitorApp .login text {
  stroke: white;
  fill: white;
}

.monitorApp .uk-text-large {
  font-size: 18px;
}

.monitorApp h1, .monitorApp h2, .monitorApp h3,
.monitorApp h4, .monitorApp h5, .monitorApp h6 {
  color: #212121;
}

.monitorApp , .monitorApp .uk-card, .monitorApp .color {
  color: #707070;
}

.monitorApp .portal-button {
  color: white !important;
  font-weight: 700;
}

.monitorApp .uk-grid-divider>:not(.uk-first-column)::before {
  border-left: 1px solid #DEDEDE;
}