/* login page **************************************************/
.login-container .right-col #user-sidebar h1 {
  display: none;
}

.login-container .right-col {
  flex: unset !important;
}

.login-container .left-col {
  flex: unset !important;
  width: 100%;
}

.login-container #user-sidebar {
  max-width: 800px !important;
  padding: 2.25rem !important;
}

@media (max-width: 768px) {
  .login-container .right-col {
    flex: 1 1 auto !important;
  }

  .login-container .left-col {
    flex: 0 0 0% !important;
    width: 100%;
  }

  .login-container #user-sidebar {
    padding: 7.5rem 1.25rem !important;
  }
}

/* Opigno Activity **************************************************/
.opigno_activity__wrapper .opigno_activity {
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(1) {
  order: 2;
  background: #f2f2f2;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-top: 1rem;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(1).videoWrapper {
  padding-bottom: 56.25%;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(1)>div:nth-child(1):not(.h5p-content) {
  font-weight: bold;
  color: var(--desktop-headings);
  font-family: "Montserrat", Geneva, Arial, Helvetica, sans-serif;
  margin: 0 0 0.5em;
  font-size: 20px;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(1) .h5p-container {
  padding: 1rem;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(2) {
  order: 1;
}

/* User Form - Disable all fields except password fields **************************************************/
body:not(.role-Administrator) .user-form input:not(#edit-pass-pass1):not(#edit-pass-pass2):not(#edit-current-pass):not(#edit-submit),
body:not(.role-Administrator) .user-form textarea,
body:not(.role-Administrator) .user-form select,
body:not(.role-Administrator) .user-form input[type="checkbox"]:not(#edit-pass-pass1):not(#edit-pass-pass2):not(#edit-current-pass):not(#edit-submit),
body:not(.role-Administrator) .user-form input[type="radio"]:not(#edit-pass-pass1):not(#edit-pass-pass2):not(#edit-current-pass):not(#edit-submit) {
  pointer-events: none !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  background-color: #f5f5f5 !important;
}

/* Allow password fields to remain editable */
body:not(.role-Administrator) .user-form #edit-pass-pass1,
body:not(.role-Administrator) .user-form #edit-pass-pass2,
body:not(.role-Administrator) .user-form #edit-current-pass {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: text !important;
  background-color: #fff !important;
}

/* Disable all fieldset checkboxes and radios (Status and Roles) */
body:not(.role-Administrator) .user-form fieldset input[type="checkbox"],
body:not(.role-Administrator) .user-form fieldset input[type="radio"],
body:not(.role-Administrator) .user-form #edit-status input,
body:not(.role-Administrator) .user-form #edit-roles input,
body:not(.role-Administrator) .user-form #edit-status-wrapper input,
body:not(.role-Administrator) .user-form #edit-roles-wrapper input {
  pointer-events: none !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* Disable labels and entire wrapper for Status and Roles to prevent clicking */
body:not(.role-Administrator) .user-form #edit-status-wrapper,
body:not(.role-Administrator) .user-form #edit-roles-wrapper,
body:not(.role-Administrator) .user-form #edit-status-wrapper *,
body:not(.role-Administrator) .user-form #edit-roles-wrapper *,
body:not(.role-Administrator) .user-form fieldset#edit-status--wrapper,
body:not(.role-Administrator) .user-form fieldset#edit-roles--wrapper,
body:not(.role-Administrator) .user-form fieldset#edit-status--wrapper *,
body:not(.role-Administrator) .user-form fieldset#edit-roles--wrapper * {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* Ensure form items in status and roles are disabled */
body:not(.role-Administrator) .user-form #edit-status .form-item,
body:not(.role-Administrator) .user-form #edit-roles .form-item,
body:not(.role-Administrator) .user-form #edit-status .form-item label,
body:not(.role-Administrator) .user-form #edit-roles .form-item label,
body:not(.role-Administrator) .user-form #edit-status .form-item .field,
body:not(.role-Administrator) .user-form #edit-roles .form-item .field {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}

/* Allow Save button to remain clickable */
body:not(.role-Administrator) .user-form #edit-submit {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: pointer !important;
  background-color: inherit !important;
}

.user-not-logged-in .user-login .switch-link.switch-link-bottom {
  display: none;
}

/* Cert Style */
.cert-wrapper {
  border: #ab102d 5px solid;
  font-family: "DFKai-SB", "Montserrat", Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}
.cert-wrapper h1 {
  font-size: 23px;
}