@font-face {
    font-family: "Regular";
    src: url("./fonts/regular/dincond-regular.eot"); /* IE9 */
    src: url("./fonts/regular/dincond-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
     
    url("./fonts/regular/dincond-regular.woff") format("woff"), /* chrome、firefox */
    url("./fonts/regular/dincond-regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
     
    url("./fonts/regular/dincond-regular.svg#Regular") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

html,
body {
  width: 100%;
  height: 100%;
  background-color: #222E3C;
}

.img-box {
  background: url(transparent.png) repeat 0 0;
  display: inline-block;
  margin: 20px;
  border: 1px solid #00A2D3;
  min-height: 200px;
  min-width: 200px;
  position: relative;
}

.panel {
  margin-top: 10%;
}

.static-label {
  width: 90px;
  text-align: left;
  margin-left: 10px;
}

.form-group {
  margin-bottom: 20px !important;
}

.btn {
  margin-right: 20px;
}