/*!
 * additional CSS for Berichtswesen
 * 
 * last change 03.05.2016
*/

.big {
    font-size: 36px !important;
    }
    
.large   {
    font-size: 44px;
    }

.huge  {
    font-size: 72px;
    }

.contrast {
    background-color: #31424A;
    color: #92A9B8;
    }

.darkgrey {
    background-color: #c0c0c0 !important;    
    }
    
.green {
    background-color: #c0ffc0 !important;            
    }

.red {
    background-color: #ffc0c0 !important;            
    }

.white {
    color: #FFFFFF !important;
    }

.white-back {
    background-color: #ffffff;
    }
    
.fa-7x {
    font-size: 7em;
    color: #00B1EB;
    }
    
.VANR {
    width: 150px !important;
    }
 
.icon-green {
    color: #00c000 !important;
    }    
    
.icon-red {
    color: #c00000 !important;
    }    
    
.nowrap {
    white-space:nowrap;
    }

/*stars*/
    
.stars {
  position: relative;
  display: inline-block;
  border: none;
  font-size: 12px;
  margin: 5px auto;
  
}

.stars input {
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0;
}

.stars label {
  position: relative;
  float: right;
  color: #C8C8C8;
}

.stars label:before {
  margin: -10px 5px 25px 5px;
  content: "\f005";
  font-family: FontAwesome;
  display: inline-block;
  font-size: 2.5em;
  color: #ccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stars input:checked ~ label:before {
  color: #a21e4d; 
}

.stars label:hover ~ label:before {
  color: #771639;
}

.stars label:hover:before {
  color: #a21e4d;
}


/*Media*/

@media (min-resolution: 96dpi) {
    .th180 {
        width: 180px;
    }
}


@media (min-resolution: 115dpi) {
    .th180 {
        width: 210px;
    }
}   

@media (min-resolution: 192dpi), (min-resolution: 250dpi) {
    .th180 {
        width: 360px;
    }
}   


/*
.banner-top {
background-color: #808080;
    background-image: url("../img/hero-BW-welcome.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:240px;
    }
    
.banner-start {
background-color: #808080;
    background-image: url("../img/hero-BW-welcome.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:362px;
    }
    
.img-finanzierung {
    background-image: url("../img/finanzierung.png");
    background-position: center;
    background-repeat: no-repeat;
    height:191px;
    
    }*/
    
    
    
.btn-edit {
  color: #ffffff;
  background-color: #d8d800;
  border-color: #d8d800;
}
.btn-edit:focus,
.btn-edit.focus {
  color: #ffffff;
  background-color: #a58200;
  border-color: #594600;
}
.btn-edit:hover {
  color: #ffffff;
  background-color: #a58200;
  border-color: #9b7a00;
}
.btn-edit:active,
.btn-edit.active,
.open > .dropdown-toggle.btn-edit {
  color: #ffffff;
  background-color: #a58200;
  border-color: #9b7a00;
}
.btn-edit:active:hover,
.btn-edit.active:hover,
.open > .dropdown-toggle.btn-edit:hover,
.btn-edit:active:focus,
.btn-edit.active:focus,
.open > .dropdown-toggle.btn-edit:focus,
.btn-edit:active.focus,
.btn-edit.active.focus,
.open > .dropdown-toggle.btn-edit.focus {
  color: #ffffff;
  background-color: #816600;
  border-color: #594600;
}
.btn-edit:active,
.btn-edit.active,
.open > .dropdown-toggle.btn-edit {
  background-image: none;
}
.btn-edit.disabled:hover,
.btn-edit[disabled]:hover,
fieldset[disabled] .btn-edit:hover,
.btn-edit.disabled:focus,
.btn-edit[disabled]:focus,
fieldset[disabled] .btn-edit:focus,
.btn-edit.disabled.focus,
.btn-edit[disabled].focus,
fieldset[disabled] .btn-edit.focus {
  background-color: #d8aa00;
  border-color: #d8aa00;
}
.btn-edit .badge {
  color: #d8aa00;
  background-color: #ffffff;
}


/* * { 
    font-size: 16px;
    line-height: 1.8;
  }
 */