body {
    
    background-color: #e9e9e9;
    font-size: 0.8vw;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Roboto', sans-serif;
}


.grid-1{
    display: grid;
    grid-template-columns: 1fr;
}
.btn {
    font-size: 0.8vw;
}


.h4, h4 {
    font-size: 0.9vw;
}


body.dispostart{
    background:  top / contain no-repeat url("/assets/img/dispopanelstartBg.png");
    background-color: #e9e9e9;
}

.well {
    padding: 10px;
}
.header-fixed {
    padding-top: 6vh;
}

.form-control {
    font-size: 16px;
}

a {
    color: #3975A3;
}

.dispoUebersichtTitel{
    font-size: 0.9vw;
    font-weight: bold;
    text-transform: uppercase;
}

.bettenzahl{
    font-size: 0.9vw;
    font-weight: normal;
    margin-top: -0.3vw;
}

.bettenzahl b{
    font-size: 1.2vw;
}

.padded8{
    padding: 8px;
}
.padded, .padded16{
    padding: 16px;
}
.padded24{
    padding: 24px;
}
.padded32{
    padding: 32px;
}

.padded2vw{
    padding: 2vw;
}


.grid-dispo{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}

.grid-station{
    display: grid;
    grid-template-columns: 1fr 5fr;
}

.grid-status{
    display: grid;
    grid-template-columns: 1fr 3fr 3fr 3fr 1fr;
}
.grid-thumbnailList{
    display: grid;
    grid-template-columns: 1fr 4fr 3fr;
    grid-gap: 8px;
}


.grid-thumbnailListBearbeiten{
    display: grid;
    grid-template-columns: 1fr 6fr;
    grid-gap: 8px;
}


.grid-schicht{
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-gap: 8px;
}

.grid-auslastungGanzeSchicht{
    display: grid;
    grid-template-columns: 6vw 1vw 1vw 1vw;
    grid-gap: 1vw;
    font-size: 0.8vw;
}

.grid-auslastungZone{
    display: grid;
    grid-template-columns: 1vw 3vw 7vw;
    grid-gap: 0.5vw;
    font-size: 0.8vw;
}


.popover{
    max-width: 14vw;
}

.schichtpadding{
    padding: 1vh 1.8vw 0;
}

.text-success{
    color: #01B050;
}
.text-warning{
    color: #FFA500;
}
.text-danger{
    color: #FF0000;
}

#disponavi{
    display: grid;
    grid-template-columns: 1fr 8fr 6fr 2fr 4fr 4fr;
    grid-gap: 8px;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
    height: 2.73vh;
    z-index: 800;
    top: 0;
    position: absolute;
    width: 100vw;
}

.dispoNavi {
    padding: 0 1vw;
    border-bottom: 2px solid transparent;
    text-align: center;
    display: inline-block;
    height: 2.73vh;
    vertical-align: bottom;
    line-height: 2.73vh;
}
.dispoNavi.active {
    border-bottom: 2px solid #43749D;
}

.btn.btn-dispoNavi{
    padding: 0 12px;
    line-height: 2.73vh;
}


.btn.btn-text{
    background: transparent;
}
.zone1, .zone2{
    border-left: 0.4vw solid #A07DCF;
    padding: 0.2vw 0.4vw
}

.zone3, .zone4, .zone5{
    border-left: 0.4vw solid #30ACBF;
    padding: 0.2vw 0.4vw
}

.zone6, .zone7{
    border-left: 0.4vw solid #FC8511;
    padding: 0.2vw 0.4vw
}

.card-block.zone0 {
    border: none;
    background-color: #ccc;
    color: #000;
    line-height: 1.2vw;
    vertical-align: middle;
    padding: 0;
}

.card-block.zone1, .bgZone1 {
    border: none;
    background-color: #A07DCF;
    color: #fff;
}

.card-block.zone2, .bgZone2  {
    border: none;
    background-color: #30ACBF;
    color: #fff;
}

.card-block.zone3, .bgZone3  {
    border: none;
    background-color: #FC8511;
    color: #fff;
}






.borderBottom{
    border-bottom: 1px solid #ccc;

}


.borderTop{
    border-top: 1px solid #E8C1BC;

}


.zoneWhite{
    border-left: 0.4vw solid #fff;
    padding: 0.2vw 0.4vw
}

.grid-schicht .card{
    margin-bottom: 0;
}

.maRow {
    padding: 0.2vw 0;
}

@media (min-width: 1000px){
    .modal-dialog {
        width: 50vw;
        margin: 10vw auto;
    }
}

.grid-bettheader{
    display: grid;
    grid-template-columns: 1.3vw 1fr;
    grid-gap: 0.4vw;
}


.grid-7to1{
    display: grid;
    grid-template-columns: 7fr 1fr ;
    grid-gap: 0.4vw;
}


/*.gesperrt{
    background-image: linear-gradient(45deg, #b3b3b3 1.61%, #f6f6f6 1.61%, #f6f6f6 50%, #b3b3b3 50%, #b3b3b3 51.61%, #f6f6f6 51.61%, #f6f6f6 100%);
    background-size: 43.84px 43.84px;
}*/

.reserviert, .gesperrt{
    background-color: #f0f0f0;
}

.grid-zimmer{
    display: grid;
    /* BEste Platzausnutzung */
    /*grid-template-rows: 3.4vh minmax(90px, auto) minmax(90px, auto);*/
    grid-template-rows: 3vh 1fr 1fr;
    grid-gap: 0;
}
.grid-notfall{
    display: grid;
    grid-template-rows: 1.2vw minmax(90px, auto) ;
    grid-gap: 0;
}
.grid-login {
    display: grid;
    grid-template-columns: 3.5vw 11vw 11vw auto;
    grid-gap: 2vw;
}

.grid-auto-n{
    display: grid;
    grid-template-columns: minmax(1vw, auto) 1fr;
    grid-gap: 0.25vw;
}

.teststatus-offen i{
    color:#297dcc;
}



.teststatus-offen i{
    color:#297dcc;
}

.teststatus-offen .md-chip{
    background-color:#C4DDF4;
}


.teststatus-offen .md-chip .noshow{
    color:#C4DDF4;
}



.teststatus-amlaufen .md-chip{
    background-color: #ffe6d1;
}


.teststatus-amlaufen i{
    color: #FB7D19;
}

.teststatus-erledigt i{
    color:#0a0;
}


.teststatus-erledigt .md-chip{
    background-color:#CFE6AD;
}
.teststatus-erledigt .md-chip .noshow{
    color:#CFE6AD;
}



.micropadding {
    height: 0.4vw;
}


.nanopadding {
    display: block;
    height: 0.2vw;
}



.card-block.noLeftPadding{
    padding: 0.2vw 0.4vw 0.2vw 0;
}

.card-block.noPadding{
    padding: 0;
}

.patientenInfo {
    padding: 0 0 0  0.4vw ;
}



.truncate {
    /* width: 98%; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}








.md-chip {
  display: inline-block;
  background: #e0e0e0;
  padding: 0 0.4vw;
  border-radius: 0.2vw;
  font-size: 0.7vw;
  min-width: 1.5vw;
}

.md-chip span {
    /*border-left: 1px solid #fff;*/
    padding-right: 3px;
}
.md-chip span:last-child {
    /*border-left: 1px solid #fff;*/
    padding-right: 0 ;
}

.md-chip span{
}

.md-chip.md-chip-hover:hover {
  background: #ccc;
}

.md-chip-clickable {
  cursor: pointer;
}

.md-chip, .md-chip-icon {
  height: 1vw;
  line-height: 1vw;
}

.md-chip-icon {
  display: block;
  float: left;
  background: #009587;
  width: 1.2vw;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: -0.05vw 8px 0 -0.8vw;
  font-size: 0.7vw;
}

.md-chip-remove {
  display: inline-block;
  background: #aaa;
  border: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 0;
  margin: 0 -4px 0 4px;
  cursor: pointer;
  font: inherit;
  line-height: 20px;
}
.md-chip-remove:after {
  color: #e0e0e0;
  content: 'x';
}
.md-chip-remove:hover {
  background: #999;
}
.md-chip-remove:active {
  background: #777;
}

.md-chips {
  /*padding: 12px 0;*/
}
.md-chips .md-chip {
  /*margin: 0 5px 3px 0;*/
}

.md-chip-raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

*, *:before, *:after {
  box-sizing: border-box;
}



.md-chip.md-chip-Medizin, .progress-bar-medizin, .bettheader-Medizin, .md-chip-imed {
    background-color: #D1E8FF;
    color:#000;
}

.md-chip.md-chip-Chirurgie, .progress-bar-chirurgie,  .bettheader-Chirurgie, .md-chip-ichi  {
    background-color: #FFD1D1;
    color:#000;
}


.med{
    background-color: #D1E8FF;
    color:#000;
}

.chir{
    background-color: #FFFF00;
    color:#000;
}
.onko, .md-chip-trapsy{
    background-color: #FFC000;
    color:#000;
}
.gyn{
    background-color: #FF99FF;
    color:#000;
}
.progress-bar-frei {
    background-color: #fff;
    color:#000;
}

.progress-bar-gesperrt {
    
    /*background-image: linear-gradient(45deg, #b3b3b3 2%, #f6f6f6 2%, #f6f6f6 50%, #b3b3b3 50%, #b3b3b3 52%, #f6f6f6 52%, #f6f6f6 100%);
    background-size: 20px;*/
    background-color: #e0e0e0;
    color: #000;
}


.md-chip.md-chip-Allergien, .md-chip.md-chip-ISO, .md-chip.md-chip-minus {
    background-color: #f00;
    color: #fff;
    border-radius: 3.2vw;
}

.md-chip.md-chip-plus {
    background-color: #01B050;
    color: #fff;
    border-radius: 3.2vw;
}


/* Eintritt */
.status1{
    background-color: #fff;
    border: 1px solid #ccc;
}
/* Ersttriage */
.status2{
    background-color: #FFDCBF;
}
/* Unterbr. */
.status3{
    background-color: #F9BBBB;
}
/* Erstkontakt */
.status4{
    background-color: #C9BCF2;
}
/* Zweittriage */
.status5{
    background-color: #DBEFF2;
}
/* Behandlung */
.status6{
    background-color: #C4DDF4;
}
/* Vor Austritt */
.status7{
    background-color: #CFE6AD;
}
/* Ausgetreten */
.status8{
    background-color: #CFE6AD;
}


.card-block.transparentBorder .grid-bettheader {
    border-top: 2px solid transparent;
}

.esi{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    /*top:-0.2vw;
    font-size: 1vw*/
}
/* Unassigned */
.esi0{
    background-color: #eee;
    color: #000;
}
.esi0light{
    background-color:  rgba(200,160,200, 0.14);
    border-top: 2px solid rgba(200,160,200, 1);
}

/* Resuscitation */
.esi1{
    background-color: #C60001;
    color: #fff;
}
.esi1light{
    background-color:  rgba(255 ,0, 0, 0.14);
    border-top: 2px solid rgba(255 ,0, 0, 1);
}

/* Emergency */
.esi2{
    background-color: #F3741B;
    color: #fff;
}
.esi2light{
    background-color: rgba(251,125,25, 0.14);
    border-top: 2px solid rgba(251,125,25, 1);
}

/* Urgent */
.esi3{
    background-color: #FAD200;
    /*fbe319*/
    color: #000;
}
.esi3light{
    background-color: rgba(251,227,25, 0.14);
    border-top: 2px solid rgba(251,227,25, 1);
}

/* Less urgent */
.esi4{
    background-color: #2B9E43;
    color: #fff;
}
.esi4light{
    background-color: rgba(0,165,79, 0.14);
    border-top: 2px solid rgba(0,165,79, 1);
}

/* Not urgent */
.esi5{
    background-color: #167DD7;
    color: #fff;
}
.esi5light{
    background-color: rgba(0,173,241,0.14);
    border-top: 2px solid rgba(0,173,241,1);
}

/* Deceased */
.esi6{
    background-color: #333;
    color: #fff;
}
.esi6light{
    background-color: rgba(0, 0, 0, 0.14);
    border-top: 2px solid rgba(0, 0, 0, 1);
}

.grid-warteraum-notfall{
    display: grid;
    grid-template-columns: 227px 1fr;
    grid-gap: 4px;
}

.grid-notfall-desktop{
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 240px) ) ;
    font-size: 15px;
}

.grid-notfall-desktop .grid-notfall {
    display: grid;
    grid-template-rows: 20px minmax(90px, auto);
    grid-gap: 0;
}

.grid-notfall-desktop .card-block.zone0{
    line-height: 20px;
    vertical-align: middle;
}

.grid-notfall-desktop .md-chip {
  padding: 0 8px;
  border-radius: 3px;
  font-size: 14px;
  min-width: 15px;
}
.grid-notfall-desktop .md-chip {
  height: 18px;
  line-height: 18px;
}

.grid-notfall-desktop .grid-bettheader{
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-gap: 0.4vw;
}
.grid-notfall-desktop .esi{
    top: 0;
    font-size: 20px;
}
.grid-notfall-desktop .nanopadding{
    height: 4px;
}

.grid-notfall-desktop .grid-auto-n {
    display: grid;
    grid-template-columns: minmax(18px, auto) 1fr;
    grid-gap: 0 4px;
}

.grid-3tests {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-gap: 4px;
}

.grid-notfall-desktop .card {
    margin-bottom: 0;
}

.grid-notfall-desktop .card-block.noLeftPadding{
    padding: 0;
}


.grid-notfall-desktop .card.besetzt {
    display: grid;
    grid-gap: 0;
    grid-template-rows: 20px 1fr 18px ;
}




.grid-notfall-desktop.v2{
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(auto-fill, minmax(214px, 1fr) ) ;
    font-size: 12px;
}


.grid-notfall-desktop.v2 .md-chip {
  padding: 0 8px;
  border-radius: 10px;
  font-size: 12px;
  min-width: 15px;
}
.grid-notfall-desktop.v2 .md-chip {
  height: 18px;
  line-height: 18px;
}

/*.grid-notfall-desktop .grid-bettheader{
    display: grid;
    grid-template-columns: 30px 1fr auto;
    grid-gap: 0.4vw;
}*/

.grid-notfall-desktop.flexbox {
    flex-flow: row wrap;
    justify-content: flex-start;
}
.flexbox .card-block.gesperrt, .flexbox .card-block.leer, .flexbox .card-block.reserviert {
    /*width: 120px;
    min-width: 120px;
    max-width: 120px;*/
}
.flexbox > div{
    margin: 4px 2px;
    justify-content: flex-start;
}

.flex-1.card.besetzt {
    min-width: 221px;
    /*max-width: 221px;*/
}

.flex-1.card.leer, .flex-1.card.reserviert, .flex-1.card.gesperrt {
    max-width: 120px;
}



.grid-notfall-desktop.v2 .esi{
    font-size: 20px;
}

.grid-notfall-desktop .patientenInfo {
    padding: 4px 8px ;
}


#desktopAlt{
    background: url('/assets/img/notfall_desktop.png') repeat;
    width: 100%;
    height: 521px;
}

.esitime{
    /*background-color: rgba(251,227,25, 1);*/
    background-color: yellow;
    /*border: 1px solid #f00;*/
    display: inline-block;
    padding: 0 8px;
    font-weight: bold;
    margin-bottom: 4px;
    /*color: #f00;*/
}

.patientenaufwand {
    margin-bottom: 8px;
}
.patientenaufwand div{
    height: 0.8vw;
}
.patientenaufwand .aufwand0{
    border-bottom: 1px dashed #000;
}
.patientenaufwand .aufwand1{
    border-bottom: 2px solid #01B050;
}
.patientenaufwand .aufwand2{
    border-bottom: 4px solid #FFA500;
}
.patientenaufwand .aufwand3{
    border-bottom: 6px solid #F00;
}

.testTag{
    display: inline;
    padding: 0 4px;
    margin:0;
}
.testTag.offen{
    color: #fff;
    background-color: #C60001;
}
.testTag.erledigt{
    color: #000;
    background-color: #CFE6AD;
}
div.minus{
    color: #f00;
}


.grid-cockpit{
    display: grid;
    grid-template-columns: 16vw 1fr;
}

.grid-cockpitStation{
    display: grid;
    grid-template-columns: 10vw 1fr 2vw;
}

.grid-cockpitStationUebersicht{
    display: grid;
    grid-template-columns: 7vw 8vw;
}

.grid-stationsHeader{
    display: grid;
    grid-template-columns: 8vw 8vw 8vw 1fr;
    grid-column-gap: 0;
}
.dispostart .well{
    margin-bottom: 0.2vw;
    padding:  8px 10px 4px;
}
.dispostart .well.overview{
    margin-bottom: 0.2vw;
    padding:  8px 10px 0px ;
    max-width: 47vw;

}

.grid-auto1{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 0.4vw;
}


.cockpitHeader {
    margin-left: 10px;
    margin-bottom: 0.4vw;
    font-size: 1vw;
}
.cockpitHeader div{
    display: inline-block;
    margin-right: 2vw;
}


.cockpitZimmerliste{
    display: grid;
    grid-template-columns: repeat(auto-fill, 4.8vw);
    grid-column-gap: 0.4vw;
}
.cockpitZimmer .card{
    margin: 0;
}

.cockpitBett{
    border-top: 1px solid #e0e0e0;
}

.leerfirst{
    background-color: #cfc; border:1px solid #090;
}
.leerfollowing{
    background-color: #cfc; border:1px solid #090;
    border-top: none;
    /*border-top: 1px solid #e0e0e0;*/

}

.huddle1{
    background-color: #92D050;
    color: #fff;
}
.huddle2{
    background-color: #ff0;
    color: #000;
}
.huddle3{
    background-color: #2F75B5;
    color: #fff;
}
.lowlight{
    /*opacity: 0.5;*/
    background-color: #f5f5f5;
}

.cockpit-openicon{
        top: -0.35vw;
    position: relative;
}
.font1vw{
    font-size: 1vw;
}
.font08vw{
    font-size: 0.8vw;
}
.pl10{
 padding-left: 10px;
}

.well .table.table-plain {
    background-color: transparent;
    margin-bottom: 0; 
}
.inlineStats{
    padding: 0 1vw 12px 0;
}

.bettenstat0 {
  position: absolute;
    top: -13px;
    left: 48px;
    width: 24px;;
}
.bettenstat1 {
  position: absolute;
    top: -13px;
    left: 194px;
    width: 24px;;
}
.bettenstat2 {
  position: absolute;
    top: -13px;
    left: 350px;
    width: 24px;;
}
.posrel{
    position: relative;
}

.statsWell {
    max-width: 450px;
    margin: 12px 0;
    background: #fff;
    border-color: #ccc;

}


.grid-bettenUndBelastung {
    display: grid;
    grid-template-columns: 1.5vw 1fr;
}


@media (max-width: 1300px){
    body, .font1vw,.cockpitHeader,.dispoUebersichtTitel{

    font-size: 16px;
    }

    .font08vw{
        font-size: 14px;
    }
    .dispostart .well.overview {
        max-width: 80vw;
    }
    .grid-stationsHeader {
        display: grid;
        grid-template-columns: 9.5vw 9.5vw 9.5vw 1fr;

    }

    .grid-bettenUndBelastung {
        display: grid;
        grid-template-columns: 26px 1fr;
    }
    .md-chip small{
        font-size: 0.8vw;
    }

}

.detail-labels {
    width: 50%;
    float: right;
}
.detail-labels.table-condensed>tbody>tr>td {
    text-align: right;
    padding-right: 1vw;
}
.detail-labels.table>tbody>tr:first-child>td,
.detail-daten.table>tbody>tr:first-child>td{
    border-top: none;
}

.stationsDetails table.table.table-condensed tr td:first-child {
    padding-left: 0;
}

.wechsel00:before{
    content:'Wechsel';
    position: absolute;
    left: -140px;
}

.detail-daten, .detail-labels {
    margin-top: 0.3vw;
}

.schichtstatus1.statusActive {
    border-bottom: 2px solid  #01B050;
}

.schichtstatus2.statusActive {
    border-bottom: 2px solid  #FFA500;
}

.schichtstatus3.statusActive {
    border-bottom: 2px solid  #FF0000;
}