/*!
 * Copyright (c) 2016-present, Skillsoft, Inc - All Rights Reserved.
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 * Proprietary and confidential.
 */
.ModalDialog---ModalDialogOverlay---LnRJC.ModalDialog---help---V1yzL {
  background: transparent;
}

.ModalDialog---ModalDialogContainer---rGjG0 {
  overflow: inherit !important;
}

.ModalDialog---ModalDialogContainer---rGjG0.ModalDialog---medium---XVej1 {
  width: 800px;
}

.ModalDialog---ModalDialogContainer---rGjG0.ModalDialog---large---PdW1h {
  width: 1200px;
}

.ModalDialog---ModalDialogContainer---rGjG0.ModalDialog---full---H3fYx,
div.ModalDialog---ModalDialogContainer---rGjG0.ModalDialog---full---H3fYx > div {
  width: 100%;
  height: 100%;
}

.ModalDialog---ModalDialogContainer---rGjG0.ModalDialog---draggable---a7AqV {
  cursor: move;
}

/* max-height & overflow kept for background scroll effect when modal is open. It's not to control the dialog height */

.ModalDialog---ModalDialog---_d2Oj {
  max-width: 600px;
  max-height: 85vh;
  overflow-y: auto;
  color: #222325;
  color: var(--darkNeutralColor);
  background: white;
  background: var(--reverseColor);
  border-radius: 3px;
  outline: 1px solid transparent;
  -webkit-box-shadow: 0 17px 30px 0 rgba(0, 0, 0, .19), 0 5px 15px 0 rgba(0, 0, 0, .24);
          box-shadow: 0 17px 30px 0 rgba(0, 0, 0, .19), 0 5px 15px 0 rgba(0, 0, 0, .24);
  -webkit-box-shadow: var(--modalShadow);
          box-shadow: var(--modalShadow);
}

.ModalDialog---ModalDialog---_d2Oj.ModalDialog---medium---XVej1 {
  max-width: 800px;
}

.ModalDialog---ModalDialog---_d2Oj.ModalDialog---large---PdW1h {
  max-width: 1200px;
}

.ModalDialog---ModalDialog---_d2Oj.ModalDialog---full---H3fYx {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: unset;
  border-radius: unset;
}

.ModalDialog---ModalDialog---_d2Oj.ModalDialog---lightbox---s62Hz {
  position: relative;
  max-height: 95vh;
}

.ModalDialog---ModalDialog---_d2Oj.ModalDialog---dark---i6CW1,
.ModalDialog---ModalDialog---_d2Oj.ModalDialog---video---QH25q {
  background: rgb(36, 48, 56);
}

.ModalDialog---ModalDialogHeader---AFM7i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ModalDialog---ModalDialogHeader---AFM7i.ModalDialog---announcement---P_4mM {
  min-height: 190px;
  background-repeat: no-repeat;
  background-size: cover;
}

.ModalDialog---ModalDialogHeader---AFM7i .ModalDialog---ModalDialogTitle---MSYQd {
  -ms-flex: 0 1 auto;
  padding: 32px;
  padding: 2rem;
  padding-bottom: 0;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-size: var(--font18);
}

.ModalDialog---AnnouncementModalDialogTitle---Wuy1L {
  position: relative;
  margin: 24px;
  margin: 1.5rem;
  margin: var(--space24);
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-size: var(--font24);
  text-align: center;
}

.ModalDialog---AnnouncementModalDialogMask---cN8zc::after {
  position: absolute;
  width: 800px;
  min-height: 190px;
  content: "";
  background: rgba(22, 71, 148, .75);
  background: var(--searchMask);
}

.ModalDialog---AnnouncementModalDialogMask---cN8zc button {
  z-index: 1;
}

.ModalDialog---ModalDialogHeader---AFM7i .ModalDialog---ModalDialogTitle---MSYQd.ModalDialog---dark---i6CW1,
.ModalDialog---ModalDialogHeader---AFM7i .ModalDialog---ModalDialogTitle---MSYQd.ModalDialog---video---QH25q {
  color: white;
  color: var(--reverseColor);
}

.ModalDialog---ModalDialogHeader---AFM7i .ModalDialog---close---GCNPD {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-top: var(--space12);
  margin-right: 12px;
  margin-right: 0.75rem;
  margin-right: var(--space12);
  margin-left: auto;
  text-align: right;
}

.ModalDialog---ModalDialogHeader---AFM7i .ModalDialog---close---GCNPD > * {
  margin-right: 0;
}

.ModalDialog---ModalDialogBody---Na3Fa {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 32px;
  padding: 2rem;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-top: var(--space24);
  font-size: 14px;
  font-size: 0.875rem;
  font-size: var(--font14);
}

.ModalDialog---ModalDialogBody---Na3Fa h2 {
  margin: 16px 0;
  margin: 1rem 0;
  margin: var(--space16) 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-size: var(--font14);
}

.ModalDialog---ModalDialogBody---Na3Fa ul li {
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  margin-bottom: var(--space16);
}

.ModalDialog---ModalDialogBody---Na3Fa.ModalDialog---iconList---WOnr6 ul {
  list-style-type: none;
}

.ModalDialog---ModalDialogBody---Na3Fa.ModalDialog---iconList---WOnr6 ul li {
  display: inline-table;
}

.ModalDialog---ModalDialogBody---Na3Fa.ModalDialog---iconList---WOnr6 ul li svg {
  display: table-cell;
  width: 16px;
  width: 1rem;
  width: var(--space16);
  height: 16px;
  height: 1rem;
  height: var(--space16);
  padding-top: 5px;
  padding-right: 8px;
  padding-right: 0.5rem;
  padding-right: var(--space8);
}

.ModalDialog---ModalDialogBody---Na3Fa.ModalDialog---iconList---WOnr6 ul li span {
  display: table-cell;
  vertical-align: middle;
}

.ModalDialog---ModalDialogBody---Na3Fa.ModalDialog---announcement---P_4mM {
  font-size: 16px;
  font-size: 1rem;
  font-size: var(--font16);
}

.ModalDialog---ModalDialogFooter---smeY6 {
  padding: 24px;
  padding: 1.5rem;
  padding-top: 0;
  text-align: right;
}

.ModalDialog---ModalDialogFooter---smeY6.ModalDialog---doNotShow---Fjgbo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.ModalDialog---ModalDialogFooter---smeY6 button {
  white-space: nowrap;
}

.ModalDialog---ModalDialogFooterCheckbox---DWNdD {
  width: 50%;
  text-align: left;
  white-space: nowrap;
}

.ModalDialog---ModalDialogFooterCheckbox---DWNdD > * {
  margin-bottom: 5px !important;
}

.ModalDialog---ModalDialogFooter---smeY6 a,
.ModalDialog---ModalDialogFooterCheckbox---DWNdD span {
  font-size: 14px;
  font-size: 0.875rem;
  font-size: var(--font14);
}

.ModalDialog---ModalDialogFooter---smeY6 .ModalDialog---helpLink---oYJEZ {
  margin: 4.8px 16px;
  margin: 0.3rem 1rem;
  margin: var(--space5) var(--space16);
  white-space: nowrap;
}

.ModalDialog---ModalDialogFooter---smeY6 .ModalDialog---helpLinkIcon---kLh2i {
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-left: var(--space8);
  vertical-align: middle;
}

.ModalDialog---ModalDialogFooterActions---HxfJ6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: right;
      -ms-flex-align: right;
          align-items: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 50%;
}

@media only screen and (max-width: 420px) {
  .ModalDialog---ModalDialogFooterActions---HxfJ6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }

  .ModalDialog---ModalDialogFooterCheckbox---DWNdD {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  /* Full mode effect when it's less then 768 width for all */

  .ModalDialog---ModalDialogOverlay---LnRJC {
    /* This is to ensure the modal shows above any including navbar in full page */
    z-index: 10000 !important;
    z-index: var(--zAboveAllPlusOne) !important;
  }

  .ModalDialog---ModalDialogContainer---rGjG0,
  div.ModalDialog---ModalDialogContainer---rGjG0 > div,
  .ModalDialog---ModalDialogContainer---rGjG0.ModalDialog---medium---XVej1,
  .ModalDialog---ModalDialogContainer---rGjG0.ModalDialog---large---PdW1h,
  .ModalDialog---ModalDialog---_d2Oj {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: unset;
    border-radius: unset;
  }

  .ModalDialog---ModalDialog---_d2Oj.ModalDialog---lightbox---s62Hz {
    max-height: unset;
  }

  .ModalDialog---ModalDialogHeader---AFM7i {
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-bottom: 0.5rem;
    padding-bottom: var(--space8);
    background: white;
    background: var(--reverseColor);
  }

  .ModalDialog---ModalDialogHeader---AFM7i.ModalDialog---noAbsoluteHeader---ZoiKX {
    position: unset;
  }

  .ModalDialog---ModalDialogHeader---AFM7i.ModalDialog---announcement---P_4mM {
    min-height: unset;
  }

  .ModalDialog---ModalDialogBody---Na3Fa.ModalDialog---announcement---P_4mM {
    font-size: 0.875rem;
    font-size: var(--font14);
  }

  .ModalDialog---ModalDialogHeader---AFM7i.ModalDialog---dark---i6CW1,
  .ModalDialog---ModalDialogHeader---AFM7i.ModalDialog---video---QH25q {
    background: rgb(36, 48, 56);
  }

  .ModalDialog---ModalDialogHeader---AFM7i .ModalDialog---ModalDialogTitle---MSYQd.ModalDialog---video---QH25q {
    display: none;
  }

  .ModalDialog---ModalDialogFooter---smeY6 {
    position: fixed;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-top: 1.5rem;
    padding-top: var(--space24);
    background: white;
    background: var(--reverseColor);
  }

  .ModalDialog---ModalDialogFooter---smeY6.ModalDialog---noFixedFooter---SXoiT {
    position: unset;
  }
}