#map-canvas {
   font-family: 'Roboto','sans-serif';
   height: 100%;
   margin: 0px;
   padding: 0px;
}

#steps-panel {
   line-height: 30px;
   padding-left: 10px;
}

   #steps-panel select, #steps-panel input {
      font-size: 15px;
   }

   #steps-panel select {
      width: 100%;
   }

   #steps-panel i {
      font-size: 12px;
   }

#summary-panel {
   text-align: center;
   padding: 10px;
   width: 100%;
   height: auto;
   min-height: 70px;
   background: #EEEEEE;
   color: #2C2C2C;
   display: none;
   -webkit-box-shadow: 0px 18px 25px -15px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 18px 25px -15px rgba(0,0,0,0.5);
   box-shadow: 0px 18px 25px -15px rgba(0,0,0,0.5);
}

#steps-panel {
   height: 100%;
   width: 100%;
   float: right;
   display: none;
}

#WarningLabel {
   color: red;
}

@media print {
   #map {
      height: 500px;
   }

   #steps-panel {
      float: none;
      width: auto;
   }
}