.pbs-signature-button{
   width: 6%; 
   height: 150px; 
   padding-top: 60px;
   cursor: pointer;
}

canvas { 
  height: 150px; 
  width: 85%; 
  display: block;
  border: 1px solid #ddd;
}

.pbs-item-new{
  color: blue;
  text-align: right;
  font-style: italic;
}


.pbs-link-web{
  text-decoration-line: underline;
}

.pbs-link{
  color: #1313c1;
  cursor: pointer;
  width: 80%;
}

.pbs-link:focus{
    outline: none;
}

.pbs-help-icon{
  padding-top: 7px;
  padding-right: 1px;
  padding-left: 1px;
  color: #0a63b1;
  cursor: pointer;
  border: solid 1px #ced4da;
  border-left: none;
}

.form-control:disabled, .form-control[readonly] {
   background:white;
}
#pbs-state-bar{
   cursor: pointer;
   margin-top: 5px;
}

#pbs-state-bar-icon{
  margin: 2px;
  padding-left: 3px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.pbs-state-bar-icon{
  padding-top: 7px;
  color: red;
  cursor: pointer;
}

.pbs-state-bar-message{
    font-size: 12px;
    padding-left: 5px;
    padding-top: 6px;
}

.pbs-control-block{
    color: gray;
    font-size: 13px;
    align-items: center;
}

.pbs-total-field{
	font-size: large;
  font-weight: bold;
}

.pbs-total-field-label{
    color: lightcoral;
}

.pbs-form-control-input{
}
.pbs-z-index-control{
	z-index: 900;
}

.pbs-border-radius-none{
	 border-radius: none !important;
}

.form-control{
	border-radius: 0 !important;
}

.pbs-invalid{
	padding-top: 7px;
    color: red;
    cursor: pointer;
}

.pbs-lookup-valid{
	color: #1313c1;
    text-decoration-line: underline;
    cursor: pointer;
}

.pbs-tooltip:hover:after{
  background: #333;
  background: rgba(0,0,0,.9);
  border-radius: 5px;
  bottom: 26px;
  color: rgb(255, 77, 85);
  content: attr(title);
  right: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
}

.pbs-tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    right: 50%;
    position: absolute;
    z-index: 99;
}

.pbs-tooltip {
  radius: 4px !important;
  background-color: black;
   color: rgb(255, 77, 85) !important;
  padding: 5px 20px;
  border-radius: 20px;
  margin: 50px;
  text-align: center;
  font: bold 14px ;
  font-stretch: condensed;
  text-decoration: none;
  box-shadow: 0 0 10px black;
}

.form-group > label{
  font-size: 12px;
}

.form-group > input{
  font-size: 12px;
}