form {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
.radio-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style-type: none;
  padding: 0 !important;
  margin: 0 !important;
}
.radio-list li {
  display: flex;
  align-items: center;
}
.radio-input {
  display: none;
}
.radio-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px;
  color: #6b7280;
  background-color: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.radio-label:hover {
  border-color: #2563eb;
}
.radio-input:checked + .radio-label {
  color: #2563eb;
  border-color: #2563eb;
  background-color: #eff6ff;
}
.status-license {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.25rem;
  font-weight: 400;
  margin-left: 0.5rem;
  background-color: rgb(220 252 231);
  color: rgb(22 101 52);
}
.label-content {
  flex-grow: 1;
  line-height: 30px;
}
.label-title {
  font-size: 1rem;
  font-weight: 600;
}
.label-description {
  font-size: 0.975rem;
  color: #6b7280;
}
.checkmark {
  width: 20px;
  height: 20px;
  border: 2px solid #e5e7eb;
  border-radius: 50%;
  margin-left: 10px;
  transition: all 0.3s ease;
}
.radio-input:checked + .radio-label .checkmark {
  border-color: #2563eb;
  background-color: #2563eb;
}
.e-connect-actions {
  padding-top: 15px;
  text-align: center;
}
.app-button {
  padding: 10px 20px;
  background-color: #2563eb;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.app-button:hover {
  background-color: #1e4bb5;
}
@media (max-width: 768px) {
  .radio-list {
    gap: 8px;
  }
  .radio-label {
    padding: 10px;
  }
  .label-title {
    font-size: 0.875rem;
  }
  .label-description {
    font-size: 0.75rem;
  }
  .checkmark {
    width: 16px;
    height: 16px;
  }
  .app-button {
    padding: 8px 16px;
  }
}
:root {
  --radio-border-color: #8b8c89;
  --radio-checked-color: #274c77;
  --radio-hover-color: #a3cef1;
  --radio-disabled-bg-color: #d9d9d9;
}
input[type='radio'] {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: 6px;
  padding: 0;
  border: 2px solid var(--radio-border-color);
  border-radius: 50%;
  appearance: none;
  background-color: transparent;
  outline: 0;
  transition: outline 0.1s;
}
input[type='radio']:not(:disabled):checked {
  border-color: var(--radio-checked-color);
  background-color: var(--radio-checked-color);
  background-clip: content-box;
  padding: 2px;
  background-image: radial-gradient(
    circle,
    var(--radio-checked-color) 0,
    var(--radio-checked-color) 50%,
    transparent 60%,
    transparent 100%
  );
}
input[type='radio']:disabled {
  background-color: var(--radio-disabled-bg-color);
}
input[type='radio']:disabled:checked {
  background-image: radial-gradient(
    circle,
    var(--radio-border-color) 0,
    var(--radio-border-color) 50%,
    transparent 50%,
    transparent 100%
  );
}
@media (hover: hover) {
  input[type='radio']:not(:disabled):hover {
    background-color: var(--radio-hover-color);
    outline: 6px solid var(--radio-hover-color);
    transform: scale(1.05);
  }
}
input[type='radio']:focus-visible {
  background-color: var(--radio-hover-color);
  outline: 6px solid var(--radio-hover-color);
  transform: scale(1.05);
}
@media (prefers-reduced-motion: reduce) {
  input[type='radio'] {
    transition: none;
  }
  input[type='radio']:focus-visible {
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) and (hover: hover) {
  input[type='radio']:not(:disabled):hover {
    transform: scale(1);
  }
}

.sejolidev-license-page-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-inline:12px}@media screen and (max-width: 782px){.sejolidev-license-page-wrapper{margin-left:-10px}}.sejolidev-license-page-wrapper .sejolidev-form-control{padding:8px 16px;line-height:1.4}.sejolidev-license-page-wrapper .sejolidev-license-card{width:100%;background-color:#fff;border-radius:16px;padding:48px 40px;position:relative}@media screen and (max-width: 782px){.sejolidev-license-page-wrapper .sejolidev-license-card{padding:24px 16px}}.sejolidev-license-page-wrapper .sejolidev-license-card::before{position:absolute;top:30px;left:-30px;z-index:-1;-webkit-filter:blur(60px);filter:blur(60px)}.sejolidev-license-page-wrapper .sejolidev-license-card.sejolidev-license-empty-card{max-width:700px}@media screen and (max-width: 782px){.sejolidev-license-page-wrapper .sejolidev-license-card.sejolidev-license-empty-card{padding:32px 24px}}.sejolidev-license-page-wrapper .sejolidev-license-card.sejolidev-license-active-card,.sejolidev-license-page-wrapper .sejolidev-license-card.sejolidev-license-expired-card{max-width:644px}.sejolidev-license-page-wrapper .sejolidev-license-card.sejolidev-license-active-card::before,.sejolidev-license-page-wrapper .sejolidev-license-card.sejolidev-license-expired-card::before{top:90px;left:-70px}.sejolidev-license-page-wrapper .sejolidev-license-card a{color:var(--sejolidev-color-primary);text-decoration:none}.sejolidev-license-page-wrapper .sejolidev-license-info{border:1px solid #e0e2ea;border-radius:6px;margin-bottom:12px;background: #fff;}.sejolidev-license-page-wrapper .sejolidev-license-info .sejolidev-license-info-item{display:grid;grid-template-columns:122px 1fr}@media screen and (max-width: 782px){.sejolidev-license-page-wrapper .sejolidev-license-info .sejolidev-license-info-item{grid-template-columns:160px 1fr}}.sejolidev-license-page-wrapper .sejolidev-license-info .sejolidev-license-info-item:not(:last-child){border-bottom:1px solid #e0e2ea}.sejolidev-license-page-wrapper .sejolidev-license-info .sejolidev-license-info-item .sejolidev-license-info-item-label{padding:16px;border-right:1px solid #e0e2ea;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.sejolidev-license-page-wrapper .sejolidev-license-info .sejolidev-license-info-item .sejolidev-license-info-item-value{padding:16px;font-weight:500;color:#212327}.sejolidev-license-page-wrapper .sejolidev-license-key-form-wrapper,.sejolidev-license-page-wrapper .sejolidev-license-key-wrapper{background-color:#f6f8fd;padding:12px 20px;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}@media screen and (max-width: 782px){.sejolidev-license-page-wrapper .sejolidev-license-key-form-wrapper,.sejolidev-license-page-wrapper .sejolidev-license-key-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 16px}}.sejolidev-license-page-wrapper .sejolidev-license-key-form-wrapper .sejolidev-license-update-form,.sejolidev-license-page-wrapper .sejolidev-license-key-wrapper .sejolidev-license-update-form{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:12px}.sejolidev-license-page-wrapper .sejolidev-license-key-form-wrapper .sejolidev-license-key-content,.sejolidev-license-page-wrapper .sejolidev-license-key-wrapper .sejolidev-license-key-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.sejolidev-license-page-wrapper .sejolidev-license-key-form-wrapper .sejolidev-license-key-buttons,.sejolidev-license-page-wrapper .sejolidev-license-key-wrapper .sejolidev-license-key-buttons{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:10px}@media screen and (max-width: 782px){.sejolidev-license-page-wrapper .sejolidev-license-key-form-wrapper .sejolidev-license-key-buttons,.sejolidev-license-page-wrapper .sejolidev-license-key-wrapper .sejolidev-license-key-buttons{width:100%}}.sejolidev-license-page-wrapper .sejolidev-license-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px 24px;border-radius:100px;font-size:20px;line-height:30px;font-weight:500}.sejolidev-license-page-wrapper .sejolidev-license-status.sejolidev-license-active{background-color:#f5fbf7;color:#24a148}.sejolidev-license-page-wrapper .sejolidev-license-status.sejolidev-license-expired{border:1px solid #e0e2ea;color:#c62828}*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sejolidev-install-notice{padding:20px}.sejolidev-install-notice-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sejolidev-install-notice-inner .button{padding:5px 30px;height:auto;line-height:20px;text-transform:capitalize}.sejolidev-install-notice-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:20px;padding-right:20px}.sejolidev-install-notice-content h2{margin-top:0;margin-bottom:5px}.sejolidev-install-notice-content p{margin-top:0;margin-bottom:0px;padding:0}.sejolidev-install-notice-icon img{width:64px;border-radius:4px;display:block}.gradename-bg{text-align:center;color:#fff;height:32px;width:32px;font-size:16px;line-height:32px;display:inline-block;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gradename-outline{text-align:center;height:32px;width:32px;font-size:16px;line-height:32px;display:inline-block;border-radius:100%;border:1px solid;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-completion-status{color:#4b5981}.course-completion-status.course-inprogress i{color:#f5a623}.course-completion-status.course-completed i{color:#35bc31}.sejolidev-report-review table tr th:nth-child(2),.sejolidev-report-review table tr td:nth-child(2),.sejolidev-report-review table tr th:nth-child(4),.sejolidev-report-review table tr td:nth-child(4){width:25%}.sejolidev-report-review table tr th:nth-child(1),.sejolidev-report-review table tr td:nth-child(1){width:15%}.sejolidev-table.table-gradebook .gradebook-earned-grade-point{display:none}.sejolidev-gradebooks-lists .sejolidev-shrink{min-width:220px !important}.card-body.empty-data img{width:100%;height:auto}.sejolidev-license-notice{padding:32px 40px;margin:5px 15px 2px;background:#fff;border:1px solid #ffb505;border-radius:12px;margin-top:16px;margin-bottom:16px;position:relative}
