/* 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; }

/*COLOR END*/
/*
 * 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: .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.ttf); }

@font-face {
  font-family: EncodeSans-Medium;
  src: url(../fonts/encode-sans/EncodeSans-Medium.ttf); }

@font-face {
  font-family: EncodeSans-SemiBold;
  src: url(../fonts/encode-sans/EncodeSans-SemiBold.ttf); }

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_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; }

#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; }