/*
 * file information
 * style type: f5app
 * version:    1
 * date:       20140324
 * author:     concursive.com
 *
 */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../../../../../fonts/opensans-light.woff) format('woff');
}

body {
  color: #111111;
  font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', serif;
  font-weight: lighter;
  color: #000000;
}

.ccp-portlet a:not(.button), .ccp-portlet a:not(.button):link, .ccp-portlet a:not(.button):visited {
  color: #79413a;
}

.ccp-portlet a:not(.button):hover {
  color: #683833;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
  background-color: #7f7e80;
  background-color: rgba(127, 127, 127, 0.8);
}

/* Home background */

/* Logged Out */
#body-home-main {
  background: url(../images/background_home.jpg) no-repeat center top;
  background-attachment: fixed;
}

/* Logged In scroll effect but not retina 
div#dashboard-header-body {
  background: url(../images/background_dashboard.jpg) no-repeat center top;
  background-attachment: fixed;
} */

/* Logged In no scroll effect but retina */
div#dashboard-header-body {
  background-image: url(../images/background_dashboard@2x.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Home top bar */

#ccp-home-top-bar,
#ccp-home-top-bar ul,
#ccp-home-top-bar li:not(.has-form) a:not(.button),
#ccp-home-top-bar .top-bar-section .has-form {
  background: none;
}

#ccp-home-top-bar ul li a:not(.button) {
  color: #ffffff;
}

#ccp-home-top-bar ul li a:not(.button):hover {
  text-decoration: underline;
}

/* Home header section */

#home-header-top {
  height: 40px;
}
#home-header-bottom {
  height: 10px;
}

#body-home-main #home-header-body, #body-home-main #home-header-body h2, #body-home-main #home-header-body h3, #body-home-main #home-header-body h4 {
  color: #ffffff;
  line-height: 1.3;
  text-shadow: 1px 1px #333;
}

#ccp-signup-portlet {
  background-color: rgba(255, 255, 255, 0.2);
}

#ccp-signup-portlet h2, #ccp-signup-portlet h3, #ccp-signup-portlet h4 {
  color: #333333;
  text-shadow: none;
}

#ccp-signup label {
  color: #fff;
}

/* Home intro section */

#ccp-home-intro {
  background-color: #ffffff;
  padding-top: 20px;
}

/* Home info section */

#ccp-home-info {
  background-color: #ffffff;
  padding-top: 20px;
}
/* To style the buttons for 4 colums on home page */
#ccp-home-info a {
  color: #ffffff;
  text-decoration: none;
  line-height: inherit;
  background-color: #8ca45f;
  padding: 5px;
}

#ccp-home-info a:hover {
  color: #ffffff;
  text-decoration: none;
  line-height: inherit;
  background-color: #75894e;
  padding: 5px;
}

#ccp-home-info a:active {
  color: #ffffff;
  text-decoration: none;
  line-height: inherit;
  background-color: #8ca45f;
  padding: 5px;
}

/* Home benefits section */

#ccp-home-benefits {
  background-color: #dddddd;
  padding-top: 30px;
}

#ccp-home-benefits table {
  /*width:100%;*/
  border:none;
}
#ccp-home-benefits tr {
  background:none;
}
#ccp-home-benefits td {
  border:none;
  background-color:#dddddd;
}
#ccp-home-benefits td img {
  max-width: 70px;
}

/* Logged In Dashboard */

#dashboard-header-top {
  height: 40px;
}
#dashboard-header-bottom {
  height: 10px;
}

#body-home #dashboard-header-body, #body-home #dashboard-header-body h2, #body-home #dashboard-header-body h3, #body-home #dashboard-header-body h4 {
  color: #ffffff;
  line-height: 1.3;
  text-shadow: 1px 1px #333;
}


/* The portal */

.ccp-portal {
  background-color: #ffffff;
}

/* Primary Button */
/* This is the join button on the home page etc */
.top-bar-section ul li > a.button, .button {
  background-color: #8ca45f;
  border-color: #75894e;
  text-shadow: 1px 1px #333;
}

.top-bar-section ul li > a.button:hover, .button:hover {
  background-color: #75894e;
}

#ccp-home-top-bar .top-bar-section .has-form {
  padding: 0
}

/* Success Button */
/* This is the login button etc */
button.success, .button.success {
  background-color: #000000;
  border-color: #000000;
  text-shadow: 1px 1px #333;
}

button.success:hover, .button.success:hover {
  background-color: #333333;
}

/* Secondary Button */

button.secondary, .button.secondary {
  background-color: #e7e7e7;
  border-color: #cbcbcb;
  text-shadow: 1px 1px #e7e7e7;
}

button.secondary:hover, .button.secondary:hover {
  background-color: #cbcbcb;
}

/* Alert Button */

button.alert, .button.alert {
  background-color: #c60f13;
  border-color: #920d10;
  text-shadow: 1px 1px #333;
}

button.alert:hover, .button.alert:hover {
  background-color: #920d10;
}

/* Panels */
/* Regular gray portlets */
.panel {
  border-color: #ebebeb;
  background-color: #f9f9f9;
}
/* Color portlets */
.panel.callout {
  border-color: #8ca45f;
  background-color: #c2e089;    
}

/* Filter menus */

dl.sub-nav dd.active a, dl.sub-nav dd.active a:hover {
  background-color: #758e18;
  color: #ffffff !important;
}


/* Profile Headers */

#ccp-profile-menu .sub-nav {
  margin-bottom: 0;
}

.projectCenterPortalContainer .ccp-portal {
  padding-top: 0;
}

#ccp-profile-header-container {
  background-color: #cccccc;
}
#ccp-profile-header h2 {
  color: #333333;
}
#ccp-profile-menu {
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 16px;
}

#ccp-profile-header-container .sub-nav dd {
  margin-bottom: 0;
}

#ccp-profile-header-container .sub-nav .active a {
  background-color: #000000;
  color: #ffffff;
}

#ccp-profile-header-container .sub-nav a {
  color: #666666;
}

#ccp-profile-header-container .sub-nav a:hover {
  background-color: #79413a;
  color: #ffffff;
}

/* Profile Header: Me */
/*
#body-me #ccp-profile-header-container {
  padding: 16px 0 0 0;
  background: url(../images/profile-header-me.jpg) repeat-x 0;
  margin-bottom:20px;
}
#body-me #ccp-profile-menu {
  background: none;
}
#body-me #ccp-profile-header-container h2,
#body-me #ccp-profile-header-container h4,
#body-me #ccp-profile-header-container a {
  color: #ffffff;
}
*/

#body-me dl.sub-nav .active a {
  background-color: #000000;
  color: #000000;
}

/* Profile Header: Ideas */

#body-ideas #ccp-profile-header-container {
  background-color: #a7cf52;
}
#body-ideas #ccp-profile-header h2 {
  color: #ffffff;
}
#body-ideas #ccp-profile-menu {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Footer */

#footer {
  background: #333333;
  padding-top: 20px;
  color: #FFF;
}

#footer a, #footer a:visited {
  color: #FFF;
  font-size: 16px;
  font-weight: 100;
  text-decoration: none;
}
#footer .text-right a,
#footer .text-right a:visited {
  padding-left: 18px;
}




/* To remove above styling for links in the footer menu 
#footer .text-right a, #footer .text-right a:visited {
  background: none !important;
}*/

/* To make the app store buttons rollovers */
img#wikiImagebutton_play_videopng:hover {
  opacity: 0.7;
}

img#wikiImagebutton_play_videopng:active {
  opacity: 1;
}

img#wikiImagebutton_get_appspng:hover {
  opacity: 0.7;
}

img#wikiImagebutton_get_appspng:active {
  opacity: 1;
}

/* temporary until in core */

.tag-list dl dd a, .tag-cloud ul li a, .tag-cloud dd a {
  background-color: transparent;
  border: 1px solid #536511;
}
.tag-list dl dd a:hover, .tag-cloud ul li a:hover, .tag-cloud dd a:hover {
  background-color: #e7e7e7;
  border: 1px solid #536511;
}

/* To hide the apps and video buttons */

img#wikiImagebutton_get_appspng {
  display: none;
}

img#wikiImagebutton_play_videopng {
  display: none;
}

/* To make 4 columns on home page have left justified text */
#body-home-main div.ccp-portlet.portletWrapper.text-center {
  text-align: left !important;
}

#body-home #home-header-body .row{
	display:flex;
	align-items: center;
    justify-content: center;
}
#body-home #ccp-home-info a{
	color:inherit;
	text-decoration: none;
}

/*Document tree view css start */
.file-tree-view{
	max-width:100% !important;
}
.documentTreeViewTable {
	width: 100%;
	table-layout:fixed;
}
.documentTreeViewTable .fa-file:hover{
	color: red !important;
}
.documentTreeViewTable .fa-download:hover{
	color: red !important;
}
.documentTreeViewTable .fa-trash-o:hover{
	color: red !important;
}
.documentTreeViewTable .documentName{
	cursor: pointer;
	color : #008CBA; 
}
.documentTreeViewTable .documentName:hover{
	text-decoration-line: underline;
}
.documentTreeViewButtons{
	display: flex;
    justify-content: space-between;
}
.documentTreeViewButtons span{
	font-size:20px;
	color:#008CBA;
	text-decoration:underline;
	cursor: pointer;
}
.documentTreeViewButtons span:hover{
	font-weight:bold;
}
.documentTreeViewButtons button{
	background:#1F406F !important;
	width:200px;
}
.documentTreeViewButtons button:hover{
	background-color: #1d2731 !important;
}

/*Document tree view css end */