/* Fonts */
/* Sizes */
/* Spacing */
/* Colors */
/* Border radiuses */
/* COLOR CLASSES!!!!!! */
.bgYellow {
  background: #eaea0d !important;
  color: #000 !important;
}
.bgYellow span {
  color: #000 !important;
}

.yellow {
  color: #eaea0d !important;
}
.yellow.anchor, .yellow.ajax {
  color: #eaea0d !important;
}

.borderLeftbgYellow {
  border-left: 6px solid #eaea0d !important;
}
.borderLeftbgYellow .text {
  margin-left: -6px;
}

.borderBottombgYellow {
  border-bottom: 3px solid #eaea0d !important;
}

.borderTopbgYellow {
  border-top: 3px solid #eaea0d !important;
}

.bgWhite {
  background: #fff !important;
  color: #000 !important;
}
.bgWhite span {
  color: #000 !important;
}

.white {
  color: #fff !important;
}
.white.anchor, .white.ajax {
  color: #fff !important;
}

.borderLeftbgWhite {
  border-left: 6px solid #fff !important;
}
.borderLeftbgWhite .text {
  margin-left: -6px;
}

.borderBottombgWhite {
  border-bottom: 3px solid #fff !important;
}

.borderTopbgWhite {
  border-top: 3px solid #fff !important;
}

.bgRed {
  background: #da6060 !important;
  color: #fff !important;
}
.bgRed span {
  color: #fff !important;
}

.red {
  color: #da6060 !important;
}
.red.anchor, .red.ajax {
  color: #da6060 !important;
}

.borderLeftbgRed {
  border-left: 6px solid #da6060 !important;
}
.borderLeftbgRed .text {
  margin-left: -6px;
}

.borderBottombgRed {
  border-bottom: 3px solid #da6060 !important;
}

.borderTopbgRed {
  border-top: 3px solid #da6060 !important;
}

.bgBlack {
  background: #000 !important;
  color: #fff !important;
}
.bgBlack span {
  color: #fff !important;
}

.black {
  color: #000 !important;
}
.black.anchor, .black.ajax {
  color: #000 !important;
}

.borderLeftbgBlack {
  border-left: 6px solid #000 !important;
}
.borderLeftbgBlack .text {
  margin-left: -6px;
}

.borderBottombgBlack {
  border-bottom: 3px solid #000 !important;
}

.borderTopbgBlack {
  border-top: 3px solid #000 !important;
}

.bgGrey {
  background: #d3d3d3 !important;
  color: #fff !important;
}
.bgGrey span {
  color: #fff !important;
}

.grey {
  color: #d3d3d3 !important;
}
.grey.anchor, .grey.ajax {
  color: #d3d3d3 !important;
}

.borderLeftbgGrey {
  border-left: 6px solid #d3d3d3 !important;
}
.borderLeftbgGrey .text {
  margin-left: -6px;
}

.borderBottombgGrey {
  border-bottom: 3px solid #d3d3d3 !important;
}

.borderTopbgGrey {
  border-top: 3px solid #d3d3d3 !important;
}

.bgDarkGrey {
  background: #0A2433 !important;
  color: #fff !important;
}
.bgDarkGrey span {
  color: #fff !important;
}

.darkgrey {
  color: #0A2433 !important;
}
.darkgrey.anchor, .darkgrey.ajax {
  color: #0A2433 !important;
}

.borderLeftbgDarkGrey {
  border-left: 6px solid #0A2433 !important;
}
.borderLeftbgDarkGrey .text {
  margin-left: -6px;
}

.borderBottombgDarkGrey {
  border-bottom: 3px solid #0A2433 !important;
}

.borderTopbgDarkGrey {
  border-top: 3px solid #0A2433 !important;
}

.bgDarkBlue {
  background: #013b53 !important;
  color: #fff !important;
}
.bgDarkBlue span {
  color: #fff !important;
}

.darkblue {
  color: #013b53 !important;
}
.darkblue.anchor, .darkblue.ajax {
  color: #013b53 !important;
}

.borderLeftbgDarkBlue {
  border-left: 6px solid #013b53 !important;
}
.borderLeftbgDarkBlue .text {
  margin-left: -6px;
}

.borderBottombgDarkBlue {
  border-bottom: 3px solid #013b53 !important;
}

.borderTopbgDarkBlue {
  border-top: 3px solid #013b53 !important;
}

.bgGreen {
  background: #099e2e !important;
  color: #fff !important;
}
.bgGreen span {
  color: #fff !important;
}

.green {
  color: #099e2e !important;
}
.green.anchor, .green.ajax {
  color: #099e2e !important;
}

.borderLeftbgGreen {
  border-left: 6px solid #099e2e !important;
}
.borderLeftbgGreen .text {
  margin-left: -6px;
}

.borderBottombgGreen {
  border-bottom: 3px solid #099e2e !important;
}

.borderTopbgGreen {
  border-top: 3px solid #099e2e !important;
}

.bgPurple {
  background: #c768c7 !important;
  color: #fff !important;
}
.bgPurple span {
  color: #fff !important;
}

.purple {
  color: #c768c7 !important;
}
.purple.anchor, .purple.ajax {
  color: #c768c7 !important;
}

.borderLeftbgPurple {
  border-left: 6px solid #c768c7 !important;
}
.borderLeftbgPurple .text {
  margin-left: -6px;
}

.borderBottombgPurple {
  border-bottom: 3px solid #c768c7 !important;
}

.borderTopbgPurple {
  border-top: 3px solid #c768c7 !important;
}

.bgPink {
  background: #e89ba7 !important;
  color: #000 !important;
}
.bgPink span {
  color: #000 !important;
}

.pink {
  color: #e89ba7 !important;
}
.pink.anchor, .pink.ajax {
  color: #e89ba7 !important;
}

.borderLeftbgPink {
  border-left: 6px solid #e89ba7 !important;
}
.borderLeftbgPink .text {
  margin-left: -6px;
}

.borderBottombgPink {
  border-bottom: 3px solid #e89ba7 !important;
}

.borderTopbgPink {
  border-top: 3px solid #e89ba7 !important;
}

.bgOrange {
  background: #eaa517 !important;
  color: #fff !important;
}
.bgOrange span {
  color: #fff !important;
}

.orange {
  color: #eaa517 !important;
}
.orange.anchor, .orange.ajax {
  color: #eaa517 !important;
}

.borderLeftbgOrange {
  border-left: 6px solid #eaa517 !important;
}
.borderLeftbgOrange .text {
  margin-left: -6px;
}

.borderBottombgOrange {
  border-bottom: 3px solid #eaa517 !important;
}

.borderTopbgOrange {
  border-top: 3px solid #eaa517 !important;
}

.bgBlue {
  background: #1493BE !important;
  color: #fff !important;
}
.bgBlue span {
  color: #fff !important;
}

.blue {
  color: #1493BE !important;
}
.blue.anchor, .blue.ajax {
  color: #1493BE !important;
}

.borderLeftbgBlue {
  border-left: 6px solid #1493BE !important;
}
.borderLeftbgBlue .text {
  margin-left: -6px;
}

.borderBottombgBlue {
  border-bottom: 3px solid #1493BE !important;
}

.borderTopbgBlue {
  border-top: 3px solid #1493BE !important;
}

.bgLightBlue {
  background: #98d2ff !important;
  color: #000 !important;
}
.bgLightBlue span {
  color: #000 !important;
}

.lightblue {
  color: #98d2ff !important;
}
.lightblue.anchor, .lightblue.ajax {
  color: #98d2ff !important;
}

.borderLeftbgLightBlue {
  border-left: 6px solid #98d2ff !important;
}
.borderLeftbgLightBlue .text {
  margin-left: -6px;
}

.borderBottombgLightBlue {
  border-bottom: 3px solid #98d2ff !important;
}

.borderTopbgLightBlue {
  border-top: 3px solid #98d2ff !important;
}

.bgBrown {
  background: #b16525 !important;
  color: #fff !important;
}
.bgBrown span {
  color: #fff !important;
}

.brown {
  color: #b16525 !important;
}
.brown.anchor, .brown.ajax {
  color: #b16525 !important;
}

.borderLeftbgBrown {
  border-left: 6px solid #b16525 !important;
}
.borderLeftbgBrown .text {
  margin-left: -6px;
}

.borderBottombgBrown {
  border-bottom: 3px solid #b16525 !important;
}

.borderTopbgBrown {
  border-top: 3px solid #b16525 !important;
}

.bgLightGreen {
  background: #99f599 !important;
  color: #000 !important;
}
.bgLightGreen span {
  color: #000 !important;
}

.lightgreen {
  color: #99f599 !important;
}
.lightgreen.anchor, .lightgreen.ajax {
  color: #99f599 !important;
}

.borderLeftbgLightGreen {
  border-left: 6px solid #99f599 !important;
}
.borderLeftbgLightGreen .text {
  margin-left: -6px;
}

.borderBottombgLightGreen {
  border-bottom: 3px solid #99f599 !important;
}

.borderTopbgLightGreen {
  border-top: 3px solid #99f599 !important;
}

.bgGreenYellow {
  background: #ADFF2F !important;
  color: #000 !important;
}
.bgGreenYellow span {
  color: #000 !important;
}

.greenyellow {
  color: #ADFF2F !important;
}
.greenyellow.anchor, .greenyellow.ajax {
  color: #ADFF2F !important;
}

.borderLeftbgGreenYellow {
  border-left: 6px solid #ADFF2F !important;
}
.borderLeftbgGreenYellow .text {
  margin-left: -6px;
}

.borderBottombgGreenYellow {
  border-bottom: 3px solid #ADFF2F !important;
}

.borderTopbgGreenYellow {
  border-top: 3px solid #ADFF2F !important;
}

.bgLightBrown {
  background: #DEB887 !important;
  color: #000 !important;
}
.bgLightBrown span {
  color: #000 !important;
}

.lightbrown {
  color: #DEB887 !important;
}
.lightbrown.anchor, .lightbrown.ajax {
  color: #DEB887 !important;
}

.borderLeftbgLightBrown {
  border-left: 6px solid #DEB887 !important;
}
.borderLeftbgLightBrown .text {
  margin-left: -6px;
}

.borderBottombgLightBrown {
  border-bottom: 3px solid #DEB887 !important;
}

.borderTopbgLightBrown {
  border-top: 3px solid #DEB887 !important;
}

.bgCoral {
  background: #fd895e !important;
  color: #fff !important;
}
.bgCoral span {
  color: #fff !important;
}

.coral {
  color: #fd895e !important;
}
.coral.anchor, .coral.ajax {
  color: #fd895e !important;
}

.borderLeftbgCoral {
  border-left: 6px solid #fd895e !important;
}
.borderLeftbgCoral .text {
  margin-left: -6px;
}

.borderBottombgCoral {
  border-bottom: 3px solid #fd895e !important;
}

.borderTopbgCoral {
  border-top: 3px solid #fd895e !important;
}

.bgFuchsia {
  background: #ce2bce !important;
  color: #fff !important;
}
.bgFuchsia span {
  color: #fff !important;
}

.fuchsia {
  color: #ce2bce !important;
}
.fuchsia.anchor, .fuchsia.ajax {
  color: #ce2bce !important;
}

.borderLeftbgFuchsia {
  border-left: 6px solid #ce2bce !important;
}
.borderLeftbgFuchsia .text {
  margin-left: -6px;
}

.borderBottombgFuchsia {
  border-bottom: 3px solid #ce2bce !important;
}

.borderTopbgFuchsia {
  border-top: 3px solid #ce2bce !important;
}

.bgGold {
  background: #e6c92a !important;
  color: #000 !important;
}
.bgGold span {
  color: #000 !important;
}

.gold {
  color: #e6c92a !important;
}
.gold.anchor, .gold.ajax {
  color: #e6c92a !important;
}

.borderLeftbgGold {
  border-left: 6px solid #e6c92a !important;
}
.borderLeftbgGold .text {
  margin-left: -6px;
}

.borderBottombgGold {
  border-bottom: 3px solid #e6c92a !important;
}

.borderTopbgGold {
  border-top: 3px solid #e6c92a !important;
}

.bgBlack {
  background: #000 !important;
  color: #fff !important;
}
.bgBlack span {
  color: #fff !important;
}

.black {
  color: #000 !important;
}
.black.anchor, .black.ajax {
  color: #000 !important;
}

.borderLeftbgBlack {
  border-left: 6px solid #000 !important;
}
.borderLeftbgBlack .text {
  margin-left: -6px;
}

.borderBottombgBlack {
  border-bottom: 3px solid #000 !important;
}

.borderTopbgBlack {
  border-top: 3px solid #000 !important;
}

.bgLightGrey {
  background: #f5f6f6 !important;
  color: #000 !important;
}
.bgLightGrey span {
  color: #000 !important;
}

.lightgrey {
  color: #f5f6f6 !important;
}
.lightgrey.anchor, .lightgrey.ajax {
  color: #f5f6f6 !important;
}

.borderLeftbgLightGrey {
  border-left: 6px solid #f5f6f6 !important;
}
.borderLeftbgLightGrey .text {
  margin-left: -6px;
}

.borderBottombgLightGrey {
  border-bottom: 3px solid #f5f6f6 !important;
}

.borderTopbgLightGrey {
  border-top: 3px solid #f5f6f6 !important;
}

.bgLightRed {
  background: #896060 !important;
  color: #fff !important;
}
.bgLightRed span {
  color: #fff !important;
}

.lightred {
  color: #896060 !important;
}
.lightred.anchor, .lightred.ajax {
  color: #896060 !important;
}

.borderLeftbgLightRed {
  border-left: 6px solid #896060 !important;
}
.borderLeftbgLightRed .text {
  margin-left: -6px;
}

.borderBottombgLightRed {
  border-bottom: 3px solid #896060 !important;
}

.borderTopbgLightRed {
  border-top: 3px solid #896060 !important;
}

.bgTransparent {
  background: transparent !important;
  color: black !important;
}
.bgTransparent span {
  color: black !important;
}

.transparent {
  color: transparent !important;
}
.transparent.anchor, .transparent.ajax {
  color: transparent !important;
}

.borderLeftbgTransparent {
  border-left: 6px solid transparent !important;
}
.borderLeftbgTransparent .text {
  margin-left: -6px;
}

.borderBottombgTransparent {
  border-bottom: 3px solid transparent !important;
}

.borderTopbgTransparent {
  border-top: 3px solid transparent !important;
}

/*
 * CSS3 Treeview. No JavaScript
 * @version 1.0
 * @author Martin Ivanov
 * @url developer's website: http://wemakesites.net/
 * @url developer's twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer's blog http://acidmartin.wordpress.com/
 **/
/*
 * This solution works with all modern browsers and Internet Explorer 9+. 
 * If you are interested in purchasing a JavaScript enabler for IE8 
 * for the CSS3 Treeview, please, check this link:
 * http://experiments.wemakesites.net/miscellaneous/acidjs-css3-treeview/
 **/
.css-treeview {
  font-size: 0.8rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 95%;
}
.css-treeview ul {
  padding: 0px;
  margin: 0;
  list-style: none;
}
.css-treeview ul li ul {
  padding-top: 10px;
  margin-left: -4px;
}
.css-treeview li {
  padding: 8px 4px;
}
.css-treeview li:last-child {
  border-bottom: 0px solid #000 !important;
}
.css-treeview li .ajax {
  display: inline;
}
.css-treeview li .anchor {
  margin-bottom: 5px;
}
.css-treeview input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
.css-treeview input + label + ul {
  margin: 0;
  margin-left: -4px;
}
.css-treeview input ~ ul {
  display: none;
}
.css-treeview input:disabled {
  cursor: default;
  opacity: 0.4;
}
.css-treeview input:checked:not(:disabled) ~ ul {
  display: block;
}
.css-treeview label, .css-treeview label::before {
  cursor: pointer;
  background: url("/css/treeview/expand.png") no-repeat;
}
.css-treeview label,
.css-treeview a,
.css-treeview label::before {
  display: inline-block;
  vertical-align: middle;
}
.css-treeview label {
  background: none;
}
.css-treeview label::before {
  content: " ";
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  vertical-align: middle;
  background: url("../images/treeview/expand.png") no-repeat;
}
.css-treeview input:checked + label::before {
  background: url("../images/treeview/fold.png") no-repeat;
}
.css-treeview input:disabled + label::before {
  background: none;
  margin-left: -15px;
}

/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .css-treeview {
    -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
  }
  @-webkit-keyframes webkit-adjacent-element-selector-bugfix {
    from {
      padding: 0;
    }
    to {
      padding: 0;
    }
  }
}
@font-face {
  font-family: EncodeSans-Regular;
  src: url(../fonts/encode-sans/EncodeSans-Regular.woff2);
}
@font-face {
  font-family: EncodeSans-Medium;
  src: url(../fonts/encode-sans/EncodeSans-Medium.woff2);
}
@font-face {
  font-family: EncodeSans-SemiBold;
  src: url(../fonts/encode-sans/EncodeSans-SemiBold.woff2);
}
body {
  font-family: "EncodeSans-Regular", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  margin: 0;
  padding: 0;
  background: #013b53;
  height: 100%;
  width: 100%;
  letter-spacing: 0.1rem;
}

#wrapper {
  position: relative;
  background: #ededed;
  min-height: 500px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  padding: 20px;
  margin: 0 auto;
  margin-top: 50px;
  border: 1px solid #888;
  margin-bottom: 50px;
  max-width: 500px;
}

#c_name, #c_password, #c_password_confirm, #c_email {
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 80%;
  height: 30px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #eee;
  font-size: 0.8rem;
  max-width: 290px;
}

#c_name:focus, #c_password:focus {
  outline: none;
}

label {
  font-size: 20px;
  font-weight: bold;
  color: black;
}

#btn_login, #btn_resetPasswort {
  background-color: #1493BE;
  /*background:-moz-linear-gradient(top,#4e94d9 0%,#336699);
  background:-webkit-gradient(linear, left top, left bottom, from(#4e94d9),to(#336699));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e94d9', endColorstr='#336699');*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*-moz-box-shadow:0px 3px 4px rgba(000,000,000,0.7);
  -webkit-box-shadow:	0px 3px 4px rgba(000,000,000,0.7);
  box-shadow:	0px 3px 4px rgba(000,000,000,0.7);*/
  margin-left: -5px;
  color: white;
  width: 90%;
  max-width: 300px;
  height: 40px;
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
  cursor: pointer;
}

#hint_password {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
}

#btn_resetPasswort {
  font-size: 13pt;
}

#btn_login:hover, button.demoLogin:hover, #btn_resetPasswort:hover {
  text-decoration: underline;
}

button.demoLogin {
  background: none;
  color: #1493BE;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 0.8rem;
}

.demoBtn {
  width: 150px;
  padding: 10px;
  float: left;
  cursor: pointer;
  text-align: center;
}

a {
  color: #1493BE;
  text-decoration: none;
}