@import url(http://fonts.googleapis.com/css?family=Poppins);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);


/*
 * This CSS file uses a BEM structure: block-element-modifier.
 */


/*
 * Color scheme (according to btanding).
 */

:root {
    --accent-color: #3870fc;
    --accent-alt-color: #0339c2;
    --strongest-text: #000000;
    --strong-text: #505160;
    --medium-text: #808a96;
    --subtle-text: #b3c0ce;
    --subtle-bkground: #ecf1fa;
    --lighter-bkground: #f4f6f8;
    --white-bkground: #ffffff; 
}


 /*
 * Global page structure
 */

body {
    background-color: var(--white-bkground);
    color: var(--strongest-text);
    /* font-size: 13pt; */
}


/*
 * Brand styles
 */

#bc h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins";
}

#bc h1 {
    margin: 0 0 2rem 0;
    color: var(--accent-color);
    font-size: 64px;
    font-weight: 700 !important;
}

#bc a.is-primary, #bc button.is-primary {
    color: white;
    background-color: var(--accent-color);
}

#bc a.is-primary:hover, #bc button.is-primary:hover {
    /* background-color: var(--accent-alt-color); */
    background-color:  darkorange;
}

#bc #content a.bc-ref {
    color: var(--strongest-text);
}

#bc #content a.bc-ref:hover {
    /* color: var(--accent-alt-color); */
    /* color: var(--accent-color); */
    color: darkorange;
}

::-moz-selection { /* Code for Firefox */
  color: #3870fca0;
  background: #ecf1fa;
}

::selection {
  color: #3870fca0;
  background: #ecf1fa;
}

/*
a.ref {
  font-weight: bold;
}

a.ref:hover {
  color: aqua;
}
*/


/*
 * List styles
 */

 #bc .bc-list {
    /* background-color: khaki; */
 }

#bc .bc-list-section {
    margin-top: 2em;
    /* background-color: bisque; */
}

#bc .bc-list-block {
    /* background-color: antiquewhite; */
}

#bc .bc-list-item {
    margin: 0;
    padding: 0;
    /* background-color: lightyellow; */
}

#bc .bc-list-item .columns {
    margin: 0;
    padding: 0;
}

#bc .bc-list-item .column {
    margin: 0;
    padding: 0.2rem 0;
}

#bc .bc-list-item-head {
    /* margin: 0 0 0.4rem 0; */
    font-weight: bold;
}

#bc .bc-list-subitem {
    /* margin: 0 0 0.4rem 0; */
    margin: 0;
    padding: 0;
    border-top: thin dotted var(--subtle-text);
    /* background-color: chocolate; */
}

#bc .bc-list-subitem .columns {
    margin: 0;
    padding: 0.2rem 0;
}

#bc .bc-list-subitem .column {
    margin: 0;
    padding: 0.1rem 0;
}

#bc .bc-list-subitem-first {
}

#bc .bc-list-subitem-between {
}

#bc .bc-list-subitem-last {
}


/*
 * Column styles for lists and tables.
 */

#bc .bc-column {
}

#bc .bc-column-id {
    text-align: center;
}

#bc .bc-column-number {
    text-align: right;
}

#bc .bc-column-seqnr {
    text-align: center;
}

#bc .bc-column-text {
    text-align: left;
}


/*
 * Form styles
 */

#bc .bc-form {
}

#bc .bc-form-section {
    margin: 0 0 2em 0;
}

#bc .bc-form-block {
    /* margin: 0 0 2em 0; */
}

#bc .bc-form-blockintro {
    margin-bottom: 1rem;
}

#bc .bc-form-item {
    align-items: center;
    margin: 0;
}

#bc .bc-form-label {
    max-width: 12rem;
    padding: 0;
    margin: 0;
}

#bc .bc-form-control {
    padding: 0;
    margin: 0;
    border: none;
}

#bc .input {
    border: none;
    padding-left: 0;
}
























#bc #header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: solid thin #505160;
}

#bc #content {
    /* background-color: bisque; */
    margin: 0;
}

#bc #sidebar {
    /* background-color: yellow; */
    width: 20rem;
}

#bc #page {
    /* background-color: blueviolet; */
}

#bc #footer {
    margin-top: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #505160;
    color: white;
}

/* .section {
    padding: 0 8rem;
}*/


/*
 * Page styles
 */

#page {
    padding: 0 2rem 0 2rem;
}

#page-title {
    margin: 2rem 0 1rem 0;
}


/*
 * Object styles
 */

.bc-object {}
.bc-object .bc-section {}

.bc-object .bc-block {}
.bc-object .bc-attr {}

.bc-object .bc-label {
    font-weight: bold;
}

.bc-object .bc-value {}