/* Shared navigation icons for the modernized MILMAD pages. */
.form-sh > .btn.milmad-nav-icon,
.form-sh .btn.milmad-nav-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
}

.milmad-nav-icon > .milmad-nav-icon-symbol {
   flex: 0 0 25px;
   width: 25px;
   color: #0878cf;
   font-size: 20px;
   line-height: 1;
   text-align: center;
   transition: color 0.2s ease, transform 0.2s ease;
}

.milmad-nav-icon:hover > .milmad-nav-icon-symbol,
.milmad-nav-icon:focus > .milmad-nav-icon-symbol {
   color: #064f8d;
   transform: scale(1.08);
}

.milmad-nav-icon.nav-icon-success > .milmad-nav-icon-symbol {
   color: #159447;
}

.milmad-nav-icon.nav-icon-warning > .milmad-nav-icon-symbol {
   color: #d77700;
}

.milmad-nav-icon.nav-icon-danger > .milmad-nav-icon-symbol {
   color: #bf3030;
}

.milmad-nav-icon.nav-icon-primary > .milmad-nav-icon-symbol,
.milmad-nav-icon.btn-primary > .milmad-nav-icon-symbol {
   color: currentColor;
}

@media (max-width: 767px) {
   .form-sh > .btn.milmad-nav-icon,
   .form-sh .btn.milmad-nav-icon {
      gap: 8px;
   }

   .milmad-nav-icon > .milmad-nav-icon-symbol {
      flex-basis: 23px;
      width: 23px;
      font-size: 19px;
   }
}

@media (prefers-reduced-motion: reduce) {
   .milmad-nav-icon > .milmad-nav-icon-symbol {
      transition: none;
   }
}