header {
  background: #27333a;
  margin-bottom: 25px; }

.box {
  padding: 25px;
  border: 1px solid #7b919e;
  border-radius: 3px;
  margin-bottom: 25px; }
  .box .form-group {
    padding-bottom: 15px; }
  .box .invalid {
    background: #f3adb5; }
  .box h5 {
    position: relative; }
    .box h5 .form-check {
      position: absolute;
      right: 0;
      top: 0; }
      .box h5 .form-check label {
        font-weight: normal;
        font-size: 15px; }
  .box .add-contact:hover {
    cursor: pointer;
    text-decoration: underline; }
  .box .contact {
    position: relative; }
    .box .contact .close-contact {
      position: absolute;
      top: 15px;
      right: 0px;
      cursor: pointer; }
  .box .logo-placeholder {
    padding: 15px;
    height: 175px;
    width: 175px;
    border-radius: 15px; }
    .box .logo-placeholder img {
      max-width: 100%;
      max-height: 155px; }
  .box button.add-logo {
    width: 175px;
    margin-top: 5px; }
  .box .supplier-file {
    position: relative;
    padding: 5px;
    border: 1px solid #f4f8f9;
    border-radius: 3px;
    margin-bottom: 3px; }
    .box .supplier-file .remove {
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer; }
  .box .add-port:hover {
    cursor: pointer;
    text-decoration: underline; }
