.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

/*form:not(.form-no-margin) .control-group .controls {
    margin-left: 0px !important;
}*/

.text-roboto {
  font-family: "roboto" !important;
  color: #6c757d;
  line-height: 2;
  font-weight: 600;
}

.text-roboto::before {
  font-size: 14px !important;
  font-family: "Font Awesome 5 Free" !important;
  margin-right: 5px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a3a3a3 !important;
  opacity: 1 !important;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: red !important;
}

/* t4 blank template */
.t4-offcanvas .t4-off-canvas-header h3 {
  display: none;
}

/* Bootstrap outline buttons */
.btn.btn-outline-primary:hover,
.btn.btn-outline-secondary:hover,
.btn.btn-outline-success:hover,
.btn.btn-outline-danger:hover,
.btn.btn-outline-info:hover,
.btn.btn-outline-light:hover,
.btn.btn-outline-dark:hover {
  color: #fff !important;
}

.btn.btn-outline-warning:hover {
  color: #212529 !important;
}

/* Make modal background transparent */
[data-type="modal"] {
  background-color: transparent !important;
  overflow: auto !important;
}

.d-none {
  display: none !important;
}

/* Thicker invalid input and select */
select.invalid,
input.invalid {
  border: 2px solid #F44336 !important;
}

div.modal-body > div.modal-tab {
  display: none;
}