body {
  margin-top: 4.6em;
  
}

.main {
  margin-top: 80px;

}

.red {color: red;}
.logo-orange {
  color: #F58220;
}

.logo-grey {
  color: #6D6E71;
}

.bordered-green {
  border: 1px dotted #00ff00;
}

.background-green {
  background-color: #00ff00;
}

.bordered-red {
  border: 2px dotted #ff0000;
}

.background-red {
  background-color: #ff0000;
}

.bordered-blue {
  border: 2px dotted #0000ff;
}

.background-blue {
  background-color: #0000ff;
}

.bordered-cyan {
  border: 2px dotted cyan;
}

.page-header {
  margin-bottom: 5px;
  background-color: #a4a5a8;
  ___background-color: #da7200 ;
  color: #ffffff;
  font-weight: 200;
  padding: 10px 0px 10px 0px;
  border-radius: 4px;
}

.header-icon {
  width: 25px;
  hight: 25px;
  margin: 10px;
}

.footer {
  margin-top: 25px;
  background-color: #f2f2f2;
  color: #999999;
  font-size: smaller;
  padding: 10px;
  text-align: center;
}

.cp_xx {
  color: #fff;
  background-color: #6D6E71;
}

.cp_ba {
  color: #fff;
  background-color: #FCB238;
}

.cp_bb {
  color: #fff;
  background-color: #C5D66C;
}

.cp_bc {
  color: #fff;
  background-color: #706D2A;
}

.cp_bj {
  color: #fff;
  background-color: #FCDC17;
}

.cp_bp {
  color: #fff;
  background-color: #EF434D;
}

.cp_bv {
  color: #fff;
  background-color: #764C94;
}

.cp_gc {
  color: #fff;
  background-color: #3D3D3F;
}

.cp_gs {
  color: #fff;
  background-color: #3D3D3F;
}

.cp_gp {
  color: #fff;
  background-color: #3D3D3F;
}

.cp_cx {
  color: #fff;
  background-color: #EE5E23;
}

.cp_lmi {
  color: #fff;
  background-color: #008A94;
}

.cp_rpm {
  color: #fff;
  background-color: #00AEE6;
}

.cp_sb {
  color: #fff;
  background-color: #E20E7C;
}

.cp_sp {
  color: #fff;
  background-color: #DAC14A;
}

.sunday {
  ___background-color: #ffcccc;
  color: #cc0000 !important;
}

.saturday {
  ___background-color: #ffeecc;
  ___color: #e69900 !important;
  color: #ffcc66 !important;

}

.course-logo {
  width: 160px;
  height: 40px;
}

@media (max-width: 540px) {

  .course-logo {
    width: 100px;
    height: 25px;
  }
}

.comment {
  color: #c1c1c1;
  font-size: x-small;
}


.cnote {
  margin-top: 25px;
  background-color: inherit;
  font-size: smaller;
  padding: 10px;
  text-align: center;

}

.cnote a {
  color: #999999;
}

.download-button {
  background-color: #F58220;
}

.card-body {
  __background-image: url("/assets/img/karneval-2019.jpg")!important;
  background-repeat: round!important;
  color: black!important;
  

}
.btn-corona {
  position: absolute;
  top: 60%;
  left: 86%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-80%, -80%);
  background-color: #555;
  color: white;
  font-size: 16px;
  ___padding: 10px;
  ___margin: 10px;
  text-align: center;
}

.btn-member_original {
  position: absolute;
  top: 52%;
  left: 22%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-80%, -80%);
  background-color: #555;
  color: white;
  font-size: 16px;
  ___padding: 10px;
  ___margin: 10px;
  ___text-align: center;
}
.btn-member {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-80%, -80%);
  -ms-transform: translate(-80%, -80%);
  background-color: #555;
  color: white;
  font-size: 12px;
}
