.container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: inherit;
        padding: 3px;
      }
      form, .sub-container {
        width: 1000px;
        padding: 40px;
        background: #fff;
        box-shadow: 0 2px 5px #ccc; 
        margin:auto;
      }
      #userForm{
          width:auto;
      }
      fieldset {
        padding: 20px 40px !important;
        border: 1px solid #e4e8f5 !important;
      }
      input, select, textarea {
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
      }
      input {
        width: calc(100% - 10px);
        padding: 5px;
      }
      input.fill-blank {
        width: auto;
        border: 0;
        padding: 0px;
        border-bottom: 1px solid #ddd;
        margin:0px;
      }
      select {
        width: 100%;
        padding: 7px 0;
        background: transparent;
      }
      textarea {
        width: calc(100% - 6px);
      }
      .item {
        position: relative;
        margin: 10px 0;
      }
      .item:hover p, .item:hover i, .item:hover li {
        color: #095484;
      }
      input:hover, select:hover, textarea:hover {
        box-shadow: 0 0 5px 0 #095484;
      }
      input.fill-blank:hover {
        box-shadow: none;
      }
      .btn-block {
        margin-top: 20px;
        text-align: center;
      }
      .heading{
          font-weight:800;
      }
    #sig-canvas {
      border: 2px dotted #CCCCCC;
      border-radius: 15px;
      cursor: crosshair;
}