@font-face {
  font-family: ITCAvantGardeGothicBold;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-Bold.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicBoldCondensed;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-BoldCondensed.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicBoldOblique;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-BoldOblique.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicCEBook;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-CEBook.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicCEBookOblique;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-CEBookOblique.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicCEDemi;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-CEDemi.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicCEDemiOblique;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-CEDemiOblique.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicDemiCondensed;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-DemiCondensed.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicMedium;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-Medium.otf');
  font-display: swap;
}

@font-face {
  font-family: ITCAvantGardeGothicMediumOblique;
  src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-MediumOblique.otf');
  font-display: swap;
}
.containschoolform{
  font-family: 'ITCAvantGardeGothicMedium', sans-serif;
  font-weight: 500;
}
.schoolformwhite{
  padding: 15px;
  
}

.school-form{
  padding: 0px;
  margin:0px;
}
.schoolrequestsubmitdate{

  width: 400px;
}

.schoolcanvaswrapper {
    position: relative;
    width: 400px;
    height: 200px;
    /* -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; */
    user-select: none;
    /* border: solid 1px #ddd; */
    margin: 10px auto;
    /* justify-content: center; */
    /* text-align: center; */
    /* margin: auto; */
  }

  
  .schoolsignature-pad{
    /* width: 100%;
    height: 100%; */
    margin: 0;
    padding: 0;
    border:1px solid #000000;
    
  }

  .clearPad{
    position: relative;
    display: flex;
    align-self: center;
    justify-self: center;
    text-align: center;
    margin: 5px auto 5px auto;
    justify-content: center;
   
    
  }

  .schoolCol{
    /* width: 80%; */
    padding: 0 20px 0 20px;
    /* padding:0px 20px 0px 20px; */
    
  }

  .schoolRow{
    width: 100%;
    padding: 0 20px 0 20px;
    align-items:0 center;
  }

  .strongUnderline{
    font-family: 'ITCAvantGardeGothic-Bold', sans-serif;
    text-decoration: underline;
  }

  .fontBold{
    font-family: 'ITCAvantGardeGothic-Bold', sans-serif;

  }

  @media screen and (max-width: 540px) { 
    .schoolformwhite{
      width: 100%;
      margin: 0 20px 0 0;
    }
  
    .containschoolform{
      width: 100%;
      padding: 0px;
      margin: 0px;
    }
  
    .schoolrequestsubmitdate{
  
      width: 100%;
    }
  
    .schoolcanvaswrapper{
      width: 100%;
    }
   
  } 
  

  
.thankYou p {
  font-size    : 20px;
  color        : #0a431d;
  text-align   : center; 
  padding      : 10px;
  margin-top   : 40px;
  margin-bottom: 20px;
  background   : rgb(255,255,255);
  background   : linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(211,233,219,1) 47%, rgba(255,255,255,1) 100%);
  border       : 0;
}

.error p {
  font-size    : 20px;
  color        : #471e1e;
  text-align   : center;
  padding      : 20px;
  margin-top   : 40px;
  margin-bottom: 20px;
  background   : rgb(255,255,255);
  background   : linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(233,211,211,1) 47%, rgba(255,255,255,1) 100%);
}


/* 
  *{
    border: 1px solid red;
  } */