@media (min-width: 992px) {
  .rowFormGroup {
    max-width: 80%;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .colLabelFieldMobile {
    min-width: 100%;
  }
}

@media (max-width: 768px) {
  .colInputDekstop {
    min-width: 100%;
  }
}

@media (max-width: 768px) {
  .rowFormGroup {
    min-width: 100%;
  }
}

@media (max-width: 768px) {
  .paddingBottomFieldLabel {
    padding-bottom: 0px!important;
  }
}

@media (max-width: 768px) {
  .cardBodyFormMobile {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 768px) {
  .formGroupMarginBottom {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  #rowSubmitButton {
    margin-top: 0.4rem;
  }
}

@media (min-width: 992px) {
  #actionProjectList {
    max-width: 30%;
    width: 30%;
  }
}

@media (min-width: 992px) {
  #columnEditProjectButton {
    width: 30%;
    max-width: 30%;
  }
}

@media (min-width: 992px) {
  #columnUpdateProjectButton {
    max-width: 60%;
    width: 60%;
  }
}

@media (min-width: 992px) {
  #columnCloseX {
    max-width: 10%;
    width: 10%;
  }
}

@media (max-width: 768px) {
  .buttonWidthMobile {
    min-width: 33px;
  }
}

@media (min-width: 992px) {
  #formSearchBox {
    width: 70%;
  }
}

@media (max-width: 992px) {
  #formSearchBox {
    min-width: 100%;
  }
}

@media (max-width: 768px) {
  .colPhotoInput {
    min-width: 100%;
  }
}

@media (min-width: 992px) {
  #containerLogin {
    max-width: 45%;
  }
}

@media (min-width: 1200px) {
  #containerAdminRegister {
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  #colUpdateProject {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
  }
}

@media (max-width: 1200px) {
  #spanDeleteFull {
    display: none;
  }
}

@media (min-width: 1200px) {
  #spanDeleteHalf {
    display: none;
  }
}

@media (max-width: 1200px) {
  #spanUpdateProgressFull {
    display: none;
  }
}

@media (min-width: 1200px) {
  #spanProgressHalf {
    display: none;
  }
}

#buttonSubmitFormAddNewProject {
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  #colButtonCancel {
    order: 2;
  }
}

@media (min-width: 768px) {
  .paddingLeft15rem768pxDesktop {
    padding-left: 1.5rem!important;
  }
}

@media (max-width: 576px) {
  #colButtonCancel {
    order: 2!important;
  }
}

@media (max-width: 576px) {
  #colButtonUpdateMemberInfo {
    order: 1!important;
  }
}

@media (max-width: 768px) {
  #buttonCancel {
    margin-top: 0.5rem;
  }
}

@media (max-width: 768px) {
  #colCancelMember {
    order: 2!important;
  }
}

@media (max-width: 768px) {
  #colCancel {
    order: 2!important;
  }
}

@media (max-width: 768px) {
  #buttonCancelAdmin {
    margin-top: 0.5rem;
  }
}

@media (max-width: 768px) {
  #buttonCloseProject {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }
}