:root {
        --brandcolor-primary: #188016;  
        --brandcolor-secondary: #05D259;  
        --brandcolor-background: #F8F8F8;  
	--brandcolor-font: #464646;  
	--brand-font: Heebo;
	--brand-font-size: 16px;
	--border-radius-standard: 4px;
}

html {background-color: #ffffff;}

.sc-body { color: var(--brandcolor-font); background-color: #ffffff;} 
.sc-content {width: 100%; }
.sc-staticpage {margin-top: 20px; margin-bottom: 20px; margin-left: 10%; margin-right: 10%;}

.sc-navbar { color: var(--brandcolor-primary); background-color: #fcfcfc;}
.sc-nav-top {background-color: inherit; box-shadow: 0px 5px 5px silver; }
.sc-nav-top .logo {max-height: 60px; max-width: 300px;}


.sc-nav-side {background-color: inherit; border-style: solid; border-width: 1px; border-color: var(--brandcolor-primary);}
.sc-nav-side .nav-link[data-toggle].collapsed:before {content: "+ ";}
.sc-nav-side .nav-link[data-toggle]:not(.collapsed):before {content: "-- ";}

.sc-nav-foot {background-color: inherit; font-size: .75em;}

.sc-homepage {margin-top: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}

.sc-section {padding: 10px;}
.sc-section:nth-child(even) {background: var(--brandcolor-background)}
.sc-section:nth-child(odd) {}

.sc-requestpage {margin-left: 0%; margin-right: 0%;}

.sc-slogan {font-family: var(--brand-font); font-size: 4em; color: var(--brandcolor-primary); font-weight: bolder;}

.sc-bo {color: var(--brandcolor-secondary); background-color: inherit;}
.sc-bo-searchbar {}
.sc-bo-menu {color: var(--brandcolor-primary); background-color: inherit; }
.sc-bo-instance-labelvalue {color: var(--brandcolor-font);}
.sc-bo-instance-meta {}
.sc-workflow {color: var(--brandcolor-primary); background-color: inherit;}

.sc-component-control-error {color: red; font-size: .75em;}

.sc-thumbnail {
  border: 1px solid #ddd; /* Gray border */
  border-radius: var(--border-radius-standard);  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 50px; /* Set a small width */
}

.sc-icon {
  /* border: 1px solid #ddd;  Gray border */
  border-radius: var(--border-radius-standard);  /* Rounded border */
  padding: 0px; /* Some padding */
  height: 150px; /* Set a small width */
  /*  box-shadow: 0px 5px 5px silver;  */
}

.sc-workflow-instance-graph {width: 100%; height: 500px;}
.sc-workflow-instance-meta {}

.col-empty, .col:empty, [class^=col-]:empty { display: none; }


.btn-sc {
	color: var(--brandcolor-primary); background-color: var(--brandcolor-background);
	border: 1px solid var(--brandcolor-primary);
}
.btn-sc:hover {
	color: var(--brandcolor-secondary); background-color: var(--brandcolor-background);
	border: 1px solid var(--brandcolor-secondary);
	box-shadow: 0px 5px 5px silver;
}
a:link, a:visited, a:active {
	color: var(--brandcolor-primary); background-color: inherit; /* var(--brandcolor-primary)  inherit; */
}

a:focus, a:hover, .dropdown-menu > a:hover  {     
	color: var(--brandcolor-secondary); background-color: inherit;
	background-image: none;
}




.dropdown-menu, .dropdown-item, {
	color: inherit; background-color: var(--brandcolor-background);
}



.card-header {
	background-color: var(--brandcolor-background); 
	/* color: var(--brandcolor-primary); border-style: solid; border-width: 1px; border-color: var(--brandcolor-primary); */ 
}
.card-body {}
.card-footer {}

.faq-category {margin: 2em; display: flex; flex-flow: nowrap; justify-content: space-between; align-items: center;}
.faq-category span {padding: 1em;}
.faq-category::before, .faq-category::after {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  content: " ";
  height: 0px;
  border-bottom: 5px solid var(--brandcolor-primary);
}
.faq-list {margin: 25px;}
.faq-item {border-bottom: 1px solid var(--brandcolor-primary); background-color: inherit; }
.faq-item-header {border: none; background-color: inherit; margin: 10px;}
.faq-item-header .fa {transition: .3s transform ease-in-out;}
.faq-item-header .collapsed .fa {transform: rotate(-90deg);}
.faq-content {margin-bottom: 10px; margin-left: 20px;}

.icon {height: 30px; width: 30px;}

.blog-item {box-shadow: 0px 5px 5px silver; margin-top: 10px; margin-bottom: 10px;}
.blog-item-header {border:none; background-color: inherit; margin: 10px; }
.card-item-picture {border-radius: var(--border-radius-standard) var(--border-radius-standard) 0px 0px; height:200px; width:100%; background-position: center center;  background-repeat: no-repeat; background-size: cover; overflow:hidden;}
.blog-date {}
.blog-title {}
.blog-text {}


.sc-card {box-shadow: 0px 5px 5px silver; margin-top: 10px; margin-bottom: 10px;}
.sc-card-body {Padding: 0.5rem;}