#content input[type=text]{
	border: 1px solid #999;
	border-radius:3px;
	padding:2px;
}

.zoomin img {
      height: 100px;
      width: 100px;
      border: 2px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
      transition: all 2s ease;
    }

    .zoomin img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
      width: 500px;
      height: 500px;
    }

 .fileinput-button {
		  position: relative;
		  overflow: hidden;
		  display: inline-block;
		}
		.fileinput-button input {
		  position: absolute;
		  top: 0;
		  right: 0;
		  margin: 0;
		  opacity: 0;
		  -ms-filter: 'alpha(opacity=0)';
		  font-size: 200px !important;
		  direction: ltr;
		  cursor: pointer;
		}
		
		/* Fixes for IE < 8 */
		@media screen\9 {
		  .fileinput-button input {
		    filter: alpha(opacity=0);
		    font-size: 100%;
		    height: 100%;
		  }
		}
		.btn-danger:hover {
		    color: #fff;
		    background-color: #c9302c;
		    border-color: #ac2925;
		}

		.btn-danger {
		    color: #fff;
		    background-color: #d9534f;
		    border-color: #d43f3a;
		}
		
		.btn-success:hover {
		    color: #fff;
		    background-color: #449d44;
		    border-color: #398439;
		}
		
		.btn-success {
		    color: #fff;
		    background-color: #5cb85c;
		    border-color: #4cae4c;
		}
		
		.btn {
		    display: inline-block;
		    padding: 6px 12px;
		    margin-bottom: 0;
		    font-size: 14px;
		    font-weight: 400;
		    line-height: 1.42857143;
		    text-align: center;
		    white-space: nowrap;
		    vertical-align: middle;
		    -ms-touch-action: manipulation;
		    touch-action: manipulation;
		    cursor: pointer;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    background-image: none;
		    border: 1px solid transparent;
		    border-top-color: transparent;
		    border-right-color: transparent;
		    border-bottom-color: transparent;
		    border-left-color: transparent;
		    border-radius: 4px;
		}
		
		.table-striped > tbody > tr:nth-of-type(2n+1) {
		    background-color: #f5f5f5;
		}
.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
  width: 380px;
  height: 260px; 
  border: 1px solid #e8e8e8;
  backgroundColor: #ff0000;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
  border-radius: 4px;
  padding: 5px;
}


.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;  
  
  backgroundColor: #ff0000;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
  left: 20px;
  -webkit-transform: skew(-3deg) rotate(-3deg);
          transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
          transform: skew(3deg) rotate(3deg);
}

.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #f4f4f4;
}

.signature-pad--body
canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  
  backgroundColor: #ff0000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.signature-pad--footer {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
}

.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 940px) {
 .signature-pad {
 
  backgroundColor: #ff0000;
    width: 280px;
    height: 200px;
  }
}