.inlineblock {
  display: inline-block;
}
body {
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background: url('../img/zwartevilt.png');
  background-attachment: fixed;
  color: #d6cdc2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #473521;
  border-color: #473521;
  font-family: 'Pathway Gothic One', sans-serif;
}
p {
  font-size: 16px;
  line-height: 1.5;
}
a {
  color: #068390;
}
a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: #08b0c1;
  text-decoration: none;
}
a[target="_blank"]:after {
  font-family: 'FontAwesome';
  content: "\f08e";
  font-size: 0.9em;
  margin-left: 5px;
  margin-right: 5px;
}
.btn-primary {
  background-color: #056d78;
  color: #d6cdc2;
  border-color: #068390;
  box-shadow: 0px 2px 4px #04565f inset, 0px -2px 4px #04565f inset;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #068390;
  color: white;
  box-shadow: 1px 1px 0px #09c7dc inset, -1px -1px 0px #09c7dc inset;
}
.btn-list {
  border-radius: 3px;
  border: 0;
  padding: 2px 7px;
  background: rgba(255,255,255,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.btn-list:hover {
  background: rgba(255,255,255,0.7);
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.btn-list:focus {
  outline: 0;
}
.btn-link {
  color: #068390;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  color: #08b0c1;
}
.btn-back:before {
  font-family: 'FontAwesome';
  content: "\f053";
  font-size: 0.9em;
  margin-right: 8px;
}
.btn-next:after {
  font-family: 'FontAwesome';
  content: "\f054";
  font-size: 0.9em;
  margin-left: 8px;
}
.btn-drop-down:after {
  font-family: 'FontAwesome';
  content: "\f0d7";
  font-size: 0.9em;
  margin-left: 5px;
}
.btn-drop-down.open:after {
  content: "\f0d8";
}
.btn-gold {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #2C2113 #342A1E #4A7A83;
  padding: 5px 6px 7px;
  background-color: #473C26;
  box-shadow: inset 2px 2px #3F3427;
}
.btn-gold span {
  background-color: #52462D;
  color: #cda639;
  border-width: 1px;
  border-style: solid;
  border-color: #5C4F33 #52462D #3F3623;
  width: 100%;
  border-radius: 0;
}
.btn-gold:hover {
  background-color: #382F1D;
  border-bottom-color: #8B8E5C;
}
.btn-gold:hover span {
  color: #ECBF40;
  border-color: #7C6C49 #74623D #3F3623;
  box-shadow: inset 0 0 16px #766747;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-style: italic;
  font-size: 12px;
  color: #c2b4a3;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  font-style: italic;
  font-size: 12px;
  color: #c2b4a3;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  font-style: italic;
  font-size: 12px;
  color: #c2b4a3;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-style: italic;
  font-size: 12px;
  color: #c2b4a3;
}
textarea {
  color: #010101;
}
.form-control {
  background-color: white;
  color: #241b11;
  border-color: #c9c0b6;
}
.admin-tools {
  background-color: #0d0d0d;
  border: 1px dashed #454545;
  margin-bottom: 10px;
  padding: 7px 9px;
}
.page .admin-tools,
.popup .admin-tools {
  padding: 15px 20px;
}
.admin-tools h1,
.admin-tools h2,
.admin-tools h3,
.admin-tools h4,
.admin-tools h5,
.admin-tools h6 {
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
.admin-tools .btn {
  border-radius: 0;
}
.admin-tools .btn + .btn {
  margin-left: 5px;
}
.admin-tools .btn-default {
  background-color: #262626;
  border-color: #4f4f4f;
  color: #737373;
}
.admin-tools .btn-default:hover {
  background-color: #4d4d4d;
  color: white;
  border-color: #808080;
}
.admin-tools .btn-danger {
  color: #f4cecd;
  background-color: #6C1F1D;
  border-color: #A52D29;
}
.admin-tools .btn-danger:hover {
  background-color: #86211E;
  color: white;
}
.admin-tools .btn-primary {
  background-color: #333333;
  color: #b3b3b3;
  box-shadow: none;
  border-color: #666666;
}
.admin-tools .btn-primary:hover {
  background-color: #4d4d4d;
  color: white;
  border-color: #808080;
}
.admin-tools .btn-update {
  font-family: 'FontAwesome';
}
.admin-tools form {
  padding: 15px 20px;
}
.admin-tools label {
  color: #999999;
}
.admin-tools h1,
.admin-tools h2,
.admin-tools h3,
.admin-tools h4 {
  color: #999999;
}
.admin-tools .form-control {
  border-color: black transparent #1f1f1f black;
  background-color: #171717;
  border-radius: 0;
  color: #e6e6e6;
  width: 100%;
}
.admin-tools .form-control:focus {
  background-color: #2b2b2b;
  border-bottom-color: #363636;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.admin-tools input[type="checkbox"] {
  margin-right: 5px;
}
.admin-tools .checkboxes input[type="checkbox"] {
  cursor: pointer;
}
.admin-tools .checkboxes input[type="checkbox"] + label {
  cursor: pointer;
  padding: 3px 10px;
  border-radius: 3px;
  margin-bottom: 0;
  position: relative;
  top: -3px;
}
.admin-tools .checkboxes input[type="checkbox"]:checked + label {
  background-color: #068390;
  color: white;
}
.admin-tools.inline {
  background: none;
  border: 0;
  margin-bottom: 0;
  padding: 0 10px;
}
.admin-tools.inline .btn {
  padding: 3px 9px;
}
.admin-tools fieldset label {
  text-indent: 20px;
}
.admin-tools legend {
  font-size: 16px;
  color: #999999;
  font-weight: bold;
  border-bottom: 0;
}
.admin-tools .select-date {
  width: auto;
  display: inline-block;
  margin-right: 10px;
}
.admin-tools .select-date:not(:first-child) {
  margin-left: 10px;
}
.admin-tools .text-date {
  display: inline-block;
  width: 30%;
}
.text-info {
  color: #808080;
}
.cpba-hidden {
  display: none;
}
.old-border {
  background-color: #38332e;
  padding: 5px 6px;
  border: 1px solid #8f693d;
}
.old-border > div {
  padding: 10px 20px;
  border: 1px solid #8f693d;
  box-shadow: inset 1px 1px #241b11, inset -1px -1px #241b11;
}
.pict-frame {
  position: relative;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.pict-description {
  font-size: 12px;
  background-color: #e6e6e6;
  padding: 5px 10px;
  border-top: 1px solid #cccccc;
  color: #333333;
}
.sidenav {
  background: url(../img/textured_paper.png);
  margin-bottom: 20px;
  padding: 10px 20px;
  z-index: 1;
}
.sidenav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.loading-block {
  text-align: center;
  padding: 20px;
}
.loading-icon {
  height: 35px;
  width: 35px;
}
.data-name,
.data-value {
  padding: 3px 9px;
  margin-bottom: 5px;
}
.data-name {
  color: #656565;
  background-color: rgba(255,255,255,0.2);
}
.data-value {
  color: #241b11;
  background-color: rgba(255,255,255,0.4);
}
img.theme {
  display: inline-block;
  width: 28px;
  height: 16px;
  background-image: url('../img/sprites.png');
}
img.theme.pink {
  background-position: 0 -16px;
}
img.theme.yellow {
  background-position: -28px 0;
}
img.theme.orange {
  background-position: -28px -16px;
}
.asso-name:before {
  font-family: 'FontAwesome';
  content: "\f0c0";
  margin-right: 10px;
  color: rgba(0,0,0,0.4);
}
.icon-left {
  margin-right: .3em;
}
.cpba-tooltip {
  display: none;
  position: absolute;
  bottom: 43px;
  left: 0;
  font-size: 12px;
  background-color: white;
  padding: 15px 20px;
  border-radius: 3px;
  width: 300px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.cpba-tooltip:after {
  content: '▼';
  position: absolute;
  color: white;
  bottom: -14px;
  text-shadow: 0 5px 24px rgba(0,0,0,0.7);
  left: 7px;
  font-size: 20px;
}
.tooltip-out {
  position: relative;
  display: inline-block;
}
.tooltip-trigger:hover + .cpba-tooltip {
  display: block;
}
.sheet {
  background: rgba(237,237,237,0.4);
  padding: 10px 20px;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.dates-separator {
  margin: 0 10px;
}
.no-picture {
  height: 150px;
  position: relative;
  background: rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-picture .no-picture-icon:before {
  color: rgba(0,0,0,0.2);
  font-size: 2em;
  position: relative;
  bottom: 5px;
}
div.container.wip {
  margin-top: 310px;
}
#menu {
  position: relative;
  text-align: center;
  height: 70px;
  line-height: 70px;
}
#menu #home-btn {
  position: absolute;
  left: 0;
  top: 15px;
  font-size: 18px;
}
#menu #home-btn a span {
  position: relative;
  top: 2px;
}
#menu .btn-drop-down:after {
  font-size: 0.7em;
}
#menu .dropdown-menu {
  background: #241b11;
}
#menu .dropdown-menu a {
  color: #d6cdc2;
  cursor: pointer;
  text-align: left;
}
#menu .dropdown-menu a:hover {
  background-color: #473521;
}
#menu .dropdown-menu a.wip:hover {
  background-color: transparent;
}
#menu > ul {
  display: inline-block;
}
#menu > ul li {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 20px;
  vertical-align: middle;
}
#menu > ul li a {
  color: #d6cdc2;
}
#menu > ul li a:hover {
  color: white;
}
#menu > ul li a.wip {
  cursor: default;
  font-style: italic;
  color: rgba(214,205,194,0.5);
}
#menu * {
  line-height: normal;
}
#menu .cpba-logo {
  display: inline-block;
}
#menu button[type="submit"] {
  background-image: url(../img/search.png);
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
  margin-left: 10px;
}
#login-btn {
  position: absolute;
  right: 0;
  top: 20px;
}
#login-btn:hover {
  text-decoration: none;
}
#login-form-out {
  display: none;
  background: #130e09;
  padding: 15px 0;
}
#login-form-out form {
  width: 500px;
  margin: auto;
}
#login-form-out div.input {
  margin-bottom: 10px;
}
#banner {
  height: 298px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.8) inset;
  overflow: hidden;
  background: #FFF9E4 url(../img/banner.jpg) center no-repeat;
  border-bottom: 5px solid #068390;
}
#banner h1 {
  color: #068390;
  letter-spacing: -0.25px;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-size: 31px;
  margin: 58px auto 5px;
}
#banner h4 {
  margin-top: 0;
  font-size: 16px;
  color: rgba(6,131,144,0.8);
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
#content {
  padding-bottom: 50px;
  min-height: 800px;
}
#main {
  margin-top: 5px;
}
.page-title {
  margin-top: 0;
}
.page-title div {
  background-color: #2e656b;
  color: white;
  text-align: center;
  font-size: 25px;
  letter-spacing: 2px;
  font-family: 'Pathway Gothic One', sans-serif;
}
#flashMessage {
  background: cyan;
  padding: 10px 20px;
  text-indent: 10px;
  color: #0d6779;
  border-radius: 3px;
  margin-bottom: 10px;
}
#flashMessage.error {
  background: #FFC8C8;
  color: #A00000;
}
footer {
  margin-top: 50px;
  background: white;
}
.logos-sponsors {
  padding: 10px 0;
}
.logos-sponsors img {
  margin-right: 15px;
  margin-bottom: 15px;
}
.module-thumbnail {
  position: relative;
  line-height: 156px;
  height: 156px;
  width: 208px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.module-thumbnail .stamp {
  background-image: url('../img/torn-frame.png');
  height: 100%;
}
.module-thumbnail > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module-thumbnail .img-block {
  width: 175px;
  height: 121px;
  position: relative;
  top: -2px;
  vertical-align: middle;
  border: 2px solid #122d46;
  line-height: 1.5;
}
.module-thumbnail .img-block h3 {
  color: #cda639;
  font-size: 16px;
  position: absolute;
  text-transform: uppercase;
  bottom: 0;
  width: 100%;
  margin: 0;
  letter-spacing: 0.5px;
  padding: 5px 0;
  background: rgba(36,27,17,0.8);
}
.module-thumbnail .img-block h3 img.theme {
  position: absolute;
  top: -14px;
  left: 50%;
  margin-left: -14px;
}
.module-thumbnail .img-block img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.module-thumbnail .mod-tooltip {
  display: none;
  position: absolute;
  top: 8px;
  font-size: 14px;
  height: 119px;
  margin: 10px 16px;
  left: 0;
  width: 175px;
  background: #011416;
  color: #068390;
  line-height: 112px;
}
.module-thumbnail .mod-tooltip span {
  display: inline-block;
  color: #0adcf2;
  line-height: normal;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 20px;
}
.module-thumbnail .mod-tooltip a {
  color: white;
}
.module-thumbnail .mod-tooltip a:hover {
  text-decoration: underline;
}
.module-thumbnail.large {
  width: 416px;
}
.module-thumbnail.large .stamp {
  background: url('../img/torn-frame-large.png');
}
.module-thumbnail.large .img-block {
  width: 383px;
}
.module-thumbnail.large .mod-tooltip {
  width: 383px;
}
.module-thumbnail.disabled .stamp {
  opacity: 0.5;
}
.module-thumbnail.disabled .img-block h3 {
  color: #b3b3b3;
}
.module-thumbnail:hover:not(.disabled) .img-block {
  border: 2px solid #068390;
}
.module-thumbnail:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.02);
}
.module-thumbnail:hover .mod-tooltip {
  display: block;
}
.text-intro {
  margin-bottom: 20px;
}
.text-intro h2 {
  color: #e6e6e6;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 15px;
}
.text-intro ul {
  width: 90%;
  margin: 20px auto;
}
.text-intro ul strong {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 25px;
  font-weight: normal;
}
.text-intro ul p {
  margin-left: 40px;
}
.text-intro strong {
  color: white;
}
.text-intro hr {
  width: 80%;
  border-style: dashed;
  border-color: #999999;
}
.text-intro img.theme {
  margin-right: 12px;
  vertical-align: 0px;
}
.text-intro > div > p {
  text-indent: 23px;
}
.text-intro div {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #2e656b;
}
#modules {
  min-width: 416px;
  margin-top: 10px;
}
#modules-out .btn-link {
  font-size: 16px;
}
.main {
  margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #welcome-text {
    margin-left: 30px;
  }
}