body{
  font-family:Helvetica;
}

#container{
}

/* wrapper around list element*/
.mb_wfl_listelement{
  padding:10px;
}

.mb_wfl_listelement div{
    display: inline-block;
}

.mb_wfl_listelement div label{
    display:block;
}

/**
* INput fields
**/
.mbr_labledInputField{
  margin-bottom: 10px;
  width: 100px;
}

.mbr_labledInputField label{
  display:inline-block;
}

.mbr_labledInputField_wrapper{
  display:inline-block;
  background-color:#fff;
  width: 80px;
  border-radius: 5px;
  border: 1px solid rgb(166, 166, 166);
  height: 38px;
  line-height: 38px;
}


.mbr_labledInputField_wrapper input[type='text']{
  background-color:transparent;
  width: 50px;
  border:0;
  height:35px;
  /*font-size: 16px;*/
  text-align: right;
}

.mbr_labledInputField_wrapper input:focus{
  outline: none;
}

.mb_room_pos_select{
  width:60px !important;
}


input{
  width:50px;
  height: 35px;
  font-size: 16px;
  background-color: #fcfcfc;
  border-radius: 5px;
}

select{
   width: 150px;
   height: 40px;
   font-size: 16px;
   background-color: #fcfcfc;
}
.mb_room_height_select{
  width: 220px;
}
.mb_room_factor_select{
  width: 250px;
}

#listDiv{
   padding-bottom: 40px;
}

.mb_room_pos_select{
    width:50px;
}

.md_wfl_listelement div button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.btn_del{
    background-color:#ff615b!important;
    width:30px;
    height:30px;
    color:#fff;
    font-size:20px;
    border-radius:30px;
    border:none
}

.btn_del:hover{
    background-color: #f48b8b !important;
}

#btnPrintPdf{
  background-color: #E72C36!important;
  color: #fff;
  font-size: 20px;
  padding: 10px;
  line-height: 20px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 20px;
  border:none;
}

#btnPrintPdf:hover{
 background-color: #E72C36 !important;
}

#btnAdd{
  background-color: #E72C36!important;
  color: #fff;
  font-size: 20px;
  padding: 10px;
  line-height: 20px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 30px;
  border:none;
  margin-left:10px;
}

#btnAdd:hover{
 background-color: #E72C36 !important;
}
button:hover {
    background-color: #E72C36 !important;
    color: white;
}
.mbr_result{
  font-size: 22px;
  font-weight: bold;
  margin-left:10px;
}

#resultArea{
  margin-bottom:20px;
}

#sumField{
  margin-left: 20px;
  margin-right: 5px;
}

.mbr_div_result{
  margin-left:10px;
  margin-right:10px;
}

.mbr_lbl_result{
  margin-bottom: 8px;
}

.mbr_spn_result{
  font-size:18px;
  color: #fff!important;
}