form {
  position: relative;
  width: 100%;
}
.form-control {
  color: black;
  background: no-repeat bottom, 50% calc(100% - 1px);
  background-size: 0 100%, 100% 100%;
  border: 0;
  height: 36px;
  transition: background 0s ease-out;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  font-size: 14px;
}
.btn.btn-primary {
  color: #fff;
  background-color: #1b2576;
  border-color: #1b2576;
  border-color: #1b2576;
  box-shadow: 0 2px 2px 0 rgba(39, 64, 176, 0.14), 0 3px 1px -2px rgba(60, 39, 176, 0.2), 0 1px 5px 0 rgba(39, 76, 176, 0.12);
}
.bootstrap-datetimepicker-widget table td.active:hover>div, .bootstrap-datetimepicker-widget table td.active>div {
  background-color: #1b2576;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #1b2576;
}
.bootstrap-datetimepicker-widget a[data-action] , .input-group-addon {
  color: #1b2576;
}
.bootstrap-datetimepicker-widget a[data-action] {
  color: #1b2576;
}
select.form-control {
  padding: 0 1rem;
}
.form-control {
  background-image: linear-gradient(0deg, #e01a00 2px, #f4433600 0), linear-gradient(0deg, #1b2576 1px, #d1d1d100 0);
}
.form-control.invalid {
  background-image: linear-gradient(0deg, #e01a00 2px, #f4433600 0), linear-gradient(0deg, #B71C1C 1px, #d1d1d100 0);
}
.form-control, .is-focused .form-control {
  background-image: linear-gradient(0deg, #1b2576 2px, #9c27b000 0), linear-gradient(0deg, #1b2576 1px, #d1d1d100 0);
}
.form-control-label {
  font-size: 0.75rem;
  color: #162454;
}
.form-row div {
  text-align: start;
}
.g-recaptcha>div {
  margin: 0 auto;
}
#submit {
  color: #fff;
  background-color: #162454;
  border-color: #162454;
  box-shadow: none;
  border-radius: 2rem;
  text-transform: uppercase;
  padding: 0.8rem 0 2rem 0;
}
#submit:hover {
  box-shadow: 2px 3px 8px #00000073;
}
#submit:disabled {
  background-color: #b9bee7;
  border-color: #b9bee7;
  background-image: none;
}
#submit:disabled:hover {
  box-shadow: none;
}
form span.text-danger {
  position: unset;
  padding: 0;
  cursor: default;
  font-size: 0.8rem;
}
form span.text-danger:hover {
  font-size: initial;
  font-size: 0.8rem;
}
textarea {
  height: 5rem !important;
}
#ship_date {
  width: 90%;
  height: 42px;
}
#date_time {
  width: 80%;
  height: 42px;
}
.section-content span.input-group-addon {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}
ul[id*=employ_history] {
  padding: 0;
  margin: 0;
}
ul[id*=violations], ul[id*=employ_history], ul[id*=answers] {
  display: inline-flex;
  list-style: none;
}
ul[id*=violations] li, ul[id*=employ_history] li, ul[id*=answers] li {
  margin: 0 0.5rem;
}
ul[id*=employ_history] li label {
  font-size: 0.7rem;
}
input[id*=date] {
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #f6f7f9;
  opacity: 1;
}
.add-wrapper span>span {
  position: relative;
  top: 0.5rem;
  color: #1b2576;
  cursor: pointer;
  transition: all 0.05s ease-in;
}
.add-wrapper span>span:hover {
  font-size: 2rem;
  top: 0.25rem;
  transition: all 0.05s ease-in;
  transform: translateX(-10%);
}
#sig-canvas-wrapper {
  color: #1b2576;
  text-align: center;
}
canvas {
  border: 2px solid #1b2576;
  border-radius: 6px;
}
#sig-canvas-wrapper #clear {
  cursor: pointer;
}
.form-check .form-check-input:checked~.form-check-sign .check {
  background: #1b2576;
}

/* Breakpoints */
@media (min-width: 768px) {
  
}

@media (min-width: 992px) {
  
}

@media (min-width: 1200px) {
  textarea {
    height: 4rem;
  }
  #comments {
    height: 9.3rem !important;
  }
  #form-options {
    cursor: pointer;
  }
  .form-control-label {
    font-size: 1rem;
  }
}

@media (min-width: 1900px) {
  
}