.companyProfile {
  .title {
    text-align: center;
  }
  
  .companyProfileBody {
    form {


      .inputField__uploadFile {
        display: flex;
        justify-content: center;
        i {
          &:hover {
            cursor: pointer;
          }
        }
      }

      .institutionDashboard__editInfoFormGroup {
        position: relative;
        width: 100%;

        // Input
        input {
          width: 100%;
          padding: 10px;
          font-size: 1rem;
          letter-spacing: 1px;
          border: 2px solid #cccccc;
          border-radius: 10px !important;
          outline: none;
        }

        textarea {
          width: -webkit-fill-available;
          outline: none;
          resize: none;
          font-size: 1rem;
          letter-spacing: 1px;
          border: 2px solid #cccccc;
          border-radius: 10px !important;
        }
      }

      .institutionsDashboard__editInfo__button {
        button {
          border: 1px solid #564794;
          background-color: white;

          &:focus,
          &:hover {
            background-color: #564794;
            color: white;
          }

          &:disabled {
            background-color: #cccccc !important;
            cursor: not-allowed;
          }
        }
      }

      // Error message
      .companyEditForm--error {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: -webkit-fill-available;
        margin-top: -15px;
        font-weight: 600;
        row-gap: 3px;

        .bi {
          font-size: 1.018rem;
          padding: 0 !important;

          &::before {
            font-size: 1.4rem;
            font-weight: 900 !important;
          }
        }

        #imageError {
          align-items: center;
        }

        #institutionEditError,
        #emailError,
        #phoneNumberError,
        #addressError,
        #descError,
        #institutionNameError,
        #imageError {
          color: crimson;
          width: -webkit-fill-available;
          display: flex;
          align-items: center;
          margin-top: 0;
          margin-bottom: 10px;
          line-height: 1.1;

          .bi-x {
            &::before {
              display: flex;
            }
          }

          .bi-exclamation-octagon {
            margin-right: 8px;
          }
        }

        span {
          color: crimson;

          .bi-check {
            color: #564794 !important;
          }

          .bi {
            font-size: 1.018rem;

            &::before {
              font-size: 1.4rem;
              font-weight: 900 !important;
            }
          }
        }
      }

      .updateSaveBtn {
        .btn-save {
          background: #211069;
          background-image: -webkit-linear-gradient(
            to bottom left,
            #211069,
            #564794,
            #211069
          );
          background-image: -o-linear-gradient(
            to bottom left,
            #211069,
            #564794,
            #211069
          );
          background-image: -moz-linear-gradient(
            to bottom left,
            #211069,
            #564794,
            #211069
          );
          background-image: linear-gradient(
            to bottom left,
            #211069,
            #564794,
            #211069
          );
          background-size: 210% 210%;
          background-position: top right;
          background-color: #211069;
          transition: all 0.15s ease;
          box-shadow: none;
          color: #ffffff;
        }
      }
    }
  }
}
