.bg-widget{
  background-color: #5C187F;
}
/* .widget-myself-font-size, .widget-myclient-font-size{
  border: 3px solid white;
} */
.widget-myself-font-size, .widget-myclient-font-size, .start-application-font-size{
  font-size:1.0em;
  /* font-size:1.2em;*/
}
.show-div-when-not-pending-signature, .show-div-when-pending-signature {
  box-sizing: border-box;
  box-shadow: 0px 4px 4px #959595;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  .bg-widget{
    background-color: #f8f9fb;

  }
  .widget-myself-font-size, .start-application-font-size{
    font-size: 1em;
  }
  .widget-myclient-font-size{
    font-size: 0.9em;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .bg-widget{
    background-color: #f8f9fb;
  }
  .widget-myself-font-size, .start-application-font-size{
    font-size: 1em;
  }
  .widget-myclient-font-size{
    font-size: 0.9em;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .bg-widget{
    background-color: #f8f9fb;
  }
  .widget-myself-font-size, .start-application-font-size{
    font-size: 1em;
  }
  .widget-myclient-font-size{
    font-size: 0.9em;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .bg-widget{
    background-color: #5C187F;/* #5C187F; /*#5C187F;*/
  }
  .widget-myself-font-size, .start-application-font-size{
    font-size: 0.8em;
  }
  .widget-myclient-font-size{
    font-size: 0.7em;
  }
  
  .widget-custom-font-size-header{
    font-size: 23px !important;
  }
}

 /* Custom Size (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1250px) {
  .bg-widget{
    background-color: #5C187F;/* #5C187F */
  }
  .widget-myself-font-size, .start-application-font-size{
    font-size: 0.8em;
  }
  .widget-myclient-font-size{
    font-size: 0.7em;
  }
  .widget-custom-font-size-header{
    font-size: 23px !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1250px) {
  .bg-widget{
    background-color: #5C187F; /* #5C187F */
  }
 }