/* Chronometer */
.chronometer i:hover, .chronometer i.active {
  color: #2c7be5; }

/* Modal */
.modal-content {
  background-color: #f9fbfd !important;
  border-radius: 0 !important; }

.modal-header {
  border-radius: 0 !important; }

/* Chart summary */
@media (max-width: 767px) {
  .chart-summary {
    height: 200px !important; } }

@media (min-width: 768px) {
  .chart-summary {
    height: 300px !important; } }

.spinner-border-xs {
  height: 10px !important;
  width: 10px !important; }

@media only screen and (min-width: 768px) {
  .border-md-right {
    border-right: 1px solid #e3ebf6 !important; } }

.navbar-dark .navbar-collapse:before {
  border-top-color: transparent !important; }

.toolbox {
  position: fixed;
  display: flex;
  padding: 20px 10px;
  z-index: 999;
  justify-content: space-around;
  align-items: center;
  bottom: 0;
  right: 0;
  left: 0; }
  @media (min-width: 1024px) {
    .toolbox {
      position: absolute;
      border-radius: 5px;
      flex-direction: column;
      right: -40px;
      left: unset;
      bottom: unset;
      top: -100px;
      width: 35px;
      min-height: 200px; } }

.contact-process .steps-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .contact-process .steps-wrapper .step {
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
    line-height: 38px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    border: 2px solid #d5d0d0;
    color: #aaa7a7; }
    .contact-process .steps-wrapper .step.filled + .line {
      background-color: #152e4d; }
    .contact-process .steps-wrapper .step.filled {
      border: 2px solid #152e4d;
      background-color: #152e4d;
      color: white; }
  .contact-process .steps-wrapper .line {
    width: calc((100% / 4) - 40px);
    height: 2px;
    display: block;
    max-width: 100%;
    background-color: #d5d0d0; }

.contact-process .comments-wrapper .old-comments {
  max-height: 56vh; }