@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
  font-family: "Poppins", serif;
  font-weight: 500;
}
.signature-popup.modal-content{
  background: #fff;
  padding: 50px;
  border-radius: 0;
}
.signature-popup p{font-size: 14px; font-weight: 500; color: #333;}
.mt-150{
margin-top: 150px;
}
.mt-50{
  margin-top: 50px;
  }
.main_detail_edit{
  border-radius: 0px;
  padding: 40px;
}
.form_detail h2{
  font-size: 30px;
  text-decoration: underline;
  color: #000;
  text-align: center;
   margin-bottom: 30px;
  font-family: "Poppins", serif;
  font-weight: 600;
}
.form_detail img{
  text-align: center;
}

.form_detail h5{
  font-size: 22px;
  font-family: "Poppins", serif;
  font-weight: 600;
  margin-bottom: 20px;
}

.outer-part{
padding: 50px;
    border: 2px solid var(--secondary-color);
}
.custom-form-boot{margin-top: 30px;}

.custom-form-boot h5{
  font-size: 17px;
  font-family: "Poppins", serif;
  font-weight: 600;
  margin-bottom: 20px;
}
.custom-form-boot .form-control {
  box-shadow: inherit;
  background: #bcd8f0;
  border-radius: 0;
  border: 0;}
  .date-flex{
    display: flex;
    align-items: center;
  }
  #entry_date{
    height: 100px;
  }
  .custom-form-boot input::placeholder{
color: #666;
  }
  .sing_nature .close{
    opacity: 1;
    font-size: 14px;
    z-index: 3;
    cursor: pointer;
    position: relative;
    color: #333;
    padding: 5px;
    font-weight: 500;
  }
    #signatureCanvas,#typesignatureCanvas, #show_signature{
        border: 1px solid #ccc;         }
        #type_signature .form-control{border-radius: 0px;
    height: 100px; margin-right: 10px;}
    #draw_signature canvas{
      width: 550px;
    }   
    .dashbord-success h3{
      font-size: 25px;
      font-weight: 600;
      font-family: "Poppins", serif;
      margin-bottom: 30px;
      color: #111;
    }
    .dashbord-success h3 i,  .dashbord-success h4 i{
      color: var(--secondary-color);
    }
    .dashbord-success .text-sec{        
      color: #111;
    background: #b8e0f2;
    border-left: 2px solid #2196f3;
    border-right: 2px solid #2196f3;
    padding: 10px;

    }
    .dashbord-success h4{
      font-size: 15px;
      font-weight: 500;
      font-family: "Poppins", serif;
      margin-bottom: 5px;
      color: #333;
    }
    .pdf-detail {font-weight: 600;
    margin-bottom: 0px;
  display: flex;
  font-size: 13px;
  margin-bottom: 5px;  
  }
    .pdf-detail span{
      border-bottom: 1px solid #666;
    font-weight: 400;
    /* width: 100%; */
    flex-grow: 1;
    margin-left: 5px;
    color: #666;
    }
    .pdf-outer-part{
      padding: 30px;
      border: 2px solid #222;
    }
    .pdf_main {
      border-radius: 0px;
      padding: 0px;
  }
.ref-detail p{font-size: 9px; margin: 5px 0px; line-height: 10px;}
.ref-detail strong{display: block;}
.sign-flex {
 display: flex;
 }
  @media screen and (max-width: 767px){
    #draw_signature canvas {
      width: 460px;
  }
    .outer-part{
      padding: 15px;
    }
    .main_detail_edit{
      padding: 15px;
    }
   
}

@media screen and (max-width: 480px){
  .dashbord-success h3{font-size: 20px;}
  #type_signature .form-control{
    margin-bottom: 10px;
    height: 50px;
    margin-right: 0px;
  }
  #draw_signature canvas {
    width: 270px;
}
 #typesignatureCanvas{
  width: 270px;
}
  #type_signature_button .btn, #draw_signature_button .btn{
    margin-bottom: 3px;
  }
  .sign-flex {
   flex-wrap: wrap;
  }

  .form_detail h5, .custom-form-boot h5 {
    font-size: 15px;}

.form_detail h2 {
  font-size: 25px;
}
}