.error_label{
	color:red; 
	font-size:14px; 
	font-weight:bold; 
	display: block; 
	text-align:center;
	}
	
	.red_star
	{
		color:red;
		font-weight:bold
	}
#viewDiv {
      width: 100%;
      height: 400px;
      border: 1px solid #ccc;
    }
	
#signatureCanvas {
    border:10px solid #000000;
    border-radius: 5px;
    width: 100%;
    height: 200px;
    touch-action: none;
   }

button {
  background-color: rgb(59, 89, 152);
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 18px;
  font-family: sans-serif;  
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}

#prevBtn {
  background-color: #ffc107;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #1E4A6D;
  border: none;   
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: rgb(59, 89, 152);
}

         fieldset{
         width: 100%;
         padding: 0.7rem 1.5rem;
         font-family:  "Inter", sans-serif;
         font-size: 1.25em;
         color: inherit;
         background-color: inherit;
         border: 1px solid silver;
         border-radius: 7px;
         -webkit-box-shadow: var(--input-box-shadow);
         box-shadow: var(--input-box-shadow);
         box-sizing: border-box;
         }
         legend{
         width: auto; 
         font-family:  "Inter", sans-serif;;
         font-size: 15px;
         color: #323840;
         background-color: inherit;
		 font-weight:bold;
         }
         .form-control{
         font-size:14px;
         }


/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

label:has(+ input:required):after {
  content: ' *';
  color: red;
}

.asm-form__footer, .asm-form__header {
  padding: 0.75rem 1rem;
  color: var(--asm-color-secondary-text);
  background-color: white;
}

.asm-form__footer {height:22px;
  border-radius: 0 0 .5rem .5rem;background-color: rgb(59, 89, 152);
}

.asm-form__header {height:24px;
  border-radius: .5rem .5rem 0 0;background-color: rgb(59, 89, 152);
}
 
				
#sig-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  cursor: crosshair;
  width: 100%;

}
.container {
  width: 300px;
  padding: 20px;
  margin: 0 auto;
  font-family: "Inter", sans-serif;
}

.did-floating-label-content {
  position: relative;
  margin-bottom: 20px;
}

.did-floating-label {
  color: #1e4c82;
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 14px;
  top: 11px;
  padding: 0 5px;
  background: #fff;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.did-floating-input, .did-floating-select {
  font-size: 15px;
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 20px;
  background: #fff;
  color: #323840;
  border: 1px solid inherit;
  border-radius: 7px;
  box-sizing: border-box;
}
.did-floating-input:focus, .did-floating-select:focus {
  outline: none; border: 1px solid #1a4fa3;
}
.did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label {
  top: -10px;
  font-size: 13px;
}

select.did-floating-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.did-floating-select::-ms-expand {
  display: none;
}

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
  top: -10px;
  font-size: 13px;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
  top: -10px;
  font-size: 13px;
}

.did-floating-select[value=""]:focus ~ .did-floating-label {
  top: 11px;
  font-size: 13px;
}

.did-floating-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
  background-position: right 15px top 50%;
  background-repeat: no-repeat;
}

.did-error-input .did-floating-input, .did-error-input .did-floating-select {
  border: 2px solid #9d3b3b;
  color: #9d3b3b;
}
.did-error-input .did-floating-label {
  font-weight: 600;
  color: #9d3b3b;
}
.did-error-input .did-floating-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%239d3b3b'/%3E%3C/svg%3E%0A");
}

.input-group {
  display: flex;
}
.input-group .did-floating-input {
  border-radius: 0 4px 4px 0;
  border-left: 0;
  padding-left: 0;
}

.input-group-append {
  display: flex;
  align-items: center;
  /*   margin-left:-1px; */
}

.input-group-text {
  display: flex;
  align-items: center;
  font-weight: 400;
  height: 34px;
  color: #323840;
  padding: 0 5px 0 20px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #3D85D8;
  border-radius: 4px 0 0 4px;
  border-right: none;
}	

:root {
  --asm-default-transition: 300ms;
  --asm-color-facebook: rgb(59, 89, 152);
  --asm-color-twitter: rgb(85, 172, 238);
  --asm-color-google: rgb(219,68,55) ;
  --asm-color-linkedin: rgb(0, 130, 202);
}
:root {
  --asm-color-warning: #ffc107;
  --asm-color-danger: #dc3545;
  --asm-color-dark: #343a40;
  --asm-color-focus: rgba(0, 123, 255, 0.25);
  --asm-color-secondary: #3f5c80;
  --asm-color-accent: #b4c2c9;
  --asm-color-flat: #6a9ed3;
  --asm-color-sidenav-item: rgba(29, 54, 86, .6);
  --asm-color-input-border: rgba(52, 58, 64, .25);
  --asm-color-btn-secondary: #64c3f0;
  --asm-color-background: #fff;
  --asm-color-text: #343a40;
  --asm-color-secondary-text: #fff;
  --asm-color-social: #fff;
}

*,
*::before,
*::after {
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: var(--asm-default-transition);
  transition: var(--asm-default-transition);
}
.cd__main{
    flex-direction: column !important;
    align-items: center;
   background: white;
   margin-top: 0.2rem;
  

   
}
body {
  padding-top: 1rem;
  font-family: sans-serif;
  background-color: #f0f0f0;
}

.asm-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 65rem;
  
 

  margin: -10px auto;
  font-family: inherit;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.15);
  color: var(--asm-color-text);
  background-color: var(--asm-color-background);
  font-size: .8rem;
 
}

.asm-form:not(.active) {
  max-height: 0;
  overflow: hidden;
}

.asm-form__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem 2rem;
  font-family: inherit;
  color: var(--asm-color-text);
  background-color: var(--asm-color-background);
}
 h2{background-color: #1E4A6D;
  border: none;
  color: white;
  padding: 5px 10px;
  font-size: 24px;

  margin-top:0;
 }
.asm-form__footer, .asm-form__header {
  padding: 0.5rem 0.5rem;
  color: var(--asm-color-secondary-text);
  background-color: white;
  height: 30px;
}

.asm-form__footer {
  border-radius: 0 0 .5rem .5rem;

}

.asm-form__header {
  border-radius: .5rem .5rem 0 0;background-color:  #1E4A6D;
}


.asm-form__social-networks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.asm-form__social-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: .5rem 0;
  background-color: var(--btn-bg-color);
  border: none;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.asm-form__social-btn:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.asm-form__social-btn:not(:first-child) {
  margin-left: 1rem;
}

.asm-form__social-btn.facebook {
  --btn-bg-color: var(--asm-color-facebook);
}

.asm-form__social-btn.twitter {
  --btn-bg-color: var(--asm-color-twitter);
}

.asm-form__social-btn.google {
  --btn-bg-color: var(--asm-color-google);
}

.asm-form__social-btn.linkedin {
  --btn-bg-color: var(--asm-color-linkedin);
}

.asm-form__social-icon {
  height: 1.25rem;
}

.asm-form__social-icon .inner {
  fill: var(--asm-color-social);
}

.asm-form__inputbox, .asm-form__leverbox {
  position: relative;
  margin: 0.5rem 0;
  --error-opacity: 0;
  --error-top: -3rem;
  --error-z-index: -1;
  --input-box-shadow: none;
}

.asm-form__inputbox.invalid, .asm-form__leverbox.invalid {
  --error-opacity: 1;
  --error-top: 100%;
  --error-z-index: 10;
  --input-box-shadow: inset 0 0 4px var(--asm-color-warning)
    ;
}

.asm-form__icon {
  position: absolute;
  top: 50%;
  max-width: 1rem;
  color: inherit;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.asm-form__icon.prepend {
  left: 1rem;
}

.asm-form__icon.append {
  right: 1rem;
}

.asm-form__inputlabel {
  position: absolute;
  top: 50%;
  left: 0;
  font-family: inherit;
  color: inherit;
  -webkit-transition: var(--asm-default-transition);
  transition: var(--asm-default-transition);
  -webkit-transform: translate(3rem, -50%);
          transform: translate(3rem, -50%);
}

.asm-form__inputlabel:not(.active) {
  font-size: 1.25em;
}

.asm-form__inputlabel.active {
  top: 0;
  font-size: 1em;
  -webkit-transform: translate(1rem, -100%);
          transform: translate(1rem, -100%);
  color: var(--asm-color-text);
  text-transform: capitalize;
}

.asm-form__error {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: .5rem 1rem;
  z-index: var(--error-z-index);
  top: var(--error-top);
  left: 3rem;
  color: var(--asm-color-warning);
  background: var(--asm-color-danger);
  border-radius: 0.5rem;
  opacity: var(--error-opacity);
}

.asm-form__error::before {
  position: absolute;
  left: 1rem;
  top: -1rem;
  z-index: -1;
  content: '';
  width: .5rem;
  height: .5rem;
  display: block;
  border-width: .5rem;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--asm-color-danger);
  border-left-color: transparent;
  border-style: solid;
}

input, select {
  width: 100%;
  padding: 0.75rem 0.5rem;
  font-family: inherit;
  font-size: 1em;
  color: inherit;
  background-color: inherit;
  border: 1px solid var(--asm-color-input-border);
  border-radius: .3rem;
  -webkit-box-shadow: var(--input-box-shadow);
          box-shadow: var(--input-box-shadow);
    box-sizing: border-box;
}

.asm-form__input::-webkit-input-placeholder {
  color: transparent;
}

.asm-form__input:-ms-input-placeholder {
  color: transparent;
}

.asm-form__input::-ms-input-placeholder {
  color: transparent;
}

.asm-form__input::placeholder {
  color: transparent;
}

.asm-form__input:active, .asm-form__input:focus, .asm-form__input:hover {
  outline: none;
  -webkit-box-shadow: inset 0 0 4px var(--asm-color-sidenav-item);
          box-shadow: inset 0 0 4px var(--asm-color-sidenav-item);
}

.asm-form__leverbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 576px) {
  .asm-form__leverbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 2rem;
  }
}

.asm-form__leverlabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

@media (max-width: 575px) {
  .asm-form__leverlabel {
    margin-bottom: 1rem;
  }
}

.asm-form__lever {
  position: relative;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 2rem;
  height: 1rem;
  margin-right: 1rem;
  background-color: var(--background);
  border: 1px solid var(--asm-color-secondary);
  border-radius: 1rem;
  outline: none;
  -webkit-transition: var(--asm-default-transition);
  transition: var(--asm-default-transition);
  cursor: pointer;
  --background: transparent;
  --ball-background: var(--asm-color-secondary);
  --ball-left: 0.15rem;
}

.asm-form__lever:checked {
  --background: var(--asm-color-secondary);
  --ball-background: #fff;
  --ball-left: calc(100% - .85rem);
}

.asm-form__lever:focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--asm-color-focus);
          box-shadow: 0 0 0 0.2rem var(--asm-color-focus);
}

.asm-form__lever::before {
  position: absolute;
  top: 50%;
  left: var(--ball-left);
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  content: '';
  -webkit-transition: var(--asm-default-transition);
  transition: var(--asm-default-transition);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--ball-background);
  border-radius: 50%;
}

.asm-form__linkbox {
  text-align: right;
}

.asm-form__link {
  text-decoration: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: var(--asm-color-flat);
  font-size: 1em;
}

.asm-form__link:hover {
  color: var(--asm-color-accent);
}

.asm-form__btn {
 
  
  border: none;
  border-radius: 0.3rem;
 
  cursor: pointer;
  
  
  color: white;
  background: rgb(59, 89, 152));
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.asm-form__btn:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

*{ margin: 0; padding: 0;}
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

body{
  min-height: 100vh;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
    
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  background: #68879e;/*#ffc107;*/
}
.cd__intro{
   padding: 5px 10px;
   margin-bottom: 2px;
        flex-direction: column;

}
.cd__intro,
.cd__credit{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #68879e;/* #ffc107;*/
    color: #333;
    line-height: 1.5;
    text-align: center;
}

.cd__intro h1 {
   font-size: 18pt;
   font-weight: bold;
   padding-bottom: 1px;

}
.cd__intro p{
   font-size: 14px;
}

.cd__action{
   text-align: center;
   display: block;
   margin-top: 20px;
}

.cd__action a.cd__btn {
  text-decoration: none;
  color: #666;
   border: 2px solid #666;
   padding: 10px 15px;
   display: inline-block;
   margin-left: 5px;
}
.cd__action a.cd__btn:hover{
   background: #666;
   color: #fff;
    transition: .3s;
-webkit-transition: .3s;
}
.cd__action .cd__btn:before{
  font-family: FontAwesome;
  font-weight: normal;
  margin-right: 10px;
}
.down:before{content: "\f019"}
.back:before{content:"\f112"}

.cd__credit{
    padding: 12px;
    font-size: 9pt;
    margin-top: 40px;

}
.cd__credit span:before{
   font-family: FontAwesome;
   color: #e41b17;
   content: "\f004";


}
.cd__credit a{
   color: #333;
   text-decoration: none;
}
.cd__credit a:hover{
   color: #1DBF73; 
}
.cd__credit a:hover:after{
    font-family: FontAwesome;
    content: "\f08e";
    font-size: 9pt;
    position: absolute;
    margin: 3px;
}
.cd__main{
  background: #fff;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  
}
.cd__main{
    display: flex;
    width: 100%;
}

@media only screen and (min-width: 1360px){
    .cd__main{
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto; 
      padding: 24px;
    }
}