/* Modal */

.apicPlans .modal {
  padding: 0 !important;
}

.apicPlans .modal .modal-dialog {
  margin: 2rem auto;
  height: 100%;
  max-width: 95vw;
  min-width: 80vw;
  max-height: calc(100vh - 4rem);
  background-color: #ffffff;
}

.apicPlans .modal .modalClose {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 1rem;
  height: 1rem;
  z-index: 3000;
}

.apicPlans .modal .modalContent {
  max-height: calc(100vh - 4rem);
  height: 100%;
  display: flex;
  padding: 1.5rem;
  gap: 1rem;
  flex-direction: column;
}

.apicPlans .modal .planDetail--content {
  padding: 0;
}

.apicPlans .modal .planDetailHeading {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
}

.apicPlans .modal .planDetailHeading .planDetailDesc {
  border-left: 1px solid #323232;
  padding-left: 1rem;
}

.apicPlans .modal .planDetailContent {
  overflow-y: auto;
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
}

.apicPlans .modal .planDetailContent .plansTable {

}

.apicPlans .modal .planDetailContentHeading {
}

.apicPlans .modal .planDetailFooter {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
}

.plansTable .tableRow:last-child {
  border-bottom: none;
}

.apicProduct .get .verb,
.apicProduct .put .verb,
.apicProduct .post .verb,
.apicProduct .delete .verb,
.apicProduct .options .verb,
.apicProduct .head .verb,
.apicProduct .patch .verb {
  color: #ffffff;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
}

.apicProduct .get .verb {
  background-color: #44a1ff;
}

.apicProduct .put .verb {
  background-color: #ffa000;
}

.apicProduct .post .verb {
  background-color: #78B833;
}

.apicProduct .delete .verb {
  background-color: #ea2c1a;
}

.apicProduct .options .verb {
  background-color: #1f78d1;
}

.apicProduct .head .verb {
  background-color: #a31fd1;
}

.apicProduct .patch .verb {
  background-color: #396976;
}