/**********Start of System Badges*********/
/*#cplace-footer:after {*/
  /*content: "ECM-DEV";
  background-color: #fa983e;*/
 
  /*content: "ECM-MOD";
  background-color: #a49a91;*/  
 
  /*content: "ECM-INT";
  background-color: #8aa89c;*/
 
  /*content: "ECM-STG";
  background-color: #ae67c9;*/
 
  /*content: "ECM-DEMO";
  background-color: #3167f4;*/

  /*position: fixed;
  right: -28px;
  width: 130px;
  bottom: 24px;
  transform: rotate(-45deg);
  color: white;
  font-size: 20px;
  font-weight: 600;
    z-index: 99;*/
}
/**********End of System Badges*********/

/* Reduce left Space in Headlines Widget START */
.cplace-page-view-alternative-headline .icon {
    font-size: 48px !important;
}
/* Reduce left Space in Headlines Widget END */

/* Display logout button START */
.dropdown.hui-overflow-menu.profile-overflow-menu ul[data-element="hui-profile-ul"] > li:last-child {
display: block !important;
}
/* Display logout button END*

/* ECM Custom Button START */
.de-loomeo-roche-ecm-custom-button {
	width: 200px;
}
/* ECM Custom Button END */

/* Tile Navigation size START*/
.cf-cplace-navigation-tile-widget {
    border-radius: 10px;
    margin: 20px;
    width: 150px;
    height: 150px;

}

.cf-cplace-navigation-tile-widget span.cf-cplace-navigation-tile {
    font-size: 90px;
}

.cf-cplace-navigation-tile-widget a { 
   /* padding: 30px;*/
  top: 15px;
  left: 15px
 }
/* Tile Navigation size END*/

/* Color for Layout Tabs START */
cf-cplace-layout-tabs-widget .cplace-layout-tabs-widget-navigation .active .cf-cplace-layout-tabs-widget-button {
    background-color: #022366 !important;
  	color: #f2f2f2 !important;
}
/* Color for Layout Tabs END */

/* TO BE REMOVED LATER: Timeline Screenshot Engagement*/
#timeline-screenshot {
	width: 100%;
}
 
/*Landing Page Styling */
.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card h2 { 
  font-size: 1.3em; 
}

.cf-cplace-landing-page-wrapper .page-header {
	background-color: #022366 !important;
}

.cf-cplace-landing-page-wrapper .page-header { 
  margin: -20px -14px 0px !important; 
}

.cf-cplace-landing-page-wrapper .nav-tabs {
  background-color: #022366 !important; 
}

.cf-cplace-landing-page-tiles-theme-wrapper .material-card .mc-tiles .tile a { 
  color: #2266cb !important; 
  font-weight: normal; 
  font-size: 0.8em; 
}

.cf-cplace-landing-page-wrapper .cf-cplace-landing-page-tiles-theme-wrapper .material-card .mc-tiles .tile { 
  margin-bottom: 1px !important; 
  height: 60px; 
  line-height: 60px; }

.cf-cplace-landing-page-wrapper .material-card.White.mc-active .mc-tiles-wrapper { 
  background-color: #e4e5e7 !important; 
}

/* Tiles */
.rocheTile { font-size: 100px; } 
.rocheTile.fa { padding-left: 25px; } .rocheTile.cf, .rocheTile.roche { font-size: 100px; padding-left: 50px; } 
.rocheBlue { color: #022366; } 
.rocheRed { color: #DA0B0B; } 
.rocheDisclaimer { color: rgb(41, 128, 185); border-style: groove; border-color: black; padding: 10px 17px 0px 17px; }

/* Remove switch to old Gantt App button */
#cplace cf-project-planning-lib-toolbar cf-frontend-sdk-cplace-toolbar-groups .align-right .align-right-column-wrapper {
  display: none;
}