/* --- Material Symbols - used for BCL icons --- */
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1&display=block";
.reset-new html, .reset-new body, .reset-new div, .reset-new span, .reset-new applet, .reset-new object, .reset-new iframe,
.reset-new h1, .reset-new h2, .reset-new h3, .reset-new h4, .reset-new h5, .reset-new h6, .reset-new p, .reset-new blockquote, .reset-new pre,
.reset-new a, .reset-new abbr, .reset-new acronym, .reset-new address, .reset-new big, .reset-new cite, .reset-new code,
.reset-new del, .reset-new dfn, .reset-new em, .reset-new img, .reset-new ins, .reset-new kbd, .reset-new q, .reset-new s, .reset-new samp,
.reset-new small, .reset-new strike, .reset-new strong, .reset-new sub, .reset-new sup, .reset-new tt, .reset-new var,
.reset-new b, .reset-new u, .reset-new i, .reset-new center,
.reset-new dl, .reset-new dt, .reset-new dd, .reset-new ol, .reset-new ul, .reset-new li,
.reset-new fieldset, .reset-new form, .reset-new label, .reset-new legend,
.reset-new article, .reset-new aside, .reset-new canvas, .reset-new details, .reset-new embed,
.reset-new figure, .reset-new figcaption, .reset-new footer, .reset-new header, .reset-new hgroup,
.reset-new menu, .reset-new nav, .reset-new output, .reset-new ruby, .reset-new section, .reset-new summary,
.reset-new time, .reset-new mark, .reset-new audio, .reset-new video {
  margin: 0;
  padding: 0;
  border: 0;
  /*color: initial;*/
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
.reset-new article, .reset-new aside, .reset-new details, .reset-new figcaption, .reset-new figure,
.reset-new footer, .reset-new header, .reset-new hgroup, .reset-new menu, .reset-new nav, .reset-new section {
  display: block; }
.reset-new body {
  line-height: 1; }
.reset-new ol, .reset-new ul {
  list-style: none; }
.reset-new blockquote, .reset-new q {
  quotes: none; }
.reset-new blockquote:before, .reset-new blockquote:after,
.reset-new q:before, .reset-new q:after {
  content: '';
  content: none; }
.reset-new table {
  border-collapse: collapse;
  border-spacing: 0; }
.reset-new input,
.reset-new button {
  border: 0 none; }
.reset-new button {
  cursor: pointer; }
.reset-new select {
  border: none; }
.reset-new input[type="text"],
.reset-new input[type="button"],
.reset-new input[type="submit"] {
  border: medium none;
  border-radius: 0;
  color: #ffffff;
  font-size: initial;
  font-weight: normal;
  margin: 0;
  padding: 0;
  opacity: 1;
  height: auto;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none; }
.reset-new input[type="checkbox"]:before,
.reset-new input[type="radio"]:before {
  border: medium none;
  background: none;
  border-radius: 0;
  color: #ffffff;
  font-size: initial;
  font-weight: normal;
  margin: 0;
  padding: 0;
  opacity: 1;
  height: auto;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none; }
.reset-new.adminTitle {
  /*background: none !important;*/
  margin: 0;
  padding: 0;
  height: auto; }
.reset-new #confirmDialog,
.reset-new .confirmDialog {
  background: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0; }
.reset-new.alertDialogAccept.bulkResult .msgBoxContainer {
  padding-top: 100px; }
.reset-new.alertDialogAccept .msgBoxContainer {
  margin-top: 10px;
  padding-top: 100px; }
  .reset-new.alertDialogAccept .msgBoxContainer .msgBox {
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 14px 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word; }
.reset-new.alertDialogAccept.share-alert {
  /*eliminar cuando se suba nueva mensajeria*/
  border: none !important; }
  .reset-new.alertDialogAccept.share-alert .msgBoxContainer {
    background: none;
    margin-top: 0px;
    padding-top: 0; }
    .reset-new.alertDialogAccept.share-alert .msgBoxContainer .msgBox {
      color: #8b9195;
      font-family: 'npprimarylight', Helvetica, Arial, sans-serif;
      font-size: 14px; }
  .reset-new.alertDialogAccept.share-alert .dialogOnlyButton {
    width: 140px;
    min-height: 40px;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: 'npprimarylight', Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    font-weight: 200;
    text-align: center;
    line-height: 17px;
    padding: 0 2%;
    background-color: #00a8ff;
    border: 1px solid #00a8ff;
    transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
    .reset-new.alertDialogAccept.share-alert .dialogOnlyButton:hover {
      background: rgba(0, 168, 255, 0.7);
      border-color: rgba(0, 168, 255, 0.7); }
.reset-new.alertDialogAccept.noIpad .msgBoxContainer {
  padding-top: 0px;
  margin-top: 0px; }
.reset-new.alertDialogAccept.delete .msgBoxContainer {
  padding-top: 40px; }
  .reset-new.alertDialogAccept.delete .msgBoxContainer .msgBox {
    margin: 20px 0;
    /*margin-bottom: 25px;*/ }
.reset-new.alertDialogAccept.noButton .msgBoxContainer .msgBox {
  margin-bottom: 0px; }
.reset-new.alertDialogAccept .dialogButton, .reset-new.alertDialogAccept .confirmDialog .dialogButton {
  border: 2px solid #0097A7; }
.reset-new.alertDialogAccept .dialogOnlyButton:hover {
  /*border: 0;*/ }
.reset-new #fancybox-close {
  top: -1px;
  right: -55px; }
.reset-new .ui-dialog .ui-dialog-titlebar-close {
  top: -6px; }
.reset-new #formUserSearch .inputFieldWrapper, .reset-new #schoolsForm .inputFieldWrapper {
  top: 0px !important;
  margin: 0px !important;
  padding: 0px !important; }

.sorting-by {
  background: none; }

body {
  overflow-x: hidden;
  overflow-y: auto; }

/* Necessary styles for the correct visualization
   of Google Drive dialogs/modals */
.picker-dialog-bg {
  z-index: 100000 !important; }

.picker-dialog {
  z-index: 100001 !important; }

/* ------------------ ROBOTO ------------------ */
/*Roboto Thin 100*/
@font-face {
  font-family: 'robotothin';
  src: url("../fonts/Roboto-Thin-webfont.eot");
  src: url("../fonts/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Thin-webfont.woff2") format("woff2"), url("../fonts/Roboto-Thin-webfont.woff") format("woff"), url("../fonts/Roboto-Thin-webfont.ttf") format("truetype"), url("../fonts/Roboto-Thin-webfont.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Roboto Italic Thin 100*/
@font-face {
  font-family: 'robotothin_italic';
  src: url("../fonts/Roboto-ThinItalic-webfont.eot");
  src: url("../fonts/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ThinItalic-webfont.woff2") format("woff2"), url("../fonts/Roboto-ThinItalic-webfont.woff") format("woff"), url("../fonts/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-ThinItalic-webfont.svg#robotothin_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
/*Roboto Light 300*/
@font-face {
  font-family: 'robotolight';
  src: url("../fonts/Roboto-Light-webfont.eot");
  src: url("../fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light-webfont.woff2") format("woff2"), url("../fonts/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/Roboto-Light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal; }
/*Roboto Italic Light 300*/
@font-face {
  font-family: 'robotolight_italic';
  src: url("../fonts/Roboto-LightItalic-webfont.eot");
  src: url("../fonts/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-LightItalic-webfont.woff2") format("woff2"), url("../fonts/Roboto-LightItalic-webfont.woff") format("woff"), url("../fonts/Roboto-LightItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
/*Roboto Regular 400*/
@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/Roboto-Regular-webfont.eot");
  src: url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular-webfont.woff2") format("woff2"), url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*Roboto Italic Normal 400*/
@font-face {
  font-family: 'robotoitalic';
  src: url("../fonts/Roboto-Italic-webfont.eot");
  src: url("../fonts/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Italic-webfont.woff2") format("woff2"), url("../fonts/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/Roboto-Italic-webfont.svg#robotoitalic") format("svg");
  font-weight: normal;
  font-style: normal; }
/*Roboto Medium 500*/
@font-face {
  font-family: 'robotomedium';
  src: url("../fonts/Roboto-Medium-webfont.eot");
  src: url("../fonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium-webfont.woff2") format("woff2"), url("../fonts/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal; }
/*Roboto Italic Medium 500*/
@font-face {
  font-family: 'robotomedium_italic';
  src: url("../fonts/Roboto-MediumItalic-webfont.eot");
  src: url("../fonts/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-MediumItalic-webfont.woff2") format("woff2"), url("../fonts/Roboto-MediumItalic-webfont.woff") format("woff"), url("../fonts/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
/*Roboto Bold*/
@font-face {
  font-family: 'robotobold';
  src: url("../fonts/roboto-bold-webfont.eot");
  src: url("../fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold-webfont.woff2") format("woff2"), url("../fonts/roboto-bold-webfont.woff") format("woff"), url("../fonts/roboto-bold-webfont.ttf") format("truetype"), url("../fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Roboto Thin 100 */
/* Roboto Italic Thin 100 */
/* Roboto Light 300 */
/* Roboto Italic Light 300 */
/* Roboto Regular 400 */
/* Roboto Italic Regular 400 */
/* Roboto Medium 500 */
/* Roboto Italic Medium 500 */
/* Roboto Bold */
@font-face {
  font-family: 'npprimaryblack';
  src: url("../fonts/Nunito/Nunito-Black.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimaryblackitalic';
  src: url("../fonts/Nunito/Nunito-BlackItalic.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimaryextrabold';
  src: url("../fonts/Nunito/Nunito-ExtraBold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimaryextrabolditalic';
  src: url("../fonts/Nunito/Nunito-ExtraBoldItalic.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimaryregular';
  src: url("../fonts/Nunito/Nunito-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimaryregularitalic';
  src: url("../fonts/Nunito/Nunito-Italic.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimarysemibold';
  src: url("../fonts/Nunito/Nunito-SemiBold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimarysemibolditalic';
  src: url("../fonts/Nunito/Nunito-SemiBoldItalic.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimarymedium';
  src: url("../fonts/Nunito/Nunito-Medium.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimarymediumitalic';
  src: url("../fonts/Nunito/Nunito-MediumItalic.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimarylight';
  src: url("../fonts/Nunito/Nunito-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'npprimarylightitalic';
  src: url("../fonts/Nunito/Nunito-LightItalic.ttf");
  font-weight: normal;
  font-style: normal; }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
.reset-new {
  /* POPUP */
  /* CHECKBOX*/
  /* NO STYLE*/ }
  .reset-new .np-mod-cta {
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
    line-height: 40px;
    padding: 0 2%;
    /* SIZES */
    /* COLORS */ }
    .reset-new .np-mod-cta input {
      width: 100%;
      height: 100%; }
    .reset-new .np-mod-cta.big {
      font-size: 24px;
      line-height: 50px; }
    .reset-new .np-mod-cta.small, .reset-new .tblBackendTheme thead th.np-mod-cta.impersonate, .reset-new .tblBackendTheme thead th.np-mod-cta.salesforce, .reset-new .tblBackendTheme thead th.np-mod-cta.edit, .reset-new .tblBackendTheme thead th.np-mod-cta.lastLoginDate, .reset-new .tblBackendTheme thead th.np-mod-cta.createdDate, .reset-new .tblBackendTheme thead th.np-mod-cta.type, .reset-new .tblBackendTheme thead th.np-mod-cta.restore, .reset-new .tblBackendTheme thead th.np-mod-cta.salesForceId, .reset-new .tblBackendTheme thead th.np-mod-cta.maxPresentations, .reset-new .tblBackendTheme thead th.np-mod-cta.maxSizeOfPresentations, .reset-new .tblBackendTheme thead th.np-mod-cta.managePresentations, .reset-new .tblBackendTheme thead th.np-mod-cta.expirationDate, .reset-new .tblBackendTheme thead th.np-mod-cta.skin, .reset-new .tblBackendTheme thead th.np-mod-cta.undeletePresentations, .reset-new .tblBackendTheme thead th.np-mod-cta.transactions, .reset-new .tblBackendTheme thead th.np-mod-cta.downgrade, .reset-new .tblBackendTheme thead th.np-mod-cta.remove, .reset-new .tblBackendTheme thead th.np-mod-cta.newRedeem, .reset-new .tblBackendTheme thead th.np-mod-cta.maxRedeem, .reset-new .tblBackendTheme thead th.np-mod-cta.existRedeem, .reset-new .tblBackendTheme tbody td.np-mod-cta.impersonate, .reset-new .tblBackendTheme tbody td.np-mod-cta.salesforce, .reset-new .tblBackendTheme tbody td.np-mod-cta.edit, .reset-new .tblBackendTheme tbody td.np-mod-cta.lastLoginDate, .reset-new .tblBackendTheme tbody td.np-mod-cta.createdDate, .reset-new .tblBackendTheme tbody td.np-mod-cta.type, .reset-new .tblBackendTheme tbody td.np-mod-cta.restore, .reset-new .tblBackendTheme tbody td.np-mod-cta.salesForceId, .reset-new .tblBackendTheme tbody td.np-mod-cta.maxPresentations, .reset-new .tblBackendTheme tbody td.np-mod-cta.maxSizeOfPresentations, .reset-new .tblBackendTheme tbody td.np-mod-cta.managePresentations, .reset-new .tblBackendTheme tbody td.np-mod-cta.expirationDate, .reset-new .tblBackendTheme tbody td.np-mod-cta.skin, .reset-new .tblBackendTheme tbody td.np-mod-cta.undeletePresentations, .reset-new .tblBackendTheme tbody td.np-mod-cta.transactions, .reset-new .tblBackendTheme tbody td.np-mod-cta.downgrade, .reset-new .tblBackendTheme tbody td.np-mod-cta.remove, .reset-new .tblBackendTheme tbody td.np-mod-cta.newRedeem, .reset-new .tblBackendTheme tbody td.np-mod-cta.maxRedeem, .reset-new .tblBackendTheme tbody td.np-mod-cta.existRedeem {
      font-size: 14px;
      line-height: 40px;
      font-weight: 400;
      height: 40px; }
    .reset-new .np-mod-cta.cyan {
      background: #28b7c6;
      border-color: #28b7c6; }
      .reset-new .np-mod-cta.cyan:hover {
        background: #0097a7;
        border-color: #0097a7; }
      .reset-new .np-mod-cta.cyan.disabled, .reset-new .np-mod-cta.cyan.disabled:hover {
        background: white none repeat scroll 0% 0%;
        border: 1px solid #0097a7;
        color: #0097a7;
        cursor: default;
        opacity: 0.3; }
    .reset-new .np-mod-cta.gray {
      background: #b8c0c6;
      border-color: #b8c0c6; }
      .reset-new .np-mod-cta.gray:hover {
        background: #8b9195;
        border-color: #8b9195; }
    .reset-new .np-mod-cta.gray-inv {
      background: #ffffff;
      border: 1px solid #8b9195;
      color: #8b9195;
      transition: border-color 0.5s ease, color 0.5s ease, background 0.5s ease; }
      .reset-new .np-mod-cta.gray-inv:hover {
        background: #ffffff;
        border: 1px solid #b8c0c6;
        color: #b8c0c6;
        transition: border-color 0.5s ease, color 0.5s ease, background 0.5s ease; }
    .reset-new .np-mod-cta.white {
      background: #ffffff;
      border: 1px solid #8b9195;
      color: #8b9195;
      transition: border-color 0.5s ease, color 0.5s ease, background 0.5s ease; }
      .reset-new .np-mod-cta.white:hover, .reset-new .np-mod-cta.white.active {
        border: 1px solid #00a8ff;
        color: #00a8ff;
        transition: border-color 0.5s ease, color 0.5s ease, background 0.5s ease;
        background: #b3e5ff; }
      .reset-new .np-mod-cta.white.actionCancel:hover {
        background: #f8fafb;
        border: 1px solid #5b6d79;
        color: #5b6d79; }
    .reset-new .np-mod-cta.blue {
      background: #00a8ff;
      border: 1px solid #00a8ff;
      color: #ffffff;
      transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
      .reset-new .np-mod-cta.blue:hover, .reset-new .np-mod-cta.blue.active {
        border-color: #4dc2ff;
        background-color: #4dc2ff; }
      .reset-new .np-mod-cta.blue.disabled, .reset-new .np-mod-cta.blue.disabled:hover {
        border-color: #b3e5ff;
        background-color: #b3e5ff;
        cursor: default; }
    .reset-new .np-mod-cta.blue-inv {
      background: #ffffff;
      border: 1px solid #00a8ff;
      color: #00a8ff;
      transition: background-color 0.5s ease; }
      .reset-new .np-mod-cta.blue-inv:hover, .reset-new .np-mod-cta.blue-inv.active {
        background-color: #b3e5ff;
        transition: background-color 0.5s ease; }
      .reset-new .np-mod-cta.blue-inv.disabled, .reset-new .np-mod-cta.blue-inv.disabled:hover {
        opacity: 0.7;
        cursor: default; }
        .reset-new .np-mod-cta.blue-inv.disabled:hover, .reset-new .np-mod-cta.blue-inv.disabled:hover:hover {
          background: #ffffff;
          border: 1px solid #00a8ff; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .reset-new .np-mod-cta {
        padding-top: 3px; } }
    .reset-new .np-mod-cta.red {
      background: #f26c59;
      border: 1px solid #f26c59;
      color: #ffffff;
      transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
      .reset-new .np-mod-cta.red:hover, .reset-new .np-mod-cta.red.active {
        border-color: rgba(242, 108, 89, 0.7);
        background-color: rgba(242, 108, 89, 0.7); }
      .reset-new .np-mod-cta.red.disabled, .reset-new .np-mod-cta.red.disabled:hover {
        opacity: 0.7;
        cursor: default; }
        .reset-new .np-mod-cta.red.disabled:hover, .reset-new .np-mod-cta.red.disabled:hover:hover {
          background: #f26c59;
          border: 1px solid #f26c59; }
    .reset-new .np-mod-cta.green {
      background: #5fd598;
      border: 1px solid #5fd598;
      color: #ffffff;
      transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
      .reset-new .np-mod-cta.green:hover, .reset-new .np-mod-cta.green.active {
        border-color: rgba(95, 213, 152, 0.7);
        background-color: rgba(95, 213, 152, 0.7); }
      .reset-new .np-mod-cta.green.disabled, .reset-new .np-mod-cta.green.disabled:hover {
        opacity: 0.7;
        cursor: default; }
        .reset-new .np-mod-cta.green.disabled:hover, .reset-new .np-mod-cta.green.disabled:hover:hover {
          background: #5fd598;
          border: 1px solid #5fd598; }
  .reset-new .np-mod-cta-new, .reset-new .np-mod-cta-new .text-container {
    border: #00a8ff;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    height: 40px;
    line-height: 40px; }
    .reset-new .np-mod-cta-new .text-container {
      width: 100%;
      height: 100%;
      background: #00a8ff;
      display: block; }
      .reset-new .np-mod-cta-new .text-container:hover {
        background-color: rgba(0, 168, 255, 0.7); }
      .reset-new .np-mod-cta-new .text-container .cta-subtext {
        display: none; }
    .reset-new .np-mod-cta-new.red .text-container, .reset-new .np-mod-cta-new .red.text-container .text-container {
      background: #f26c59; }
      .reset-new .np-mod-cta-new.red .text-container:hover, .reset-new .np-mod-cta-new .red.text-container .text-container:hover {
        background-color: rgba(242, 108, 89, 0.7); }
    .reset-new .np-mod-cta-new.green .text-container, .reset-new .np-mod-cta-new .green.text-container .text-container {
      background: #5fd598; }
      .reset-new .np-mod-cta-new.green .text-container:hover, .reset-new .np-mod-cta-new .green.text-container .text-container:hover {
        background-color: rgba(95, 213, 152, 0.7); }
    .reset-new .np-mod-cta-new.yellow .text-container, .reset-new .np-mod-cta-new .yellow.text-container .text-container {
      background: #ffa800; }
      .reset-new .np-mod-cta-new.yellow .text-container:hover, .reset-new .np-mod-cta-new .yellow.text-container .text-container:hover {
        background-color: rgba(255, 168, 0, 0.7); }
    .reset-new .np-mod-cta-new.disabled .text-container, .reset-new .np-mod-cta-new .disabled.text-container .text-container {
      background-color: rgba(0, 168, 255, 0.3); }
    .reset-new .np-mod-cta-new.disabled.red .text-container, .reset-new .np-mod-cta-new .disabled.red.text-container .text-container {
      background-color: rgba(242, 108, 89, 0.3); }
    .reset-new .np-mod-cta-new.disabled.green .text-container, .reset-new .np-mod-cta-new .disabled.green.text-container .text-container {
      background-color: rgba(95, 213, 152, 0.3); }
    .reset-new .np-mod-cta-new:disabled .text-container, .reset-new .np-mod-cta-new .text-container:disabled .text-container {
      background-color: rgba(0, 168, 255, 0.3); }
    .reset-new .np-mod-cta-new:disabled.red .text-container, .reset-new .np-mod-cta-new .text-container:disabled.red .text-container {
      background-color: rgba(242, 108, 89, 0.3); }
    .reset-new .np-mod-cta-new:disabled.green .text-container, .reset-new .np-mod-cta-new .text-container:disabled.green .text-container {
      background-color: rgba(95, 213, 152, 0.3); }
    .reset-new .np-mod-cta-new.two-lines .text-container, .reset-new .np-mod-cta-new .two-lines.text-container .text-container {
      padding-top: 3px; }
      .reset-new .np-mod-cta-new.two-lines .text-container .cta-text, .reset-new .np-mod-cta-new .two-lines.text-container .text-container .cta-text,
      .reset-new .np-mod-cta-new.two-lines .text-container .cta-subtext,
      .reset-new .np-mod-cta-new .two-lines.text-container .text-container .cta-subtext {
        height: 50%;
        display: block;
        line-height: 100%; }
    .reset-new .np-mod-cta-new.border-style, .reset-new .np-mod-cta-new .border-style.text-container {
      background: rgba(0, 168, 255, 0.16);
      border: 1px solid #00a8ff;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
      .reset-new .np-mod-cta-new.border-style .text-container, .reset-new .np-mod-cta-new .border-style.text-container .text-container {
        background: none;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif; }
      .reset-new .np-mod-cta-new.border-style:hover, .reset-new .np-mod-cta-new .border-style.text-container:hover {
        background: #00a8ff; }
      .reset-new .np-mod-cta-new.border-style.green, .reset-new .np-mod-cta-new .border-style.green.text-container {
        background: rgba(95, 213, 152, 0.23);
        border-color: #5fd598; }
        .reset-new .np-mod-cta-new.border-style.green:hover, .reset-new .np-mod-cta-new .border-style.green.text-container:hover {
          background: #5fd598; }
      .reset-new .np-mod-cta-new.border-style.red, .reset-new .np-mod-cta-new .border-style.red.text-container {
        background: rgba(242, 108, 89, 0.28);
        border-color: #f26c59; }
        .reset-new .np-mod-cta-new.border-style.red:hover, .reset-new .np-mod-cta-new .border-style.red.text-container:hover {
          background: #f26c59; }
      .reset-new .np-mod-cta-new.border-style.yellow, .reset-new .np-mod-cta-new .border-style.yellow.text-container {
        background: rgba(255, 168, 0, 0.05);
        border-color: #ffa800; }
        .reset-new .np-mod-cta-new.border-style.yellow:hover, .reset-new .np-mod-cta-new .border-style.yellow.text-container:hover {
          background: #ffa800; }
    .reset-new .np-mod-cta-new.link-style, .reset-new .np-mod-cta-new .link-style.text-container, .reset-new .np-mod-cta-new.link-style .text-container, .reset-new .np-mod-cta-new .link-style.text-container .text-container {
      background: none;
      color: #00a8ff;
      text-decoration: underline; }
      .reset-new .np-mod-cta-new.link-style.red .text-container, .reset-new .np-mod-cta-new .link-style.red.text-container .text-container, .reset-new .np-mod-cta-new.link-style .red.text-container .text-container, .reset-new .np-mod-cta-new .link-style.text-container .red.text-container .text-container {
        color: #f26c59; }
        .reset-new .np-mod-cta-new.link-style.red .text-container:hover, .reset-new .np-mod-cta-new .link-style.red.text-container .text-container:hover, .reset-new .np-mod-cta-new.link-style .red.text-container .text-container:hover, .reset-new .np-mod-cta-new .link-style.text-container .red.text-container .text-container:hover {
          background: none;
          color: rgba(242, 108, 89, 0.7); }
      .reset-new .np-mod-cta-new.link-style.green .text-container, .reset-new .np-mod-cta-new .link-style.green.text-container .text-container, .reset-new .np-mod-cta-new.link-style .green.text-container .text-container, .reset-new .np-mod-cta-new .link-style.text-container .green.text-container .text-container {
        color: #5fd598; }
        .reset-new .np-mod-cta-new.link-style.green .text-container:hover, .reset-new .np-mod-cta-new .link-style.green.text-container .text-container:hover, .reset-new .np-mod-cta-new.link-style .green.text-container .text-container:hover, .reset-new .np-mod-cta-new .link-style.text-container .green.text-container .text-container:hover {
          background: none;
          color: rgba(95, 213, 152, 0.7); }
      .reset-new .np-mod-cta-new.link-style.yellow .text-container, .reset-new .np-mod-cta-new .link-style.yellow.text-container .text-container, .reset-new .np-mod-cta-new.link-style .yellow.text-container .text-container, .reset-new .np-mod-cta-new .link-style.text-container .yellow.text-container .text-container {
        color: #ffa800; }
        .reset-new .np-mod-cta-new.link-style.yellow .text-container:hover, .reset-new .np-mod-cta-new .link-style.yellow.text-container .text-container:hover, .reset-new .np-mod-cta-new.link-style .yellow.text-container .text-container:hover, .reset-new .np-mod-cta-new .link-style.text-container .yellow.text-container .text-container:hover {
          background: none;
          color: rgba(255, 168, 0, 0.7); }
    .reset-new .np-mod-cta-new.icon .text-container .cta-text, .reset-new .np-mod-cta-new .icon.text-container .text-container .cta-text {
      display: inline; }
  .reset-new .np-mod-datepicker {
    cursor: pointer;
    position: relative; }
    .reset-new .np-mod-datepicker div, .reset-new .np-mod-datepicker span {
      float: left; }
    .reset-new .np-mod-datepicker span {
      color: #5b6d79;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 40px;
      padding: 0 10px 0 0; }
    .reset-new .np-mod-datepicker input {
      background: url("../images/arrow-gray.png") no-repeat #b8c0c6 105px center;
      border-radius: 3px;
      color: #5b6d79;
      cursor: pointer;
      float: left;
      font-size: 14px;
      padding: 0 10px 0 20px;
      text-align: center;
      text-align: left;
      height: 40px;
      width: 100px; }
      .reset-new .np-mod-datepicker input.filled {
        color: #5b6d79; }
  .reset-new .np-mod-selectable div, .reset-new .np-mod-selectable select {
    float: left; }
  .reset-new .np-mod-selectable select {
    background: url("../images/arrow-gray.png") no-repeat #b8c0c6 110px center;
    border-radius: 3px;
    color: #5b6d79;
    cursor: pointer;
    float: left;
    font-size: 14px;
    padding: 0 10px 0 20px;
    text-align: center;
    text-align: left;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    height: 40px; }
    .reset-new .np-mod-selectable select::-ms-expand {
      display: none !important; }
    .reset-new .np-mod-selectable select option {
      background: #ffffff !important;
      border: none; }
      .reset-new .np-mod-selectable select option:hover {
        background: #0097a7 !important; }
  .reset-new .np-mod-selectable .fieldName {
    color: #5b6d79;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 40px;
    padding: 0 10px 0 0; }
  .reset-new .np-mod-combolist {
    border-radius: 3px;
    position: relative;
    /* color options */ }
    .reset-new .np-mod-combolist label {
      background: url("../img/reset-new/icons/np-mod-dropdown-arrow.svg") no-repeat #ffffff right center;
      color: #8b9195;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 14px;
      padding: 0 15px;
      margin-right: 15px;
      text-transform: capitalize; }
      .reset-new .np-mod-combolist label.selected {
        color: #8b9195; }
    .reset-new .np-mod-combolist li {
      line-height: 38px; }
    .reset-new .np-mod-combolist .dropdownCombo {
      background: #ffffff;
      border: 1px solid #cdd3d7;
      border-radius: 5px;
      box-shadow: none;
      position: absolute;
      float: left;
      top: 40px;
      overflow-y: scroll; }
      .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item {
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: #ffffff;
        color: #5b6d79;
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin: 0;
        padding: 10px 15px;
        text-transform: capitalize;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item span {
          color: #b8c0c6;
          font-family: "npprimarylight", Helvetica, Arial, sans-serif;
          font-size: 11px; }
        .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item.selected {
          color: #00a8ff;
          background: #ffffff; }
        .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item:hover {
          color: #00a8ff;
          background: #f8fafb;
          border-color: #b8c0c6; }
          .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item:hover span {
            color: #5b6d79; }
        .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item:nth-of-type(2), .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item:nth-of-type(2):hover {
          border-top: none; }
        .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item:last-of-type, .reset-new .np-mod-combolist .dropdownCombo .dropdownCombo-item:last-of-type:hover {
          border-bottom: none; }
    .reset-new .np-mod-combolist.white {
      border: 1px solid #b8c0c6;
      color: #b8c0c6;
      transition: border-color 0.5s ease, color 0.5s ease; }
      .reset-new .np-mod-combolist.white:hover, .reset-new .np-mod-combolist.white.active {
        border: 1px solid #00a8ff;
        color: #00a8ff;
        transition: border-color 0.5s ease, color 0.5s ease; }
  .reset-new .np-mod-dropdown {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-weight: 200;
    text-align: left;
    line-height: 38px;
    background: url("../img/reset-new/icons/np-mod-dropdown-arrow.svg") no-repeat transparent right center;
    position: relative;
    /* COLOR OPTIONS */ }
    .reset-new .np-mod-dropdown.active, .reset-new .np-mod-dropdown:hover {
      background: url("../img/reset-new/icons/np-mod-dropdown-arrow-active.svg") no-repeat transparent right center; }
    .reset-new .np-mod-dropdown .sorting-by {
      color: #b8c0c6;
      font-size: 14px;
      height: auto;
      width: auto;
      padding: 0 20px;
      display: block; }
      .reset-new .np-mod-dropdown .sorting-by.active + .dropdown-options {
        opacity: 1;
        visibility: visible; }
    .reset-new .np-mod-dropdown.white {
      border: 1px solid #b8c0c6;
      color: #b8c0c6;
      transition: border-color 0.5s ease, color 0.5s ease; }
      .reset-new .np-mod-dropdown.white:hover, .reset-new .np-mod-dropdown.white.active {
        border: 1px solid #00a8ff;
        color: #00a8ff;
        transition: border-color 0.5s ease, color 0.5s ease; }
    .reset-new .np-mod-dropdown.active .dropdown-options {
      opacity: 1;
      visibility: visible; }
  .reset-new .dropdown-options {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0;
    z-index: 15;
    /* mover esto a z-index.scss */
    visibility: hidden;
    padding: 0;
    position: absolute;
    background: #ffffff none repeat scroll 0% 0%;
    border: 1px solid #cdd3d7;
    border-radius: 5px;
    box-shadow: 0 2px 4px #5b6d79; }
  .reset-new .np-mod-searchbox {
    position: relative; }
    .reset-new .np-mod-searchbox label {
      color: #b8c0c6;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif; }
    .reset-new .np-mod-searchbox input {
      border: 1px solid #8b9195;
      border-radius: 3px;
      color: #b8c0c6;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      padding: 0 20px;
      height: 38px; }
      .reset-new .np-mod-searchbox input:focus {
        border-color: #28b7c6; }
    .reset-new .np-mod-searchbox .search-form-button {
      background: transparent url("../img/reset-new/icons/search.svg") no-repeat scroll 15px 8px;
      border: medium none;
      float: left;
      height: 38px;
      width: 50px;
      position: absolute;
      right: 0px; }
      .reset-new .np-mod-searchbox .search-form-button:before {
        background: #b8c0c6;
        content: "";
        display: block;
        float: left;
        height: 27px;
        width: 1px;
        top: 0;
        left: 0; }
    .reset-new .np-mod-searchbox .delete-text {
      background: transparent url("../img/toolbar_library/sprite.svg") no-repeat scroll 0px -20px/45px 95px;
      border: 0px none;
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 12px;
      right: 65px; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .reset-new .np-mod-searchbox .delete-text {
          right: 10px; } }
    .reset-new .np-mod-searchbox.gray input {
      border-color: #b8c0c6; }
      .reset-new .np-mod-searchbox.gray input:focus {
        border-color: #00a8ff;
        transition: border-color 0.5s ease, color 0.5s ease; }
  .reset-new .np-mod-autocomplete {
    height: 40px;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    position: relative;
    /* VERSION WITH ICONS */ }
    .reset-new .np-mod-autocomplete input::-webkit-input-placeholder {
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #8b9195;
      font-style: normal; }
    .reset-new .np-mod-autocomplete input:-moz-placeholder {
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #8b9195;
      font-style: normal; }
    .reset-new .np-mod-autocomplete input::-moz-placeholder {
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #8b9195;
      font-style: normal; }
    .reset-new .np-mod-autocomplete input:-ms-input-placeholder {
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #8b9195;
      font-style: normal; }
    .reset-new .np-mod-autocomplete .ui-autocomplete-input {
      border: 1px solid #b8c0c6;
      color: #5b6d79;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 14px;
      text-overflow: ellipsis;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      transition: 0.5s ease border-color; }
      .reset-new .np-mod-autocomplete .ui-autocomplete-input:focus {
        border: 1px solid #00a8ff;
        transition: 0.5s ease border-color; }
    .reset-new .np-mod-autocomplete .dropdownCombo {
      background: #ffffff;
      border: 1px solid #cdd3d7;
      border-radius: 5px 5px 0 0;
      border-bottom: none;
      box-shadow: none;
      /*position: absolute;*/
      position: relative;
      float: left;
      top: 5px; }
      .reset-new .np-mod-autocomplete .dropdownCombo li.notResults {
        border: none;
        cursor: default;
        padding: 10px 15px;
        line-height: 40px; }
        .reset-new .np-mod-autocomplete .dropdownCombo li.notResults:hover {
          background: #ffffff;
          border: none;
          color: #5b6d79;
          cursor: default; }
      .reset-new .np-mod-autocomplete .dropdownCombo li {
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: #ffffff;
        color: #5b6d79;
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin: 0;
        padding: 10px 15px;
        text-transform: capitalize; }
        .reset-new .np-mod-autocomplete .dropdownCombo li span {
          color: #b8c0c6;
          font-family: "npprimarylight", Helvetica, Arial, sans-serif;
          font-size: 11px; }
        .reset-new .np-mod-autocomplete .dropdownCombo li:hover {
          color: #00a8ff;
          background: #b3e5ff;
          border-color: #b8c0c6; }
          .reset-new .np-mod-autocomplete .dropdownCombo li:hover span {
            color: #5b6d79; }
        .reset-new .np-mod-autocomplete .dropdownCombo li:nth-of-type(2), .reset-new .np-mod-autocomplete .dropdownCombo li:nth-of-type(2):hover {
          border-top: none; }
        .reset-new .np-mod-autocomplete .dropdownCombo li:last-of-type, .reset-new .np-mod-autocomplete .dropdownCombo li:last-of-type:hover {
          border-bottom: none; }
    .reset-new .np-mod-autocomplete .lastRow {
      width: 100%;
      box-sizing: border-box;
      background: #eaeef1;
      box-shadow: 0px 5px 10px -10px #5b6d79;
      border-radius: 0px 0px 5px 5px;
      border: 1px solid #cdd3d7;
      color: #8b9195;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 12px;
      /*
      position: absolute;
      top: 245px;
      */
      position: relative;
      top: 5px;
      display: block;
      float: left; }
    .reset-new .np-mod-autocomplete.plus-icon .dropdownCombo::-webkit-scrollbar-track {
      background-color: #e0e1e2; }
    .reset-new .np-mod-autocomplete.plus-icon .dropdownCombo::-webkit-scrollbar-thumb {
      background-color: #b8c0c6; }
    .reset-new .np-mod-autocomplete.plus-icon .dropdownCombo li {
      border-bottom: 1px solid #ffffff;
      color: #b8c0c6;
      padding-left: 34px;
      position: relative; }
      .reset-new .np-mod-autocomplete.plus-icon .dropdownCombo li:hover {
        color: #5b6d79;
        background: #f8fafb;
        border-bottom: 1px solid; }
      .reset-new .np-mod-autocomplete.plus-icon .dropdownCombo li .highlight {
        color: #5b6d79; }
      .reset-new .np-mod-autocomplete.plus-icon .dropdownCombo li span:before {
        height: 25px;
        width: 25px;
        content: "";
        background: #cdd3d7;
        display: block;
        margin-top: 3px;
        margin-right: 10px;
        position: absolute;
        top: 12px;
        left: 10px; }
      .reset-new .np-mod-autocomplete.plus-icon .dropdownCombo li span.userResult:before {
        background: url("../img/reset-new/icons/icon-user-filter.svg") no-repeat; }
      .reset-new .np-mod-autocomplete.plus-icon .dropdownCombo li span.schoolResult:before {
        background: url("../img/reset-new/icons/icon-user-school-filter.svg") no-repeat; }
  .reset-new .np-mod-popup {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 3px 3px #5b6d79;
    padding: 20px; }
    .reset-new .np-mod-popup .np-mod-popup-title {
      color: #5b6d79;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 14px;
      margin-bottom: 10px; }
    .reset-new .np-mod-popup .np-mod-popup-subtitle {
      color: #8b9195;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 14px;
      margin-bottom: 20px; }
  .reset-new .np-mod-checkbox[type=checkbox] {
    display: none; }
  .reset-new .np-mod-checkbox + label {
    cursor: pointer; }
    .reset-new .np-mod-checkbox + label:before {
      height: 15px;
      width: 15px;
      background: url("../img/reset-new/icons/np-mod-checkbox.svg") no-repeat;
      background-position: 0px -15px;
      content: "";
      display: block;
      float: left;
      margin-top: 6px;
      margin-right: 10px;
      margin-left: 5px;
      cursor: pointer; }
  .reset-new .np-mod-checkbox[type=checkbox]:checked + label:before {
    height: 15px;
    width: 15px;
    background: url("../img/reset-new/icons/np-mod-checkbox.svg") no-repeat;
    background-position: 0px 0px;
    content: "";
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 5px;
    cursor: pointer; }
  .reset-new .np-mod-cta.no-style,
  .reset-new .np-mod-searchbox.no-style,
  .reset-new .np-mod-selectable.no-style,
  .reset-new .np-mod-dropdown.no-style {
    border-radius: 0;
    border: none;
    height: auto;
    width: auto;
    color: inherit;
    padding: 0;
    margin: 0; }
  .reset-new .fullscreen-message {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: none; }
    .reset-new .fullscreen-message span {
      color: #5b6d79;
      display: block;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 18px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -115px;
      width: 230px; }
    .reset-new .fullscreen-message.on {
      display: block; }

/*
//CREDIT CARD FORM
@import 'modules/accordion/accordion';
@import 'modules/card-form/card-form';
@import 'modules/flags/flags';
@import 'modules/card-element/card-element';
@import 'modules/paypal-element/paypal-element';
@import 'modules/clickable-item/clickable-item';
@import 'modules/welcome-box/welcome-box';

//MOBILE STYLES FOR COMPONENTS
.reset-new.card-form{
  @media screen and (max-width: 769px){
    @import '../global/modules/card-form/card-form-mobile';
  }
}

.reset-new .np-clickable-item{
  @media screen and (max-width: 769px){
    @import '../global/modules/clickable-item/clickable-item-mobile';
  }
}

.reset-new .np-card-element{
  @media screen and (max-width: 769px){
    @import '../global/modules/card-element/card-element-mobile';
  }
}
*/
.autoheight {
  background: #00a8ff; }
  @media screen and (height: 1024px) {
    .autoheight {
      height: 1004px !important; } }
  @media screen and (height: 736px) {
    .autoheight {
      height: 716px !important; } }
  @media screen and (height: 640px) {
    .autoheight {
      height: 620px !important; } }
  @media screen and (height: 627px) {
    .autoheight {
      height: 607px !important; } }
  @media screen and (height: 568px) {
    .autoheight {
      height: 548px !important; } }

.loaderBar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 2px; }

.loaderBar .animatedBar {
  background-color: #00a8ff;
  width: 100%;
  height: 100%;
  transform: scale(0.001, 1);
  -moz-transform: scale(0.001, 1);
  -o-transform: scale(0.001, 1);
  -webkit-transform: scale(0.001, 1);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transition: 1s cubic-bezier(0.72, 0.23, 0.02, 1.01) -webkit-transform;
  -moz-transition: 1s cubic-bezier(0.72, 0.23, 0.02, 1.01) -moz-transform;
  -o-transition: 1s cubic-bezier(0.72, 0.23, 0.02, 1.01) -o-transform;
  transition: 1s cubic-bezier(0.72, 0.23, 0.02, 1.01) transform; }

.loaderBar .animatedBar.animIn {
  transform: scale(0.98, 1);
  -moz-transform: scale(0.98, 1);
  -o-transform: scale(0.98, 1);
  -webkit-transform: scale(0.98, 1); }

/* TOOLTIP */
.custom-tooltip-styling {
  width: 120px;
  height: auto;
  background-color: #152d39;
  border-radius: 2px;
  box-shadow: none;
  border: none;
  color: #ffffff;
  font-family: "npprimarylight", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 300;
  line-height: 12px; }
  .custom-tooltip-styling:before {
    content: "";
    display: block;
    position: absolute;
    left: -5px;
    top: 10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #152d39 transparent transparent; }

.np-mod-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(7, 26, 35, 0.85);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  /* mover esto a  z-index.scss */ }

.np-checkbox[type=checkbox] {
  display: none; }
.np-checkbox + .np-checkbox-label {
  cursor: pointer;
  font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
  padding-left: 25px;
  position: relative; }
  .np-checkbox + .np-checkbox-label:before {
    width: 15px;
    height: 15px;
    background: url("../img/reset-new/icons/np-mod-checkbox.svg") no-repeat;
    background-position: 0px -15px;
    content: "";
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: -1px; }
.np-checkbox[type=checkbox]:checked + .np-checkbox-label:before {
  background-position: 0px 0px; }

/* overlay velo*/
.np-mod-overlay {
  width: 100%;
  height: 100vh;
  background-color: rgba(7, 26, 35, 0.85);
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }

.reset-new .wrapper,
.reset-new.wrapper {
  margin: 0 auto;
  position: relative;
  width: 100%; }
  @media screen and (max-width: 769px) {
    .reset-new .wrapper,
    .reset-new.wrapper {
      /*width: 768px;*/ } }
  .reset-new .wrapper.min-desktop,
  .reset-new.wrapper.min-desktop {
    max-width: 1024px;
    margin: 0px auto; }
  .reset-new .wrapper.main,
  .reset-new.wrapper.main {
    padding: 15px 60px 0;
    width: 100%; }
    @media screen and (max-width: 769px) {
      .reset-new .wrapper.main,
      .reset-new.wrapper.main {
        width: 768px; } }
  .reset-new .wrapper .npp-grid-item,
  .reset-new .wrapper .folder-link,
  .reset-new .wrapper .folder-list-item,
  .reset-new .wrapper .elementPlaceholder,
  .reset-new.wrapper .npp-grid-item,
  .reset-new.wrapper .folder-link,
  .reset-new.wrapper .folder-list-item,
  .reset-new.wrapper .elementPlaceholder {
    margin: 0 5px 10px;
    width: calc((99.9% - (2*10px)) / 3);
    /*
    @media screen and (min-width: 1636px) {
      width: calc((99.9% - (6*10px)) / 7);
      &:nth-of-type(3n+1){margin-left: 5px;}
      &:nth-of-type(3n+0){margin-right: 5px;}
      &:nth-of-type(4n+1){margin-left: 5px;}
      &:nth-of-type(4n+0){margin-right: 5px;}
      &:nth-of-type(5n+1){margin-left: 5px;}
      &:nth-of-type(5n+0){margin-right: 5px;}
      &:nth-of-type(6n+1){margin-left: 5px;}
      &:nth-of-type(6n+0){margin-right: 5px;}
      &:nth-of-type(7n+1){margin-left: 0;}
      &:nth-of-type(7n+0){margin-right: 0;}
    }
    */ }
    .reset-new .wrapper .npp-grid-item:nth-of-type(3n+1),
    .reset-new .wrapper .folder-link:nth-of-type(3n+1),
    .reset-new .wrapper .folder-list-item:nth-of-type(3n+1),
    .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+1),
    .reset-new.wrapper .npp-grid-item:nth-of-type(3n+1),
    .reset-new.wrapper .folder-link:nth-of-type(3n+1),
    .reset-new.wrapper .folder-list-item:nth-of-type(3n+1),
    .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+1) {
      margin-left: 0; }
    .reset-new .wrapper .npp-grid-item:nth-of-type(3n+0),
    .reset-new .wrapper .folder-link:nth-of-type(3n+0),
    .reset-new .wrapper .folder-list-item:nth-of-type(3n+0),
    .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+0),
    .reset-new.wrapper .npp-grid-item:nth-of-type(3n+0),
    .reset-new.wrapper .folder-link:nth-of-type(3n+0),
    .reset-new.wrapper .folder-list-item:nth-of-type(3n+0),
    .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+0) {
      margin-right: 0; }
    @media screen and (min-width: 985px) {
      .reset-new .wrapper .npp-grid-item,
      .reset-new .wrapper .folder-link,
      .reset-new .wrapper .folder-list-item,
      .reset-new .wrapper .elementPlaceholder,
      .reset-new.wrapper .npp-grid-item,
      .reset-new.wrapper .folder-link,
      .reset-new.wrapper .folder-list-item,
      .reset-new.wrapper .elementPlaceholder {
        width: calc((99.9% - (3*10px)) / 4); }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new .wrapper .folder-link:nth-of-type(3n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new.wrapper .folder-link:nth-of-type(3n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new .wrapper .folder-link:nth-of-type(3n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new.wrapper .folder-link:nth-of-type(3n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new .wrapper .folder-link:nth-of-type(4n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new.wrapper .folder-link:nth-of-type(4n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+1) {
          margin-left: 0; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new .wrapper .folder-link:nth-of-type(4n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new.wrapper .folder-link:nth-of-type(4n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+0) {
          margin-right: 0; } }
    @media screen and (min-width: 1202px) {
      .reset-new .wrapper .npp-grid-item,
      .reset-new .wrapper .folder-link,
      .reset-new .wrapper .folder-list-item,
      .reset-new .wrapper .elementPlaceholder,
      .reset-new.wrapper .npp-grid-item,
      .reset-new.wrapper .folder-link,
      .reset-new.wrapper .folder-list-item,
      .reset-new.wrapper .elementPlaceholder {
        width: calc((99.9% - (4*10px)) / 5); }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new .wrapper .folder-link:nth-of-type(3n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new.wrapper .folder-link:nth-of-type(3n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new .wrapper .folder-link:nth-of-type(3n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new.wrapper .folder-link:nth-of-type(3n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new .wrapper .folder-link:nth-of-type(4n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new.wrapper .folder-link:nth-of-type(4n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new .wrapper .folder-link:nth-of-type(4n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new.wrapper .folder-link:nth-of-type(4n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new .wrapper .folder-link:nth-of-type(5n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new.wrapper .folder-link:nth-of-type(5n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+1) {
          margin-left: 0; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new .wrapper .folder-link:nth-of-type(5n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new.wrapper .folder-link:nth-of-type(5n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+0) {
          margin-right: 0; } }
    @media screen and (min-width: 1419px) {
      .reset-new .wrapper .npp-grid-item,
      .reset-new .wrapper .folder-link,
      .reset-new .wrapper .folder-list-item,
      .reset-new .wrapper .elementPlaceholder,
      .reset-new.wrapper .npp-grid-item,
      .reset-new.wrapper .folder-link,
      .reset-new.wrapper .folder-list-item,
      .reset-new.wrapper .elementPlaceholder {
        width: calc((99.9% - (5*10px)) / 6); }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new .wrapper .folder-link:nth-of-type(3n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new.wrapper .folder-link:nth-of-type(3n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new .wrapper .folder-link:nth-of-type(3n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new.wrapper .folder-link:nth-of-type(3n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new .wrapper .folder-link:nth-of-type(4n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new.wrapper .folder-link:nth-of-type(4n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new .wrapper .folder-link:nth-of-type(4n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new.wrapper .folder-link:nth-of-type(4n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new .wrapper .folder-link:nth-of-type(5n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new.wrapper .folder-link:nth-of-type(5n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new .wrapper .folder-link:nth-of-type(5n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new.wrapper .folder-link:nth-of-type(5n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new .wrapper .folder-link:nth-of-type(6n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new.wrapper .folder-link:nth-of-type(6n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+1) {
          margin-left: 0; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new .wrapper .folder-link:nth-of-type(6n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new.wrapper .folder-link:nth-of-type(6n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+0) {
          margin-right: 0; } }
    @media screen and (min-width: 1853px) {
      .reset-new .wrapper .npp-grid-item,
      .reset-new .wrapper .folder-link,
      .reset-new .wrapper .folder-list-item,
      .reset-new .wrapper .elementPlaceholder,
      .reset-new.wrapper .npp-grid-item,
      .reset-new.wrapper .folder-link,
      .reset-new.wrapper .folder-list-item,
      .reset-new.wrapper .elementPlaceholder {
        width: calc((99.9% - (7*10px)) / 8); }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new .wrapper .folder-link:nth-of-type(3n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new.wrapper .folder-link:nth-of-type(3n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new .wrapper .folder-link:nth-of-type(3n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new.wrapper .folder-link:nth-of-type(3n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new .wrapper .folder-link:nth-of-type(4n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new.wrapper .folder-link:nth-of-type(4n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new .wrapper .folder-link:nth-of-type(4n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new.wrapper .folder-link:nth-of-type(4n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new .wrapper .folder-link:nth-of-type(5n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new.wrapper .folder-link:nth-of-type(5n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new .wrapper .folder-link:nth-of-type(5n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new.wrapper .folder-link:nth-of-type(5n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new .wrapper .folder-link:nth-of-type(6n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new.wrapper .folder-link:nth-of-type(6n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new .wrapper .folder-link:nth-of-type(6n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new.wrapper .folder-link:nth-of-type(6n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(7n+1),
        .reset-new .wrapper .folder-link:nth-of-type(7n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(7n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(7n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(7n+1),
        .reset-new.wrapper .folder-link:nth-of-type(7n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(7n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(7n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(7n+0),
        .reset-new .wrapper .folder-link:nth-of-type(7n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(7n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(7n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(7n+0),
        .reset-new.wrapper .folder-link:nth-of-type(7n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(7n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(7n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(8n+1),
        .reset-new .wrapper .folder-link:nth-of-type(8n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(8n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(8n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(8n+1),
        .reset-new.wrapper .folder-link:nth-of-type(8n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(8n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(8n+1) {
          margin-left: 0; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(8n+0),
        .reset-new .wrapper .folder-link:nth-of-type(8n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(8n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(8n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(8n+0),
        .reset-new.wrapper .folder-link:nth-of-type(8n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(8n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(8n+0) {
          margin-right: 0; } }
    @media screen and (min-width: 2070px) {
      .reset-new .wrapper .npp-grid-item,
      .reset-new .wrapper .folder-link,
      .reset-new .wrapper .folder-list-item,
      .reset-new .wrapper .elementPlaceholder,
      .reset-new.wrapper .npp-grid-item,
      .reset-new.wrapper .folder-link,
      .reset-new.wrapper .folder-list-item,
      .reset-new.wrapper .elementPlaceholder {
        width: calc((99.9% - (8*10px)) / 9); }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new .wrapper .folder-link:nth-of-type(3n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new.wrapper .folder-link:nth-of-type(3n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new .wrapper .folder-link:nth-of-type(3n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new.wrapper .folder-link:nth-of-type(3n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new .wrapper .folder-link:nth-of-type(4n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new.wrapper .folder-link:nth-of-type(4n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new .wrapper .folder-link:nth-of-type(4n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new.wrapper .folder-link:nth-of-type(4n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new .wrapper .folder-link:nth-of-type(5n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new.wrapper .folder-link:nth-of-type(5n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new .wrapper .folder-link:nth-of-type(5n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new.wrapper .folder-link:nth-of-type(5n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new .wrapper .folder-link:nth-of-type(6n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new.wrapper .folder-link:nth-of-type(6n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new .wrapper .folder-link:nth-of-type(6n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new.wrapper .folder-link:nth-of-type(6n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(7n+1),
        .reset-new .wrapper .folder-link:nth-of-type(7n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(7n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(7n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(7n+1),
        .reset-new.wrapper .folder-link:nth-of-type(7n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(7n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(7n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(7n+0),
        .reset-new .wrapper .folder-link:nth-of-type(7n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(7n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(7n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(7n+0),
        .reset-new.wrapper .folder-link:nth-of-type(7n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(7n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(7n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(8n+1),
        .reset-new .wrapper .folder-link:nth-of-type(8n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(8n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(8n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(8n+1),
        .reset-new.wrapper .folder-link:nth-of-type(8n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(8n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(8n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(8n+0),
        .reset-new .wrapper .folder-link:nth-of-type(8n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(8n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(8n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(8n+0),
        .reset-new.wrapper .folder-link:nth-of-type(8n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(8n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(8n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(9n+1),
        .reset-new .wrapper .folder-link:nth-of-type(9n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(9n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(9n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(9n+1),
        .reset-new.wrapper .folder-link:nth-of-type(9n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(9n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(9n+1) {
          margin-left: 0px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(9n+0),
        .reset-new .wrapper .folder-link:nth-of-type(9n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(9n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(9n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(9n+0),
        .reset-new.wrapper .folder-link:nth-of-type(9n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(9n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(9n+0) {
          margin-right: 0px; } }
    @media screen and (min-width: 2287px) {
      .reset-new .wrapper .npp-grid-item,
      .reset-new .wrapper .folder-link,
      .reset-new .wrapper .folder-list-item,
      .reset-new .wrapper .elementPlaceholder,
      .reset-new.wrapper .npp-grid-item,
      .reset-new.wrapper .folder-link,
      .reset-new.wrapper .folder-list-item,
      .reset-new.wrapper .elementPlaceholder {
        width: calc((99.9% - (9*10px)) / 10); }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new .wrapper .folder-link:nth-of-type(3n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new.wrapper .folder-link:nth-of-type(3n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new .wrapper .folder-link:nth-of-type(3n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new.wrapper .folder-link:nth-of-type(3n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new .wrapper .folder-link:nth-of-type(4n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new.wrapper .folder-link:nth-of-type(4n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new .wrapper .folder-link:nth-of-type(4n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new.wrapper .folder-link:nth-of-type(4n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new .wrapper .folder-link:nth-of-type(5n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new.wrapper .folder-link:nth-of-type(5n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new .wrapper .folder-link:nth-of-type(5n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new.wrapper .folder-link:nth-of-type(5n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new .wrapper .folder-link:nth-of-type(6n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new.wrapper .folder-link:nth-of-type(6n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new .wrapper .folder-link:nth-of-type(6n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new.wrapper .folder-link:nth-of-type(6n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(7n+1),
        .reset-new .wrapper .folder-link:nth-of-type(7n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(7n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(7n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(7n+1),
        .reset-new.wrapper .folder-link:nth-of-type(7n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(7n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(7n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(7n+0),
        .reset-new .wrapper .folder-link:nth-of-type(7n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(7n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(7n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(7n+0),
        .reset-new.wrapper .folder-link:nth-of-type(7n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(7n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(7n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(8n+1),
        .reset-new .wrapper .folder-link:nth-of-type(8n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(8n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(8n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(8n+1),
        .reset-new.wrapper .folder-link:nth-of-type(8n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(8n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(8n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(8n+0),
        .reset-new .wrapper .folder-link:nth-of-type(8n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(8n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(8n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(8n+0),
        .reset-new.wrapper .folder-link:nth-of-type(8n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(8n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(8n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(9n+1),
        .reset-new .wrapper .folder-link:nth-of-type(9n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(9n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(9n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(9n+1),
        .reset-new.wrapper .folder-link:nth-of-type(9n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(9n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(9n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(9n+0),
        .reset-new .wrapper .folder-link:nth-of-type(9n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(9n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(9n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(9n+0),
        .reset-new.wrapper .folder-link:nth-of-type(9n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(9n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(9n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(10n+1),
        .reset-new .wrapper .folder-link:nth-of-type(10n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(10n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(10n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(10n+1),
        .reset-new.wrapper .folder-link:nth-of-type(10n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(10n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(10n+1) {
          margin-left: 0px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(10n+0),
        .reset-new .wrapper .folder-link:nth-of-type(10n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(10n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(10n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(10n+0),
        .reset-new.wrapper .folder-link:nth-of-type(10n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(10n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(10n+0) {
          margin-right: 0px; } }
    @media screen and (min-width: 2504px) {
      .reset-new .wrapper .npp-grid-item,
      .reset-new .wrapper .folder-link,
      .reset-new .wrapper .folder-list-item,
      .reset-new .wrapper .elementPlaceholder,
      .reset-new.wrapper .npp-grid-item,
      .reset-new.wrapper .folder-link,
      .reset-new.wrapper .folder-list-item,
      .reset-new.wrapper .elementPlaceholder {
        width: calc((99.9% - (10*10px)) / 11); }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new .wrapper .folder-link:nth-of-type(3n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+1),
        .reset-new.wrapper .folder-link:nth-of-type(3n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new .wrapper .folder-link:nth-of-type(3n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(3n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(3n+0),
        .reset-new.wrapper .folder-link:nth-of-type(3n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(3n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(3n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new .wrapper .folder-link:nth-of-type(4n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+1),
        .reset-new.wrapper .folder-link:nth-of-type(4n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new .wrapper .folder-link:nth-of-type(4n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(4n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(4n+0),
        .reset-new.wrapper .folder-link:nth-of-type(4n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(4n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(4n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new .wrapper .folder-link:nth-of-type(5n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+1),
        .reset-new.wrapper .folder-link:nth-of-type(5n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new .wrapper .folder-link:nth-of-type(5n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(5n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(5n+0),
        .reset-new.wrapper .folder-link:nth-of-type(5n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(5n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(5n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new .wrapper .folder-link:nth-of-type(6n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+1),
        .reset-new.wrapper .folder-link:nth-of-type(6n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new .wrapper .folder-link:nth-of-type(6n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(6n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(6n+0),
        .reset-new.wrapper .folder-link:nth-of-type(6n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(6n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(6n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(7n+1),
        .reset-new .wrapper .folder-link:nth-of-type(7n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(7n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(7n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(7n+1),
        .reset-new.wrapper .folder-link:nth-of-type(7n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(7n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(7n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(7n+0),
        .reset-new .wrapper .folder-link:nth-of-type(7n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(7n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(7n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(7n+0),
        .reset-new.wrapper .folder-link:nth-of-type(7n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(7n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(7n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(8n+1),
        .reset-new .wrapper .folder-link:nth-of-type(8n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(8n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(8n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(8n+1),
        .reset-new.wrapper .folder-link:nth-of-type(8n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(8n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(8n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(8n+0),
        .reset-new .wrapper .folder-link:nth-of-type(8n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(8n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(8n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(8n+0),
        .reset-new.wrapper .folder-link:nth-of-type(8n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(8n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(8n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(9n+1),
        .reset-new .wrapper .folder-link:nth-of-type(9n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(9n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(9n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(9n+1),
        .reset-new.wrapper .folder-link:nth-of-type(9n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(9n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(9n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(9n+0),
        .reset-new .wrapper .folder-link:nth-of-type(9n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(9n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(9n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(9n+0),
        .reset-new.wrapper .folder-link:nth-of-type(9n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(9n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(9n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(10n+1),
        .reset-new .wrapper .folder-link:nth-of-type(10n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(10n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(10n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(10n+1),
        .reset-new.wrapper .folder-link:nth-of-type(10n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(10n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(10n+1) {
          margin-left: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(10n+0),
        .reset-new .wrapper .folder-link:nth-of-type(10n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(10n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(10n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(10n+0),
        .reset-new.wrapper .folder-link:nth-of-type(10n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(10n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(10n+0) {
          margin-right: 5px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(11n+1),
        .reset-new .wrapper .folder-link:nth-of-type(11n+1),
        .reset-new .wrapper .folder-list-item:nth-of-type(11n+1),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(11n+1),
        .reset-new.wrapper .npp-grid-item:nth-of-type(11n+1),
        .reset-new.wrapper .folder-link:nth-of-type(11n+1),
        .reset-new.wrapper .folder-list-item:nth-of-type(11n+1),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(11n+1) {
          margin-left: 0px; }
        .reset-new .wrapper .npp-grid-item:nth-of-type(11n+0),
        .reset-new .wrapper .folder-link:nth-of-type(11n+0),
        .reset-new .wrapper .folder-list-item:nth-of-type(11n+0),
        .reset-new .wrapper .elementPlaceholder:nth-of-type(11n+0),
        .reset-new.wrapper .npp-grid-item:nth-of-type(11n+0),
        .reset-new.wrapper .folder-link:nth-of-type(11n+0),
        .reset-new.wrapper .folder-list-item:nth-of-type(11n+0),
        .reset-new.wrapper .elementPlaceholder:nth-of-type(11n+0) {
          margin-right: 0px; } }

.reset-new.actionBar {
  background: #eaeef1;
  height: 38px;
  width: 972px;
  z-index: 97; }
  .reset-new.actionBar .box.four .toolbarElement {
    width: 25%; }
  .reset-new.actionBar .box.five .toolbarElement {
    width: 20%; }
  .reset-new.actionBar .box .toolbarElement {
    box-sizing: border-box;
    border-right: 2px solid #cdd3d7;
    background: #cdd3d7;
    color: #8b9195;
    cursor: pointer;
    display: inline-block;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    float: left;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    position: relative; }
    .reset-new.actionBar .box .toolbarElement:last-of-type {
      border-right: none; }
    .reset-new.actionBar .box .toolbarElement.disabled, .reset-new.actionBar .box .toolbarElement.disabled:hover {
      background: transparent;
      color: #b8c0c6;
      cursor: default; }
    .reset-new.actionBar .box .toolbarElement:hover {
      color: #ffffff; }
    .reset-new.actionBar .box .toolbarElement.new {
      background: transparent url("../img/reset-new/icons/new.svg") no-repeat scroll 20px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.new:hover {
        background: #4dc2ff url("../img/reset-new/icons/new-on.svg") no-repeat scroll 20px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.new.disabled {
        background: transparent url("../img/reset-new/icons/new-off.svg") no-repeat scroll 20px 8px/20px auto; }
    .reset-new.actionBar .box .toolbarElement.delete {
      background: transparent url("../img/reset-new/icons/delete.svg") no-repeat scroll 20px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.delete:hover {
        background: #4dc2ff url("../img/reset-new/icons/delete-on.svg") no-repeat scroll 20px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.delete.disabled {
        background: transparent url("../img/reset-new/icons/delete-off.svg") no-repeat scroll 20px 8px/20px auto; }
    .reset-new.actionBar .box .toolbarElement.copy {
      background: transparent url("../img/reset-new/icons/copy.svg") no-repeat scroll 20px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.copy:hover {
        background: #4dc2ff url("../img/reset-new/icons/copy-on.svg") no-repeat scroll 20px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.copy.disabled {
        background: transparent url("../img/reset-new/icons/copy-off.svg") no-repeat scroll 20px 8px/20px auto; }
    .reset-new.actionBar .box .toolbarElement.paste {
      background: transparent url("../img/reset-new/icons/paste.svg") no-repeat scroll 10px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.paste:hover {
        background: #4dc2ff url("../img/reset-new/icons/paste-on.svg") no-repeat scroll 10px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.paste.disabled {
        background: transparent url("../img/reset-new/icons/paste-off.svg") no-repeat scroll 10px 8px/20px auto; }
    .reset-new.actionBar .box .toolbarElement.convert {
      background: transparent url("../img/reset-new/icons/drawit.svg") no-repeat scroll 10px 8px/20px auto;
      /*&:after{
        content: "";
        width: 32px;
        height: 14px;
        background: url('../../images/Icono-Beta_V2.svg') top left no-repeat;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 99;
      }*/ }
      .reset-new.actionBar .box .toolbarElement.convert:hover {
        background: #4dc2ff url("../img/reset-new/icons/drawit-on.svg") no-repeat scroll 10px 8px/20px auto; }
      .reset-new.actionBar .box .toolbarElement.convert.disabled {
        background: transparent url("../img/reset-new/icons/drawit-off.svg") no-repeat scroll 10px 8px/20px auto; }
    .reset-new.actionBar .box .toolbarElement.convert-ttc {
      display: none;
      line-height: 100%;
      padding: 5px 40px 0px 50px; }
  .reset-new.actionBar .box .convert-sparkle-animation {
    width: 50px;
    height: 38px;
    position: absolute;
    top: 0px;
    left: -5px; }

/* Menu*/
.reference-media.contentMenuItem.contentMenuItem {
  min-width: 156px; }
  .reference-media.contentMenuItem.contentMenuItem:not(.contentMenuItemSecondary) > li:first-child, .reference-media.contentMenuItem.contentMenuItem:not(.contentMenuItemSecondary) > li:last-child {
    border: none; }
  .reference-media.contentMenuItem.contentMenuItem .ui-menu-item .ui-icon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: none;
    text-indent: 0;
    text-align: center; }
  .reference-media.contentMenuItem.contentMenuItem .ui-menu-item a svg path {
    fill: #b8c0c6; }
  .reference-media.contentMenuItem.contentMenuItem .ui-menu-item a svg #Stroke-1 {
    fill: #ffffff;
    stroke: #b8c0c6; }
  .reference-media.contentMenuItem.contentMenuItem .ui-menu-item:hover {
    background-color: #eaeef1; }
    .reference-media.contentMenuItem.contentMenuItem .ui-menu-item:hover a {
      color: #00a8ff; }
      .reference-media.contentMenuItem.contentMenuItem .ui-menu-item:hover a svg path, .reference-media.contentMenuItem.contentMenuItem .ui-menu-item:hover a svg polygon {
        fill: #00a8ff; }
      .reference-media.contentMenuItem.contentMenuItem .ui-menu-item:hover a svg #Stroke-1 {
        fill: #eaeef1;
        stroke: #00a8ff; }
  .reference-media.contentMenuItem.contentMenuItem.edit-enabled::after {
    top: 58px; }

/* end menu*/
/*   Preview */
.preview_container {
  width: 100%;
  height: calc(100vh);
  background-color: #FBFCFD;
  border: 0;
  border-radius: 0;
  display: none;
  padding: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0; }
  .preview_container .previewHeader {
    background-color: #00a8ff;
    box-sizing: border-box;
    height: 40px;
    padding-bottom: 6px;
    padding-top: 12px;
    text-align: center; }
    .preview_container .previewHeader .previewHeaderText {
      color: #ffffff;
      font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
      font-size: 16px; }
  .preview_container .previewContent {
    height: 100%; }
  .preview_container .previewContainer {
    height: calc(100% - 40px); }
  .preview_container .previewContent,
  .preview_container .previewContainer {
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 0; }
    .preview_container .previewContent .button-close,
    .preview_container .previewContainer .button-close {
      width: 17px;
      height: 17px;
      background: url(../images/toolbar/closeIcon.svg) no-repeat;
      background-size: 100%;
      cursor: pointer;
      position: absolute;
      top: 12px;
      right: 46px;
      z-index: 99; }
      .preview_container .previewContent .button-close:hover,
      .preview_container .previewContainer .button-close:hover {
        background: url(../images/toolbar/closeIconHover.svg) no-repeat; }

.bigImg .bigImgContainer img {
  margin: auto; }
.bigImg .bigImgContainer .closeImageButton {
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url(../images/ic-close-reference-big.svg) top left no-repeat;
  background-size: 94%;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2; }
.bigImg.content-audio {
  width: 100%;
  height: auto;
  padding: 15px;
  border: none;
  border-bottom: 1px solid #ededed;
  margin-bottom: 5px; }
  .bigImg.content-audio .bigImgContainer {
    border: none; }
    .bigImg.content-audio .bigImgContainer audio {
      width: 100%; }
  .bigImg.content-audio .closeImageButton {
    position: absolute;
    display: block;
    right: 0;
    top: -30px; }
.bigImg.content-video {
  width: 100%;
  height: auto;
  padding: 0; }
  .bigImg.content-video .bigImgContainer {
    border: 1px solid #b8b8b8 !important;
    padding-bottom: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    .bigImg.content-video .bigImgContainer video {
      width: 100%;
      height: 333px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    .bigImg.content-video .bigImgContainer .closeImageButton {
      display: block;
      right: 0;
      top: -30px; }

.has-content-reference.editImage.currentImage a:hover {
  border: 1px solid #b8c0c6; }

.contentImage .quesitonChangeImg, .contentImage .sketchChangeImg {
  color: #00a8ff;
  display: inline-block;
  font-size: 12px;
  text-decoration: underline;
  margin-top: 2px; }
  .contentImage .quesitonChangeImg:before, .contentImage .sketchChangeImg:before {
    width: 12px;
    height: 10px;
    display: inline-block;
    content: "";
    background-image: url("../images/icon-edit.svg");
    background-repeat: no-repeat;
    position: relative;
    top: 1px; }
.contentImage .hasImage {
  overflow: hidden; }
  .contentImage .hasImage .icon-resize {
    left: -8px; }
  .contentImage .hasImage .preview-hover {
    width: 47px;
    height: 47px;
    border-radius: 3px;
    background-color: rgba(21, 45, 57, 0.9);
    padding: 0 !important;
    left: 0px !important;
    bottom: 0px !important;
    z-index: 1; }
    .contentImage .hasImage .preview-hover:before {
      width: 29px;
      height: 21px;
      display: block;
      content: "";
      background-image: url("../images/ic-preview.svg");
      background-repeat: no-repeat;
      position: absolute;
      top: 15px;
      left: 10px; }
  .contentImage .hasImage.tooltipTitle:before {
    border: 0; }
  .contentImage .hasImage.editImage.currentImage:hover {
    border: 1px solid #b8c0c6; }

#question_0_ReferenceWebpage .browseWeb {
  text-align: left; }
  #question_0_ReferenceWebpage .browseWeb p {
    text-align: left; }
  #question_0_ReferenceWebpage .browseWeb .inputFieldWrapper {
    width: 515px;
    overflow: hidden; }
    #question_0_ReferenceWebpage .browseWeb .inputFieldWrapper .webPageInput {
      width: 497px; }

.editImage.currentImage .onboarding-tooltip.reference-button {
  left: auto;
  right: -5px;
  top: 60px;
  z-index: 99; }
.editImage.currentImage .closeImageButton {
  width: 20px;
  height: 20px;
  background-image: url("../images/ic-close-reference.svg");
  background-size: 100%;
  left: 39px;
  top: -75px;
  z-index: 2; }
.editImage.currentImage a {
  width: 47px;
  height: 47px;
  border: 1px solid #8b9195;
  display: block;
  margin: 0 auto;
  margin-top: 43px !important;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .editImage.currentImage a .align {
    margin-top: 8px;
    margin-left: 5px; }
  .editImage.currentImage a svg path {
    fill: #8b9195; }
  .editImage.currentImage a svg #Fill-8 {
    fill: #8b9195; }
  .editImage.currentImage a:hover {
    border: 1px solid #00a8ff; }
    .editImage.currentImage a:hover svg path {
      fill: #00a8ff; }
    .editImage.currentImage a:hover svg #Fill-8 {
      fill: #00a8ff; }
  .editImage.currentImage a.active-media {
    border: 1px solid #00a8ff;
    background: #00a8ff; }
    .editImage.currentImage a.active-media svg path {
      fill: #ffffff; }
    .editImage.currentImage a.active-media svg #Fill-8 {
      fill: #ffffff; }

.currentImage .contentImage {
  position: relative; }
  .currentImage .contentImage .beta-label {
    width: 34px;
    height: 15px;
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.36);
    position: absolute;
    top: -7px;
    right: -17px;
    z-index: 9; }
    .currentImage .contentImage .beta-label .st0 {
      fill: #F6851F; }

.sketch.content-draw-it .editImage.currentImage a {
  margin-top: 0px !important; }

.slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper,
.uploadFileForm .main-menu.uploadWrapper.uploadWebPage {
  min-height: 384px;
  padding: 0; }
  .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper #fancybox-content h1.titleSub,
  .uploadFileForm .main-menu.uploadWrapper.uploadWebPage #fancybox-content h1.titleSub {
    border-bottom: 2px solid #00a8ff; }
  .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .browseWeb,
  .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .browseWeb {
    position: relative;
    margin-top: 35px; }
    .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .browseWeb p,
    .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .browseWeb p {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 20px !important;
      text-align: center !important; }
  .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .file-uploader,
  .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .file-uploader {
    padding: 25px 30px;
    padding-bottom: 130px;
    min-height: 224px;
    max-height: 404px;
    height: auto; }
    .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .file-uploader .text-bottom,
    .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .file-uploader .text-bottom {
      color: #8b9195;
      font-family: "npprimarylightitalic", Helvetica, Arial, sans-serif !important;
      font-size: 14px;
      font-style: oblique; }
    .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .file-uploader .test-link,
    .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .file-uploader .test-link {
      position: absolute;
      top: 105px;
      left: 19px; }
      .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .file-uploader .test-link a,
      .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .file-uploader .test-link a {
        color: #00a8ff;
        font-size: 14px;
        /*text-decoration: none;*/
        font-family: "npprimarylight", Helvetica, Arial, sans-serif; }
  .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .inputFieldWrapper,
  .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .inputFieldWrapper {
    width: 474px !important;
    overflow: visible !important;
    text-align: center; }
    .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .inputFieldWrapper .validateTextbox,
    .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .inputFieldWrapper .validateTextbox {
      color: #f26c59;
      position: absolute;
      top: 58px;
      right: 0; }
    .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .inputFieldWrapper .webPageInput,
    .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .inputFieldWrapper .webPageInput {
      background-color: #ffffff !important;
      border: 1px solid #ebeff2;
      width: 456px !important;
      height: 28px !important;
      border-radius: 4px !important;
      margin: auto;
      margin-bottom: 8px; }
      .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .inputFieldWrapper .webPageInput.error,
      .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .inputFieldWrapper .webPageInput.error {
        width: 424px !important;
        border: 1px solid #f26c59;
        background: url(../images/ic-error.svg) 440px center no-repeat; }
  .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .twitterSpansContainer,
  .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .twitterSpansContainer {
    text-align: center;
    width: 472px;
    margin: auto; }
  .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .safeChildError, .slideContent.slideEditor.uploader .uploadWebPage.uploadWrapper .forceCheck,
  .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .safeChildError,
  .uploadFileForm .main-menu.uploadWrapper.uploadWebPage .forceCheck {
    width: 470px;
    display: block;
    margin: 0 auto 5px; }

/* fixes updates*/
#fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow .uploadHeader h1.titleSub,
#fancybox-content .fillTheBlanks-container .uploadHeader h1.titleSub,
#fancybox-content .memotest-container .uploadHeader h1.titleSub {
  border-bottom: 2px solid #00a8ff;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif; }
#fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #search-options li a,
#fancybox-content .fillTheBlanks-container #search-options li a,
#fancybox-content .memotest-container #search-options li a {
  font-family: verdana; }
#fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #search-options li.on a,
#fancybox-content .fillTheBlanks-container #search-options li.on a,
#fancybox-content .memotest-container #search-options li.on a {
  color: #00a8ff;
  font-size: 13px; }
#fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #menu-items li.on:not(.disabled),
#fancybox-content .fillTheBlanks-container #menu-items li.on:not(.disabled),
#fancybox-content .memotest-container #menu-items li.on:not(.disabled) {
  background-color: #00a8ff; }
#fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #google-search-btn, #fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #youtube-search-btn,
#fancybox-content .fillTheBlanks-container #google-search-btn,
#fancybox-content .fillTheBlanks-container #youtube-search-btn,
#fancybox-content .memotest-container #google-search-btn,
#fancybox-content .memotest-container #youtube-search-btn {
  background-color: #00a8ff; }
#fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #menu-items,
#fancybox-content .fillTheBlanks-container #menu-items,
#fancybox-content .memotest-container #menu-items {
  font-size: 14px;
  font-family: verdana; }
  #fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #menu-items li.settings:hover:not(.disabled),
  #fancybox-content .fillTheBlanks-container #menu-items li.settings:hover:not(.disabled),
  #fancybox-content .memotest-container #menu-items li.settings:hover:not(.disabled) {
    background-color: #00a8ff; }
  #fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #menu-items ul li.memotest-size:hover,
  #fancybox-content .fillTheBlanks-container #menu-items ul li.memotest-size:hover,
  #fancybox-content .memotest-container #menu-items ul li.memotest-size:hover {
    background-color: #e6f6ff; }
    #fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow #menu-items ul li.memotest-size:hover a,
    #fancybox-content .fillTheBlanks-container #menu-items ul li.memotest-size:hover a,
    #fancybox-content .memotest-container #menu-items ul li.memotest-size:hover a {
      color: #00a8ff; }
#fancybox-content .uploadFileForm.uploadSlideshow .uploadWrapper.uploadSlideShow .memotest-pair .memotest-piece,
#fancybox-content .fillTheBlanks-container .memotest-pair .memotest-piece,
#fancybox-content .memotest-container .memotest-pair .memotest-piece {
  background-color: #4dc2ff; }
#fancybox-content #memotest-container .google-search-input, #fancybox-content #google-search-input {
  width: 176px;
  height: 25px;
  border: 0;
  border-bottom: 1px solid #00a8ff;
  border-radius: 0;
  color: #00a8ff;
  margin: 0;
  padding-left: 0;
  padding: 0; }

#content.reset-new.top-menu-full-width,
.content.reset-new.top-menu-full-width {
  height: calc(100% - 50px);
  padding: 0;
  position: absolute;
  top: 50px;
  min-height: auto; }
  #content.reset-new.top-menu-full-width #main,
  .content.reset-new.top-menu-full-width #main {
    height: 100%; }

.reset-new.admin {
  /*
  .sidebar-menu,
  .content-admin {
    min-height: 50px;
  }
  */ }
  .reset-new.admin .returnLink {
    top: 45px;
    width: 35PX;
    z-index: 1;
    position: absolute; }
    .reset-new.admin .returnLink a {
      display: block;
      height: 25px;
      width: 25px;
      position: absolute;
      top: 30px;
      left: 60px; }
      .reset-new.admin .returnLink a.adminPageReturnLink {
        background: url(../img/reset-new/icons/icon-back.svg); }
  .reset-new.admin .userSearch {
    height: 44px;
    /*display: block;*/
    float: none;
    /*padding: 10px 60px;*/
    min-height: 42px;
    border-box: box-sizing; }
  .reset-new.admin .searchBar {
    width: auto;
    min-height: 46px; }
  .reset-new.admin .curriculumPagination {
    display: inline-block;
    float: right;
    width: auto; }
  .reset-new.admin .noResults {
    width: 350px;
    color: #8b9195;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: auto;
    margin-top: 120px;
    text-align: center; }
  .reset-new.admin .sidebar-menu {
    width: 215px;
    height: 100%;
    background: #5b6d79;
    color: #ffffff;
    -webkit-transform: translateX(-215px);
    -moz-transform: translateX(-215px);
    -ms-transform: translateX(-215px);
    transform: translateX(-215px);
    -webkit-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    position: fixed;
    z-index: 90;
    -webkit-font-smoothing: antialiased; }
    .reset-new.admin .sidebar-menu .side-menu-toggle {
      width: 20px;
      height: 40px;
      background: #5b6d79;
      -webkit-border-radius: 0 20px 20px 0;
      -moz-border-radius: 0 20px 20px 0;
      -ms-border-radius: 0 20px 20px 0;
      border-radius: 0 20px 20px 0;
      cursor: pointer;
      position: absolute;
      top: 60px;
      right: -20px; }
      .reset-new.admin .sidebar-menu .side-menu-toggle .svg-container {
        position: absolute;
        top: 35%;
        left: 4px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -ms-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .reset-new.admin .sidebar-menu .side-menu-header {
      height: 100px;
      background: #5b6d79;
      box-sizing: border-box;
      color: #ffffff;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 10px;
      padding: 36px 20px 35px;
      position: relative;
      z-index: 1; }
      .reset-new.admin .sidebar-menu .side-menu-header.sticky {
        box-shadow: -3px 1px 6px rgba(27, 58, 73, 0.47); }
      .reset-new.admin .sidebar-menu .side-menu-header .sm-header-title {
        color: #ffffff;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
        font-size: 14px; }
    .reset-new.admin .sidebar-menu .sm-navigation {
      height: calc(100% - 180px);
      overflow: hidden; }
      .reset-new.admin .sidebar-menu .sm-navigation .nav-section {
        font-size: 13px;
        margin-bottom: 15px; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section:first-of-type {
          padding-top: 15px; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section.admin-onboarding {
          position: relative; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section.admin-onboarding .new-lessons {
            width: auto;
            min-width: 12px;
            max-width: 34px;
            height: 12px;
            background: #f68524;
            border-radius: 30px;
            color: white;
            display: block;
            font-size: 8px;
            line-height: 14px;
            margin-left: 5px;
            padding: 0;
            text-align: center;
            position: absolute;
            top: 25px;
            right: 20px; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section.admin-onboarding .onboarding-tooltip.admin-onboarding-tooltip {
            width: 230px;
            top: -21px;
            left: auto;
            right: -225px; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section.admin-onboarding .sm-section-link-admin {
            color: #ffffff;
            display: block;
            text-decoration: none; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section.admin-onboarding .sm-section-title {
            border-bottom: 1px solid #4b626d;
            padding: 0 10px 16px 0; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section .sm-section-title {
          font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
          margin: 0 15px;
          padding: 0 10px 10px 0; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section .sm-section-title .svg-container {
            width: 21px;
            display: inline-block;
            margin-right: 4px;
            text-align: center;
            vertical-align: sub; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section .sm-section-title .title-text {
            display: inline-block;
            vertical-align: middle; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list {
          padding-bottom: 20px; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item {
            font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
            position: relative; }
            .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item .nav-link {
              width: calc(100% - 48px);
              height: 40px;
              line-height: 40px;
              box-sizing: content-box;
              color: #ffffff;
              cursor: pointer;
              display: inline-block;
              padding-left: 48px;
              text-decoration: none; }
              .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item .nav-link .svg-container {
                width: 21px;
                display: inline-block;
                margin-right: 4px;
                position: relative;
                text-align: center;
                vertical-align: middle; }
              .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item .nav-link .link-text {
                width: auto;
                /*130px;*/
                max-width: 135px;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: middle;
                white-space: nowrap;
                position: relative;
                top: 2px; }
              .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item .nav-link .new-lessons {
                height: 16px;
                width: auto;
                min-width: 10px;
                max-width: 34px;
                background: #f68524;
                border-radius: 30px;
                color: white;
                display: inline-block;
                font-size: 10px;
                line-height: 18px;
                margin-left: 5px;
                padding: 0 4px 0 2px;
                text-align: center;
                vertical-align: middle; }
            .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item .beta-label, .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item .new-label {
              width: 22px;
              height: 10px;
              display: block;
              position: absolute;
              top: 15px;
              left: 22px; }
            .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item:hover .beta-label .to-white, .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item:hover .new-label .to-white, .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item.active .beta-label .to-white, .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item.active .new-label .to-white {
              fill: #ffffff; }
            .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item:hover .nav-link .svg-container .to-white, .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item.active .nav-link .svg-container .to-white {
              fill: #ffffff; }
            .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item:hover .nav-link {
              background: #4b626d; }
              .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item:hover .nav-link .svg-container .to-blue {
                fill: #4b626d; }
            .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item.active .nav-link {
              background: #00a8ff;
              font-family: "npprimarysemibold", Helvetica, Arial, sans-serif; }
              .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-list .nav-item.active .nav-link .svg-container .to-blue {
                fill: #00a8ff; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-title-link .title-link {
          color: #ffffff;
          cursor: pointer; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-title-link .sm-section-title {
          padding: 15px 0; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-title-link:hover {
          background: #4b626d; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-title-link:hover .sm-section-title {
            border-color: #4b626d; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-title-link:hover .svg-container .to-white {
            fill: #67cbff; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-title-link.active {
          background: #00a8ff;
          font-family: "npprimarysemibold", Helvetica, Arial, sans-serif; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-title-link.active .sm-section-title {
            border-color: #00a8ff; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section .nav-title-link.active .svg-container .to-white {
            fill: #ffffff; }
        .reset-new.admin .sidebar-menu .sm-navigation .nav-section:first-of-type {
          padding-top: 0; }
          .reset-new.admin .sidebar-menu .sm-navigation .nav-section:first-of-type .sm-section-title {
            border-top: 1px solid #4b626d;
            padding-top: 15px; }
  .reset-new.admin .content-admin {
    overflow: hidden;
    -webkit-transition: padding-left 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: padding-left 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: padding-left 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: padding-left 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .reset-new.admin .content-admin .proPages .hide, .reset-new.admin .content-admin .partners .hide {
      display: block; }
    .reset-new.admin .content-admin .lessonFramework .hide {
      display: block; }
    .reset-new.admin .content-admin .bulkUpdateCommunity .hide {
      display: block; }
    .reset-new.admin .content-admin .supplementaryResources .hide {
      display: block; }
    .reset-new.admin .content-admin .curriculumLevelProPage .hide {
      display: block; }
    .reset-new.admin .content-admin .curriculumLevels .hide {
      display: block; }
    .reset-new.admin .content-admin .bulkUpdateAgileSchoolImport .hide {
      display: block; }
    .reset-new.admin .content-admin .curriculumResourceTabs .hide {
      display: block; }
    .reset-new.admin .content-admin .bulkPersonalizedContentRecs .hide {
      display: block; }
    .reset-new.admin .content-admin .levelTabs .hide, .reset-new.admin .content-admin .curriculumLevelTabs .hide, .reset-new.admin .content-admin .supplementalResourceTabs .hide {
      display: block; }
  .reset-new.admin.menu-open .sidebar-menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
    .reset-new.admin.menu-open .sidebar-menu .side-menu-toggle .svg-container {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -ms-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .reset-new.admin.menu-open .content-admin {
    padding-left: 215px; }

.curriculumLeveltabsForm .columnUserInput {
  margin-top: 5px; }

.copyPresentations .extraDataRowRadios, .launchMegasession .extraDataRowRadios {
  display: inline-block;
  min-width: 100px; }
.copyPresentations .inputFieldWrapper, .launchMegasession .inputFieldWrapper {
  margin-bottom: 0; }
.copyPresentations .displayOptions, .launchMegasession .displayOptions {
  margin-bottom: 0; }
  .copyPresentations .displayOptions .selectBox, .launchMegasession .displayOptions .selectBox {
    padding: 0;
    min-height: auto;
    position: relative;
    top: -8px; }
    .copyPresentations .displayOptions .selectBox .user, .launchMegasession .displayOptions .selectBox .user {
      margin-bottom: 5px; }
  .copyPresentations .displayOptions .sessionsInputText .fieldName, .launchMegasession .displayOptions .sessionsInputText .fieldName {
    color: #5b6d79;
    font-size: 14px; }

.sm-navigation, .mCSB_container {
  overflow: visible !important; }

.admin-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 55, 83, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }
  .admin-overlay .admin-onboarding-modal {
    width: 500px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 3px 3px #152d39;
    margin: 0 auto;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .admin-overlay .admin-onboarding-modal .btnClosePop {
      width: 23px;
      height: 23px;
      cursor: pointer;
      display: block;
      background-image: url(../img/np-close-popup.svg);
      background-repeat: no-repeat;
      background-size: 23px;
      position: absolute;
      right: -40px; }
    .admin-overlay .admin-onboarding-modal .header {
      background-color: #00a8ff;
      border-radius: 10px 10px 0 0;
      overflow: hidden;
      padding-top: 15px;
      text-align: left; }
    .admin-overlay .admin-onboarding-modal .header-img {
      float: left;
      margin-left: 75px;
      margin-right: 35px; }
    .admin-overlay .admin-onboarding-modal .header-title {
      color: #ffffff;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 24px;
      letter-spacing: normal;
      line-height: 28px;
      margin-top: 20px;
      text-shadow: none; }
      .admin-overlay .admin-onboarding-modal .header-title .strong {
        font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
        display: block; }
    .admin-overlay .admin-onboarding-modal .section {
      /*box-shadow: 0 -1px 4px rgba($np-color-neutral-60, 0.75);*/
      border-radius: 0 0 10px 10px;
      padding: 30px 40px;
      text-align: center; }
    .admin-overlay .admin-onboarding-modal .section-title {
      color: #5b6d79;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 15px; }
    .admin-overlay .admin-onboarding-modal .section-par {
      color: #5b6d79;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 20px; }
    .admin-overlay .admin-onboarding-modal .section-button {
      width: 200px;
      height: 48px;
      border-radius: 25px;
      line-height: 48px;
      margin: auto; }
      .admin-overlay .admin-onboarding-modal .section-button .cta-text {
        height: 48px;
        line-height: 48px; }

.megasession .megasessionReports {
  padding: 20px 40px; }
  .megasession .megasessionReports .megasessionReportsTitle {
    padding-bottom: 20px; }
  .megasession .megasessionReports .rowRadios .extraDataRowRadios {
    padding-bottom: 10px; }
  .megasession .megasessionReports .generateReportForm {
    padding: 20px 0px; }
    .megasession .megasessionReports .generateReportForm .btnBox .btn {
      padding: 0px 15px; }

.reset-new.npModal-container.bulk {
  transform: translate(-50%, -50%); }

.extraOptionCheckbox {
  margin-bottom: 15px;
  color: #87898c;
  font-size: 13px; }

.reset-new .dataTables_wrapper {
  margin: 0 60px; }
  .reset-new .dataTables_wrapper.width-resize .dataTable {
    width: 100% !important; }
  .reset-new .dataTables_wrapper table.dataTable {
    border-radius: 0; }
    .reset-new .dataTables_wrapper table.dataTable tbody tr td {
      height: 56px;
      background: #ffffff;
      border-bottom: 1px solid #5b6d79;
      border-right: 1px solid #5b6d79;
      color: #8b9195;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 12px;
      padding: 0 10px;
      vertical-align: middle;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
      .reset-new .dataTables_wrapper table.dataTable tbody tr td:first-child, .reset-new .dataTables_wrapper table.dataTable tbody tr td:nth-child(2) {
        border-right: 2px solid #5b6d79; }
    .reset-new .dataTables_wrapper table.dataTable tbody tr.odd td {
      background-color: #fbfcfd; }
      .reset-new .dataTables_wrapper table.dataTable tbody tr.odd td.sorting_1, .reset-new .dataTables_wrapper table.dataTable tbody tr.odd td:nth-child(2) {
        background-color: #ffffff;
        border-left: 0; }
    .reset-new .dataTables_wrapper table.dataTable tbody tr.even td {
      background-color: #ffffff; }
      .reset-new .dataTables_wrapper table.dataTable tbody tr.even td.sorting_1, .reset-new .dataTables_wrapper table.dataTable tbody tr.even td:nth-child(2) {
        background-color: #fbfcfd;
        border-left: 0; }
    .reset-new .dataTables_wrapper table.dataTable thead tr {
      max-height: 23px; }
    .reset-new .dataTables_wrapper table.dataTable thead th, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td {
      background-color: #e7e7e7;
      border-color: #5b6d79;
      color: #5b6d79;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 16px;
      padding: 0;
      min-width: 100px;
      vertical-align: middle; }
      .reset-new .dataTables_wrapper table.dataTable thead th.first, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.first {
        width: 143px;
        border-radius: 0; }
      .reset-new .dataTables_wrapper table.dataTable thead th.th-h1, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.th-h1 {
        width: 143px;
        min-width: 143px;
        border-right: 2px solid #5b6d79;
        line-height: 52px;
        padding: 0 10px;
        position: relative; }
      .reset-new .dataTables_wrapper table.dataTable thead th.th-h1, .reset-new .dataTables_wrapper table.dataTable thead th.th-h2, .reset-new .dataTables_wrapper table.dataTable thead th.th-h3.students, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.th-h1, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.th-h2, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.th-h3.students {
        border-width: 2px; }
      .reset-new .dataTables_wrapper table.dataTable thead th.th-h2, .reset-new .dataTables_wrapper table.dataTable thead th.th-h3, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.th-h2, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.th-h3 {
        background: #ffffff;
        font-size: 12px; }
      .reset-new .dataTables_wrapper table.dataTable thead th.th-h2, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.th-h2 {
        min-width: 156px;
        border-bottom: 1px solid #5b6d79 !important;
        line-height: 12px;
        padding: 0 20px;
        /*
        &:last-child{
        text-transform:uppercase;
        }
        */ }
      .reset-new .dataTables_wrapper table.dataTable thead th.th-h3.orderable, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td.th-h3.orderable {
        background-position: 80px center;
        background-size: 6px 8px; }
      .reset-new .dataTables_wrapper table.dataTable thead th div.DTFC_LeftHeadWrapper, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td div.DTFC_LeftHeadWrapper {
        border-bottom: 2px solid #5b6d79; }
        .reset-new .dataTables_wrapper table.dataTable thead th div.DTFC_LeftHeadWrapper table.dataTable thead tr, .reset-new .dataTables_wrapper table.dataTable table.dataTable thead td div.DTFC_LeftHeadWrapper table.dataTable thead tr {
          height: 26px; }
.reset-new div.DTFC_LeftBodyWrapper {
  border: 0px; }
  .reset-new div.DTFC_LeftBodyWrapper thead {
    height: 0;
    border: 0;
    display: none;
    padding: 0; }
.reset-new .dataTables_scroll {
  border-radius: 0;
  border: 2px solid #5b6d79 !important; }
.reset-new div.DTFC_LeftWrapper {
  top: 2px !important;
  left: 2px !important; }
.reset-new .width-resize div.DTFC_LeftWrapper {
  display: none !important; }
.reset-new div.dataTables_scrollHead {
  height: 52px;
  border-bottom: 2px solid #5b6d79 !important; }
  .reset-new div.dataTables_scrollHead table.dataTable thead tr {
    height: 26px !important; }
.reset-new div.DTFC_LeftHeadWrapper table.dataTable.no-footer {
  border-bottom: 2px solid #5b6d79 !important; }
.reset-new div.DTFC_LeftHeadWrapper {
  border-bottom: 2px solid #5b6d79 !important; }
  .reset-new div.DTFC_LeftHeadWrapper table.dataTable thead tr {
    height: 26px !important; }
.reset-new div.DTFC_LeftHeadWrapper, .reset-new div.DTFC_RightWrapper {
  height: 52px;
  border-right: 0; }
.reset-new div.dataTables_scrollHeadInner {
  width: 100% !important; }
.reset-new div.DTFC_RightWrapper {
  display: none; }
.reset-new #reportable thead {
  height: 0;
  border: 0;
  padding: 0; }
.reset-new #reportable td:nth-child(even) {
  border-right: 2px solid #5b6d79; }
.reset-new #reportable td:last-child {
  border-right: 0; }
.reset-new .oneColumn #reportable thead {
  height: 0;
  border: 0;
  padding: 0; }
.reset-new .oneColumn #reportable td:nth-child(odd) {
  border-right: 2px solid #5b6d79; }
.reset-new .oneColumn #reportable td:nth-child(even) {
  border-right: 1px solid #5b6d79; }
.reset-new .oneColumn #reportable td:last-child {
  border-right: 0; }
.reset-new .oneColumn table.dataTable {
  border-radius: 0; }
  .reset-new .oneColumn table.dataTable tbody tr td:first-child, .reset-new .oneColumn table.dataTable tbody tr td:nth-child(2) {
    border-right: 2px solid #5b6d79; }
.reset-new .twoColumns tbody tr td:first-child, .reset-new .twoColumns tbody tr td:nth-child(2) {
  width: 143px;
  border-right: 2px solid #5b6d79; }
.reset-new #reportable_wrapper.thirdColumns tbody tr td:nth-child(odd) {
  border-right: 2px solid #5b6d79; }
.reset-new #reportable_wrapper.thirdColumns tbody tr td:nth-child(even) {
  border-right: 1px solid #5b6d79; }
.reset-new #reportable_wrapper.thirdColumns tbody tr td:last-child {
  border-right: 0; }
.reset-new #reportable_wrapper.thirdColumns tbody tr td:first-child, .reset-new #reportable_wrapper.thirdColumns tbody tr td:nth-child(2), .reset-new #reportable_wrapper.thirdColumns tbody tr td:nth-child(3) {
  width: 143px;
  border-right: 2px solid #5b6d79; }
.reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button {
  height: 20px;
  border-radius: 4px;
  color: #8b9195 !important;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
  font-size: 14px;
  line-height: 20px;
  padding: 0 !important;
  text-decoration: none; }
  .reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
    color: #8b9195 !important;
    text-decoration: underline !important; }
  .reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #00a8ff !important;
    color: #ffffff !important;
    text-decoration: none; }
  .reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #4dc2ff !important;
    color: #ffffff !important;
    text-decoration: none !important; }
  .reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background-color: none !important;
    text-decoration: none !important; }
  .reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none !important;
    color: #8b9195;
    text-decoration: underline !important; }
    .reset-new div.dataTables_wrapper .dataTables_paginate .paginate_button:active:hover {
      background-color: none !important; }

div.dataTables_scrollHead .th-h3.sorting::before {
  background-image: url("../images/sort_both.svg"); }
div.dataTables_scrollHead .th-h3.sorting_asc::before {
  background-image: url("../images/sort_asc.svg"); }
div.dataTables_scrollHead .th-h3.sorting_desc::before {
  background-image: url("../images/sort_desc.svg"); }
div.dataTables_scrollHead .th-h3.sorting, div.dataTables_scrollHead .th-h3.sorting_asc, div.dataTables_scrollHead .th-h3.sorting_desc {
  background-image: none !important;
  position: relative; }
  div.dataTables_scrollHead .th-h3.sorting::before, div.dataTables_scrollHead .th-h3.sorting_asc::before, div.dataTables_scrollHead .th-h3.sorting_desc::before {
    height: 9px;
    width: 5px;
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    top: 10px;
    right: 7px;
    position: absolute; }

.tblBackendTheme, .tblBackendTheme.wrapper {
  width: calc(100% - 120px);
  margin: auto;
  margin-bottom: 10px; }
  .tblBackendTheme.undeleteTable, .tblBackendTheme.wrapper.undeleteTable {
    width: 100%; }
  .tblBackendTheme thead th, .tblBackendTheme.wrapper thead th {
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    line-height: 12px; }
  .tblBackendTheme td, .tblBackendTheme.wrapper td {
    font-family: "npprimarylight", Helvetica, Arial, sans-serif; }

.dataTables_scrollHead thead th.th-h1 {
  background: none; }
  .dataTables_scrollHead thead th.th-h1::before {
    height: 12px;
    width: 8px;
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    top: 20px;
    right: 7px;
    position: absolute; }
  .dataTables_scrollHead thead th.th-h1.sorting::before {
    background-image: url("../images/sort_both.svg"); }
  .dataTables_scrollHead thead th.th-h1.sorting_asc::before {
    background-image: url("../images/sort_asc.svg"); }
  .dataTables_scrollHead thead th.th-h1.sorting_desc::before {
    background-image: url("../images/sort_desc.svg"); }

.iosDevice div.DTFC_LeftWrapper {
  display: none !important; }

.reset-new.content-admin .usageGraphs {
  min-height: 600px;
  /* TITLE */
  /* TOOLBAR */ }
  .reset-new.content-admin .usageGraphs.adminTitle {
    min-height: 80px; }
    .reset-new.content-admin .usageGraphs.adminTitle .adminTitle-subtitle {
      width: calc(100% - 100px);
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .reset-new.content-admin .usageGraphs.userSearch {
    width: calc(100% - 120px);
    display: block;
    margin: 20px auto;
    min-height: 40px; }
    .reset-new.content-admin .usageGraphs.userSearch .np-mod-autocomplete,
    .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist {
      width: 20%;
      float: left; }
    .reset-new.content-admin .usageGraphs.userSearch .label.districtName,
    .reset-new.content-admin .usageGraphs.userSearch .label.schoolName {
      background: none;
      color: #5b6d79;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 40px;
      padding-right: 20px; }
    .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist {
      margin-right: 1%; }
      .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist:last-of-type {
        margin-right: 0; }
      .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist .dropdownCombo-item {
        line-height: 16px; }
        .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(1), .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(1):hover {
          border-top: none; }
        .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(2), .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(2):hover {
          border-top: 1px solid; }
        .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(2) {
          border-color: #ffffff; }
        .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(2):hover {
          border-color: #b8c0c6; }
      .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist.period .dropdownCombo, .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist.graphType .dropdownCombo, .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist.school .dropdownCombo {
        overflow-y: auto; }
      .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist.period .dropdownCombo, .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist.graphType .dropdownCombo {
        /*height: 152px;*/
        max-height: 152px; }
      .reset-new.content-admin .usageGraphs.userSearch .np-mod-combolist.school .dropdownCombo {
        /*height: 304px;*/
        max-height: 304px; }
    .reset-new.content-admin .usageGraphs.userSearch.disAdmin .np-mod-combolist.school {
      width: calc(35% - 10px);
      max-width: 300px;
      margin-right: 10px; }
      .reset-new.content-admin .usageGraphs.userSearch.disAdmin .np-mod-combolist.school input {
        padding-right: 30px; }
    .reset-new.content-admin .usageGraphs.userSearch.disAdmin .np-mod-combolist.period {
      width: calc(20% - 10px);
      max-width: 144px;
      margin-right: 10px; }
    .reset-new.content-admin .usageGraphs.userSearch.disAdmin .np-mod-combolist.graphType {
      width: calc(30% - 10px);
      max-width: 176px;
      margin-right: 10px; }
    .reset-new.content-admin .usageGraphs.userSearch.disAdmin .label.districtName {
      display: none; }
    .reset-new.content-admin .usageGraphs.userSearch.disAdmin .label.schoolName {
      display: block; }
      @media screen and (max-width: 900px) {
        .reset-new.content-admin .usageGraphs.userSearch.disAdmin .label.schoolName {
          max-width: 220px;
          overflow: hidden;
          position: relative;
          text-overflow: ellipsis;
          white-space: nowrap; } }
    .reset-new.content-admin .usageGraphs.userSearch.schoolAdmin .np-mod-combolist.school {
      display: none; }
    .reset-new.content-admin .usageGraphs.userSearch.schoolAdmin .np-mod-combolist.period {
      width: calc(20% - 10px);
      max-width: 140px;
      margin-right: 10px; }
    .reset-new.content-admin .usageGraphs.userSearch.schoolAdmin .np-mod-combolist.graphType {
      width: calc(40% - 10px);
      max-width: 170px;
      margin-right: 10px; }
    .reset-new.content-admin .usageGraphs.userSearch.schoolAdmin .label.districtName {
      display: block;
      text-overflow: ellipsis;
      text-align: left; }
    .reset-new.content-admin .usageGraphs.userSearch.schoolAdmin .label.schoolName {
      display: none; }
    .reset-new.content-admin .usageGraphs.userSearch .admin-bt-apply {
      width: 12%;
      max-width: 125px;
      float: left;
      /*padding: 0px 15px;*/
      padding: 0 1%;
      margin-left: 1%;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      /*
      @media screen and (min-width: 700px){
        padding: 0px 40px;
      }
      */
      transition: float 1s ease; }
  .reset-new.content-admin .usageGraphs .noResults {
    width: 330px;
    color: #8b9195;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: auto;
    margin-top: 120px;
    text-align: center; }

/* GRAPHS AREA */
.reset-new .graphs-title {
  color: #8b9195;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0px auto;
  padding: 0px 60px;
  text-align: left; }

.reset-new .graphs-area {
  position: relative;
  margin: 20px auto;
  width: calc(100% - 120px);
  min-height: 420px;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px #cdd3d7;
  padding: 60px 10px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  /* GRAPHS AREA -- BUTTONS */ }
  .reset-new .graphs-area .graphs-area-category,
  .reset-new .graphs-area .graphs-area-value {
    color: #5b6d79;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    position: absolute;
    left: 0;
    bottom: 0; }
    .reset-new .graphs-area .graphs-area-category.hidden,
    .reset-new .graphs-area .graphs-area-value.hidden {
      display: none; }
  .reset-new .graphs-area .graphs-area-tolbar.hidden {
    display: none; }
  .reset-new .graphs-area .graphs-area-category {
    bottom: 10px;
    text-align: right;
    right: 0;
    padding-right: 30px; }
  .reset-new .graphs-area .graphs-area-value {
    top: 40px;
    left: 50px; }
  .reset-new .graphs-area .graphChart {
    width: 100%;
    height: auto;
    min-height: 400px;
    position: relative; }
    .reset-new .graphs-area .graphChart.loading {
      position: absolute;
      height: 400px;
      background: #ffffff;
      z-index: 1;
      width: 99%; }
      .reset-new .graphs-area .graphChart.loading span {
        width: 150px;
        color: #5b6d79;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: -75px;
        text-align: center;
        position: absolute;
        bottom: 100px;
        left: 50%; }
      .reset-new .graphs-area .graphChart.loading svg {
        width: 150px !important;
        height: 150px !important;
        left: calc(50% - 75px);
        position: absolute;
        top: calc(50% - 75px); }
  .reset-new .graphs-area .printChart,
  .reset-new .graphs-area .exportChart,
  .reset-new .graphs-area .zoomChart {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px; }
    .reset-new .graphs-area .printChart.disabled,
    .reset-new .graphs-area .exportChart.disabled,
    .reset-new .graphs-area .zoomChart.disabled {
      opacity: 0.3;
      cursor: default; }
  .reset-new .graphs-area .printChart {
    background: transparent url("../img/reset-new/icons/icon-print.svg") no-repeat;
    display: block;
    text-indent: -5000px;
    right: 50px; }
  .reset-new .graphs-area .exportChart {
    background: transparent url("../img/reset-new/icons/icon-pdf.svg") no-repeat;
    display: block;
    text-indent: -5000px;
    right: 100px; }
  .reset-new .graphs-area .zoomChart {
    background: transparent url("../img/reset-new/icons/icon-zoom.svg") no-repeat;
    cursor: pointer;
    display: block;
    text-indent: -5000px;
    right: 150px; }

/* PRINT VERSION */
.graphs-print .graphs-print-par {
  color: #8b9195;
  font-family: "npprimarylight", Helvetica, Arial, sans-serif;
  font-size: 18px; }
.graphs-print .graphs-print-title {
  color: #5b6d79;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 18px; }
.graphs-print .graphs-print-par,
.graphs-print .graphs-print-title {
  margin-left: 60px; }
.graphs-print img {
  float: left;
  clear: both;
  margin-top: 10px; }
  .graphs-print img.toolbarLogo {
    float: right;
    margin-right: 60px; }

.menu-open .usageGraphs.userSearch.disAdmin .label.schoolName {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media screen and (max-width: 970px) {
    .menu-open .usageGraphs.userSearch.disAdmin .label.schoolName {
      max-width: 150px; } }
  @media screen and (max-width: 880px) {
    .menu-open .usageGraphs.userSearch.disAdmin .label.schoolName {
      max-width: 130px; } }

.reset-new.content-admin .usageSummary {
  min-height: 460px;
  /* TITLE */
  /* TITLE */
  /* DISTRICT  */
  /* TOOLBAR */
  /* LOADING*/
  /* CONTENT */ }
  .reset-new.content-admin .usageSummary.reset-new, .reset-new.content-admin .usageSummary.reset-new.content-admin {
    min-height: 700px; }
  .reset-new.content-admin .usageSummary.adminTitle {
    min-height: auto; }
    .reset-new.content-admin .usageSummary.adminTitle .adminTitle-bt-download {
      position: absolute;
      top: 20px;
      right: 60px;
      padding: 0 25px; }
  .reset-new.content-admin .usageSummary.adminSubTitle {
    min-height: auto; }
  .reset-new.content-admin .usageSummary .adminTitle .adminTitle-bt {
    position: relative;
    float: right;
    width: 162px; }
  .reset-new.content-admin .usageSummary .adminTitle .adminTitle-content {
    position: relative;
    float: left;
    width: calc(100% - 162px);
    box-sizing: border-box;
    /* title & subtitle */ }
    .reset-new.content-admin .usageSummary .adminTitle .adminTitle-content .adminTitle-title,
    .reset-new.content-admin .usageSummary .adminTitle .adminTitle-content .adminTitle-subtitle {
      width: calc(100% - 100px);
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .reset-new.content-admin .usageSummary .np-mod-autocomplete.plus-icon .dropdownCombo li {
    border: 1px solid #ffffff; }
    .reset-new.content-admin .usageSummary .np-mod-autocomplete.plus-icon .dropdownCombo li:hover {
      border-top: 1px solid #e0e1e2;
      border-bottom: 1px solid #e0e1e2; }
  .reset-new.content-admin .usageSummary .districtLocation {
    margin-left: 40px;
    font-size: 12px;
    line-height: 12px;
    padding-top: 14px;
    margin-bottom: -4px;
    color: #b8c0c6; }
    .reset-new.content-admin .usageSummary .districtLocation span {
      font-weight: 500;
      color: #5b6d79; }
  .reset-new.content-admin .usageSummary.userSearch {
    width: calc(100% - 120px);
    display: block;
    margin: 20px auto;
    min-height: 40px; }
    .reset-new.content-admin .usageSummary.userSearch .np-mod-autocomplete,
    .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist {
      width: 20%;
      float: left; }
      .reset-new.content-admin .usageSummary.userSearch .np-mod-autocomplete .lastRow,
      .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist .lastRow {
        background: #f8fafb; }
    .reset-new.content-admin .usageSummary.userSearch .label.districtName,
    .reset-new.content-admin .usageSummary.userSearch .label.schoolName {
      background: none;
      color: #5b6d79;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 40px;
      padding-right: 20px; }
    .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist {
      margin-right: 1%; }
      .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist:last-of-type {
        margin-right: 0; }
      .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist .dropdownCombo-item {
        line-height: 16px; }
        .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(1), .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(1):hover {
          border-top: none; }
        .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(2), .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(2):hover {
          border-top: 1px solid; }
        .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(2) {
          border-color: #ffffff; }
        .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist .dropdownCombo-item:nth-of-type(2):hover {
          border-color: #b8c0c6; }
      .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist.period .dropdownCombo, .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist.graphType .dropdownCombo, .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist.school .dropdownCombo {
        overflow-y: auto; }
      .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist.period .dropdownCombo, .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist.graphType .dropdownCombo {
        /*height: 152px;*/
        max-height: 152px; }
      .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist.school .dropdownCombo {
        /*height: 304px;*/
        max-height: 304px; }
    .reset-new.content-admin .usageSummary.userSearch .np-mod-autocomplete.school {
      width: calc(35% - 10px);
      max-width: 300px;
      margin-right: 10px; }
      .reset-new.content-admin .usageSummary.userSearch .np-mod-autocomplete.school input {
        padding-right: 30px; }
    .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist.period {
      width: calc(20% - 10px);
      max-width: 150px;
      margin-right: 10px; }
    .reset-new.content-admin .usageSummary.userSearch .np-mod-combolist.graphType {
      width: calc(30% - 10px);
      max-width: 170px;
      margin-right: 10px; }
    .reset-new.content-admin .usageSummary.userSearch .label.districtName {
      display: none; }
    .reset-new.content-admin .usageSummary.userSearch .label.schoolName {
      display: block; }
    .reset-new.content-admin .usageSummary.userSearch .admin-bt-apply {
      width: 13%;
      max-width: 100px;
      float: left;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
  .reset-new.content-admin .usageSummary div.noResults {
    width: 350px;
    color: #8b9195;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: auto;
    margin-top: 120px;
    text-align: center; }
  .reset-new.content-admin .usageSummary .graphChart {
    width: 100%;
    height: auto;
    min-height: 400px;
    position: relative; }
    .reset-new.content-admin .usageSummary .graphChart.loading {
      height: 400px;
      background: #ffffff;
      z-index: 1;
      width: 99%; }
      .reset-new.content-admin .usageSummary .graphChart.loading span {
        width: 150px;
        color: #5b6d79;
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 16px;
        margin-left: -75px;
        text-align: center;
        position: absolute;
        bottom: 100px;
        left: 50%; }
      .reset-new.content-admin .usageSummary .graphChart.loading svg {
        width: 150px !important;
        height: 150px !important;
        left: calc(50% - 75px);
        position: absolute;
        top: calc(50% - 75px); }
  .reset-new.content-admin .usageSummary.content {
    padding-top: 0; }

.reset-new .np-mod-popup {
  width: 296px;
  padding: 27px 17px; }
  .reset-new .np-mod-popup .np-mod-popup-title {
    margin-bottom: 14px; }
.reset-new .adminTitle .adminTitle-content .adminTitle-subtitle {
  /* margin-right: 170px */ }

#saveDistrict .saveProfile input[type="submit"].done:hover, #saveSchool .saveProfile input[type="submit"].done:hover {
  border: 0; }
#saveDistrict .columnUserLabel, #saveSchool .columnUserLabel {
  color: #6c6c6c;
  display: block;
  float: left;
  margin-top: 10px;
  padding-right: 15px;
  box-sizing: padding-box;
  moz-box-sizing: padding-box;
  -webkit-box-sizing: padding-box; }
  #saveDistrict .columnUserLabel.programs, #saveDistrict .columnUserLabel.nearpodLibrary, #saveSchool .columnUserLabel.programs, #saveSchool .columnUserLabel.nearpodLibrary {
    width: 100%; }
  #saveDistrict .columnUserLabel.inline, #saveSchool .columnUserLabel.inline {
    width: 238px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: relative; }
    #saveDistrict .columnUserLabel.inline p, #saveSchool .columnUserLabel.inline p {
      float: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 180px; }
    #saveDistrict .columnUserLabel.inline input, #saveSchool .columnUserLabel.inline input {
      position: relative;
      top: 0;
      left: 0;
      float: left; }
  #saveDistrict .columnUserLabel.districAdminLoggedIn, #saveSchool .columnUserLabel.districAdminLoggedIn {
    margin-bottom: 10px; }
    #saveDistrict .columnUserLabel.districAdminLoggedIn .tooltipTitle span, #saveSchool .columnUserLabel.districAdminLoggedIn .tooltipTitle span {
      bottom: 30px;
      left: auto;
      right: -10px; }
    #saveDistrict .columnUserLabel.districAdminLoggedIn .tooltipTitle:hover:before, #saveSchool .columnUserLabel.districAdminLoggedIn .tooltipTitle:hover:before {
      bottom: 25px;
      left: -2px; }
    #saveDistrict .columnUserLabel.districAdminLoggedIn .text-has-nearpod, #saveSchool .columnUserLabel.districAdminLoggedIn .text-has-nearpod {
      width: auto;
      min-width: auto;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      position: relative; }
      #saveDistrict .columnUserLabel.districAdminLoggedIn .text-has-nearpod label, #saveSchool .columnUserLabel.districAdminLoggedIn .text-has-nearpod label {
        padding-right: 17px;
        position: relative; }
    #saveDistrict .columnUserLabel.districAdminLoggedIn input[type="checkbox"], #saveSchool .columnUserLabel.districAdminLoggedIn input[type="checkbox"] {
      display: none; }
    #saveDistrict .columnUserLabel.districAdminLoggedIn input[type="checkbox"]:checked + label .checkbox, #saveSchool .columnUserLabel.districAdminLoggedIn input[type="checkbox"]:checked + label .checkbox {
      background: url(../img/reset-new/icons/np-mod-checkbox.svg) center -2px; }
    #saveDistrict .columnUserLabel.districAdminLoggedIn input[type="checkbox"] + label .checkbox, #saveSchool .columnUserLabel.districAdminLoggedIn input[type="checkbox"] + label .checkbox {
      background: url(../img/reset-new/icons/np-mod-checkbox.svg) center 15px;
      width: 12px;
      height: 14px;
      cursor: pointer;
      display: inline-block;
      margin: 0 4px 0 0;
      vertical-align: middle;
      position: absolute;
      right: -5px;
      bottom: 3px; }
  #saveDistrict .columnUserLabel.fullColumn, #saveSchool .columnUserLabel.fullColumn {
    width: 100%; }
    #saveDistrict .columnUserLabel.fullColumn .fullColumnLabel, #saveSchool .columnUserLabel.fullColumn .fullColumnLabel {
      min-width: 418px; }
#saveDistrict input[type="radio"], #saveDistrict input[type="checkbox"], #saveSchool input[type="radio"], #saveSchool input[type="checkbox"] {
  position: relative;
  top: 2px;
  left: -3px; }
#saveDistrict .contentLabel, #saveSchool .contentLabel {
  width: 480px;
  clear: both;
  display: inline-block; }
  #saveDistrict .contentLabel .columnUserLabel:last-child, #saveSchool .contentLabel .columnUserLabel:last-child {
    padding-right: 0; }
    #saveDistrict .contentLabel .columnUserLabel:last-child input, #saveSchool .contentLabel .columnUserLabel:last-child input {
      padding-right: 0; }

#saveSchool .columnUserLabel {
  position: relative; }
  #saveSchool .columnUserLabel.inline .text-has-nearpod input[type="checkbox"] {
    position: absolute;
    right: 38px;
    left: auto; }
  #saveSchool .columnUserLabel.inline.districAdminLoggedIn {
    width: 166px;
    clear: both;
    float: right; }
    #saveSchool .columnUserLabel.inline.districAdminLoggedIn.isMasterSchool {
      width: 176px; }
      #saveSchool .columnUserLabel.inline.districAdminLoggedIn.isMasterSchool input[type="checkbox"] {
        display: block;
        position: absolute;
        bottom: 0px;
        left: auto;
        right: 1px;
        top: 1px; }
      #saveSchool .columnUserLabel.inline.districAdminLoggedIn.isMasterSchool .text-has-nearpod label {
        padding-right: 25px;
        position: relative; }
        #saveSchool .columnUserLabel.inline.districAdminLoggedIn.isMasterSchool .text-has-nearpod label span {
          display: none; }
    #saveSchool .columnUserLabel.inline.districAdminLoggedIn.leftColumn {
      width: 50%;
      clear: none;
      float: left; }
    #saveSchool .columnUserLabel.inline.districAdminLoggedIn.fullColumn {
      width: 100%; }
      #saveSchool .columnUserLabel.inline.districAdminLoggedIn.fullColumn .fullColumnLabel {
        padding-right: 59px; }
  #saveSchool .columnUserLabel.inline.nearpodAdmin.fullColumn {
    width: 99%; }
  #saveSchool .columnUserLabel .locked {
    width: 9px;
    height: 12px;
    display: inline-block;
    background: url("../images/ic-asiggned.svg") no-repeat 0 0;
    margin-top: 5px; }
#saveSchool .columnUserLabel:last-child {
  padding-right: 0;
  /*width: 39%;*/ }
#saveSchool .columnUserInput {
  width: 466px;
  position: relative;
  clear: both; }
  #saveSchool .columnUserInput .content-tooltip {
    clear: both;
    position: absolute;
    right: 0;
    top: 0px; }
    #saveSchool .columnUserInput .content-tooltip p {
      float: left;
      font-size: 14px; }
    #saveSchool .columnUserInput .content-tooltip .tooltipTitle:hover:before {
      left: 2px;
      bottom: 25px; }
    #saveSchool .columnUserInput .content-tooltip .tooltipTitle {
      float: left;
      top: -1px;
      right: -2px; }
      #saveSchool .columnUserInput .content-tooltip .tooltipTitle span {
        bottom: 30px;
        left: auto;
        min-width: 230px;
        right: -10px;
        word-wrap: break-word;
        white-space: initial;
        text-align: left; }
      #saveSchool .columnUserInput .content-tooltip .tooltipTitle img {
        width: 16px;
        height: 16px; }

.columnAyce.ayce-form {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400px;
  width: 465px;
  margin: 10px 0 22px 0; }
  .columnAyce.ayce-form h2 {
    font-size: 16px;
    margin-right: 6px;
    color: #76858f;
    line-height: 16px;
    color: #6c6c6c; }
  .columnAyce.ayce-form .ayceTop {
    display: inline-block;
    clear: both;
    width: 100%; }
  .columnAyce.ayce-form .buttons {
    float: right;
    display: inline-block; }
  .columnAyce.ayce-form .contentText {
    display: inline-block;
    float: left;
    max-width: 314px; }
  .columnAyce.ayce-form #btnAdd, .columnAyce.ayce-form #btnRemove {
    border: 1px solid !important;
    font-weight: normal;
    width: 70px;
    text-align: center;
    padding: 0;
    height: 37px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .columnAyce.ayce-form #btnAdd:hover, .columnAyce.ayce-form #btnRemove:hover {
      border: 1px solid #00a8ff !important;
      height: 37px !important;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
    .columnAyce.ayce-form #btnAdd.active, .columnAyce.ayce-form #btnRemove.active {
      border: 1px solid #00a8ff; }
      .columnAyce.ayce-form #btnAdd.active:hover, .columnAyce.ayce-form #btnRemove.active:hover {
        border: 1px solid #00a8ff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
    .columnAyce.ayce-form #btnAdd.disabled, .columnAyce.ayce-form #btnRemove.disabled {
      border: 1px solid #87898c !important; }
      .columnAyce.ayce-form #btnAdd.disabled:hover, .columnAyce.ayce-form #btnRemove.disabled:hover {
        border: 1px solid #87898c !important;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
  .columnAyce.ayce-form #btnActivation {
    width: 70px;
    background-color: #ffffff;
    border: 1px solid #00a8ff;
    border-radius: 5px;
    color: #00a8ff;
    cursor: pointer; }
    .columnAyce.ayce-form #btnActivation:hover, .columnAyce.ayce-form #btnActivation.active {
      background-color: #00a8ff;
      color: #ffffff; }
    .columnAyce.ayce-form #btnActivation.disabled {
      border: 1px solid #87898C;
      color: #87898C; }
      .columnAyce.ayce-form #btnActivation.disabled:hover {
        border: 1px solid #87898C;
        border-radius: 5px; }
  .columnAyce.ayce-form #btnAdd {
    margin-right: 5px; }

.abm_form input[type="text"] {
  margin: 0px 0px 5px 0px;
  border: 1px solid #B8B8B8; }

#ayceDesc {
  font-size: 10px;
  line-height: 10px;
  position: relative;
  top: -2px;
  font-family: Arial, Helvetica, sans-serif; }

.addAyce, .removeAyce, .removeAyceWarning {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  max-width: 380px;
  padding: 20px 30px 30px; }
  .addAyce h2, .removeAyce h2, .removeAyceWarning h2 {
    color: #76858f; }
  .addAyce #btnGotIt, .removeAyce #btnGotIt, .removeAyceWarning #btnGotIt {
    width: 100%;
    float: none;
    max-width: 141px;
    height: 40px;
    color: #ffffff;
    border-color: #0097a7;
    margin-left: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .addAyce #btnGotIt:hover, .removeAyce #btnGotIt:hover, .removeAyceWarning #btnGotIt:hover {
      background: #34b9c8;
      border-color: #34b9c8; }

.removeAyceWarning {
  padding: 24px 30px 30px; }
  .removeAyceWarning h2 {
    color: #383838 !important;
    margin-right: 0;
    padding-right: 0;
    font-size: 14px !important;
    line-height: 20px;
    margin-bottom: 16px; }
  .removeAyceWarning div {
    font-size: 14px;
    color: #383838;
    margin-bottom: 11px;
    line-height: 20px; }

#ayceList {
  font-size: 14px;
  font-weight: 400px;
  color: #575757;
  line-height: 20px;
  margin-bottom: 2px;
  padding-top: 4px;
  clear: both; }
  #ayceList div {
    background: url("../images/referral/bullet.svg") no-repeat 0 9px;
    background-size: 4px auto;
    padding-left: 12px; }
    #ayceList div span {
      display: inline-block;
      padding-left: 12px;
      background: url("../images/ic-asiggned.svg") no-repeat 0 0;
      font-size: 12px;
      color: #8b9195;
      line-height: 14px; }

.ayce-list {
  margin-top: 7px; }
  .ayce-list .top-ayce {
    clear: both;
    display: inline-block;
    width: 100%; }
  .ayce-list h2 {
    font-size: 14px;
    color: #071a23;
    float: left; }
  .ayce-list .text-expire, .ayce-list .text-no-ayce {
    display: inline-block;
    float: right;
    color: #8b9195;
    font-size: 11px;
    line-height: 13px;
    padding-top: 10px; }
  .ayce-list .table-ayce-list {
    border: 1px solid #d7d8d7;
    border-bottom: none;
    display: table;
    width: 100%; }
    .ayce-list .table-ayce-list .license-item {
      display: table-row;
      width: 100%; }
      .ayce-list .table-ayce-list .license-item .license-ayce {
        width: 25%;
        display: table-cell;
        padding: 0 15px;
        border-right: 1px solid #d7d8d7;
        border-bottom: 1px solid #d7d8d7;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 14px;
        line-height: 42px; }
      .ayce-list .table-ayce-list .license-item .license-label {
        width: 75%;
        display: table-cell;
        background: #f1f1f1;
        font-size: 12px;
        line-height: 16px;
        border-bottom: 1px solid #d7d8d7;
        padding: 7px 15px;
        vertical-align: middle;
        position: relative; }
        .ayce-list .table-ayce-list .license-item .license-label .license-label-height {
          max-height: 28px;
          display: block;
          overflow: hidden; }
          .ayce-list .table-ayce-list .license-item .license-label .license-label-height p {
            font-size: 12px;
            line-height: 15px;
            padding-right: 80px; }
        .ayce-list .table-ayce-list .license-item .license-label .link-view {
          position: absolute;
          top: 15px;
          right: 30px; }
          .ayce-list .table-ayce-list .license-item .license-label .link-view .link-view-more {
            color: #00a8ff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            cursor: pointer;
            text-decoration: underline;
            position: relative; }
            .ayce-list .table-ayce-list .license-item .license-label .link-view .link-view-more::before {
              width: 9px;
              height: 5px;
              background-image: url(../img/ayce/arrowDown-blu.svg);
              background-size: 100%;
              background-repeat: no-repeat;
              content: "";
              position: absolute;
              top: 6px;
              right: -12px; }
        .ayce-list .table-ayce-list .license-item .license-label.show-more .license-label-height {
          height: auto;
          max-height: 100%; }
          .ayce-list .table-ayce-list .license-item .license-label.show-more .license-label-height .link-view-more::before {
            background-image: url(../img/ayce/arrowUp-blu.svg); }

#ayceListButton {
  color: #00a8ff;
  font-size: 10px;
  line-height: 10px;
  font-family: Arial, Helvetica, sans-serif; }

#editAyce {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 40px;
  width: 380px; }
  #editAyce li {
    color: #575757; }
  #editAyce h2 {
    margin-bottom: 25px; }
  #editAyce .buttonBar button {
    width: 140px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #editAyce .buttonBar button#btnCancel {
      background: none;
      border: 1px solid #0097a7;
      color: #0097a7;
      cursor: pointer;
      margin-right: 15px; }
      #editAyce .buttonBar button#btnCancel:hover {
        color: #ffffff;
        background: #0097a7; }
    #editAyce .buttonBar button#btnSelect {
      border: 1px solid #0097a7;
      cursor: pointer; }
      #editAyce .buttonBar button#btnSelect.disabled {
        background: #b2b2b2;
        cursor: auto;
        color: #ffffff;
        border: 1px solid #b2b2b2 !important;
        padding-inline-end: 0;
        padding-inline-start: 0;
        box-shadow: 0; }
        #editAyce .buttonBar button#btnSelect.disabled:hover {
          background: #b2b2b2;
          color: #ffffff;
          border-color: #b2b2b2; }
      #editAyce .buttonBar button#btnSelect:hover {
        color: #ffffff;
        background-color: #34b9c8;
        border: 1px solid #34b9c8; }
    #editAyce .buttonBar button:hover {
      color: #ffffff; }
    #editAyce .buttonBar button.btnSave {
      background: #0097a7;
      color: #ffffff; }
      #editAyce .buttonBar button.btnSave:hover {
        background: #34b9c8;
        border-color: #34b9c8; }
  #editAyce .rememberSaveMsg {
    text-align: center; }
  #editAyce li {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 17px; }

#ayce.optionsThemeLarge input[type="checkbox"] {
  display: none; }
#ayce.optionsThemeLarge input[type="checkbox"] + label span {
  display: inline-block;
  width: 17px;
  height: 17px;
  overflow: hidden;
  margin: 0px 10px 0 0;
  background-image: url(../images/radio_button.svg);
  background-repeat: no-repeat;
  background-position: -2px -37px;
  background-size: 100% auto;
  vertical-align: middle;
  cursor: pointer; }
#ayce.optionsThemeLarge input[type="checkbox"]:checked + label span {
  background-position: -2px -1px; }
#ayce.optionsThemeLarge input[type="checkbox"] + label span {
  width: 18px;
  height: 18px;
  background-image: url(../images/radio_button.svg);
  background-size: 22px auto; }

.content .title-assigned {
  width: calc(100% - 120px);
  clear: both;
  font-size: 14px;
  margin: 10px auto; }
  .content .title-assigned img {
    position: relative;
    top: 2px; }
  .content .title-assigned .tooltipTitle span {
    padding: 3px; }

#saveSchool {
  width: 466px; }
  #saveSchool .content-tooltip p {
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: right; }
  #saveSchool .content-tooltip .tooltipTitle span {
    left: auto;
    padding: 4px 6px;
    right: -13px; }

.wrapper-activate-school {
  display: flex;
  justify-content: space-between; }
  .wrapper-activate-school .title-activate-schools {
    color: #6C6C6C;
    font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
    font-size: 16px; }
  .wrapper-activate-school .wrapper-buttons {
    width: 149px;
    display: inline-flex;
    justify-content: space-between; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.dataList {
  position: relative; }
  .dataList .dropdown, .dataList .delete {
    cursor: pointer;
    top: 12px;
    right: 10px;
    border: 0px none;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute; }
  .dataList .dropdown {
    background: url("../img/reset-new/icons/np-mod-dropdown-arrow.svg") no-repeat;
    top: 18px; }
  .dataList .delete {
    background: transparent url("../img/toolbar_library/sprite.svg") no-repeat scroll 0px -20px/45px 95px; }

.content.reset-new,
#content.reset-new {
  box-sizing: border-box;
  margin: 0;
  max-width: 100%;
  padding-top: 50px;
  position: relative; }

.slideList {
  position: absolute;
  padding-bottom: 350px; }
  .slideList .slideList-wrapper {
    background: -moz-linear-gradient(top, white 0%, white 95%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, white 95%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, white 95%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    /* IE6-9 */
    padding-bottom: 40px;
    margin-bottom: 230px;
    position: relative; }

.main-content.reset-new.userStats {
  min-width: 984px; }
  .main-content.reset-new.userStats .content {
    opacity: 1;
    max-width: none; }
    .main-content.reset-new.userStats .content.hidden {
      opacity: 0;
      visibility: hidden; }
  .main-content.reset-new.userStats .section-table {
    margin: 21px 0 0 0; }
  .main-content.reset-new.userStats .section-button {
    margin-top: 15px; }
    .main-content.reset-new.userStats .section-button button {
      margin: 0 auto; }
  .main-content.reset-new.userStats .content-toolbar {
    overflow: hidden; }
    .main-content.reset-new.userStats .content-toolbar .np-mod-datepicker,
    .main-content.reset-new.userStats .content-toolbar .np-mod-selectable {
      float: left;
      margin: 0 15px 0 0; }
    .main-content.reset-new.userStats .content-toolbar .np-mod-selectable {
      width: 20%; }
      .main-content.reset-new.userStats .content-toolbar .np-mod-selectable select {
        width: 69%; }
    .main-content.reset-new.userStats .content-toolbar .np-mod-searchbox {
      width: 275px;
      float: left; }
      .main-content.reset-new.userStats .content-toolbar .np-mod-searchbox input {
        width: 225px; }
    .main-content.reset-new.userStats .content-toolbar .np-mod-cta {
      float: right;
      margin: 0px;
      width: 125px;
      padding: 0 10px;
      border-radius: 3px;
      line-height: 38px; }
  .main-content.reset-new.userStats .DTFC_LeftHeadWrapper table.DTFC_Cloned thead tr:nth-of-type(1) {
    height: 28px !important; }

.contentMenuItem .ui-menu-item {
  position: relative; }
  .contentMenuItem .ui-menu-item .ui-icon {
    width: 20px;
    height: 20px;
    background: none;
    margin-left: 5px;
    text-indent: 0; }
    .contentMenuItem .ui-menu-item .ui-icon.ui-icon-carat-1-e {
      background-repeat: no-repeat;
      background-image: url(../images/toolbar/context-menu/icon-arrow.svg);
      background-size: auto 9px;
      background-position: center 2px; }
  .contentMenuItem .ui-menu-item .copy-tooltip {
    width: 152px;
    height: 25px;
    background: rgba(7, 26, 35, 0.8);
    bottom: -40px;
    color: #ffffff;
    content: attr(title);
    font-size: 9px;
    left: calc(50% - 84px);
    line-height: 12px;
    padding: 3px 5px;
    position: absolute;
    z-index: 9;
    text-align: center;
    visibility: hidden;
    transition: visibility 0s;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s; }
    .contentMenuItem .ui-menu-item .copy-tooltip::before {
      border: solid;
      border-color: #333 transparent;
      border-width: 0 4px 8px 4px;
      top: -8px;
      content: "";
      left: calc(50% - 6px);
      position: absolute;
      z-index: 9; }
    .contentMenuItem .ui-menu-item .copy-tooltip.disabled {
      display: none; }
  .contentMenuItem .ui-menu-item.ui-state-disabled {
    opacity: 1;
    pointer-events: auto !important; }
    .contentMenuItem .ui-menu-item.ui-state-disabled .icoContextual,
    .contentMenuItem .ui-menu-item.ui-state-disabled .contentMenuItemShortcut,
    .contentMenuItem .ui-menu-item.ui-state-disabled .ui-icon {
      opacity: .35; }
    .contentMenuItem .ui-menu-item.ui-state-disabled:hover .copy-tooltip {
      visibility: visible; }
  .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon path, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon path {
    fill: #00a8ff; }
  .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconVideo polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconPoll polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconQuiz polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconDrawit polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconFillTheBlanks polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconVideo polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconPoll polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconQuiz polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconDrawit polygon, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconFillTheBlanks polygon {
    fill: #00a8ff; }
  .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconMatchingPairs path, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconMatchingPairs path {
    fill: #00a8ff !important; }
  .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconOpenEndQuestion #Shape-3, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconOpenEndQuestion #Shape-1,
  .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconOpenEndQuestion #Shape-2, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconOpenEndQuestion #Shape-4,
  .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-focus .ui-icon.contentMenuIconOpenEndQuestion #Shape-5, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconOpenEndQuestion #Shape-3, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconOpenEndQuestion #Shape-1,
  .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconOpenEndQuestion #Shape-2, .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconOpenEndQuestion #Shape-4,
  .contentMenuItem .ui-menu-item .ui-corner-all.ui-state-active .ui-icon.contentMenuIconOpenEndQuestion #Shape-5 {
    fill: #ffffff; }

/*Piquito*/
.contentMenuItem:after {
  content: '';
  width: 18px;
  height: 17px;
  background: url("../images/toolbar/piquitoN.png");
  background-size: 100% auto;
  position: absolute;
  top: 44px;
  left: -12px;
  display: inline-block; }

.reset-new.presentationEditBox h1 {
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #5b6d79;
  padding-top: 10px; }
.reset-new.presentationEditBox .btnBox {
  margin: 10px 0; }
.reset-new.presentationEditBox .np-mod-cta.blue.small, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.impersonate, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.salesforce, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.edit, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.lastLoginDate, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.createdDate, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.type, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.restore, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.salesForceId, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.maxPresentations, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.maxSizeOfPresentations, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.managePresentations, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.expirationDate, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.skin, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.undeletePresentations, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.transactions, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.downgrade, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.remove, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.newRedeem, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.maxRedeem, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.existRedeem, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.impersonate, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.salesforce, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.edit, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.lastLoginDate, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.createdDate, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.type, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.restore, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.salesForceId, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.maxPresentations, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.maxSizeOfPresentations, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.managePresentations, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.expirationDate, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.skin, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.undeletePresentations, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.transactions, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.downgrade, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.remove, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.newRedeem, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.maxRedeem, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.existRedeem {
  background: #00a8ff;
  border: 1px solid #00a8ff;
  border-radius: 3px;
  color: #ffffff;
  display: block;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 0 auto;
  padding: 0 20px;
  transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
  .reset-new.presentationEditBox .np-mod-cta.blue.small:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.impersonate:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.salesforce:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.edit:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.lastLoginDate:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.createdDate:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.type:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.restore:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.salesForceId:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.maxPresentations:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.maxSizeOfPresentations:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.managePresentations:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.expirationDate:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.skin:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.undeletePresentations:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.transactions:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.downgrade:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.remove:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.newRedeem:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.maxRedeem:hover, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.existRedeem:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.impersonate:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.salesforce:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.edit:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.lastLoginDate:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.createdDate:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.type:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.restore:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.salesForceId:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.maxPresentations:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.maxSizeOfPresentations:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.managePresentations:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.expirationDate:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.skin:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.undeletePresentations:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.transactions:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.downgrade:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.remove:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.newRedeem:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.maxRedeem:hover, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.existRedeem:hover, .reset-new.presentationEditBox .np-mod-cta.blue.small.active, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.impersonate, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.salesforce, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.edit, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.lastLoginDate, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.createdDate, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.type, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.restore, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.salesForceId, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.maxPresentations, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.maxSizeOfPresentations, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.managePresentations, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.expirationDate, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.skin, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.undeletePresentations, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.transactions, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.downgrade, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.remove, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.newRedeem, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.maxRedeem, .reset-new.presentationEditBox .tblBackendTheme thead th.np-mod-cta.blue.active.existRedeem, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.impersonate, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.salesforce, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.edit, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.lastLoginDate, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.createdDate, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.type, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.restore, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.salesForceId, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.maxPresentations, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.maxSizeOfPresentations, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.managePresentations, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.expirationDate, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.skin, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.undeletePresentations, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.transactions, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.downgrade, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.remove, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.newRedeem, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.maxRedeem, .reset-new.presentationEditBox .tblBackendTheme tbody td.np-mod-cta.blue.active.existRedeem {
    border-color: rgba(0, 168, 255, 0.7);
    background-color: rgba(0, 168, 255, 0.7); }
.reset-new.presentationEditBox .presentationData .checkboxData {
  text-align: left;
  padding-left: 20px;
  padding-bottom: 5px;
  font-size: 13px;
  padding-top: 5px; }
.reset-new.presentationEditBox.presentationData .productData label {
  color: #8b9195;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-right: 10px; }
.reset-new.presentationEditBox.presentationData .productData a {
  color: #00a8ff;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-left: 10px; }
.reset-new.presentationEditBox.presentationData .productData .uploadFile p {
  background: #00a8ff;
  border: 1px solid #00a8ff;
  border-radius: 3px;
  color: #ffffff;
  height: 90%;
  left: 131px; }
  .reset-new.presentationEditBox.presentationData .productData .uploadFile p:hover {
    background: #b3e5ff; }
.reset-new.presentationEditBox.presentationData .productData .subjectId .displayOptions .selectBox,
.reset-new.presentationEditBox.presentationData .productData .levelId .displayOptions .selectBox,
.reset-new.presentationEditBox.presentationData .productData .publisherId .displayOptions .selectBox,
.reset-new.presentationEditBox.presentationData .productData .language .displayOptions .selectBox,
.reset-new.presentationEditBox.presentationData .productData .storageTierId .displayOptions .selectBox,
.reset-new.presentationEditBox.presentationData .productData .typeId .displayOptions .selectBox {
  margin-top: 5px; }
.reset-new.presentationEditBox.presentationData .storageTierId, .reset-new.presentationEditBox.presentationData .typeId {
  position: relative;
  width: 44%;
  display: inline-block;
  float: left; }
.reset-new.presentationEditBox .storageTierId .select_category,
.reset-new.presentationEditBox .typeId .select_category {
  width: 100%; }
.reset-new.presentationEditBox .displayOptions {
  margin-bottom: 20px; }
.reset-new.presentationEditBox .displayOptions .select_category {
  line-height: 40px; }
.reset-new.presentationEditBox .tagId.displayOptions input.select_category.ui-autocomplete-input#tagIds {
  color: #313131;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-left: 20px;
  width: 215px; }
.reset-new.presentationEditBox .displayOptions .selectBox div::after {
  background-image: url(../img/create/cruz_cancel_selection.svg);
  background-color: #00a8ff; }
.reset-new.presentationEditBox .displayOptions .clearAll button {
  color: #00a8ff;
  font-family: "npprimarylight", Helvetica, Arial, sans-serif;
  font-size: 14px; }
.reset-new.presentationEditBox .displayOptions .select_category.active {
  border-color: #00a8ff; }
.reset-new.presentationEditBox .displayOptions .select_category_label,
.reset-new.presentationEditBox .presentationData .tagId .inputFieldWrapper label {
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  color: #8b9195; }
.reset-new.presentationEditBox .optionsContainer .rowRadios {
  margin: 9px 5px 0 10px; }
.reset-new.presentationEditBox .subject-container .radio-text,
.reset-new.presentationEditBox .sub-subject-container .radio-text {
  max-width: 205px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.reset-padding.main {
  padding-top: 15px; }

.reset-new.create-toolbar {
  height: 60px; }
  .reset-new.create-toolbar form {
    overflow: hidden;
    display: block;
    padding: 16px 0px;
    box-sizing: border-box; }
  .reset-new.create-toolbar .h1 span,
  .reset-new.create-toolbar .h1 input {
    color: #00a8ff;
    font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
    font-size: 24px; }
  .reset-new.create-toolbar .h1 span {
    max-width: 500px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    @media screen and (max-width: 840px) {
      .reset-new.create-toolbar .h1 span {
        max-width: 500px !important; } }
  .reset-new.create-toolbar .editPresentation {
    background: url(../img/reset-new/icons/edit-title1.png) no-repeat bottom left;
    cursor: pointer;
    color: #8b9195;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-left: 10px;
    padding: 6px 0 0 25px; }
  .reset-new.create-toolbar .editPresentation:hover {
    background: url(../img/reset-new/icons/edit-title1-on.png) no-repeat bottom left;
    color: #00a8ff; }
  .reset-new.create-toolbar .presSize .presSize_label,
  .reset-new.create-toolbar .presSize .presSize_value_label {
    font-size: 16px;
    padding-right: 5px; }
  .reset-new.create-toolbar .presSize .presSize_label {
    color: #00a8ff;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif; }
  .reset-new.create-toolbar .presSize .presSize_value_label {
    color: #8b9195;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif; }

.slidesThumbs {
  clear: both; }

@media screen and (max-width: 940px) {
  .menu-open .reset-new.create-toolbar .h1 span {
    max-width: 300px !important; } }

.presThumbs a.new,
.slidesThumbs a.new {
  display: block;
  float: left;
  background: #ffffff url(../img/reset-new/icons/add.png) center center no-repeat;
  border: 1px solid #00a8ff; }
  .presThumbs a.new span.add,
  .slidesThumbs a.new span.add {
    color: #00a8ff;
    padding: 0 7px;
    top: 140px;
    bottom: 0px; }
  .presThumbs a.new:hover,
  .slidesThumbs a.new:hover {
    background: #00a8ff url(../img/reset-new/icons/add-over.png) center center no-repeat; }

.slidesThumbs .slideItem {
  margin-top: 12px; }
  .slidesThumbs .slideItem:last-of-type {
    /*margin-bottom: 160px;*/ }

.slidesThumbs a.new.first {
  margin-top: 12px; }

.slidesThumbs .onboarding-tooltip {
  width: 282px;
  box-shadow: 0 0 4px rgba(7, 26, 35, 0.5);
  left: 247px; }
  .slidesThumbs .onboarding-tooltip-button {
    border: 0;
    border-radius: 5px; }
  .slidesThumbs .onboarding-tooltip p {
    font-size: 14px; }

.loadingView svg {
  width: 80px !important;
  height: 80px !important;
  left: calc(50% - 75px);
  position: absolute;
  top: calc(50% - 75px); }

.presentation-info {
  width: 306px;
  height: 108px;
  background-color: #5b6d79;
  border-radius: 10px;
  box-sizing: border-box;
  color: #ffffff;
  float: right;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 24px;
  margin: 5px;
  padding: 10px; }
  .presentation-info .processing-info {
    width: 100%;
    height: 45%;
    background-color: #5b6d79;
    display: flex;
    font-size: 90%; }
    .presentation-info .processing-info .processing-wheel {
      width: 45px;
      height: 31px; }
    .presentation-info .processing-info .processing-title {
      align-items: center;
      display: inline-flex;
      margin-left: 2px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .presentation-info .processing-info .processing-dots {
      width: 27px;
      height: 34px;
      position: relative;
      top: 6px;
      left: 2px; }
  .presentation-info .processing-text {
    width: 100%;
    height: 55%;
    display: block;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 56%;
    padding: 5px; }

.slide-processing-container {
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: baseline;
  margin-left: 25px; }
  .slide-processing-container .slide-processing-wheel {
    width: 23px;
    height: 20px;
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0.6; }
  .slide-processing-container .slide-processing-dots {
    width: 14px;
    height: 4px;
    margin-left: 4px;
    opacity: 0.6;
    position: relative;
    top: 2px; }
  .slide-processing-container .slide-processing-text {
    color: #071a23;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 1px;
    margin-left: 5px;
    white-space: nowrap; }

.edit-paywall, .edit-paywall-brain-breaks {
  width: 100%;
  height: 171px;
  box-sizing: border-box;
  padding-top: 40px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: url("../img/paywalls/paywall_activity_banner.svg") rgba(255, 255, 255, 0.8) no-repeat top -1px center; }
  .edit-paywall-brain-breaks .edit-paywall-text {
    max-width: 106px; }
  .edit-paywall-text {
    max-width: 120px;
    color: #3f535d;
    display: inline-block;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 16px; }

.desmos-cant-edit {
  width: 100%;
  height: 40px;
  align-items: center;
  background-color: #eaeef1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 10; }
  .desmos-cant-edit-text {
    max-width: 141px;
    color: #3f535d;
    display: inline-block;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px; }

.desmos-cant-edit-link, .slidesThumbs a.selected span.desmos-cant-edit-link {
  color: #00a8ff; }

img.desmos_thumbnail, .slidesThumbs a:hover img.desmos_thumbnail {
  filter: grayscale(100%); }

.slidesThumbs a img.desmos-cant-edit-icon {
  display: inline-block;
  margin: 0 7px 0 0; }

.upgradePaywall {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }

#np-modals-container {
  position: absolute;
  z-index: 9999; }
  #np-modals-container * {
    -webkit-tap-highlight-color: transparent; }
  #np-modals-container button[aria-label="Close"] {
    border: 0; }

body {
  width: 100%; }

#content.content--large-padding {
  padding: 100px 0 30px 0px; }

.reset-new.dragndrop {
  width: 100%;
  height: 250px;
  background: transparent url("../img/reset-new/icons/drop_files.svg") no-repeat scroll center center;
  display: block;
  margin: 0px auto;
  max-width: 980px;
  text-align: right;
  float: none;
  position: fixed;
  bottom: 100px; }
  .reset-new.dragndrop .np-mod-cta {
    width: 160px;
    height: 40px;
    border-radius: 25px;
    border-color: #8b9195;
    color: #8b9195;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 220px auto 0px;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
    .reset-new.dragndrop .np-mod-cta:hover, .reset-new.dragndrop .np-mod-cta.active {
      border: 1px solid #00a8ff;
      color: #00a8ff;
      background-color: #b3e5ff;
      transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
  .reset-new.dragndrop.onboarding {
    background: none;
    bottom: auto;
    top: 281px;
    z-index: 999; }
    @media (max-height: 530px) {
      .reset-new.dragndrop.onboarding {
        top: 150px; } }
    .reset-new.dragndrop.onboarding .content-dragndrop {
      width: 154px;
      height: 154px;
      background-color: #ffffff;
      border-radius: 80px;
      margin: auto;
      /*margin-top: 20px;*/ }
      .reset-new.dragndrop.onboarding .content-dragndrop svg {
        position: relative;
        top: 0px;
        left: 0px; }
    .reset-new.dragndrop.onboarding .np-mod-cta {
      margin-top: 20px; }

#fieldTripFullScreen.standalone {
  height: 100%;
  /*FIELDTRIP*/
  /*Estilos globales para todos los placeholders*/ }
  #fieldTripFullScreen.standalone .h-100 {
    height: 100%; }
  #fieldTripFullScreen.standalone .contentFieldTrips {
    display: flex;
    align-items: center;
    padding-bottom: 16px; }
    #fieldTripFullScreen.standalone .contentFieldTrips .imgCities,
    #fieldTripFullScreen.standalone .contentFieldTrips .btnBox {
      flex: 0; }
    #fieldTripFullScreen.standalone .contentFieldTrips .imgCities {
      padding-right: 10px;
      box-sizing: border-box; }
    #fieldTripFullScreen.standalone .contentFieldTrips .searchTextWithBtn {
      flex: 1;
      display: flex;
      justify-content: center; }
      #fieldTripFullScreen.standalone .contentFieldTrips .searchTextWithBtn .searchBtn,
      #fieldTripFullScreen.standalone .contentFieldTrips .searchTextWithBtn .searchTxt {
        border-radius: 0;
        margin: 0; }
      #fieldTripFullScreen.standalone .contentFieldTrips .searchTextWithBtn .searchBtn {
        height: 42px;
        width: 60px;
        border: 1px solid #bfbfbf;
        background: #f3f3f3 url(../images/Slides/fieldtrips/searchGlass.svg) no-repeat;
        background-size: 30% auto;
        background-position: 20px; }
        #fieldTripFullScreen.standalone .contentFieldTrips .searchTextWithBtn .searchBtn:hover {
          background: #06aaff url(../images/Slides/fieldtrips/searchGlass-on.svg) no-repeat;
          background-size: 30% auto;
          background-position: 20px; }
      #fieldTripFullScreen.standalone .contentFieldTrips .searchTextWithBtn .searchTxt {
        max-width: 440px;
        width: calc(100% - 60px);
        height: 42px;
        border: 1px solid #bfbfbf;
        color: #313131;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        opacity: 1;
        box-sizing: border-box; }
        #fieldTripFullScreen.standalone .contentFieldTrips .searchTextWithBtn .searchTxt:focus {
          border: 1px solid #b8b8b8; }
    #fieldTripFullScreen.standalone .contentFieldTrips .btnBox {
      text-align: right;
      flex-basis: 200px;
      margin: 0;
      padding: 0; }
      #fieldTripFullScreen.standalone .contentFieldTrips .btnBox .preview {
        background: url(../images/toolbar/toolb-preview-on.png) center left 9% no-repeat; }
  #fieldTripFullScreen.standalone .fieldTrip {
    height: 100%; }
  #fieldTripFullScreen.standalone .fieldTrip .saveFieldTrip {
    float: right; }
  #fieldTripFullScreen.standalone #fancybox-content .fieldtrip.uploadHeader .titleSub {
    border-bottom: 2px solid #06aaff; }
  #fieldTripFullScreen.standalone .fieldTrip .slideContent {
    height: 100%;
    width: 100%;
    max-height: 100%;
    padding: 16px;
    padding-top: 50px;
    box-sizing: border-box; }
  #fieldTripFullScreen.standalone .fieldTripTitleContainer {
    display: flex;
    width: 100%;
    justify-content: center; }
  #fieldTripFullScreen.standalone #webpageForm {
    height: 100%; }
  #fieldTripFullScreen.standalone .fieldTrip .searchTitle {
    color: #313131;
    font-weight: normal; }
  #fieldTripFullScreen.standalone .fieldTrip .scrollContent {
    height: calc(100% - 204px);
    width: 100%;
    overflow: auto;
    padding: 5px 0 5px 15px;
    box-sizing: border-box;
    border: 2px solid #b8b8b8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  #fieldTripFullScreen.standalone .fieldTrip .step2 .scrollContent {
    overflow: hidden;
    width: 100%;
    padding: 0; }
    #fieldTripFullScreen.standalone .fieldTrip .step2 .scrollContent iframe {
      width: 100%;
      height: 100%; }
  #fieldTripFullScreen.standalone .fieldTrip .titleSub {
    position: relative;
    border-bottom: 2px solid #06aaff; }
  #fieldTripFullScreen.standalone .fieldTrip .fieldtrip-hd-logo {
    position: absolute;
    right: 0; }
  #fieldTripFullScreen.standalone *::-webkit-input-placeholder {
    font-style: italic;
    color: #b2b2b2; }
  #fieldTripFullScreen.standalone *:-moz-placeholder {
    font-style: italic;
    color: #b2b2b2; }
  #fieldTripFullScreen.standalone *::-moz-placeholder {
    font-style: italic;
    color: #b2b2b2; }
  #fieldTripFullScreen.standalone *:-ms-input-placeholder {
    font-style: italic;
    color: #b2b2b2; }
  #fieldTripFullScreen.standalone .fieldTrip .titleSubPreview {
    display: inline-block;
    color: #313131;
    font-weight: normal;
    font-size: 18px; }
  #fieldTripFullScreen.standalone .fieldTrip .uploadHeader.fieldtrip h1 {
    background: url(../images/Slides/fieldtrips/addFeature_field-trips.svg) left center no-repeat;
    background-size: auto 38px;
    padding: 16px 0 16px 36px;
    margin: 0 0 16px 0; }
  #fieldTripFullScreen.standalone .fieldTrip .imageFieldTrip {
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
    height: 100px;
    float: left; }
  #fieldTripFullScreen.standalone .fieldTrip .imageFieldTrip img {
    height: 100%;
    width: auto; }
  #fieldTripFullScreen.standalone .fieldTrip .element {
    width: 235px;
    float: left;
    margin: 2px 7px;
    height: 150px;
    position: relative;
    cursor: pointer; }
  #fieldTripFullScreen.standalone input.previewFieldTrip,
  #fieldTripFullScreen.standalone input.saveFieldTrip,
  #fieldTripFullScreen.standalone input.fieldtTripBack,
  #fieldTripFullScreen.standalone input.fieldtTripEdit {
    line-height: 40px;
    height: 48px;
    color: #ffffff;
    border: none;
    font-size: 16px;
    padding: 0px 20px 0px 40px;
    border: 1px solid #06aaff;
    border-radius: 3px; }
  #fieldTripFullScreen.standalone input.fieldtTripEdit,
  #fieldTripFullScreen.standalone input.fieldtTripEdit:hover,
  #fieldTripFullScreen.standalone input.fieldtTripEdit:disabled {
    margin-left: auto;
    background: url(../images/Slides/fieldtrips/Edit_icon.svg) no-repeat 12px 16px;
    background-position: 12px 12px;
    background-color: #ffffff;
    color: #06aaff;
    border: 1px solid #06aaff; }
  #fieldTripFullScreen.standalone input.fieldtTripEdit:hover {
    opacity: 0.7; }
  #fieldTripFullScreen.standalone input.fieldtTripEdit:disabled {
    opacity: 0.3; }
  #fieldTripFullScreen.standalone input.previewFieldTrip,
  #fieldTripFullScreen.standalone input.previewFieldTrip:hover,
  #fieldTripFullScreen.standalone input.previewFieldTrip:disabled {
    background: url(../images/Slides/fieldtrips/Preview_icon.svg) no-repeat 12px 16px;
    background-color: #ffffff;
    color: #06aaff;
    border: 1px solid #06aaff; }
  #fieldTripFullScreen.standalone input.previewFieldTrip:hover {
    opacity: 0.7; }
  #fieldTripFullScreen.standalone input.previewFieldTrip:disabled {
    opacity: 0.3; }
  #fieldTripFullScreen.standalone input.fieldtTripBack,
  #fieldTripFullScreen.standalone input.fieldtTripBack:hover,
  #fieldTripFullScreen.standalone input.fieldtTripBack:disabled {
    margin-left: auto;
    background: url(../images/Slides/fieldtrips/Back_icon.svg) no-repeat 12px 12px;
    background-color: #ffffff;
    color: #06aaff;
    border: 1px solid #06aaff; }
  #fieldTripFullScreen.standalone input.fieldtTripBack:hover {
    opacity: 0.7; }
  #fieldTripFullScreen.standalone input.fieldtTripBack:disabled {
    opacity: 0.3; }
  #fieldTripFullScreen.standalone input.saveFieldTrip {
    background: url(../images/Slides/fieldtrips/Done_icon.svg) no-repeat 12px 12px;
    background-color: #06aaff; }
  #fieldTripFullScreen.standalone input.saveFieldTrip:hover {
    background-color: #51c3ff;
    border: 1px solid #51c3ff; }
  #fieldTripFullScreen.standalone .fieldTrip .scrollContent .selected div.coverFull {
    display: block;
    border: 5px solid #f47c1c;
    opacity: 1;
    height: 145px;
    width: 100%;
    bottom: 0;
    left: -5px;
    position: absolute; }
  #fieldTripFullScreen.standalone .fieldTripTitle {
    display: flex;
    align-items: center;
    text-align: center;
    height: 52px;
    width: 100%;
    color: #313131;
    overflow: hidden;
    line-height: 1.1;
    font-size: 13px; }
  #fieldTripFullScreen.standalone .fieldTrip .betaVersionFeedback {
    margin-top: 30px; }
  #fieldTripFullScreen.standalone .fieldTrip .fieldtrip.betaIconTitle::after {
    top: -10px;
    left: 140px; }
  #fieldTripFullScreen.standalone .fieldTrip .btnBox .btnCyan.cancel.preview {
    background: url(../images/toolbar/toolb-preview-on.png) center left 9% no-repeat; }
  #fieldTripFullScreen.standalone .fieldTrip .btnBox .btnCyan.cancel.fieldtTripBack {
    background-image: url("../images/toolbar/btn-back-cyan.png"); }
  #fieldTripFullScreen.standalone .fieldTrip .btnBox .btnCyan.cancel.fieldtTripBack:hover {
    background-image: url("../images/toolbar/btn-back-blanco.png");
    background-color: #2f95a0;
    -webkit-box-shadow: inset 0px 0px 0px 2px #2f95a0;
    -moz-box-shadow: inset 0px 0px 0px 2px #2f95a0;
    box-shadow: inset 0px 0px 0px 2px #2f95a0; }
  #fieldTripFullScreen.standalone .fieldTrip .btnBox .btnCyan.cancel.fieldtTripEdit {
    background-image: url("../images/toolbar/btn-edit-cyan.png"); }
  #fieldTripFullScreen.standalone .fieldTrip .btnBox .btnCyan.cancel.fieldtTripEdit:hover {
    background-image: url("../images/toolbar/btn-edit-blanco.png"); }
  #fieldTripFullScreen.standalone .preview.fieldTrip .slideContent {
    width: 100%; }
  #fieldTripFullScreen.standalone .step1 .fieldTripTitle {
    text-align: left;
    margin: 0px 3px; }
  #fieldTripFullScreen.standalone .step2 .fieldTripTitle {
    text-align: left;
    margin-bottom: 11px;
    margin-top: 6px; }
  #fieldTripFullScreen.standalone .preview.fieldTrip .fieldTripTitle {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0px;
    height: 24px; }
  #fieldTripFullScreen.standalone .fieldTripNoResult {
    text-align: center;
    margin-top: 50px;
    font-weight: 700; }

#fieldTripFullScreen:not(.standalone) {
  height: 100%;
  /*Estilos globales para todos los placeholders*/ }
  #fieldTripFullScreen:not(.standalone) .fieldTrip {
    height: 100%; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .saveFieldTrip {
    float: right; }
  #fieldTripFullScreen:not(.standalone) #fancybox-content .fieldtrip.uploadHeader .titleSub {
    border-bottom: 2px solid #06aaff; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .slideContent {
    height: 100%;
    width: 793px;
    max-height: 100%; }
  #fieldTripFullScreen:not(.standalone) #webpageForm {
    height: 100%; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .searchTitle {
    color: #313131;
    font-weight: normal; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .scrollContent {
    height: 430px;
    width: 100%;
    overflow: auto;
    padding: 5px 0 5px 15px;
    box-sizing: border-box;
    border: 2px solid #b8b8b8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .step2 .scrollContent {
    overflow: hidden;
    width: 100%; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .titleSub {
    position: relative;
    border-bottom: 2px solid #06aaff; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .fieldtrip-hd-logo {
    position: absolute;
    right: 0; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .searchTxt {
    width: 440px;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    height: 42px;
    border: 1px solid #bfbfbf;
    color: #313131;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 1;
    box-sizing: border-box; }
  #fieldTripFullScreen:not(.standalone) *::-webkit-input-placeholder {
    font-style: italic;
    color: #b2b2b2; }
  #fieldTripFullScreen:not(.standalone) *:-moz-placeholder {
    font-style: italic;
    color: #b2b2b2; }
  #fieldTripFullScreen:not(.standalone) *::-moz-placeholder {
    font-style: italic;
    color: #b2b2b2; }
  #fieldTripFullScreen:not(.standalone) *:-ms-input-placeholder {
    font-style: italic;
    color: #b2b2b2; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip input[type="text"].searchTxt:focus {
    border: 1px solid #b8b8b8; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .titleSubPreview {
    display: inline-block;
    color: #313131;
    font-weight: normal;
    font-size: 18px; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .uploadHeader.fieldtrip h1 {
    background: url(../images/Slides/fieldtrips/addFeature_field-trips.svg) left center no-repeat;
    background-size: auto 38px;
    padding-left: 36px; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .imageFieldTrip {
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
    height: 100px;
    float: left; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .imageFieldTrip img {
    height: 100%;
    width: auto; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .searchTextWithBtn {
    position: relative;
    width: 100%;
    margin: 0 auto; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .element {
    width: 235px;
    float: left;
    margin: 2px 7px;
    height: 135px;
    position: relative;
    cursor: pointer; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip input[type="button"].btnCyan.searchBtn,
  #fieldTripFullScreen:not(.standalone) .fieldTrip .searchTxt {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip input[type="button"].searchBtn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 42px;
    background: #f3f3f3 url(../images/Slides/fieldtrips/searchGlass.svg) no-repeat;
    border: 1px solid #bfbfbf;
    background-size: 30% auto;
    background-position: 20px; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip input[type="button"].searchBtn:hover {
    background: #06aaff url(../images/Slides/fieldtrips/searchGlass-on.svg) no-repeat;
    background-size: 30% auto;
    background-position: 20px; }
  #fieldTripFullScreen:not(.standalone) input.previewFieldTrip,
  #fieldTripFullScreen:not(.standalone) input.saveFieldTrip,
  #fieldTripFullScreen:not(.standalone) input.fieldtTripBack,
  #fieldTripFullScreen:not(.standalone) input.fieldtTripEdit {
    line-height: 40px;
    height: 48px;
    color: #ffffff;
    border: none;
    font-size: 16px;
    padding: 0px 20px 0px 40px;
    border: 1px solid #06aaff;
    border-radius: 3px; }
  #fieldTripFullScreen:not(.standalone) input.fieldtTripEdit,
  #fieldTripFullScreen:not(.standalone) input.fieldtTripEdit:hover,
  #fieldTripFullScreen:not(.standalone) input.fieldtTripEdit:disabled {
    background: url(../images/Slides/fieldtrips/Edit_icon.svg) no-repeat 12px 16px;
    background-position: 12px 12px;
    background-color: #ffffff;
    color: #06aaff;
    border: 1px solid #06aaff; }
  #fieldTripFullScreen:not(.standalone) input.fieldtTripEdit:hover {
    opacity: 0.7; }
  #fieldTripFullScreen:not(.standalone) input.fieldtTripEdit:disabled {
    opacity: 0.3; }
  #fieldTripFullScreen:not(.standalone) input.previewFieldTrip,
  #fieldTripFullScreen:not(.standalone) input.previewFieldTrip:hover,
  #fieldTripFullScreen:not(.standalone) input.previewFieldTrip:disabled {
    background: url(../images/Slides/fieldtrips/Preview_icon.svg) no-repeat 12px 16px;
    background-color: #ffffff;
    color: #06aaff;
    border: 1px solid #06aaff; }
  #fieldTripFullScreen:not(.standalone) input.previewFieldTrip:hover {
    opacity: 0.7; }
  #fieldTripFullScreen:not(.standalone) input.previewFieldTrip:disabled {
    opacity: 0.3; }
  #fieldTripFullScreen:not(.standalone) input.fieldtTripBack,
  #fieldTripFullScreen:not(.standalone) input.fieldtTripBack:hover,
  #fieldTripFullScreen:not(.standalone) input.fieldtTripBack:disabled {
    background: url(../images/Slides/fieldtrips/Back_icon.svg) no-repeat 12px 12px;
    background-color: #ffffff;
    color: #06aaff;
    border: 1px solid #06aaff; }
  #fieldTripFullScreen:not(.standalone) input.fieldtTripBack:hover {
    opacity: 0.7; }
  #fieldTripFullScreen:not(.standalone) input.fieldtTripBack:disabled {
    opacity: 0.3; }
  #fieldTripFullScreen:not(.standalone) input.saveFieldTrip {
    background: url(../images/Slides/fieldtrips/Done_icon.svg) no-repeat 12px 12px;
    background-color: #06aaff; }
  #fieldTripFullScreen:not(.standalone) input.saveFieldTrip:hover {
    background-color: #51c3ff;
    border: 1px solid #51c3ff; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .scrollContent .selected div.coverFull {
    display: block;
    border: 5px solid #f47c1c;
    opacity: 1;
    height: 125px;
    width: 100%;
    bottom: 0;
    left: -5px;
    position: absolute; }
  #fieldTripFullScreen:not(.standalone) .fieldTripTitle {
    text-align: center;
    float: left;
    height: 35px;
    width: 100%;
    color: #313131;
    overflow: hidden;
    display: block;
    line-height: 1.1;
    font-size: 13px; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .betaVersionFeedback {
    margin-top: 30px; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .fieldtrip.betaIconTitle::after {
    top: -10px;
    left: 140px; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .btnBox .btnCyan {
    width: auto; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .btnBox {
    width: 100%;
    max-width: 100%; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .btnBox .btnCyan.cancel.preview {
    background: url(../images/toolbar/toolb-preview-on.png) center left 9% no-repeat; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .btnBox .btnCyan.cancel.fieldtTripBack {
    background-image: url("../images/toolbar/btn-back-cyan.png"); }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .btnBox .btnCyan.cancel.fieldtTripBack:hover {
    background-image: url("../images/toolbar/btn-back-blanco.png");
    background-color: #2f95a0;
    -webkit-box-shadow: inset 0px 0px 0px 2px #2f95a0;
    -moz-box-shadow: inset 0px 0px 0px 2px #2f95a0;
    box-shadow: inset 0px 0px 0px 2px #2f95a0; }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .btnBox .btnCyan.cancel.fieldtTripEdit {
    background-image: url("../images/toolbar/btn-edit-cyan.png"); }
  #fieldTripFullScreen:not(.standalone) .fieldTrip .btnBox .btnCyan.cancel.fieldtTripEdit:hover {
    background-image: url("../images/toolbar/btn-edit-blanco.png"); }
  #fieldTripFullScreen:not(.standalone) .preview.fieldTrip .slideContent {
    width: 100%; }
  #fieldTripFullScreen:not(.standalone) .step1 .fieldTripTitle {
    text-align: left;
    margin: 0px 3px; }
  #fieldTripFullScreen:not(.standalone) .step2 .fieldTripTitle {
    text-align: left;
    margin-bottom: 11px;
    margin-top: 6px; }
  #fieldTripFullScreen:not(.standalone) .preview.fieldTrip .fieldTripTitle {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0px;
    height: 24px; }
  #fieldTripFullScreen:not(.standalone) .fieldTripNoResult {
    text-align: center;
    margin-top: 50px;
    font-weight: 700; }

#headerMessage-container {
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 1101; }

.reset-new.header-message {
  width: 100%;
  height: 40px;
  background: #f26c59;
  color: #ffffff;
  font-family: "npprimarylight", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 40px;
  opacity: 0;
  text-align: center;
  transition: top 1s ease, opacity 2s ease;
  position: absolute;
  top: -40px;
  z-index: 103; }

.reset-new.header-message.active {
  top: 0px;
  left: 0px;
  opacity: 1;
  transition: top 1s ease, opacity 0.3s ease; }

.reset-new.header-message .header-message-link {
  color: #ffffff;
  text-decoration: underline; }

.reset-new.header-message .header-message-close {
  width: 12px;
  height: 12px;
  background: url("../img/reset-new/icons/np-close-popup.svg") no-repeat center transparent;
  background-size: contain;
  border: none;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.reset-new.header-message.green {
  background: #5fd598; }

.reset-new.header-message.blue {
  background: #00a8ff; }

.reset-new.npModal-container {
  width: 330px;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  z-index: 9;
  /* cambiar a z-index.scss */
  position: absolute;
  left: 50%;
  top: 25%;
  /*@include transform(translateX(-50%));*/
  transform: translate(-50%, -25%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .reset-new.npModal-container .favorityIcon {
    width: 26px;
    height: 20px;
    background: #5b6d79;
    display: inline-block;
    font-size: 0;
    margin-right: 8px; }
  .reset-new.npModal-container .npModal-closeBtn {
    cursor: pointer;
    position: absolute;
    right: -60px;
    top: 0; }
  .reset-new.npModal-container .npModal-title {
    color: #5b6d79;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 19px;
    text-align: center; }
  .reset-new.npModal-container .favorityIcon + h1 {
    display: inline-block;
    margin-bottom: 14px;
    text-align: left;
    position: relative;
    top: -5px; }
  .reset-new.npModal-container .npModal-message {
    color: #8b9195;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center; }
    .reset-new.npModal-container .npModal-message a {
      color: #00a8ff; }
  .reset-new.npModal-container ul {
    /*no llevan clases porque toma la estructura directo de las keys*/
    margin-bottom: 18px; }
    .reset-new.npModal-container ul li {
      background: url("../img/reset-new/icons/bullet.svg") no-repeat 0 center;
      color: #5b6d79;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 14px;
      padding-left: 5px;
      line-height: 20px; }
  .reset-new.npModal-container .npModal-buttonBar {
    width: 294px;
    display: flex;
    justify-content: space-around;
    position: relative;
    left: -3px; }
    .reset-new.npModal-container .npModal-buttonBar .npModal-buttonBar-button {
      width: 140px;
      height: 40px;
      font-size: 14px; }
  .reset-new.npModal-container .npModal-buttonBar-check {
    padding-top: 20px;
    width: 100%; }
    .reset-new.npModal-container .npModal-buttonBar-check .np-mod-checkbox + label:before {
      margin: 0 9px 0 6px; }
    .reset-new.npModal-container .npModal-buttonBar-check label {
      color: #8b9195;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 16px; }

.opacityModal {
  /*cambiar por estilos de modulo*/
  width: 100%;
  height: 100%;
  background-color: rgba(7, 26, 35, 0.85);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  /* mover esto a  z-index.scss */ }

.modal-container {
  width: 400px;
  background-color: #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 20px; }
  .modal-container .header {
    padding: 5px 0 25px 0; }
    .modal-container .header-title {
      height: 23px;
      color: #00a8ff;
      font-size: 29px;
      margin-bottom: 15px;
      padding-left: 12px;
      position: relative; }
      .modal-container .header-title::before {
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #00aaff;
        border-style: solid;
        border-width: 6px 0 6px 6px;
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        left: 0; }
    .modal-container .header-subtitle {
      color: #A5A7AA;
      font-size: 17px; }

/* CSS Document */
html, body {
  margin: 0;
  padding: 0; }

@media screen and (max-width: 1024px) and (orientation: landscape) {
  .mobileSupport h2 {
    font-size: 20px;
    margin-top: 15px;
    text-align: center;
    width: 86%;
    float: none; } }
@media screen and (max-width: 480px) {
  .mobileSupport {
    position: relative; }
    .mobileSupport h1 {
      height: 55px;
      background-size: auto 55px; }
    .mobileSupport h2 {
      font-size: 22px;
      margin-bottom: 28px; } }
@media screen and (max-width: 568px) and (max-height: 320px), (max-height: 320px) {
  .mobileSupport h2 {
    float: left;
    width: 40%;
    text-align: left;
    margin-bottom: 0;
    box-sizing: border-box;
    padding-top: 30px;
    font-size: 20px; }
  .mobileSupport h1 {
    height: 55px;
    background-size: auto 55px;
    margin-bottom: 13px; } }
@media screen and (max-height: 320px) {
  .mobileSupport h1 {
    background-size: auto 30px;
    background-position: top left;
    height: 30px;
    margin-bottom: 0;
    margin-top: 0; }
  .mobileSupport h2 {
    width: 40%;
    padding-top: 26px;
    padding-top: 15px;
    font-size: 90%; } }
.mobileSupport.subs {
  height: 100%;
  background: #ffffff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0;
  text-align: center; }
  .mobileSupport.subs h1 {
    height: 64px;
    line-height: 64px;
    background-color: #00a8ff;
    background-image: url(../images/lg_mobile_subs.svg);
    background-position: center center;
    background-size: 216px 33px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-indent: 9000px;
    overflow: hidden; }
  .mobileSupport.subs h2 {
    width: auto;
    color: #00a8ff;
    font-size: 28px;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    float: none;
    margin: 0;
    margin-bottom: 7px;
    padding: 0;
    text-align: center; }
  .mobileSupport.subs p {
    color: #152d39;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px; }
  .mobileSupport.subs .top {
    flex: 0 0 auto; }
  .mobileSupport.subs .content {
    width: auto;
    flex: 1 1 auto;
    padding: 20px; }
    .mobileSupport.subs .content img {
      width: 225px;
      height: 196px; }

.notes-custom-html {
  text-align: center;
  position: relative;
  top: 70px; }
  .notes-custom-html .notes-custom-html-container {
    padding-bottom: 20px; }
  .notes-custom-html .notes-custom-title {
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    color: #5b6d79; }
  .notes-custom-html .notes-content {
    width: 90vw;
    /* 90% of viewport vidth */
    height: 100%;
    max-height: 90vh;
    max-width: 500px;
    border: 1px #5b6d79 solid;
    border-radius: 5px;
    padding: 5px;
    display: block;
    margin: auto; }
  .notes-custom-html .notes-content audio {
    width: 100%; }
  .notes-custom-html .notes-content video {
    background-color: #071a23; }
  .notes-custom-html .notes-file-name {
    display: inline-block;
    vertical-align: super;
    padding-left: 5px; }

.html-box-sizing {
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }
  .html-box-sizing body {
    box-sizing: border-box; }

.not-accesible {
  height: 100%;
  background-color: #fbfcfd;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center; }
  .not-accesible-header {
    box-sizing: inherit;
    flex: 0 0 auto;
    padding: 40px 0;
    text-align: center; }
    .not-accesible-header .nearpod-logo {
      margin: 0;
      padding: 0; }
    .not-accesible-header .nearpod-img {
      height: 40px;
      display: inline-block; }
  .not-accesible-content {
    align-items: center;
    box-sizing: inherit;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 40px; }
  .not-accesible-wrapper {
    margin: auto; }
  .not-accesible .content-title {
    max-width: 400px;
    color: #5b6d79;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.25;
    margin: 0 auto 40px auto; }
    .not-accesible .content-title .strong {
      font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif; }
  .not-accesible .content-asset {
    max-width: 410px;
    margin: 0 auto 40px auto; }
  .not-accesible .content-gif, .not-accesible .content-video {
    width: 100%;
    display: block; }
  .not-accesible .content-app-button {
    width: 138px;
    height: 40px;
    background-color: #00a8ff;
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 0 auto 40px auto;
    padding: 15px 20px; }
    .not-accesible .content-app-button.app-store {
      background: url("../images/not-accesible/app-store.svg") no-repeat scroll center 6px #00a8ff; }
    .not-accesible .content-app-button.play-store {
      background: url("../images/not-accesible/play-store.svg") no-repeat scroll center #00a8ff; }

.popupStandardPaywalls.reset-new {
  padding: 0;
  margin: 0;
  width: 350px !important;
  border-radius: 10px;
  box-shadow: 0;
  background: #ffffff;
  /*-- STEPS --*/
  /*-- SUCCES --*/
  /*-- STEP 1 --*/ }
  .popupStandardPaywalls.reset-new #confirmDialog,
  .popupStandardPaywalls.reset-new .confirmDialog {
    border-radius: 10px !important; }
  .popupStandardPaywalls.reset-new .linkNoThanks {
    color: #b8c0c6 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin: 20px 0px !important; }
    .popupStandardPaywalls.reset-new .linkNoThanks:hover {
      color: #8698aa !important; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-start,
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one,
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-success,
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject {
    position: relative;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 25%, #ebeff2 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #ffffff), color-stop(100%, #ebeff2)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 25%, #ebeff2 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 25%, #ebeff2 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 25%, #ebeff2 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 25%, #ebeff2 100%) !important !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeff2',GradientType=0 ) !important;
    /* IE6-9 */
    border-radius: 10px;
    border: 1px solid #EBEFF2;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif !important;
    padding: 0; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .dropdownCombo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .dropdownCombo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .dropdownCombo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dropdownCombo {
      /* Handle */ }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .dropdownCombo::-webkit-scrollbar-thumb,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .dropdownCombo::-webkit-scrollbar-thumb,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .dropdownCombo::-webkit-scrollbar-thumb,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dropdownCombo::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        background: #AAB4B7; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .dropdownCombo::-webkit-scrollbar-track,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .dropdownCombo::-webkit-scrollbar-track,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .dropdownCombo::-webkit-scrollbar-track,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dropdownCombo::-webkit-scrollbar-track {
        background: transparent; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar {
      border-radius: 10px 10px 0 0; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar.graypics,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar.graypics,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar.graypics,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar.graypics {
        background: url("../img/paywalls/gray-pics-bkg.svg") no-repeat scroll center bottom; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer {
        margin: 0;
        padding: 0px 0 15px 0;
        border-radius: 10px 10px 0 0; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 {
          font-size: 14px;
          text-align: center;
          font-weight: 400;
          line-height: 19px;
          color: #454545;
          font-family: "npprimarylight", Helvetica, Arial, sans-serif !important;
          padding: 0;
          margin: 35px 0 0 0;
          position: relative; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .FieldTrip,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .externalVideo,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceVideo,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceAudio,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferencePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceWebpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Report,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .FieldTrip,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .externalVideo,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceVideo,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceAudio,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferencePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceWebpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Report,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .FieldTrip,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .externalVideo,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceVideo,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceAudio,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferencePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceWebpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Report,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .FieldTrip,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .externalVideo,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceVideo,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceAudio,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferencePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceWebpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Report,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .bbc {
            display: block; }
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Webpage::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .FieldTrip::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .webpagePdf::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .twitter::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .FillTheBlanks::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Memotest::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Homework::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ExportPDF::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .externalVideo::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceVideo::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceAudio::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferencePdf::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceWebpage::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Report::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .SessionReportCSV::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .StudentReportPDF::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .StudentReportCSV::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .sway::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .threeD::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .convertToDrawIt::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .MatchingPairs::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .bbc::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Webpage::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .FieldTrip::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .webpagePdf::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .twitter::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .FillTheBlanks::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Memotest::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Homework::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ExportPDF::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .externalVideo::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceVideo::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceAudio::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferencePdf::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceWebpage::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Report::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .SessionReportCSV::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .StudentReportPDF::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .StudentReportCSV::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .sway::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .threeD::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .convertToDrawIt::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .MatchingPairs::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .bbc::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Webpage::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .FieldTrip::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .webpagePdf::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .twitter::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .FillTheBlanks::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Memotest::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Homework::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ExportPDF::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .externalVideo::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceVideo::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceAudio::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferencePdf::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceWebpage::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Report::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .SessionReportCSV::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .StudentReportPDF::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .StudentReportCSV::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .sway::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .threeD::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .convertToDrawIt::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .MatchingPairs::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .bbc::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Webpage::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .FieldTrip::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .webpagePdf::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .twitter::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .FillTheBlanks::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Memotest::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Homework::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ExportPDF::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .externalVideo::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceVideo::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceAudio::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferencePdf::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceWebpage::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Report::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .SessionReportCSV::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .StudentReportPDF::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .StudentReportCSV::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .sway::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .threeD::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .convertToDrawIt::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .MatchingPairs::before,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .bbc::before {
              display: block;
              content: "";
              width: 25px;
              height: 25px;
              position: absolute; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Webpage {
            padding-left: 20px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Webpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Webpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Webpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Webpage::before {
            left: 75px;
            top: -1px;
            background-image: url("../img/addFeature/addwebcontent_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .FieldTrip::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .FieldTrip::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .FieldTrip::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .FieldTrip::before {
            left: 80px;
            top: -2px;
            background-image: url("../img/addFeature/addFeature_field-trips2_n.svg");
            background-size: 25px auto; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .webpagePdf {
            padding-left: 15px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .webpagePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .webpagePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .webpagePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .webpagePdf::before {
            left: 80px;
            top: 0px;
            background-image: url("../img/addFeature/web_pdf_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ExportPDF {
            padding-left: 15px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ExportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ExportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ExportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ExportPDF::before {
            left: 70px;
            top: 0px;
            background-image: url("../img/addFeature/web_pdf_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .twitter {
            padding-left: 15px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .twitter::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .twitter::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .twitter::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .twitter::before {
            left: 65px;
            top: -2px;
            background-image: url("../img/addFeature/web_twitter_n.svg");
            background-size: 25px auto; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .FillTheBlanks {
            padding-left: 20px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .FillTheBlanks::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .FillTheBlanks::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .FillTheBlanks::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .FillTheBlanks::before {
            left: 65px;
            top: 0px;
            background-image: url("../img/addFeature/FillTheBlanks_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Memotest {
            padding-left: 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Memotest::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Memotest::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Memotest::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Memotest::before {
            left: 70px;
            top: -1px;
            background-image: url("../img/addFeature/Memotest_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Homework {
            padding-left: 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Homework::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Homework::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Homework::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Homework::before {
            left: 80px;
            top: 0px;
            background-image: url("../img/addFeature/homework_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .externalVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .externalVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .externalVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .externalVideo::before {
            left: 81px;
            top: -1px;
            background-image: url("../img/addFeature/youtube_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceVideo::before {
            left: 46px;
            top: -3px;
            background-image: url("../img/addFeature/ic-reference-paywalls.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceAudio::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceAudio::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceAudio::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceAudio::before {
            left: 46px;
            top: -3px;
            background-image: url("../img/addFeature/ic-reference-paywalls.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferencePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferencePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferencePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferencePdf::before {
            left: 25px;
            top: -3px;
            background-image: url("../img/addFeature/ic-reference-paywalls.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .ReferenceWebpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .ReferenceWebpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .ReferenceWebpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .ReferenceWebpage::before {
            left: 19px;
            top: -3px;
            background-image: url("../img/addFeature/ic-reference-paywalls.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Report::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .Report::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .Report::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .Report::before {
            left: 90px;
            top: -1px;
            background-image: url("../img/addFeature/Poll_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .SessionReportCSV {
            padding-left: 19px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .SessionReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .SessionReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .SessionReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .SessionReportCSV::before {
            left: 53px;
            top: -1px;
            background-image: url("../img/addFeature/Poll_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .StudentReportPDF {
            padding-left: 19px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .StudentReportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .StudentReportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .StudentReportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .StudentReportPDF::before {
            left: 51px;
            top: -1px;
            background-image: url("../img/addFeature/Poll_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .StudentReportCSV {
            padding-left: 19px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .StudentReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .StudentReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .StudentReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .StudentReportCSV::before {
            left: 51px;
            top: -1px;
            background-image: url("../img/addFeature/Poll_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .sway {
            padding-left: 5px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .sway::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .sway::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .sway::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .sway::before {
            left: 95px;
            top: -1px;
            background-image: url("../img/addFeature/addSway_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .threeD {
            padding-left: 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .threeD::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .threeD::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .threeD::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .threeD::before {
            left: 75px;
            top: -1px;
            background-image: url("../img/addFeature/add3D_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .convertToDrawIt {
            padding-left: 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .convertToDrawIt::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .convertToDrawIt::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .convertToDrawIt::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .convertToDrawIt::before {
            left: 53px;
            top: -1px;
            background-image: url("../img/addFeature/drawit_n.svg");
            background-size: 13px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .bbc {
            padding-left: 15px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .bbc::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .bbc::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .bbc::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .bbc::before {
            left: 78px;
            top: -3px;
            background-image: url("../img/addFeature/bbc.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .MatchingPairs {
            padding-left: 20px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .MatchingPairs::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 .MatchingPairs::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 .MatchingPairs::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 .MatchingPairs::before {
            left: 65px;
            top: -1px;
            background-image: url("../img/addFeature/addmatchingpairs_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .Webpage,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .Webpage {
            padding-left: 25px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .Webpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .Webpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .Webpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .Webpage::before {
            left: 115px;
            top: -1px;
            background-image: url("../img/addFeature/addwebcontent_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .MatchingPairs,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .MatchingPairs {
            padding-left: 20px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .MatchingPairs::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .MatchingPairs::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .MatchingPairs::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .MatchingPairs::before {
            left: 105px;
            top: -1px;
            background-image: url("../img/addFeature/addmatchingpairs_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .FieldTrip,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .FieldTrip,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .FieldTrip,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .FieldTrip {
            padding-left: 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .FieldTrip::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .FieldTrip::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .FieldTrip::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .FieldTrip::before {
            left: 120px;
            top: -2px;
            background-image: url("../img/addFeature/addFeature_field-trips2_n.svg");
            background-size: 25px auto; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .webpagePdf,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .webpagePdf {
            padding-left: 20px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .webpagePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .webpagePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .webpagePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .webpagePdf::before {
            left: 115px;
            top: 0px;
            background-image: url("../img/addFeature/web_pdf_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .ExportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .ExportPDF {
            padding-left: 15px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .ExportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .ExportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .ExportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .ExportPDF::before {
            left: 70px;
            top: 0px;
            background-image: url("../img/addFeature/web_pdf_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .twitter,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .twitter {
            padding-left: 15px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .twitter::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .twitter::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .twitter::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .twitter::before {
            left: 100px;
            top: -2px;
            background-image: url("../img/addFeature/web_twitter_n.svg");
            background-size: 25px auto; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .FillTheBlanks,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .FillTheBlanks {
            padding-left: 30px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .FillTheBlanks::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .FillTheBlanks::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .FillTheBlanks::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .FillTheBlanks::before {
            left: 105px;
            top: 0px;
            background-image: url("../img/addFeature/FillTheBlanks_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .Memotest,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .Memotest {
            padding-left: 20px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .Memotest::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .Memotest::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .Memotest::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .Memotest::before {
            left: 113px;
            top: -1px;
            background-image: url("../img/addFeature/Memotest_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .Homework,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .Homework {
            padding-left: 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .Homework::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .Homework::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .Homework::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .Homework::before {
            left: 80px;
            top: 0px;
            background-image: url("../img/addFeature/homework_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .externalVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .externalVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .externalVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .externalVideo::before {
            left: 121px;
            top: -1px;
            background-image: url("../img/addFeature/youtube_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .ReferenceVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .ReferenceVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .ReferenceVideo::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .ReferenceVideo::before {
            left: 46px;
            top: -3px;
            background-image: url("../img/addFeature/ic-reference-paywalls.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .ReferenceAudio::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .ReferenceAudio::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .ReferenceAudio::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .ReferenceAudio::before {
            left: 46px;
            top: -3px;
            background-image: url("../img/addFeature/ic-reference-paywalls.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .ReferencePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .ReferencePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .ReferencePdf::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .ReferencePdf::before {
            left: 25px;
            top: -3px;
            background-image: url("../img/addFeature/ic-reference-paywalls.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .ReferenceWebpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .ReferenceWebpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .ReferenceWebpage::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .ReferenceWebpage::before {
            left: 19px;
            top: -3px;
            background-image: url("../img/addFeature/ic-reference-paywalls.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .Report::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .Report::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .Report::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .Report::before {
            left: 121px;
            top: -1px;
            background-image: url("../img/addFeature/Poll_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .SessionReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .SessionReportCSV {
            padding-left: 19px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .SessionReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .SessionReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .SessionReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .SessionReportCSV::before {
            left: 53px;
            top: -1px;
            background-image: url("../img/addFeature/Poll_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .StudentReportPDF,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .StudentReportPDF {
            padding-left: 19px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .StudentReportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .StudentReportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .StudentReportPDF::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .StudentReportPDF::before {
            left: 51px;
            top: -1px;
            background-image: url("../img/addFeature/Poll_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .StudentReportCSV,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .StudentReportCSV {
            padding-left: 19px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .StudentReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .StudentReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .StudentReportCSV::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .StudentReportCSV::before {
            left: 51px;
            top: -1px;
            background-image: url("../img/addFeature/Poll_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .sway,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .sway {
            padding-left: 5px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .sway::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .sway::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .sway::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .sway::before {
            left: 135px;
            top: 0px;
            background-image: url("../img/addFeature/addSway_n.svg");
            background-size: 18px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .threeD,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .threeD {
            padding-left: 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .threeD::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .threeD::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .threeD::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .threeD::before {
            left: 80px;
            top: -1px;
            background-image: url("../img/addFeature/add3D_n.svg");
            background-size: 20px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .convertToDrawIt,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .convertToDrawIt {
            padding-left: 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .convertToDrawIt::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .convertToDrawIt::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .convertToDrawIt::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .convertToDrawIt::before {
            left: 90px;
            top: -1px;
            background-image: url("../img/addFeature/drawit_n.svg");
            background-size: 13px auto;
            background-repeat: no-repeat; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .bbc,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .bbc {
            padding-left: 25px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1.wizard .bbc::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1.wizard .bbc::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1.wizard .bbc::before,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1.wizard .bbc::before {
            left: 118px;
            top: -3px;
            background-image: url("../img/addFeature/bbc.svg");
            background-size: 25px auto;
            background-repeat: no-repeat; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 span,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer h1 span,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 span,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer h1 span {
          clear: left;
          display: block;
          font-size: 16px;
          line-height: 22px;
          font-family: "npprimarysemibold", Helvetica, Arial, sans-serif !important; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer .msgBox,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer .msgBox,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer .msgBox,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer .msgBox {
          font-size: 14px;
          line-height: 19px;
          color: #5b6d79;
          font-family: "npprimarylight", Helvetica, Arial, sans-serif !important;
          margin: 25px auto 0;
          width: 75%; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer .msgBox b,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer .msgBox b,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer .msgBox b,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer .msgBox b {
            padding-left: 5px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer .msgBox .learnMore,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer .msgBox .learnMore,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer .msgBox .learnMore,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer .msgBox .learnMore {
            color: #b8c0c6;
            font-size: 12px;
            line-height: 18px;
            display: block;
            text-decoration: underline;
            cursor: pointer; }
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer .msgBox .learnMore:hover,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .msgBoxContainer .msgBox .learnMore:hover,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer .msgBox .learnMore:hover,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .msgBoxContainer .msgBox .learnMore:hover {
              color: #8698aa;
              text-decoration: underline; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .logo-bkg,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .logo-bkg,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .logo-bkg,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .logo-bkg {
        height: 140px;
        width: 100%;
        background: url("../img/paywalls/hill-bkg.svg") no-repeat scroll center bottom;
        position: relative; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .logo-bkg .logo-box,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .logo-bkg .logo-box,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .logo-bkg .logo-box,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .logo-bkg .logo-box {
          background: #ffffff;
          border: 1px solid #ebeff2;
          width: 240px;
          margin: 0px auto;
          padding: 15px 20px; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .logo-bkg .logo,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .messageBar .logo-bkg .logo,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .logo-bkg .logo,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .logo-bkg .logo {
          height: 31px;
          width: 114px;
          display: block;
          margin: 0 auto; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .buttonBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .buttonBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .buttonBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .buttonBar {
      overflow: hidden;
      text-align: center;
      width: 100%;
      background: #ffffff none repeat scroll 0% 0%;
      margin: 0;
      padding-top: 50px;
      border-radius: 0 0 10px 10px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .dialogOnlyButton,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .dialogOnlyButton,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .dialogOnlyButton,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogOnlyButton {
      color: #ffffff;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif !important;
      font-size: 15px;
      font-weight: 600;
      float: none;
      cursor: pointer;
      margin: 0px auto;
      display: inline-block;
      border: none;
      background: #00a8ff;
      vertical-align: middle;
      border-radius: 4px;
      line-height: 40px;
      width: 225px;
      text-align: center;
      padding: 6px 15px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .dialogOnlyButton:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .dialogOnlyButton:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .dialogOnlyButton:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogOnlyButton:hover {
        background: #37BBFF; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .dialogOnlyButton.disabled, .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .dialogOnlyButton.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .dialogOnlyButton.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .dialogOnlyButton.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .dialogOnlyButton.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .dialogOnlyButton.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogOnlyButton.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogOnlyButton.disabled:hover {
        background-color: #f8fafb;
        border: 1px solid #cdd3d7;
        cursor: default;
        color: #cdd3d7;
        opacity: 1; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .extendTrial,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .extendTrial,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .extendTrial,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .extendTrial {
      color: #ffffff;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif !important;
      font-size: 16px;
      font-weight: 400;
      cursor: pointer;
      margin: 0px auto;
      margin-bottom: 10px;
      display: inline-block;
      border: none;
      background: #5fd598;
      vertical-align: middle;
      border-radius: 4px;
      line-height: 19px;
      width: 200px;
      text-align: center;
      padding: 16px 0 13px 0px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .extendTrial:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .extendTrial:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .extendTrial:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .extendTrial:hover {
        background: rgba(95, 213, 152, 0.7); }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .extendTrial.disabled, .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .extendTrial.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .extendTrial.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .extendTrial.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .extendTrial.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .extendTrial.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .extendTrial.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .extendTrial.disabled:hover {
        background-color: #f8fafb;
        border: 1px solid #cdd3d7;
        cursor: default;
        color: #cdd3d7;
        opacity: 1; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .extendTrial.btn-blue,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .extendTrial.btn-blue,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .extendTrial.btn-blue,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .extendTrial.btn-blue {
        background-color: #00a8ff; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .extendTrial.btn-blue:hover,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .extendTrial.btn-blue:hover,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .extendTrial.btn-blue:hover,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .extendTrial.btn-blue:hover {
          background-color: #4dc2ff; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .upgradeNow,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .upgradeNow,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .upgradeNow,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .upgradeNow {
      color: #ffffff;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif !important;
      font-size: 16px;
      font-weight: 400;
      cursor: pointer;
      margin: 0px auto;
      display: inline-block;
      border: none;
      background-color: #00a8ff;
      vertical-align: middle;
      border-radius: 4px;
      line-height: 19px;
      width: 200px;
      text-align: center;
      padding: 6px 0 4px 0px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .upgradeNow span,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .upgradeNow span,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .upgradeNow span,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .upgradeNow span {
        font-size: 13px;
        color: #ffffff;
        display: block; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .upgradeNow:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .upgradeNow:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .upgradeNow:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .upgradeNow:hover {
        background: #37BBFF; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .upgradeNow.disabled, .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .upgradeNow.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .upgradeNow.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .upgradeNow.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .upgradeNow.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .upgradeNow.disabled:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .upgradeNow.disabled,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .upgradeNow.disabled:hover {
        /*background-color: $np-color-neutral-20;
        border: 1px solid $np-color-neutral-40;*/
        cursor: default;
        color: #cdd3d7;
        opacity: 1; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .teacherRegistration .messageBar .logo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .teacherRegistration .messageBar .logo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .teacherRegistration .messageBar .logo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .teacherRegistration .messageBar .logo {
      margin-top: 20px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .teacherRegistration .messageBar .msgBoxContainer h1,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .teacherRegistration .messageBar .msgBoxContainer h1,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .teacherRegistration .messageBar .msgBoxContainer h1,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .teacherRegistration .messageBar .msgBoxContainer h1 {
      margin: 20px 0px 0px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .teacherRegistration .messageBar .msgBoxContainer .msgBox,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .teacherRegistration .messageBar .msgBoxContainer .msgBox,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .teacherRegistration .messageBar .msgBoxContainer .msgBox,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .teacherRegistration .messageBar .msgBoxContainer .msgBox {
      margin: 15px auto 0px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .teacherRegistration .messageBar .logo-bkg .logo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .teacherRegistration .messageBar .logo-bkg .logo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .teacherRegistration .messageBar .logo-bkg .logo,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .teacherRegistration .messageBar .logo-bkg .logo {
      height: 90px;
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -50px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .teacherRegistration .buttonBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .teacherRegistration .buttonBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .teacherRegistration .buttonBar,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .teacherRegistration .buttonBar {
      padding-bottom: 25px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer .msgBox {
    width: 70%; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar {
    border-radius: 10px 10px 0 0; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar.graypics {
      background: url("../img/paywalls/gray-pics-bkg.svg") no-repeat scroll center 40%; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .msgBoxContainer h1 {
      margin-bottom: 10px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .logo-bkg {
      height: 100px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .messageBar .logo {
      margin: 10px 0px 20px;
      width: 150px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .buttonBar {
    padding-top: 0px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-success .buttonBar button {
      margin-bottom: 30px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Webpage {
    padding-left: 20px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-start .messageBar .msgBoxContainer h1 .Webpage::before {
    left: 113px;
    top: 0px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step02 .comboBoxList {
    border: 1px solid gray;
    line-height: 30px;
    height: 33px;
    display: block;
    margin: 10px auto; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step02 .comboBoxList .dropdownCombo {
    margin-top: -20px;
    border: 1px solid gray; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step02 input {
    width: 250px;
    display: block;
    margin: 0px auto;
    border: 1px solid gray; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #schoolRole_label,
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #countryId_label,
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #stateId_label {
    background: transparent url("../img/paywalls/arrowDown-blu.svg") no-repeat scroll 93% center/12px auto; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #schoolRole_label.selected,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #countryId_label.selected,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #stateId_label.selected {
      background: transparent url("../../img/paywalls/arrowDown-gra.svg") no-repeat scroll 93% center/12px auto; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #schoolRole_label.open,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #countryId_label.open,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #stateId_label.open {
      background: transparent url("../img/paywalls/arrowUp-gra.svg") no-repeat scroll 93% center/12px auto; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #schoolRole_label.open.selected,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #countryId_label.open.selected,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #stateId_label.open.selected {
        background: transparent url("../../img/paywalls/arrowUp-gra.svg") no-repeat scroll 93% center/12px auto; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole #countryId_label {
    background: transparent url("../img/paywalls/arrowDown-gra.svg") no-repeat scroll 93% center/12px auto; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .logo-bkg {
    height: 250px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .logo-bkg span {
      color: #243137;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif !important;
      font-size: 14px;
      font-weight: 400;
      line-height: 25px;
      float: left; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent,
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther {
    width: 275px;
    margin: 0 auto; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList {
      width: 222px;
      height: 30px;
      background-color: white;
      border: 1px solid #b8c0c6;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      float: right; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList.schoolRole .dropdownCombo,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList.schoolRole .dropdownCombo,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList.schoolRole .dropdownCombo,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList.schoolRole .dropdownCombo {
        min-height: 260px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li {
        /*
        label {
          background: transparent url("../img/paywalls/dropdown-arrow-down.svg") no-repeat scroll 95% center;
          padding: 0 10px;
        }
        */ }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li label,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li label,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li label,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li label {
          line-height: 28px;
          color: #06AAFF;
          font-size: 14px;
          padding: 0px 25px 0px 10px; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li label.selected,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li label.selected,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li label.selected,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li label.selected {
            color: #b8c0c6;
            text-transform: capitalize; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li .dropdownCombo,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li .dropdownCombo,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li .dropdownCombo,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li .dropdownCombo {
          overflow: auto;
          overflow-x: hidden;
          margin-top: -15px;
          max-height: 200px;
          background-color: white;
          border-radius: 3px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          box-shadow: 0 1px 3px #6c7a86; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li .dropdownCombo li,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li .dropdownCombo li,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li .dropdownCombo li,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li .dropdownCombo li {
            text-transform: Capitalize;
            color: #5b6d79;
            font-family: "npprimarylight", Helvetica, Arial, sans-serif !important;
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
            padding: 4px 10px !important; }
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li .dropdownCombo li:last-of-type,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li .dropdownCombo li:last-of-type,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li .dropdownCombo li:last-of-type,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li .dropdownCombo li:last-of-type {
              margin-bottom: 10px; }
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li .dropdownCombo li.selected,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li .dropdownCombo li.selected,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li .dropdownCombo li.selected,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li .dropdownCombo li.selected {
              color: #06AAFF;
              background: #f8fafb; }
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li .dropdownCombo.searchInstitution,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li .dropdownCombo.searchInstitution,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li .dropdownCombo.searchInstitution,
          .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li .dropdownCombo.searchInstitution {
            display: block;
            position: relative;
            width: 273px;
            margin-top: -45px;
            margin-left: 1px;
            padding: 0px !important;
            /*max-height: 95px !important;*/
            max-height: 170px !important;
            margin-bottom: 15px; }
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li .dropdownCombo.searchInstitution li,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li .dropdownCombo.searchInstitution li,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li .dropdownCombo.searchInstitution li,
            .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li .dropdownCombo.searchInstitution li {
              font-family: "npprimarysemibold", Helvetica, Arial, sans-serif !important; }
              .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li .dropdownCombo.searchInstitution li:hover,
              .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li .dropdownCombo.searchInstitution li:hover,
              .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li .dropdownCombo.searchInstitution li:hover,
              .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li .dropdownCombo.searchInstitution li:hover {
                color: #06AAFF;
                background: #f8fafb none repeat scroll 0% 0%; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .comboBoxList li input.comboSelect,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRole_parent .dataList li input.comboSelect,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .comboBoxList li input.comboSelect,
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .dataList li input.comboSelect {
          height: 30px;
          padding: 0px;
          border-radius: 3px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.txtAlert.colorAlert {
    width: 275px;
    padding: 0;
    margin: 0;
    line-height: 12px;
    font-size: 12px;
    color: red;
    font-size: 11px;
    top: 150px;
    position: absolute;
    left: 40px;
    text-align: left; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.txtWhere {
    display: block;
    text-align: left;
    margin: 8px 0;
    width: 100%; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .countrySelect {
    float: left;
    width: 155px;
    z-index: 2; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .countrySelect #countryId_label {
      color: #b8c0c6;
      text-transform: capitalize; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .stateSelect {
    float: right;
    width: 100px;
    z-index: 1; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .stateSelect #stateId_label {
      text-transform: uppercase;
      color: #06AAFF; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .stateSelect #stateId_label.selected {
        color: #b8c0c6;
        text-transform: capitalize; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .stateSelect span.txtAlert.colorAlert {
      width: 275px;
      padding: 0;
      margin: 0;
      line-height: 12px;
      font-size: 12px;
      color: red;
      font-size: 11px;
      top: 75px;
      position: absolute;
      left: -176px;
      text-align: left; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput {
    float: left;
    border: none;
    width: 100%;
    margin-top: 10px;
    position: relative; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput input {
      padding: 0px 10px;
      line-height: 30px;
      font-size: 14px;
      height: 30px;
      border: 1px solid #b8c0c6;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      font-family: arial, helvetica, sans-serif !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput input::-webkit-input-placeholder {
        font-family: npprimarysemibold !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput input:-moz-placeholder {
        font-family: npprimarysemibold !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput input::-moz-placeholder {
        font-family: npprimarysemibold !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput input:-ms-input-placeholder {
        font-family: npprimarysemibold !important; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput .searchInstitution {
      width: 273px;
      overflow: hidden;
      padding: 5px 10px !important;
      z-index: 1;
      display: block;
      max-height: 85px;
      overflow: visible; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput .searchInstitution li {
        width: 100%;
        overflow: hidden;
        padding: 0px !important; }
        .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput .searchInstitution li span {
          font-size: 10px;
          color: #8698AA;
          float: left;
          width: 100%;
          text-align: left; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolInput .searchInstitution .notResults {
        display: none !important; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.lastRow {
    background-color: #f8fafb;
    width: 253px;
    position: relative;
    display: block;
    margin-top: 30px;
    box-shadow: 0px 1px 3px #6C7A86;
    border-radius: 0px 0px 4px 4px;
    padding: 10px 10px 5px;
    margin-left: 1px;
    z-index: 1;
    cursor: pointer; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.lastRow:hover {
      background-color: #ffffff; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.lastRow:hover span.newSchoolName {
        color: #06AAFF; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.lastRow:hover .buttonschool {
        color: #06AAFF !important;
        background: #f8fafb; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.lastRow li {
      width: 240px;
      padding: 10px 0px !important; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.lastRow span {
      font-size: 10px;
      color: #8698AA;
      float: left;
      width: 100%;
      text-align: left;
      line-height: 20px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.lastRow span.newSchoolName {
        width: 80%;
        text-align: left;
        color: #5F717D;
        font-size: 12px;
        line-height: 15px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther span.lastRow .buttonschool {
      font-size: 30px;
      font-family: npprimarysemibold !important;
      position: absolute;
      padding: 0px;
      color: #8698AA;
      background: #EBEFF2 none repeat scroll 0% 0%;
      width: 50px;
      right: 0px;
      top: 0px;
      height: 50px;
      border-radius: 0px 0px 3px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolRoleOtherInput,
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .cityInput {
    margin-top: 0;
    padding: 0px 10px;
    line-height: 30px;
    font-size: 14px;
    height: 30px;
    border: 1px solid #b8c0c6;
    width: 100%;
    color: #b8c0c6;
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .cityInput {
    width: 108px;
    float: right; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .cityInput::-webkit-input-placeholder {
      color: #06aaff;
      font-size: 14px;
      line-height: 28px;
      text-transform: uppercase;
      font-family: npprimarysemibold !important;
      font-style: normal !important;
      opacity: 1; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .cityInput:-moz-placeholder {
      color: #06aaff;
      font-size: 14px;
      line-height: 28px;
      text-transform: uppercase;
      font-family: npprimarysemibold !important;
      font-style: normal !important;
      opacity: 1; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .cityInput::-moz-placeholder {
      color: #06aaff;
      font-size: 14px;
      line-height: 28px;
      text-transform: uppercase;
      font-family: npprimarysemibold !important;
      font-style: normal !important;
      opacity: 1; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .cityInput:-ms-input-placeholder {
      color: #06aaff;
      font-size: 14px;
      line-height: 28px;
      text-transform: uppercase;
      font-family: npprimarysemibold !important;
      font-style: normal !important;
      opacity: 1; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-one .schoolRole .schoolRoleOther .schoolRoleOtherInput {
    font-family: arial, helvetica, sans-serif !important; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .messageBar .logo-bkg {
    min-height: 140px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject.trial .buttonBar {
    padding: 40px 0; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject.extend .upgradeButton {
    color: #ffffff;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin: 0px auto;
    display: inline-block;
    border: none;
    background-color: #ffa800;
    vertical-align: middle;
    border-radius: 4px;
    line-height: 30px;
    width: 200px;
    text-align: center;
    padding: 10px 0 8px 0px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject.extend .upgradeButton:hover {
      background-color: #ffc956; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject.extend .upgradeButton.disabled, .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject.extend .upgradeButton.disabled:hover {
      cursor: default;
      color: #cdd3d7;
      opacity: 1; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject.extend .upgradeButton.btn-blue {
      background-color: #00a8ff; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject.extend .upgradeButton.btn-blue:hover {
        background-color: #4dc2ff; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .msgBoxContainer {
    padding: 0px !important; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .msgBoxContainer h1 {
      color: #5b6d79;
      width: 275px;
      margin: 35px auto 0px !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .msgBoxContainer h1.span {
        width: 150px;
        margin: 0px auto 20px !important; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .msgBoxContainer p {
      margin: 20px 0px 17px;
      color: #5b6d79;
      font-size: 14px;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .msgBoxContainer p b {
        color: #06AAFF;
        font-size: 18px;
        font-weight: 500;
        width: 100%;
        display: block;
        margin-bottom: 5px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogButton {
    border-radius: 4px;
    font-size: 15px !important;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif !important; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogButton.cancelDialogButton {
      background-color: #ffffff !important;
      border: 1px solid #00a8ff !important;
      color: #00a8ff !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogButton.cancelDialogButton:hover {
        background-color: #F5FCFF !important;
        border: 1px solid #00a8ff !important;
        color: #00a8ff !important; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogButton.actionDialogButton {
      background-color: #00a8ff !important;
      border: 1px solid #00a8ff !important;
      color: #ffffff !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-reject .dialogButton.actionDialogButton:hover {
        background-color: #37BBFF !important;
        border: 1px solid #37BBFF !important;
        color: #ffffff !important; }

/* -- AB TEST -- */
.popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb {
  background: #F9FAFC !important; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .msgBoxContainer {
    padding-bottom: 5px;
    padding-top: 27px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .msgBoxContainer h1 {
      margin-top: 18px;
      margin-bottom: 20px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .msgBoxContainer h1 span {
        color: #454545; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .msgBoxContainer img {
      height: 35px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .msgBoxContainer .msgBox {
      width: 90%;
      margin-top: 13px;
      letter-spacing: 0.1px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .logo-bkg {
    height: 32px; }
  .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar {
    padding: 0px;
    padding-top: 17px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar p {
      font-size: 14px;
      margin-bottom: 12px; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar .np-mod-cta {
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      background: #ffffff;
      width: 220px;
      height: 50px;
      color: #00a8ff;
      font-size: 14px;
      border: 1px solid #00a8ff;
      border-radius: 3px;
      text-align: center;
      margin: 0px auto 10px;
      padding-left: 20px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar .np-mod-cta.fieldtrips {
        background: url("../img/abtest/fieldtrips.svg") no-repeat;
        background-size: 22px auto;
        background-position: 20px 10px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar .np-mod-cta.sharing {
        background: url("../img/abtest/web-globe.svg") no-repeat;
        background-size: 20px auto;
        background-position: 25px 13px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar .np-mod-cta.youtube {
        background: url("../img/abtest/youtube-play.svg") no-repeat;
        background-size: 18px auto;
        background-position: 28px 13px; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar .np-mod-cta:hover {
        background-color: #4dc2ff; }
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar #linkNoThanks,
    .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar .linkNoThanks {
      font-family: "npprimarylight", Helvetica, Arial, sans-serif !important;
      margin: 23px 0 20px !important;
      color: #8698aa !important; }
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar #linkNoThanks:hover,
      .popupStandardPaywalls.reset-new .paywalls-restyle-step-start.ab-optionb .buttonBar .linkNoThanks:hover {
        color: #8698aa !important;
        opacity: 0.7 !important; }

/*popup share.*/
.popup-wrapper {
  min-height: 531px; }

/*wrapper.*/
.popup-share {
  width: 470px;
  height: 448px;
  background-color: #f3f3f3;
  border-radius: 8px;
  display: inline-block;
  text-align: left;
  position: relative; }
  .popup-share.pin {
    height: auto; }
    .popup-share.pin .popup-share-title {
      padding: 33px 0 25px; }
      .popup-share.pin .popup-share-title h1 {
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 6px; }
      .popup-share.pin .popup-share-title h2 {
        color: #313131;
        display: block;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
        font-size: 70px; }

.popup-close {
  width: 30px;
  height: 30px;
  background: url("../img/popup_close.svg") no-repeat scroll 0 0 transparent;
  background-size: contain;
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -38px;
  right: -38px; }

.popup-share-title {
  background-color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  padding: 17px 0;
  text-align: center; }
  .popup-share-title h1 {
    color: #313131;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    padding: 0;
    letter-spacing: 0;
    margin: 0; }
  .popup-share-title h2 {
    display: none; }

.popup-share-content {
  padding: 15px 0;
  position: relative; }
  .popup-share-content section.share-a-content {
    display: block;
    padding-top: 91px; }
    .popup-share-content section.share-a-content .share-ul-list {
      display: table;
      margin: auto; }
  .popup-share-content.current .share-email-content,
  .popup-share-content.current .share-link-content,
  .popup-share-content.current .share-embed-content {
    display: block; }

.popup-share-footer {
  width: 100%;
  color: #8b9195;
  font-family: "npprimarylightitalic", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 15px; }
  .popup-share-footer span {
    text-decoration: underline; }

@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(0.9); } }
@-moz-keyframes hvr-icon-pop {
  50% {
    -moz-transform: scale(0.9); } }
@-o-keyframes hvr-icon-pop {
  50% {
    -o-transform: scale(0.9); } }
@keyframes hvr-icon-pop {
  50% {
    transform: scale(0.9); } }
/*popup content tabs.*/
.popup-share-options {
  width: 366px;
  color: #313131;
  display: table;
  font-family: "npprimarylight", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0 50px;
  text-align: center;
  /*Clase "auxiliar" para ocultar y posicionar correctamente el iconos de Google Classroom*/ }
  .popup-share-options li {
    display: none;
    margin: 0 22px;
    vertical-align: top;
    width: 64px;
    /*
    &:first-child {
      margin-right: 24px;
      margin-left: 0;
    }
    &:last-child {
      margin-right: 0;
      margin-left: 24px;
    }
    */ }
    .popup-share-options li:first-of-type {
      display: table-cell;
      margin-left: auto;
      margin-right: auto; }
  .popup-share-options a {
    color: inherit;
    display: inline-block;
    margin-bottom: -1px;
    padding: 60px 10px 10px;
    text-decoration: none;
    position: relative; }
    .popup-share-options a:before {
      background: url("../img/reset-new/popup_share_sprite.svg") no-repeat scroll transparent;
      content: '';
      display: block;
      width: 50px;
      height: 50px;
      margin-left: -25px;
      position: absolute;
      top: 0;
      left: 50%; }
    .popup-share-options a:hover:before {
      -webkit-animation: hvr-icon-pop 300ms ease-out 1;
      -moz-animation: hvr-icon-pop 300ms ease-out 1;
      -o-animation: hvr-icon-pop 300ms ease-out 1;
      animation: hvr-icon-pop 300ms ease-out 1; }
    .popup-share-options a:after {
      background-color: #00a8ff;
      content: '';
      width: 0;
      height: 5px;
      position: absolute;
      right: 50%;
      bottom: 0;
      left: 50%; }
    .popup-share-options a.selected:after {
      width: 100%;
      right: 0;
      left: 0; }
    .popup-share-options a.disabled {
      opacity: 0.2; }
  .popup-share-options .share-email:before {
    background-position: -52px 0; }
  .popup-share-options .share-email.selected:before,
  .popup-share-options .share-email:hover:before {
    background-position: -1px 0; }
  .popup-share-options .share-a:before {
    background-position: -52px -50px; }
  .popup-share-options .share-a.selected:before,
  .popup-share-options .share-a:hover:before {
    background-position: -1px -50px; }
  .popup-share-options .share-link:before {
    background-position: -52px -100px; }
  .popup-share-options .share-link.selected:before,
  .popup-share-options .share-link:hover:before {
    background-position: -1px -100px; }
  .popup-share-options .share-embed:before {
    background-position: -52px -150px; }
  .popup-share-options .share-embed.selected:before,
  .popup-share-options .share-embed:hover:before {
    background-position: -1px -150px; }
  .popup-share-options .share-classroom {
    position: relative; }
    .popup-share-options .share-classroom > a {
      padding-right: 0;
      padding-left: 0; }
  .popup-share-options .share-classroom > a:before {
    background: url("../img/popup/icon_google_classroom.svg") no-repeat center 8px scroll transparent;
    background-size: 38px; }
  .popup-share-options .share-classroom:hover > a:before {
    /*embebo el svg para evitar glitch a la hora de pasar sobre el anchor*/
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOCAzOCI+PHJlY3QgeD0iMCIgeT0iMCIgZmlsbD0iIzUyOGU5YyIgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4Ii8+PHJlY3QgeD0iMy4xIiB5PSIzLjEiIGZpbGw9IiNmZmZmZmYiIHdpZHRoPSIzMS44IiBoZWlnaHQ9IjMxLjgiLz48cmVjdCB4PSIyMi4zIiB5PSIzMyIgZmlsbD0iIzU3NTc1NyIgd2lkdGg9IjguNyIgaGVpZ2h0PSIxLjkiLz48Y2lyY2xlIGZpbGw9IiNkZGRjZGMiIGN4PSIyNi44IiBjeT0iMTYuNyIgcj0iMi4yIi8+PHBhdGggZmlsbD0iI2RkZGNkYyIgZD0iTTMxLjQgMjMuMmMwIDEuMSAwIDEuNCAwIDEuNGwtMTAuNSAwYzAgMCAwLTAuNCAwLTEuNGMwLTEuNyAyLjQtMyA1LjMtM1MzMS40IDIxLjUgMzEuNCAyMy4yeiIvPjxjaXJjbGUgZmlsbD0iI2RkZGNkYyIgY3g9IjExLjQiIGN5PSIxNi43IiByPSIyLjIiLz48cGF0aCBmaWxsPSIjZGRkY2RjIiBkPSJNMTcuNSAyMy4yYzAgMS4xIDAgMS40IDAgMS40bC0xMC41IDBjMCAwIDAtMC40IDAtMS40YzAtMS43IDIuNC0zIDUuMy0zUzE3LjUgMjEuNSAxNy41IDIzLjJ6Ii8+PGNpcmNsZSBmaWxsPSIjNTI4ZTljIiBjeD0iMTkiIGN5PSIxNC4xIiByPSIyLjgiLz48cGF0aCBmaWxsPSIjNTI4ZTljIiBkPSJNMjUuOSAyMi44YzAgMS41IDAgMS44IDAgMS44bC0xMy40IDBjMCAwIDAtMC41IDAtMS44YzAtMi4xIDMtMy44IDYuNy0zLjhTMjUuOSAyMC43IDI1LjkgMjIuOHoiLz48L3N2Zz4K);
    /*replico la animacion para este mismo elemento, pero en otro estado (':hover' state)*/
    -webkit-animation: hvr-icon-pop 300ms ease-out 1;
    -moz-animation: hvr-icon-pop 300ms ease-out 1;
    -o-animation: hvr-icon-pop 300ms ease-out 1;
    animation: hvr-icon-pop 300ms ease-out 1; }
  .popup-share-options .classroom {
    opacity: 0;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -24px !important;
    z-index: 1; }

.share-ul-list {
  display: table;
  margin: auto; }
  .share-ul-list li {
    cursor: pointer;
    float: left;
    margin: 0 20px; }
    .share-ul-list li a {
      color: #313131;
      display: block;
      font-size: 14px;
      text-align: center; }
      .share-ul-list li a.by-google:before {
        background-position: -194px -1px; }
      .share-ul-list li a.by-google:hover:before {
        background-position: -142px -1px; }
      .share-ul-list li a.by-google-plus:before {
        background-position: -299px -54px; }
      .share-ul-list li a.by-google-plus:hover:before {
        background-position: -247px -54px; }
      .share-ul-list li a.by-twitter:before {
        background-position: -299px -1px; }
      .share-ul-list li a.by-twitter:hover:before {
        background-position: -247px -1px; }
      .share-ul-list li a.by-facebook:before {
        background-position: -299px -106px; }
      .share-ul-list li a.by-facebook:hover:before {
        background-position: -247px -106px; }
      .share-ul-list li a.by-pinterest:before {
        background-position: -299px -158px; }
      .share-ul-list li a.by-pinterest:hover:before {
        background-position: -247px -158px; }
      .share-ul-list li a.by-yahoo:before {
        background-position: -194px -106px; }
      .share-ul-list li a.by-yahoo:hover:before {
        background-position: -142px -106px; }
      .share-ul-list li a.by-outlook:before {
        background-position: -194px -159px; }
      .share-ul-list li a.by-outlook:hover:before {
        background-position: -142px -159px; }
      .share-ul-list li a.by-email:before {
        background-position: -194px -54px; }
      .share-ul-list li a.by-email:hover:before {
        background-position: -142px -54px; }
      .share-ul-list li a:before {
        width: 50px;
        height: 50px;
        background: url("../img/reset-new/popup_share_sprite.svg") no-repeat scroll transparent;
        background-size: 25em auto;
        cursor: pointer;
        content: "";
        display: block;
        margin: 0 auto 20px; }

.share-ul-list-small li {
  float: left;
  margin-left: 12px; }
  .share-ul-list-small li a {
    width: 38px;
    height: 39px;
    background: url("../img/reset-new/popup_share_sprite.svg") no-repeat scroll transparent;
    background-size: 256px;
    cursor: pointer;
    display: block;
    text-indent: -5000px; }
    .share-ul-list-small li a:before {
      width: auto;
      height: auto;
      background: none;
      cursor: pointer;
      display: block;
      margin: 0; }
    .share-ul-list-small li a.by-google {
      background-position: -142px 1px; }
    .share-ul-list-small li a.by-google:hover {
      background-position: -104px 1px; }
    .share-ul-list-small li a.by-google-plus {
      background-position: -222px -38px; }
    .share-ul-list-small li a.by-google-plus:hover {
      background-position: -183px -38px; }
    .share-ul-list-small li a.by-twitter {
      background-position: -222px 1px; }
    .share-ul-list-small li a.by-twitter:hover {
      background-position: -183px 1px; }
    .share-ul-list-small li a.by-facebook {
      background-position: -222px -76px; }
    .share-ul-list-small li a.by-facebook:hover {
      background-position: -183px -76px; }
    .share-ul-list-small li a.by-pinterest {
      background-position: -222px -115px; }
    .share-ul-list-small li a.by-pinterest:hover {
      background-position: -183px -115px; }
    .share-ul-list-small li a.by-yahoo {
      background-position: -142px -76px; }
    .share-ul-list-small li a.by-yahoo:hover {
      background-position: -104px -76px; }
    .share-ul-list-small li a.by-outlook {
      background-position: -142px -115px; }
    .share-ul-list-small li a.by-outlook:hover {
      background-position: -104px -115px; }
    .share-ul-list-small li a.by-e-mail {
      background-position: -142px -38px; }
    .share-ul-list-small li a.by-e-mail:hover {
      background-position: -104px -38px; }

.popup-share-form .field.field-radio-button .radio-button, .popup-share-form .field.field-with-include .radio-button, .popup-share-form .in-field .radio-button {
  background: url("../img/reset-new/popup_form_check.svg") no-repeat scroll 0 0 transparent;
  background-size: auto 16px;
  border: 0;
  float: left;
  width: 16px;
  height: 16px; }
  .popup-share-form .field.field-radio-button .selected.radio-button, .popup-share-form .field.field-with-include .selected.radio-button, .popup-share-form .in-field .selected.radio-button {
    background-position: -16px 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .popup-share-form .field.field-radio-button .radio-button, .popup-share-form .field.field-with-include .radio-button, .popup-share-form .in-field .radio-button {
    background-size: 32px;
    background-position-y: -8px; }
    .popup-share-form .field.field-radio-button .selected.radio-button, .popup-share-form .field.field-with-include .selected.radio-button, .popup-share-form .in-field .selected.radio-button {
      background-position-y: -8px; } }
.popup-share-form {
  margin: 0 30px;
  padding: 13px 0 30px 0; }
  .popup-share-form fieldset {
    background: 0 none;
    border: 0;
    margin: 0;
    padding: 0; }
  .popup-share-form label {
    color: #707070;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding-right: 5px;
    margin: 0;
    padding: 0; }
  .popup-share-form .styledCheckbox {
    float: right; }
  .popup-share-form small {
    color: #707070;
    display: block;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    padding: 10px 0; }
    .popup-share-form small strong {
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif; }
  .popup-share-form .text {
    background-color: #ffffff;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 4px;
    padding: 0 10px;
    width: 310px;
    height: 40px; }
    .popup-share-form .text:focus {
      border: 1px solid #c1c1c1; }
  .popup-share-form .field.field-text {
    position: relative; }
    .popup-share-form .field.field-text label {
      padding-right: 17px; }
    .popup-share-form .field.field-text .message-error {
      color: #f08787;
      display: none;
      font-family: "npprimarylightitalic", Helvetica, Arial, sans-serif;
      font-size: 12px;
      position: absolute;
      right: 0;
      bottom: -18px; }
  .popup-share-form .field.full-width {
    margin-bottom: 30px; }
    .popup-share-form .field.full-width .text {
      width: 328px; }
  .popup-share-form .field.field-text.error .text {
    border-color: #f08787; }
  .popup-share-form .field.field-text.error .message-error {
    display: block; }
  .popup-share-form .field.field-radio-button {
    /*@include clearfix;*/
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px 0 10px 38px;
    position: relative; }
    .popup-share-form .field.field-radio-button label {
      color: #313131;
      float: left;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 14px;
      margin-right: 6px; }
    .popup-share-form .field.field-radio-button .radio-button {
      float: left; }
    .popup-share-form .field.field-radio-button .popup-tooltip {
      background-color: #071a23;
      border-radius: 2px;
      color: #ffffff;
      display: none;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 13px;
      padding: 10px;
      text-align: center;
      width: 157px;
      position: absolute;
      top: 40px;
      right: -71px;
      z-index: 1; }
      .popup-share-form .field.field-radio-button .popup-tooltip:before {
        border-color: transparent transparent #071a23;
        border-style: solid;
        border-width: 0 10px 10px;
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -10px; }
    .popup-share-form .field.field-radio-button:hover .popup-tooltip {
      display: block; }
  .popup-share-form .field.field-share-list {
    /*@include clearfix;*/
    width: 370px;
    clear: both;
    margin-bottom: 0;
    overflow: hidden;
    position: absolute;
    left: 30px;
    bottom: 87px;
      /*
      .share-ul-list {
        float: right;

        li {
          margin-left: 13px;

          &:first-child {
            margin-left: 0;
          }
        }
      }
      */ }
    .popup-share-form .field.field-share-list label {
      float: left;
      line-height: 36px; }
  .popup-share-form .field.field-insert-code {
    margin-bottom: 23px;
    overflow: hidden; }
    .popup-share-form .field.field-insert-code > label {
      display: inline-block;
      float: left;
      padding: 1px 0; }
    .popup-share-form .field.field-insert-code > label + .in-field {
      margin-left: 6px; }
  .popup-share-form .field.field-with-include {
    /*@include clearfix;*/
    display: inline-block;
    float: left;
    margin-bottom: 19px;
    padding: 1px 0;
    position: relative; }
    .popup-share-form .field.field-with-include label {
      float: left;
      margin-right: 6px; }
    .popup-share-form .field.field-with-include .radio-button {
      margin-top: -1px; }
    .popup-share-form .field.field-with-include .popup-tooltip {
      background-color: #071a23;
      border-radius: 2px;
      color: #ffffff;
      display: none;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 13px;
      padding: 10px;
      text-align: center;
      width: 157px;
      position: absolute;
      top: 30px;
      right: -70px; }
      .popup-share-form .field.field-with-include .popup-tooltip:before {
        border-color: transparent transparent #071a23;
        border-style: solid;
        border-width: 0 10px 10px;
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -10px; }
    .popup-share-form .field.field-with-include:hover .popup-tooltip {
      display: block; }
  .popup-share-form .field.field-button {
    text-align: center;
    position: absolute;
    bottom: 13px;
    left: 117px; }
  .popup-share-form .in-field {
    float: left;
    margin: 0 0 15px 35px;
    overflow: hidden;
    padding: 1px 0; }
    .popup-share-form .in-field input {
      float: left;
      margin: 0px 0px 0px 10px;
      padding: 0px; }
    .popup-share-form .in-field .radio-button {
      margin: 3px 6px 0 0; }
    .popup-share-form .in-field label {
      color: #071a23;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      float: left;
      letter-spacing: normal;
      margin-right: 5px; }
      .popup-share-form .in-field label.np-checkbox-label {
        padding-left: 0;
        padding-right: 22px; }
        .popup-share-form .in-field label.np-checkbox-label::before {
          width: 16px;
          height: 16px;
          background: url("../img/reset-new/icons/np-mod-checkbox-empty.svg");
          background-size: 16px;
          bottom: -6px;
          left: auto;
          right: 0;
          top: auto; }
  .popup-share-form .np-checkbox[type=checkbox]:checked + .np-checkbox-label:before {
    background: url("../img/reset-new/icons/np-mod-checkbox-fill.svg");
    background-size: 16px; }
  .popup-share-form .popup-share-button {
    background-color: #00a8ff;
    border: 0;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 0 100px;
    line-height: 48px;
    height: 48px; }
    .popup-share-form .popup-share-button:hover {
      background-color: #4dc2ff; }
    .popup-share-form .popup-share-button[disabled] {
      cursor: default;
      opacity: .5; }
      .popup-share-form .popup-share-button[disabled]:hover {
        background-color: #00a8ff; }

.share-email-content .popup-share-form {
  padding-bottom: 15px;
  min-height: 210px; }

.share-a-content {
  padding-top: 86px; }
  .share-a-content .share-ul-list {
    /*@include clearfix;*/
    color: #313131;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 6px;
    text-align: center;
    width: 100%; }
    .share-a-content .share-ul-list li {
      display: inline-block;
      float: none;
      margin: 0 20px;
      width: 60px; }
    .share-a-content .share-ul-list a {
      background: 0 none;
      color: inherit;
      display: inline-block;
      width: auto;
      height: auto;
      position: relative; }

.popup-share.pin .popup-share-content.current {
  height: 343px; }
  .popup-share.pin .popup-share-content.current .popup-share-options {
    border-bottom: 1px solid #d3d3d3; }
.popup-share.pin .share-a-content {
  padding-top: 68px; }

.share-link-content .popup-share-form .textarea {
  background-color: #ffffff;
  border: 1px solid #c1c1c1;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #313131;
  font-family: "npprimarylightitalic", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  width: 94%;
  height: auto;
  overflow: hidden;
  resize: none; }
.share-link-content .popup-share-form .field.field-text {
  float: none;
  margin: 0 0 90px; }

.share-embed-content .popup-share-form {
  padding: 25px 0; }
  .share-embed-content .popup-share-form .textarea {
    background-color: #ffffff;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #313131;
    clear: both;
    font-family: "npprimarylightitalic", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
    width: 94%;
    height: 81px;
    overflow: hidden;
    resize: none; }

.share-email-content,
.share-a-content,
.share-link-content,
.share-embed-content {
  display: none;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  left: 0; }
  .share-email-content.visible,
  .share-a-content.visible,
  .share-link-content.visible,
  .share-embed-content.visible {
    opacity: 1;
    visibility: visible;
    display: block; }

/* MODAL EXPORT */
.np-mod-popup {
  width: 330px; }
  .np-mod-popup .np-mod-popup-title {
    text-align: center;
    margin-bottom: 20px; }
  .np-mod-popup .np-mod-popup-subtitle {
    display: none; }
  .np-mod-popup .extraDataRowRadios {
    width: 40%;
    float: left;
    margin-top: 10px;
    margin-bottom: 30px; }
    .np-mod-popup .extraDataRowRadios:first-of-type {
      margin-left: 10%; }
    .np-mod-popup .extraDataRowRadios label {
      cursor: pointer;
      color: #8b9195;
      display: block;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 25px; }
      .np-mod-popup .extraDataRowRadios label:before {
        cursor: pointer;
        content: "";
        height: 20px;
        width: 20px;
        background: #colorWhitePlain;
        border: 1px solid #cdd3d7;
        border-radius: 50%;
        float: left;
        margin-right: 10px; }
    .np-mod-popup .extraDataRowRadios input {
      display: none; }
    .np-mod-popup .extraDataRowRadios input:checked + label:before {
      background: #5fd598; }
  .np-mod-popup .exportOptions {
    margin: 0 auto;
    width: 140px; }

#picks-view.standalone {
  height: 100%;
  /* LOGIN AREA */
  /* Popup phet & bbc  */ }
  #picks-view.standalone .reset-new.popup {
    min-width: 750px;
    height: 100%;
    background: #ffffff;
    box-sizing: border-box;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    /* HEADER */
    /* BODY */
    /* PREVIEW */
    /* FOOTER */ }
    #picks-view.standalone .reset-new.popup .popup-header {
      border-bottom: 1px solid #b8c0c6;
      line-height: 70px;
      overflow: hidden;
      height: 78px;
      padding: 0 24px;
      display: flex;
      align-items: center; }
      #picks-view.standalone .reset-new.popup .popup-header .popup-header-title {
        display: block;
        font-size: 30px; }
        #picks-view.standalone .reset-new.popup .popup-header .popup-header-title i {
          height: 30px;
          width: 30px;
          display: block;
          float: left;
          margin-top: 20px;
          margin-right: 15px; }
      #picks-view.standalone .reset-new.popup .popup-header .popup-header-logo {
        color: #8b9195;
        display: block;
        font-size: 14px; }
      #picks-view.standalone .reset-new.popup .popup-header .popup-header-button {
        float: none;
        width: 120px;
        height: 40px;
        top: 10px;
        margin-left: auto;
        margin-right: 36px; }
        #picks-view.standalone .reset-new.popup .popup-header .popup-header-button button {
          width: inherit;
          height: inherit; }
    #picks-view.standalone .reset-new.popup .popup-body {
      height: calc(100% - 139px);
      display: grid;
      grid-template-columns: 198px auto;
      grid-template-rows: 332px auto;
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      margin-left: 16px; }
      #picks-view.standalone .reset-new.popup .popup-body.hide {
        display: none; }
      #picks-view.standalone .reset-new.popup .popup-body .filtersArea {
        grid-area: 1 / 1 / 2 / 2; }
        #picks-view.standalone .reset-new.popup .popup-body .filtersArea .filtersArea-title {
          height: 32px;
          border-bottom: 1px solid #b8c0c6;
          color: #5b6d79;
          font-size: 18px;
          text-align: center;
          padding-top: 20px; }
        #picks-view.standalone .reset-new.popup .popup-body .filtersArea .filtersArea-selectAll {
          color: #00a8ff;
          font-family: "npprimarylightitalic", Helvetica, Arial, sans-serif;
          font-size: 12px;
          font-style: oblique;
          text-decoration: none;
          position: absolute;
          top: 5px;
          right: 10px; }
        #picks-view.standalone .reset-new.popup .popup-body .filtersArea .filtersArea-list .np-mod-checkbox + label {
          height: auto;
          width: 100%;
          border-bottom: 1px solid #eaeef1;
          box-sizing: border-box;
          color: #8b9195;
          display: block;
          float: left;
          font-size: 14px;
          font-family: "npprimarylight", Helvetica, Arial, sans-serif;
          text-decoration: none;
          letter-spacing: -0.2px;
          line-height: 16px;
          padding: 11px 0 11px 5px;
          position: relative; }
          #picks-view.standalone .reset-new.popup .popup-body .filtersArea .filtersArea-list .np-mod-checkbox + label:before {
            display: none; }
        #picks-view.standalone .reset-new.popup .popup-body .filtersArea .filtersArea-list .np-mod-checkbox:checked + label {
          background: #eaeff2;
          color: #00a8ff; }
        #picks-view.standalone .reset-new.popup .popup-body .filtersArea .filtersArea-list li #category_mySways + label {
          margin-top: 16px; }
      #picks-view.standalone .reset-new.popup .popup-body .loginArea {
        grid-area: 2 / 1 / 3 / 2; }
        #picks-view.standalone .reset-new.popup .popup-body .loginArea .login-cta {
          width: 182px;
          font-size: 16px;
          font-family: "npprimarylight", Helvetica, Arial, sans-serif;
          margin: 20px 0 3px 0;
          padding: 0 12px 0 12px;
          text-align: center;
          /*
          span {
            float: left;
            &::before {
              width: 20px;
              height: 20px;
              background: url("../img/reset-new/icons/office365.svg") no-repeat;
              background-size: 20px;
              content: "";
              display: block;
              float: left;
              margin-top: 8px;
              margin-right: 8px;
              transition: opacity 0.5s ease;
            }
          }
          */ }
          #picks-view.standalone .reset-new.popup .popup-body .loginArea .login-cta:hover span::before {
            opacity: .5;
            transition: opacity 0.5s ease; }
      #picks-view.standalone .reset-new.popup .popup-body .picsArea {
        overflow: auto;
        grid-area: 1 / 2 / 3 / 3;
        border-left: 1px solid #b8c0c6;
        z-index: 0; }
        #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-title-box {
          width: 100%;
          /*495px;*/
          background: #ffffff; }
          #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-title-box.floatingHeader {
            width: 485px !important;
            /* pisamos un ancho inline que mete el pluguin js de persistent-header*/
            background: #ffffff; }
            #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-title-box.floatingHeader .picsArea-title {
              border-bottom: 1px solid #b8c0c6; }
            #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-title-box.floatingHeader.visible {
              visibility: hidden !important; }
        #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-title {
          text-align: left;
          background: #ffffff;
          /*background: red;*/
          border-bottom: 1px solid #b8c0c6;
          color: #5b6d79;
          display: block;
          font-size: 18px;
          margin: 0 auto;
          padding-top: 20px;
          padding-bottom: 10px;
          margin-left: 15px; }
        #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain {
          background: #ffffff;
          overflow-y: auto;
          overflow-x: hidden; }
          #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain::-webkit-scrollbar {
            width: 8px; }
          #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain::-webkit-scrollbar-track {
            background-color: #eaeef1;
            border-radius: 0px; }
          #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain::-webkit-scrollbar-thumb {
            background-color: #cdd3d7;
            border-radius: 4px; }
          #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-boxContainer {
            width: 100%;
            position: relative;
            background: #ffffff;
            z-index: 10; }
          #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box {
            width: 100%;
            display: inline-block;
            padding-top: 10px;
            padding-left: 12px;
            /*20px;*/
            padding-bottom: 20px;
            float: left;
            background: #ffffff;
            /*background: red;*/
            box-sizing: border-box; }
            #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-text {
              color: #5b6d79;
              font-family: "npprimarylight", Helvetica, Arial, sans-serif;
              font-size: 14px;
              font-weight: 500;
              text-align: center;
              margin-top: 12px; }
              #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-text a, #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-text a:hover {
                color: #00a8ff;
                text-decoration: underline; }
            #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic {
              box-sizing: border-box;
              cursor: pointer;
              float: left;
              margin: 6px 4px;
              overflow: visible;
              position: relative;
              -webkit-border-radius: 10px;
              -moz-border-radius: 10px;
              -ms-border-radius: 10px;
              border-radius: 10px;
              display: block; }
              #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic::last-of-type {
                margin-bottom: 40px; }
              #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-overlay {
                background-image: linear-gradient(180deg, transparent 0%, rgba(7, 26, 35, 0.99) 100%);
                display: block;
                position: absolute;
                z-index: 1;
                -webkit-border-radius: 0 0 4px 4px;
                -moz-border-radius: 0 0 4px 4px;
                -ms-border-radius: 0 0 4px 4px;
                border-radius: 0 0 4px 4px; }
              #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg {
                box-sizing: border-box;
                display: block;
                position: relative;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                border-radius: 4px; }
              #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
                width: 138px;
                font-family: "npprimarylight", Helvetica, Arial, sans-serif;
                color: #ffffff;
                display: block;
                font-size: 16px;
                text-shadow: 1px 1px 1px black, 0 0 3px black;
                line-height: 16px;
                padding-top: 8px;
                text-align: left;
                position: absolute;
                z-index: 2;
                left: 10px; }
          #picks-view.standalone .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-empty-message {
            color: #5b6d79;
            font-size: 18px;
            text-align: center;
            padding-top: 15px; }
    #picks-view.standalone .reset-new.popup .popup-preview {
      height: 480px;
      position: relative; }
      #picks-view.standalone .reset-new.popup .popup-preview.isStandAloneView {
        height: calc(100% - 139px); }
      #picks-view.standalone .reset-new.popup .popup-preview.fullScreen:-webkit-full-screen {
        width: 100%;
        height: 100% !important;
        z-index: 10; }
      #picks-view.standalone .reset-new.popup .popup-preview.fullScreen:-moz-full-screen {
        width: 100%;
        height: 100% !important;
        z-index: 10; }
      #picks-view.standalone .reset-new.popup .popup-preview.fullScreen:-ms-fullscreen {
        width: 100%;
        height: 100% !important;
        z-index: 10; }
      #picks-view.standalone .reset-new.popup .popup-preview.fullScreen:fullscreen {
        width: 100%;
        height: 100% !important;
        z-index: 10; }
      #picks-view.standalone .reset-new.popup .popup-preview .btn-full-screen, #picks-view.standalone .reset-new.popup .popup-preview .exit-full-screen {
        width: 30px;
        height: 30px;
        background-image: url("../img/reset-new/icons/fullscreen_expand.svg");
        background-repeat: no-repeat;
        background-size: 30px;
        border-radius: 15px;
        position: absolute;
        left: 8px;
        top: 8px;
        z-index: 10; }
      #picks-view.standalone .reset-new.popup .popup-preview .exit-full-screen {
        background-image: url("../img/reset-new/icons/fullscreen_close.svg");
        background-size: 30px; }
    #picks-view.standalone .reset-new.popup .popup-footer {
      height: 72px;
      border-top: 1px solid #b8c0c6;
      line-height: 72px;
      padding: 0 16px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      #picks-view.standalone .reset-new.popup .popup-footer .np-mod-cta {
        border-radius: 5px;
        padding: 0 30px; }
      #picks-view.standalone .reset-new.popup .popup-footer .done {
        width: 120px;
        margin-left: 16px;
        padding: 0; }
      #picks-view.standalone .reset-new.popup .popup-footer .preview, #picks-view.standalone .reset-new.popup .popup-footer .back {
        margin-left: auto;
        min-width: 120px; }
    #picks-view.standalone .reset-new.popup .info-trigger {
      width: 26px;
      height: 26px;
      background-color: #f8fafb;
      border: 1px solid #b8c0c6;
      cursor: pointer;
      display: block;
      position: relative;
      margin-left: 6px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
      #picks-view.standalone .reset-new.popup .info-trigger:hover {
        background-color: #cdd3d7; }
      #picks-view.standalone .reset-new.popup .info-trigger svg {
        position: absolute;
        height: 28px;
        left: 9px;
        bottom: 4px; }
    #picks-view.standalone .reset-new.popup .info-trigger-disclaimer {
      box-sizing: border-box;
      color: #5b6d79;
      display: block;
      font-size: 14px;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      line-height: 30px;
      padding-left: 20px;
      margin-top: 10px; }
      #picks-view.standalone .reset-new.popup .info-trigger-disclaimer.hide {
        display: none; }
  #picks-view.standalone .reset-new.popup.sway .popup-header {
    height: 78px; }
    #picks-view.standalone .reset-new.popup.sway .popup-header .popup-header-title {
      color: #408275; }
      #picks-view.standalone .reset-new.popup.sway .popup-header .popup-header-title i {
        height: 44px;
        width: 88px;
        display: block;
        margin-top: 15px;
        background: url("../img/reset-new/icons/logo-sway.png") no-repeat;
        background-size: 100%; }
        @media (-webkit-min-device-pixel-ratio: 2) {
          #picks-view.standalone .reset-new.popup.sway .popup-header .popup-header-title i {
            background: url("../img/reset-new/icons/logo-swayx2.png") no-repeat;
            background-size: 100%; } }
      #picks-view.standalone .reset-new.popup.sway .popup-header .popup-header-title span {
        display: none; }
    #picks-view.standalone .reset-new.popup.sway .popup-header .popup-header-logo i {
      height: 35px;
      width: 110px;
      display: block;
      float: left;
      margin-top: 22px;
      background: url("../img/reset-new/icons/logo-365.png") no-repeat;
      background-size: 100%; }
      @media (-webkit-min-device-pixel-ratio: 2) {
        #picks-view.standalone .reset-new.popup.sway .popup-header .popup-header-logo i {
          background: url("../img/reset-new/icons/logo-365x2.png") no-repeat;
          background-size: 100%; } }
  #picks-view.standalone .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-pic {
    height: 112px;
    /*width: 150px;*/ }
  #picks-view.standalone .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-pic .picsArea-box-picImg {
    /*
    height: 112px;
    width: 150px;
    */
    height: 114px;
    width: 152px;
    margin: -1px 0 0 -1px; }
  #picks-view.standalone .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-picImg-container {
    width: 150px;
    height: 112px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    #picks-view.standalone .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-picImg-container.selected {
      box-shadow: 0 0 0 5px #00a8ff;
      cursor: pointer; }
  #picks-view.standalone .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-picImg-overlay {
    height: 40px;
    width: 150px;
    bottom: 0; }
  #picks-view.standalone .reset-new.popup.sway .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
    bottom: 10px; }
  #picks-view.standalone .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-picImg-overlay {
    height: 40px;
    width: 150px;
    bottom: 0; }
  #picks-view.standalone .reset-new.popup.threeD .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
    bottom: 10px; }
  #picks-view.standalone .reset-new.popup.threeD .popup-header .popup-header-title {
    color: #00a8ff;
    margin-right: 16px; }
    #picks-view.standalone .reset-new.popup.threeD .popup-header .popup-header-title i {
      background: url("../img/reset-new/icons/popup-threeD.svg") no-repeat;
      background-size: 35px;
      margin-top: 21px;
      margin-bottom: 21px;
      height: 35px;
      width: 35px; }
    #picks-view.standalone .reset-new.popup.threeD .popup-header .popup-header-title span {
      margin-top: 7px;
      display: inline-block; }
  #picks-view.standalone .reset-new.popup.threeD .popup-header .popup-header-logo i {
    height: 35px;
    width: 150px;
    /*background: url("../img/reset-new/icons/logoVR.svg") no-repeat;*/
    background-size: 150px;
    display: block;
    float: left;
    margin-top: 24px;
    margin-left: 10px; }
  #picks-view.standalone .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-pic {
    height: 150px;
    width: 150px; }
  #picks-view.standalone .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-picImg-container,
  #picks-view.standalone .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-picImg {
    height: 150px;
    width: 150px; }
  #picks-view.standalone .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-picImg.selected {
    border-radius: 4px;
    box-shadow: 0 0 0 5px #00a8ff;
    top: 0;
    left: 0;
    cursor: pointer; }
  #picks-view.standalone .reset-new.popup.threeD .popup-body .loginArea {
    display: none; }
  #picks-view.standalone .reset-new.popup.sway .popup-body .loginArea {
    display: block; }
  #picks-view.standalone .reset-new.popup.phet .popup-header .popup-header-title, #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-title {
    color: #408275; }
    #picks-view.standalone .reset-new.popup.phet .popup-header .popup-header-title i, #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-title i {
      height: 55px;
      width: 116px;
      display: block;
      float: left;
      margin-bottom: 8px;
      margin-top: 8px;
      background: url("../img/reset-new/icons/lg-phet-popup.png") no-repeat;
      background-size: 100%;
      position: relative;
      left: -7px; }
      @media (-webkit-min-device-pixel-ratio: 2) {
        #picks-view.standalone .reset-new.popup.phet .popup-header .popup-header-title i, #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-title i {
          background: url("../img/reset-new/icons/lg-phet-popupx2.png") no-repeat;
          background-size: 100%; } }
    #picks-view.standalone .reset-new.popup.phet .popup-header .popup-header-title span, #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-title span {
      display: none; }
  #picks-view.standalone .reset-new.popup.phet .popup-header .popup-header-button, #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-button {
    width: 120px;
    height: 40px;
    top: 10px; }
    #picks-view.standalone .reset-new.popup.phet .popup-header .popup-header-button button, #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-button button {
      width: inherit;
      height: inherit; }
    #picks-view.standalone .reset-new.popup.phet .popup-header .popup-header-button span, #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-button span {
      display: initial; }
  #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic {
    width: 230px;
    height: 138px;
    border-radius: 0;
    margin-bottom: 40px; }
    #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container {
      width: 226px;
      height: 128px;
      border-radius: 4px;
      border: 1px solid #b8c0c6; }
      #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected {
        box-shadow: 0 0 0 4px #00a8ff;
        cursor: pointer;
        border: 1px solid #00a8ff; }
      #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected + .picsArea-box-picText .picsArea-box-picTitle, #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected + .picsArea-box-picText .picsArea-box-picSubTitle, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected + .picsArea-box-picText .picsArea-box-picTitle, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected + .picsArea-box-picText .picsArea-box-picSubTitle {
        color: #00a8ff; }
    #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg {
      width: 226px;
      height: 128px;
      border-radius: 4px; }
    #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
      width: auto;
      color: #5b6d79;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      text-shadow: none; }
      #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picTitle, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picTitle {
        color: #5b6d79;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px; }
      #picks-view.standalone .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picSubTitle, #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picSubTitle {
        color: #5b6d79;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 12px; }
  #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-title i {
    width: 88px;
    height: 40px;
    background: url("../img/reset-new/icons/lg-bbc-popup.png") no-repeat;
    background-size: 100%; }
    @media (-webkit-min-device-pixel-ratio: 2) {
      #picks-view.standalone .reset-new.popup.bbc .popup-header .popup-header-title i {
        background: url("../img/reset-new/icons/lg-bbc-popupx2.png") no-repeat;
        background-size: 100%; } }
  #picks-view.standalone .reset-new .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic {
    height: 126px; }
  #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic {
    height: 132px; }
    #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
      padding-top: 6px; }
      #picks-view.standalone .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picTitle {
        line-height: 18px; }
  #picks-view.standalone #picksForm {
    height: 100%; }

.full-screen-modal-activities {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: calc(100% - -50px) !important;
  padding-top: 65px !important;
  box-sizing: border-box; }

#react-create-toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }

#picks-view:not(.standalone) {
  /* LOGIN AREA */
  /* Popup phet & bbc  */ }
  #picks-view:not(.standalone) .reset-new.popup {
    width: 750px;
    background: #ffffff;
    box-sizing: border-box;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    /* HEADER */
    /* BODY */
    /* PREVIEW */
    /* FOOTER */ }
    #picks-view:not(.standalone) .reset-new.popup .popup-header {
      border-bottom: 1px solid #b8c0c6;
      line-height: 70px;
      overflow: hidden;
      padding: 0 24px; }
      #picks-view:not(.standalone) .reset-new.popup .popup-header .popup-header-title {
        display: block;
        font-size: 30px;
        float: left; }
        #picks-view:not(.standalone) .reset-new.popup .popup-header .popup-header-title i {
          height: 30px;
          width: 30px;
          display: block;
          float: left;
          margin-top: 20px;
          margin-right: 15px; }
      #picks-view:not(.standalone) .reset-new.popup .popup-header .popup-header-logo {
        color: #8b9195;
        display: block;
        float: right;
        font-size: 14px; }
    #picks-view:not(.standalone) .reset-new.popup .popup-body {
      height: 460px;
      overflow: hidden;
      padding: 0px 16px 0 16px; }
      #picks-view:not(.standalone) .reset-new.popup .popup-body .filtersArea {
        width: 198px;
        /*188px;*/
        float: left;
        margin-top: 15px;
        position: relative; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .filtersArea .filtersArea-title {
          height: 32px;
          border-bottom: 1px solid #b8c0c6;
          color: #5b6d79;
          font-size: 18px;
          line-height: 30px;
          text-align: center; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .filtersArea .filtersArea-selectAll {
          color: #00a8ff;
          font-family: "npprimarylightitalic", Helvetica, Arial, sans-serif;
          font-size: 12px;
          font-style: oblique;
          text-decoration: none;
          position: absolute;
          top: 5px;
          right: 10px; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .filtersArea .filtersArea-list .np-mod-checkbox + label {
          height: auto;
          width: 100%;
          border-bottom: 1px solid #eaeef1;
          box-sizing: border-box;
          color: #8b9195;
          display: block;
          float: left;
          font-size: 14px;
          font-family: "npprimarylight", Helvetica, Arial, sans-serif;
          text-decoration: none;
          letter-spacing: -0.2px;
          line-height: 16px;
          padding: 11px 0 11px 5px;
          position: relative; }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .filtersArea .filtersArea-list .np-mod-checkbox + label:before {
            display: none; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .filtersArea .filtersArea-list .np-mod-checkbox:checked + label {
          background: #eaeff2;
          color: #00a8ff; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .filtersArea .filtersArea-list li #category_mySways + label {
          margin-top: 16px; }
      #picks-view:not(.standalone) .reset-new.popup .popup-body .loginArea {
        position: absolute;
        bottom: 85px;
        left: 16px;
        width: 180px; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .loginArea .login-cta {
          width: 196px;
          font-size: 16px;
          font-family: "npprimarylight", Helvetica, Arial, sans-serif;
          margin: 20px 0 3px 0;
          padding: 0 12px 0 12px;
          text-align: center;
          /*
          span {
            float: left;
            &::before {
              width: 20px;
              height: 20px;
              background: url("../img/reset-new/icons/office365.svg") no-repeat;
              background-size: 20px;
              content: "";
              display: block;
              float: left;
              margin-top: 8px;
              margin-right: 8px;
              transition: opacity 0.5s ease;
            }
          }
          */ }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .loginArea .login-cta:hover span::before {
            opacity: .5;
            transition: opacity 0.5s ease; }
      #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea {
        width: 505px;
        /*515px;*/
        background: #ffffff;
        border-left: 1px solid #cdd3d7;
        float: right;
        position: relative; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-title-box {
          height: 50px;
          width: 100%;
          /*495px;*/
          background: #ffffff; }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-title-box.floatingHeader {
            width: 485px !important;
            /* pisamos un ancho inline que mete el pluguin js de persistent-header*/
            background: #ffffff; }
            #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-title-box.floatingHeader .picsArea-title {
              border-bottom: 1px solid #b8c0c6; }
            #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-title-box.floatingHeader.visible {
              visibility: hidden !important; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-title {
          width: 466px;
          background: #ffffff;
          /*background: red;*/
          border-bottom: 1px solid #b8c0c6;
          color: #5b6d79;
          display: block;
          font-size: 18px;
          line-height: 17px;
          margin: 0 auto;
          padding-top: 20px;
          padding-bottom: 10px;
          text-align: center;
          margin-top: 0 auto;
          margin-left: 15px; }
        #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain {
          height: 460px;
          background: #ffffff;
          overflow-y: auto;
          overflow-x: hidden; }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain::-webkit-scrollbar {
            width: 8px; }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain::-webkit-scrollbar-track {
            background-color: #eaeef1;
            border-radius: 0px; }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain::-webkit-scrollbar-thumb {
            background-color: #cdd3d7;
            border-radius: 4px; }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-boxContainer {
            width: 100%;
            position: relative;
            background: #ffffff;
            z-index: 10; }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box {
            width: 100%;
            display: inline-block;
            padding-top: 10px;
            padding-left: 12px;
            /*20px;*/
            padding-bottom: 20px;
            float: left;
            background: #ffffff;
            /*background: red;*/
            box-sizing: border-box; }
            #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-text {
              color: #5b6d79;
              font-family: "npprimarylight", Helvetica, Arial, sans-serif;
              font-size: 14px;
              font-weight: 500;
              text-align: center;
              margin-top: 12px; }
              #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-text a, #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-text a:hover {
                color: #00a8ff;
                text-decoration: underline; }
            #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic {
              box-sizing: border-box;
              cursor: pointer;
              float: left;
              margin: 6px 4px;
              overflow: visible;
              position: relative;
              -webkit-border-radius: 10px;
              -moz-border-radius: 10px;
              -ms-border-radius: 10px;
              border-radius: 10px;
              display: block; }
              #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic::last-of-type {
                margin-bottom: 40px; }
              #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-overlay {
                background-image: linear-gradient(180deg, transparent 0%, rgba(7, 26, 35, 0.99) 100%);
                display: block;
                position: absolute;
                z-index: 1;
                -webkit-border-radius: 0 0 4px 4px;
                -moz-border-radius: 0 0 4px 4px;
                -ms-border-radius: 0 0 4px 4px;
                border-radius: 0 0 4px 4px; }
              #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg {
                box-sizing: border-box;
                display: block;
                position: relative;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                border-radius: 4px; }
              #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
                width: 138px;
                font-family: "npprimarylight", Helvetica, Arial, sans-serif;
                color: #ffffff;
                display: block;
                font-size: 16px;
                text-shadow: 1px 1px 1px black, 0 0 3px black;
                line-height: 16px;
                padding-top: 8px;
                text-align: left;
                position: absolute;
                z-index: 2;
                left: 10px; }
          #picks-view:not(.standalone) .reset-new.popup .popup-body .picsArea .picsArea-boxMain .picsArea-empty-message {
            color: #5b6d79;
            font-size: 18px;
            text-align: center;
            padding-top: 15px; }
    #picks-view:not(.standalone) .reset-new.popup .popup-preview {
      height: 480px;
      position: relative; }
      #picks-view:not(.standalone) .reset-new.popup .popup-preview.fullScreen:-webkit-full-screen {
        width: 100%;
        height: 100% !important;
        z-index: 10; }
      #picks-view:not(.standalone) .reset-new.popup .popup-preview.fullScreen:-moz-full-screen {
        width: 100%;
        height: 100% !important;
        z-index: 10; }
      #picks-view:not(.standalone) .reset-new.popup .popup-preview.fullScreen:-ms-fullscreen {
        width: 100%;
        height: 100% !important;
        z-index: 10; }
      #picks-view:not(.standalone) .reset-new.popup .popup-preview.fullScreen:fullscreen {
        width: 100%;
        height: 100% !important;
        z-index: 10; }
      #picks-view:not(.standalone) .reset-new.popup .popup-preview .btn-full-screen, #picks-view:not(.standalone) .reset-new.popup .popup-preview .exit-full-screen {
        width: 30px;
        height: 30px;
        background-image: url("../img/reset-new/icons/fullscreen_expand.svg");
        background-repeat: no-repeat;
        background-size: 30px;
        border-radius: 15px;
        position: absolute;
        left: 8px;
        top: 8px;
        z-index: 10; }
      #picks-view:not(.standalone) .reset-new.popup .popup-preview .exit-full-screen {
        background-image: url("../img/reset-new/icons/fullscreen_close.svg");
        background-size: 30px; }
    #picks-view:not(.standalone) .reset-new.popup .popup-footer {
      height: 72px;
      border-top: 1px solid #b8c0c6;
      line-height: 72px;
      padding: 0 16px; }
      #picks-view:not(.standalone) .reset-new.popup .popup-footer .np-mod-cta {
        border-radius: 5px;
        float: right;
        margin-top: 15px;
        padding: 0 30px; }
      #picks-view:not(.standalone) .reset-new.popup .popup-footer .done {
        width: 120px;
        margin-left: 16px;
        padding: 0; }
      #picks-view:not(.standalone) .reset-new.popup .popup-footer .preview, #picks-view:not(.standalone) .reset-new.popup .popup-footer .back {
        min-width: 120px; }
    #picks-view:not(.standalone) .reset-new.popup .info-trigger {
      width: 40px;
      height: 40px;
      background-color: #f8fafb;
      border: 1px solid #b8c0c6;
      cursor: pointer;
      display: block;
      float: left;
      margin-top: 16px;
      position: relative;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
      #picks-view:not(.standalone) .reset-new.popup .info-trigger:hover {
        background-color: #cdd3d7; }
      #picks-view:not(.standalone) .reset-new.popup .info-trigger svg {
        position: absolute;
        height: 42px;
        margin: 0px;
        padding: 0px;
        left: 16px;
        bottom: 6px; }
    #picks-view:not(.standalone) .reset-new.popup .info-trigger-disclaimer {
      box-sizing: border-box;
      color: #5b6d79;
      display: block;
      float: left;
      font-size: 14px;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      line-height: 30px;
      padding-left: 20px;
      margin-top: 30px; }
      #picks-view:not(.standalone) .reset-new.popup .info-trigger-disclaimer.hide {
        display: none; }
  #picks-view:not(.standalone) .reset-new.popup.sway .popup-header .popup-header-title {
    color: #408275; }
    #picks-view:not(.standalone) .reset-new.popup.sway .popup-header .popup-header-title i {
      height: 35px;
      width: 80px;
      display: block;
      float: left;
      margin-top: 15px;
      margin-right: 15px;
      background: url("../img/reset-new/icons/logo-sway.png") no-repeat;
      background-size: 100%; }
      @media (-webkit-min-device-pixel-ratio: 2) {
        #picks-view:not(.standalone) .reset-new.popup.sway .popup-header .popup-header-title i {
          background: url("../img/reset-new/icons/logo-swayx2.png") no-repeat;
          background-size: 100%; } }
    #picks-view:not(.standalone) .reset-new.popup.sway .popup-header .popup-header-title span {
      display: none; }
  #picks-view:not(.standalone) .reset-new.popup.sway .popup-header .popup-header-logo i {
    height: 35px;
    width: 95px;
    display: block;
    float: right;
    margin-top: 22px;
    margin-left: 10px;
    background: url("../img/reset-new/icons/logo-365.png") no-repeat;
    background-size: 100%; }
    @media (-webkit-min-device-pixel-ratio: 2) {
      #picks-view:not(.standalone) .reset-new.popup.sway .popup-header .popup-header-logo i {
        background: url("../img/reset-new/icons/logo-365x2.png") no-repeat;
        background-size: 100%; } }
  #picks-view:not(.standalone) .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-pic {
    height: 112px;
    /*width: 150px;*/ }
  #picks-view:not(.standalone) .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-pic .picsArea-box-picImg {
    /*
    height: 112px;
    width: 150px;
    */
    height: 114px;
    width: 152px;
    margin: -1px 0 0 -1px; }
  #picks-view:not(.standalone) .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-picImg-container {
    width: 150px;
    height: 112px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    #picks-view:not(.standalone) .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-picImg-container.selected {
      box-shadow: 0 0 0 5px #00a8ff;
      cursor: pointer; }
  #picks-view:not(.standalone) .reset-new.popup.sway .popup-body .picsArea .picsArea-box .picsArea-box-picImg-overlay {
    height: 40px;
    width: 150px;
    bottom: 0; }
  #picks-view:not(.standalone) .reset-new.popup.sway .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
    bottom: 10px; }
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-picImg-overlay {
    height: 40px;
    width: 150px;
    bottom: 0; }
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
    bottom: 10px; }
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-header .popup-header-title {
    color: #00a8ff; }
    #picks-view:not(.standalone) .reset-new.popup.threeD .popup-header .popup-header-title i {
      background: url("../img/reset-new/icons/popup-threeD.svg") no-repeat;
      background-size: 35px;
      margin-top: 21px;
      margin-bottom: 21px;
      height: 35px;
      width: 35px; }
    #picks-view:not(.standalone) .reset-new.popup.threeD .popup-header .popup-header-title span {
      margin-top: 7px;
      display: inline-block; }
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-header .popup-header-logo i {
    height: 35px;
    width: 150px;
    /*background: url("../img/reset-new/icons/logoVR.svg") no-repeat;*/
    background-size: 150px;
    display: block;
    float: right;
    margin-top: 24px;
    margin-left: 10px; }
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-pic {
    height: 150px;
    width: 150px; }
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-picImg-container,
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-picImg {
    height: 150px;
    width: 150px; }
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-body .picsArea .picsArea-box .picsArea-box-picImg.selected {
    border-radius: 4px;
    box-shadow: 0 0 0 5px #00a8ff;
    top: 0;
    left: 0;
    cursor: pointer; }
  #picks-view:not(.standalone) .reset-new.popup.threeD .popup-body .loginArea {
    display: none; }
  #picks-view:not(.standalone) .reset-new.popup.sway .popup-body .loginArea {
    display: block; }
  #picks-view:not(.standalone) .reset-new.popup.phet .popup-header .popup-header-title, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-header .popup-header-title {
    color: #408275; }
    #picks-view:not(.standalone) .reset-new.popup.phet .popup-header .popup-header-title i, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-header .popup-header-title i {
      height: 55px;
      width: 116px;
      display: block;
      float: left;
      margin-bottom: 8px;
      margin-top: 8px;
      background: url("../img/reset-new/icons/lg-phet-popup.png") no-repeat;
      background-size: 100%;
      position: relative;
      left: -7px; }
      @media (-webkit-min-device-pixel-ratio: 2) {
        #picks-view:not(.standalone) .reset-new.popup.phet .popup-header .popup-header-title i, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-header .popup-header-title i {
          background: url("../img/reset-new/icons/lg-phet-popupx2.png") no-repeat;
          background-size: 100%; } }
    #picks-view:not(.standalone) .reset-new.popup.phet .popup-header .popup-header-title span, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-header .popup-header-title span {
      display: none; }
  #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic {
    width: 230px;
    height: 138px;
    border-radius: 0;
    margin-bottom: 40px; }
    #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container {
      width: 226px;
      height: 128px;
      border-radius: 4px;
      border: 1px solid #b8c0c6; }
      #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected {
        box-shadow: 0 0 0 4px #00a8ff;
        cursor: pointer;
        border: 1px solid #00a8ff; }
      #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected + .picsArea-box-picText .picsArea-box-picTitle, #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected + .picsArea-box-picText .picsArea-box-picSubTitle, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected + .picsArea-box-picText .picsArea-box-picTitle, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg-container.selected + .picsArea-box-picText .picsArea-box-picSubTitle {
        color: #00a8ff; }
    #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picImg {
      width: 226px;
      height: 128px;
      border-radius: 4px; }
    #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
      width: auto;
      color: #5b6d79;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      text-shadow: none; }
      #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picTitle, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picTitle {
        color: #5b6d79;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px; }
      #picks-view:not(.standalone) .reset-new.popup.phet .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picSubTitle, #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picSubTitle {
        color: #5b6d79;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 12px; }
  #picks-view:not(.standalone) .reset-new.popup.bbc .popup-header .popup-header-title i {
    width: 88px;
    height: 40px;
    background: url("../img/reset-new/icons/lg-bbc-popup.png") no-repeat;
    background-size: 100%; }
    @media (-webkit-min-device-pixel-ratio: 2) {
      #picks-view:not(.standalone) .reset-new.popup.bbc .popup-header .popup-header-title i {
        background: url("../img/reset-new/icons/lg-bbc-popupx2.png") no-repeat;
        background-size: 100%; } }
  #picks-view:not(.standalone) .reset-new .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic {
    height: 126px; }
  #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic {
    height: 132px; }
    #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText {
      padding-top: 6px; }
      #picks-view:not(.standalone) .reset-new.popup.bbc .popup-body .picsArea .picsArea-boxMain .picsArea-box .picsArea-box-pic .picsArea-box-picText .picsArea-box-picTitle {
        line-height: 18px; }

#content.reset-new, .content.reset-new {
  max-width: 100% !important;
  padding-top: 50px  !important;
  padding-bottom: 0; }
  #content.reset-new .referrals, .content.reset-new .referrals {
    height: calc(100vh - 60px);
    background-color: #f8f9fb; }
    #content.reset-new .referrals #box-top, .content.reset-new .referrals #box-top {
      background-image: linear-gradient(186deg, #00d3ff 0%, #00a8ff 100%);
      background-image: -webkit-linear-gradient(186deg, #00d3ff 0%, #00a8ff 100%);
      /* Chrome 10+, Saf5.1+, iOS 5+ */
      background-image: -moz-linear-gradient(186deg, #00d3ff 0%, #00a8ff 100%);
      /* FF3.6+ */
      background-image: -ms-linear-gradient(186deg, #00d3ff 0%, #00a8ff 100%);
      /* IE10 */
      background-image: -o-linear-gradient(186deg, #00d3ff 0%, #00a8ff 100%);
      /* Opera 11.10+ */
      background-image: linear-gradient(186deg, #00d3ff 0%, #00a8ff 100%);
      text-align: center; }
      #content.reset-new .referrals #box-top .box-top-ajust, .content.reset-new .referrals #box-top .box-top-ajust {
        width: 100%;
        background: url(../images/referral/background-referral.png) no-repeat center bottom;
        display: inline-block;
        padding-bottom: 16px;
        padding-top: 32px;
        /*max-width: 410px;*/ }
      #content.reset-new .referrals #box-top h1, .content.reset-new .referrals #box-top h1 {
        color: #ffffff;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 30px;
        font-weight: normal;
        line-height: 28px;
        padding: 0px;
        margin-bottom: 24px;
        text-shadow: 0 1px 0 #00a8ff; }
      #content.reset-new .referrals #box-top p, .content.reset-new .referrals #box-top p {
        color: #ffffff;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 20px;
        padding: 0px;
        margin-bottom: 32px; }
        #content.reset-new .referrals #box-top p span, .content.reset-new .referrals #box-top p span {
          width: 100%;
          display: inline-block; }
        #content.reset-new .referrals #box-top p a, .content.reset-new .referrals #box-top p a {
          color: #ffffff; }
          #content.reset-new .referrals #box-top p a:hover, .content.reset-new .referrals #box-top p a:hover {
            text-decoration: underline; }
        #content.reset-new .referrals #box-top p.separated, .content.reset-new .referrals #box-top p.separated {
          max-width: 583px;
          font-size: 14px;
          line-height: 14px;
          margin: auto;
          margin-bottom: 18px;
          position: relative; }
          #content.reset-new .referrals #box-top p.separated:before, .content.reset-new .referrals #box-top p.separated:before {
            width: 45%;
            content: '';
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            position: absolute;
            left: 0;
            top: 5px; }
          #content.reset-new .referrals #box-top p.separated:after, .content.reset-new .referrals #box-top p.separated:after {
            width: 45%;
            content: '';
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            position: absolute;
            right: 0;
            top: 5px; }
      #content.reset-new .referrals #box-top .box-add-email .content-input, .content.reset-new .referrals #box-top .box-add-email .content-input {
        width: 100%;
        background-color: #ffffff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        clear: both;
        display: inline-block;
        max-width: 580px;
        margin: auto;
        margin-bottom: 20px;
        position: relative; }
      #content.reset-new .referrals #box-top input, .content.reset-new .referrals #box-top input {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px; }
      #content.reset-new .referrals #box-top input[type="text"], .content.reset-new .referrals #box-top input[type="text"] {
        height: 42px;
        width: 460px;
        background-color: #ffffff;
        border: 0;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7e7f7e;
        display: inline-block;
        float: left;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 22px;
        padding: 14px 20px 10px 20px;
        margin-bottom: 0;
        opacity: 1;
        text-align: left;
        text-decoration: none; }
        #content.reset-new .referrals #box-top input[type="text"].invalid-email, .content.reset-new .referrals #box-top input[type="text"].invalid-email {
          border-color: #AC262D; }
      #content.reset-new .referrals #box-top html > body* input[type="text"], .content.reset-new .referrals #box-top html > body* input[type="text"] {
        padding: 16px 0 8px 20px; }
      @media screen and (max-width: 586px) {
        #content.reset-new .referrals #box-top input[type="text"], .content.reset-new .referrals #box-top input[type="text"] {
          width: 65%;
          font-size: 14px; } }
      #content.reset-new .referrals #box-top ::-webkit-input-placeholder, .content.reset-new .referrals #box-top ::-webkit-input-placeholder {
        font-style: normal;
        color: #00a8ff;
        line-height: 16px; }
      #content.reset-new .referrals #box-top :-moz-placeholder, .content.reset-new .referrals #box-top :-moz-placeholder {
        /* Firefox 18- */
        font-style: normal;
        color: #00a8ff;
        line-height: 16px; }
      #content.reset-new .referrals #box-top ::-moz-placeholder, .content.reset-new .referrals #box-top ::-moz-placeholder {
        /* Firefox 19+ */
        font-style: normal;
        color: #00a8ff;
        line-height: 16px; }
      #content.reset-new .referrals #box-top :-ms-input-placeholder, .content.reset-new .referrals #box-top :-ms-input-placeholder {
        font-style: normal;
        color: #00a8ff;
        line-height: 16px; }
      #content.reset-new .referrals #box-top button, .content.reset-new .referrals #box-top button {
        height: 46px;
        width: 46px;
        background: url(../images/referral/plus.png) no-repeat center center;
        background-size: 12px;
        border: 0px;
        display: inline-block;
        margin: 0px;
        outline: none;
        padding: 0px;
        right: 0px;
        text-align: center;
        top: 0px;
        position: absolute; }
      #content.reset-new .referrals #box-top input[type="submit"], .content.reset-new .referrals #box-top input[type="submit"] {
        height: 42px;
        width: 120px;
        background-color: #ffa800;
        border: 1px solid #ffa800;
        -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-topright: 20px;
        -moz-border-radius-bottomright: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: inline-block;
        color: #ffffff;
        float: right;
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
        margin: 0;
        padding: 13px 0px 14px 0px;
        text-align: center;
        text-decoration: none;
        -webkit-appearance: none;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out; }
        #content.reset-new .referrals #box-top input[type="submit"]:hover, .content.reset-new .referrals #box-top input[type="submit"]:hover {
          background-color: rgba(255, 168, 0, 0.7);
          border-color: rgba(255, 168, 0, 0.7); }
      #content.reset-new .referrals #box-top .social p, .content.reset-new .referrals #box-top .social p {
        margin-bottom: 22px; }
      #content.reset-new .referrals #box-top .social a, .content.reset-new .referrals #box-top .social a {
        height: 40px;
        width: 40px;
        background-size: 40px 80px !important;
        display: inline-block;
        margin: 0px 6px; }
      #content.reset-new .referrals #box-top .social .social-fb, .content.reset-new .referrals #box-top .social .social-fb {
        background: url(../images/referral/icon-facebook-sprite.svg) no-repeat center bottom; }
        #content.reset-new .referrals #box-top .social .social-fb:hover, .content.reset-new .referrals #box-top .social .social-fb:hover {
          background-position: center top; }
      #content.reset-new .referrals #box-top .social .social-tw, .content.reset-new .referrals #box-top .social .social-tw {
        background: url(../images/referral/icon-twitter-sprite.svg) no-repeat center bottom; }
        #content.reset-new .referrals #box-top .social .social-tw:hover, .content.reset-new .referrals #box-top .social .social-tw:hover {
          background-position: center top; }
      #content.reset-new .referrals #box-top .social .social-gp, .content.reset-new .referrals #box-top .social .social-gp {
        background: url(../images/referral/icon-google-sprite.svg) no-repeat center bottom; }
        #content.reset-new .referrals #box-top .social .social-gp:hover, .content.reset-new .referrals #box-top .social .social-gp:hover {
          background-position: center top; }
      #content.reset-new .referrals #box-top .social .social-mail, .content.reset-new .referrals #box-top .social .social-mail {
        background: url(../images/referral/icon-mail-sprite.svg) no-repeat center bottom; }
        #content.reset-new .referrals #box-top .social .social-mail:hover, .content.reset-new .referrals #box-top .social .social-mail:hover {
          background-position: center top; }
    #content.reset-new .referrals .list-online, .content.reset-new .referrals .list-online {
      background-color: #ffffff;
      padding: 20px 0;
      text-align: center; }
      #content.reset-new .referrals .list-online h2, .content.reset-new .referrals .list-online h2 {
        color: #071a23;
        font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: normal;
        line-height: 24px;
        margin-bottom: 17px; }
        #content.reset-new .referrals .list-online h2 br, .content.reset-new .referrals .list-online h2 br {
          display: none; }
      #content.reset-new .referrals .list-online ul, .content.reset-new .referrals .list-online ul {
        padding: 0px;
        margin: 0px auto;
        padding-left: 0px;
        max-width: 390px;
        overflow-y: auto;
        max-height: 136px; }
        #content.reset-new .referrals .list-online ul li, .content.reset-new .referrals .list-online ul li {
          padding: 10px 0px 14px;
          margin: 0px;
          list-style: none;
          display: inline-block;
          width: 100%;
          border-bottom: 1px solid #ccc9b9; }
          #content.reset-new .referrals .list-online ul li .list-email, .content.reset-new .referrals .list-online ul li .list-email {
            font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 17px;
            color: #969796;
            float: left;
            text-decoration: none;
            display: inline-block;
            max-width: 290px;
            word-wrap: break-word;
            text-align: left; }
          #content.reset-new .referrals .list-online ul li .list-status, .content.reset-new .referrals .list-online ul li .list-status {
            font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 17px;
            color: #969796;
            float: right; }
            #content.reset-new .referrals .list-online ul li .list-status.st-invited, .content.reset-new .referrals .list-online ul li .list-status.st-invited {
              color: #969796; }
            #content.reset-new .referrals .list-online ul li .list-status.st-signed, .content.reset-new .referrals .list-online ul li .list-status.st-signed {
              color: #39b54a; }
          #content.reset-new .referrals .list-online ul li:last-child, .content.reset-new .referrals .list-online ul li:last-child {
            border-bottom: 1px solid transparent; }
          #content.reset-new .referrals .list-online ul li span, .content.reset-new .referrals .list-online ul li span {
            padding-right: 10px; }
    #content.reset-new .referrals footer, .content.reset-new .referrals footer {
      width: 100%;
      padding-top: 20px;
      text-align: center;
      background-color: #f8f9fb;
      /*bottom: 0;
      position: absolute;*/ }
      #content.reset-new .referrals footer .box-bottom-ajust, .content.reset-new .referrals footer .box-bottom-ajust {
        display: inline-block;
        width: 100%;
        /*max-width: 620px;*/ }
      #content.reset-new .referrals footer h2, .content.reset-new .referrals footer h2 {
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 24px;
        color: #2B3E4B;
        font-weight: normal;
        padding: 0px;
        margin: 0px;
        margin-bottom: 4px; }
        #content.reset-new .referrals footer h2 img, .content.reset-new .referrals footer h2 img {
          max-width: 135px;
          vertical-align: middle;
          margin-left: 11px;
          position: relative;
          top: 3px; }
      #content.reset-new .referrals footer p, .content.reset-new .referrals footer p {
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
        color: #737F8A;
        padding: 0px;
        margin-top: 22px; }
      #content.reset-new .referrals footer h4, .content.reset-new .referrals footer h4 {
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
        color: #737F8A;
        font-weight: normal;
        padding: 0px;
        margin-bottom: 8px; }
      #content.reset-new .referrals footer ul, .content.reset-new .referrals footer ul {
        font-size: 0px;
        padding-left: 0px; }
        #content.reset-new .referrals footer ul li, .content.reset-new .referrals footer ul li {
          display: inline-block;
          font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
          font-size: 12px;
          line-height: 18px;
          color: #05a8ff;
          text-align: center;
          margin: 12px 10px; }
          #content.reset-new .referrals footer ul li img, .content.reset-new .referrals footer ul li img {
            width: 100%; }
            #content.reset-new .referrals footer ul li img.icon-web-page, .content.reset-new .referrals footer ul li img.icon-web-page {
              max-width: 23px; }
            #content.reset-new .referrals footer ul li img.icon-virtual-fieldtrips, .content.reset-new .referrals footer ul li img.icon-virtual-fieldtrips {
              max-width: 26px; }
            #content.reset-new .referrals footer ul li img.icon-video, .content.reset-new .referrals footer ul li img.icon-video {
              max-width: 13px; }
            #content.reset-new .referrals footer ul li img.icon-memotest, .content.reset-new .referrals footer ul li img.icon-memotest {
              max-width: 23px; }
            #content.reset-new .referrals footer ul li img.icon-fill-blanks, .content.reset-new .referrals footer ul li img.icon-fill-blanks {
              max-width: 27px; }
          #content.reset-new .referrals footer ul li span, .content.reset-new .referrals footer ul li span {
            display: inline-block;
            width: 100%; }
      #content.reset-new .referrals footer .box-arrow-show, .content.reset-new .referrals footer .box-arrow-show {
        display: block;
        padding-top: 17px; }
        #content.reset-new .referrals footer .box-arrow-show i, .content.reset-new .referrals footer .box-arrow-show i {
          display: inline-block;
          width: 40px;
          height: 40px;
          background: url(../images/referral/icon-arrow.svg) no-repeat center center;
          background-size: 33px;
          -webkit-transition: all .2s ease-out;
          -moz-transition: all .2s ease-out;
          -o-transition: all .2s ease-out;
          transition: all .2s ease-out;
          cursor: pointer; }
          #content.reset-new .referrals footer .box-arrow-show i:hover, .content.reset-new .referrals footer .box-arrow-show i:hover {
            background: url(../images/referral/icon-arrow-hover.svg) no-repeat center center;
            background-size: 33px; }
          #content.reset-new .referrals footer .box-arrow-show i.close, .content.reset-new .referrals footer .box-arrow-show i.close {
            -moz-transform: scaleY(-1);
            /* Firefox */
            -o-transform: scaleY(-1);
            /* Opera */
            -webkit-transform: scaleY(-1);
            /* Chrome y Safari */
            transform: scaleY(-1);
            /* w3org */
            filter: FlipV;
            /* Internet Explorer */ }
    #content.reset-new .referrals .invalid-email-message, .content.reset-new .referrals .invalid-email-message {
      display: none;
      color: #AC262D;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      text-align: left;
      margin: auto;
      max-width: 580px;
      position: relative;
      left: 20px;
      top: -8px; }

.reset-new.content .content-admin .reports {
  /*padding-top: 150px !important; */
  /* piso estilos viejos con ID */ }
  .reset-new.content .content-admin .reports .adminTitle-title {
    display: inline; }
  .reset-new.content .content-admin .reports .adminTitle.reports {
    height: auto; }
    .reset-new.content .content-admin .reports .adminTitle.reports .adminTitle-content {
      height: auto;
      padding-bottom: 16px; }
  .reset-new.content .content-admin .reports .btnLoadMoreRepors.np-mod-cta {
    height: 40px;
    width: 150px;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0 auto 25px auto; }
  .reset-new.content .content-admin .reports .searchbar {
    border-bottom: none;
    position: relative;
    top: auto;
    z-index: 81; }
    .reset-new.content .content-admin .reports .searchbar .search-form {
      display: inline-block;
      margin-top: 0;
      position: static;
      min-width: 768px; }
      .reset-new.content .content-admin .reports .searchbar .search-form .search-icon {
        display: inline-block;
        position: absolute;
        top: 12px;
        left: 13px; }
      .reset-new.content .content-admin .reports .searchbar .search-form input {
        height: 44px;
        background: #f8fafb;
        border-radius: 0;
        padding-right: 20px; }
      .reset-new.content .content-admin .reports .searchbar .search-form .search-form-button {
        width: 44px;
        height: 44px;
        background: #ffffff url(../images/icon_search_blue_x2.svg) no-repeat scroll center -53px;
        border-left: 0;
        cursor: default;
        display: none;
        float: none;
        line-height: 42px;
        margin: 0;
        padding: 0;
        text-indent: -5000px;
        position: absolute; }
        .reset-new.content .content-admin .reports .searchbar .search-form .search-form-button::before {
          background: none; }
      .reset-new.content .content-admin .reports .searchbar .search-form .np-mod-searchbox {
        width: 270px;
        float: left;
        margin: 0;
        position: relative; }
        .reset-new.content .content-admin .reports .searchbar .search-form .np-mod-searchbox .delete-text {
          padding: 0;
          right: 15px;
          top: 14px; }
      .reset-new.content .content-admin .reports .searchbar .search-form .np-mod-autocomplete {
        float: left;
        position: static;
        margin-left: -1px; }
      .reset-new.content .content-admin .reports .searchbar .search-form .moved-searchbar {
        position: relative;
        margin-bottom: 24px; }
  .reset-new.content .content-admin .reports .reportsNoData {
    max-width: 615px;
    color: #5b6d79;
    display: flex;
    flex-direction: column;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 24px;
    gap: 16px;
    line-height: 32px;
    margin: auto;
    padding: 20px 0px;
    text-align: center; }
    .reset-new.content .content-admin .reports .reportsNoData .reportsEmptyImg {
      height: 320px; }
  .reset-new.content .content-admin .reports .reportsNoMoreData {
    text-align: center;
    padding-bottom: 20px; }
  .reset-new.content .content-admin .reports .fetchingData {
    display: block;
    padding: 20px 0px;
    text-align: center; }
  .reset-new.content .content-admin .reports .reportsList {
    max-width: 1024px;
    margin: 0px auto 32px auto;
    padding-left: 0; }
    .reset-new.content .content-admin .reports .reportsList .reportSelector {
      height: auto;
      margin-bottom: 24px; }
      .reset-new.content .content-admin .reports .reportsList .reportSelector .appHeader {
        height: auto;
        min-height: 103px;
        align-items: center;
        background-color: #f8fafb;
        border: 1px solid rgba(184, 192, 198, 0.5);
        border-radius: 3px 3px 0px 0px;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        gap: 24px;
        padding: 16px; }
        .reset-new.content .content-admin .reports .reportsList .reportSelector .appHeader .appArrow {
          width: 22px;
          height: 22px;
          cursor: pointer;
          vertical-align: middle;
          transition: transform 0.5s;
          transform: rotate(90deg); }
        .reset-new.content .content-admin .reports .reportsList .reportSelector .appHeader:hover {
          background-color: #e6f6ff; }
          .reset-new.content .content-admin .reports .reportsList .reportSelector .appHeader:hover .appDesc * {
            background-color: #e6f6ff; }
      .reset-new.content .content-admin .reports .reportsList .reportSelector.open {
        transform: translate(0, 0); }
        .reset-new.content .content-admin .reports .reportsList .reportSelector.open > .appHeader .appArrow {
          transition: transform 0.5s;
          transform: rotate(270deg); }
    .reset-new.content .content-admin .reports .reportsList li:last-child .appHeader {
      border-bottom: 1px solid rgba(184, 192, 198, 0.5); }

@media screen and (max-width: 769px) {
  .reset-new.content-admin.menu-open .reports .searchbar.mode-searchschool .search-form .search-form-button,
  .reset-new.content-admin.menu-open .reports .searchbar.mode-searchuser .search-form .search-form-button {
    left: 409px; }
  .reset-new.content-admin.menu-open .reports .reset-new.searchbar.mode-searchschool .np-mod-autocomplete.schoolInput,
  .reset-new.content-admin.menu-open .reports .reset-new.searchbar.mode-searchschool .np-mod-autocomplete.teacherInput,
  .reset-new.content-admin.menu-open .reports .reset-new.searchbar.mode-searchuser .np-mod-autocomplete.schoolInput,
  .reset-new.content-admin.menu-open .reports .reset-new.searchbar.mode-searchuser .np-mod-autocomplete.teacherInput {
    width: 140px; } }
.reportsOverlay ul.nav li.Custom-14-drawitLink.selected {
  border-bottom: 18px solid #99d3b7; }
.reportsOverlay .Custom-14-draw-itContent ul.answersList li.customQuestion p {
  background-color: #99d3b7; }
.reportsOverlay .Custom-14-draw-itContent ul.answersList li.customQuestion a {
  color: #99d3b7; }
.reportsOverlay .Custom-14-draw-itContent ul.answersList li div.answerContent table tbody tr.odd td {
  background: #99d3b7; }

.reset-new .content-breadcrumbs {
  width: 100%;
  max-width: 1088px;
  text-align: center;
  z-index: 1;
  margin: 40px auto; }
  .reset-new .content-breadcrumbs ul {
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 21px;
    padding-right: 25px;
    padding-left: 0;
    box-sizing: padding-box; }
    .reset-new .content-breadcrumbs ul li {
      display: inline-block;
      font-size: 12px;
      color: #b8c0c6;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      padding: 1px 10px;
      position: relative;
      letter-spacing: 0px; }
      .reset-new .content-breadcrumbs ul li:after {
        content: "\00b7";
        color: #00a8ff;
        position: absolute;
        right: -2px;
        top: 1px; }
      .reset-new .content-breadcrumbs ul li:last-child:after {
        content: "";
        display: none; }
      .reset-new .content-breadcrumbs ul li.end-child {
        padding-right: 0; }
        .reset-new .content-breadcrumbs ul li.end-child:after {
          content: "";
          display: none; }
      .reset-new .content-breadcrumbs ul li.filter {
        padding-right: 0;
        padding-left: 0; }
        .reset-new .content-breadcrumbs ul li.filter:after {
          content: ""; }
      .reset-new .content-breadcrumbs ul li.ellipsis-child:after {
        content: "...";
        color: #666666;
        top: 1px;
        right: 0; }
      .reset-new .content-breadcrumbs ul li.clear-all {
        padding-right: 0;
        background: #ffffff;
        position: absolute;
        top: -5px;
        right: 8px;
        height: 10px;
        width: 10px;
        /*
        span{
          display: block;
          &:after{
            content:"...";
            position: absolute;
            left: -3px;
            top: 7px;
          }
        }
        */ }
        .reset-new .content-breadcrumbs ul li.clear-all i:after {
          content: "";
          background: transparent url("../img/toolbar_library/sprite.svg") no-repeat scroll 0px -20px/40px 85px;
          width: 10px;
          height: 10px;
          display: block;
          position: absolute;
          top: 8px;
          cursor: pointer;
          right: 0; }

/* RESPONSIVE */
@media screen and (max-width: 830px) {
  .content-breadcrumbs {
    z-index: 1; }
    .content-breadcrumbs ul {
      text-align: center; }
      .content-breadcrumbs ul li {
        font-size: 13px;
        color: #666666;
        font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
        padding: 0 9px;
        position: relative;
        letter-spacing: 0px; }
        .content-breadcrumbs ul li:after {
          content: "-";
          color: #4fadb9;
          position: absolute;
          right: -2px;
          top: 0px; }
        .content-breadcrumbs ul li:last-child:after {
          content: "";
          display: none; }
        .content-breadcrumbs ul li.clear-all i:after {
          top: 5px; } }
.search-filter-modal {
  display: none;
  background: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 7px 0 rgba(7, 26, 35, 0.5);
  box-shadow: 2px 2px 7px 0 rgba(7, 26, 35, 0.5);
  font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
  top: 70px;
  left: 50%;
  margin-left: -248px !important;
  z-index: 1;
  position: absolute;
  width: 496px;
  right: 50%; }
  .search-filter-modal .search-filter-buttons {
    padding: 20px;
    overflow: visible; }
    .search-filter-modal .search-filter-buttons.all .all-sessons {
      display: none !important; }
  .search-filter-modal .search-filter-buttons {
    font-size: 14px;
    margin: 0 20px;
    padding: 12px 0;
    border-top: 1px solid #8b9195; }
    .search-filter-modal .search-filter-buttons .content-buttons {
      overflow: visible !important; }
      .search-filter-modal .search-filter-buttons .content-buttons select {
        background: transparent;
        -webkit-appearance: none; }
    .search-filter-modal .search-filter-buttons h3 {
      color: #071a23;
      font-weight: 600;
      margin-bottom: 4px; }
    .search-filter-modal .search-filter-buttons select {
      border: 1px solid #8b9195;
      box-shadow: none;
      margin-top: 10px;
      margin-bottom: 5px;
      padding: 0 10px;
      width: 100%;
      height: 40px;
      color: #6b6b6b;
      font-size: 16px;
      font-style: italic; }
      .search-filter-modal .search-filter-buttons select option {
        color: #6b6b6b;
        float: left;
        font-size: 16px; }
        .search-filter-modal .search-filter-buttons select option:hover {
          background: #01a1b0; }
    .search-filter-modal .search-filter-buttons .content-btn-search {
      float: right;
      position: relative; }
      .search-filter-modal .search-filter-buttons .content-btn-search .onboarding-tooltip {
        position: absolute;
        border: #ffffff 1px solid;
        border-top: none;
        display: none;
        background-color: #282828;
        top: 52px;
        left: -25px;
        padding: 10px 5px 7px 5px;
        width: 142px; }
        .search-filter-modal .search-filter-buttons .content-btn-search .onboarding-tooltip p {
          font-size: 13px;
          color: #fefefe;
          text-align: center;
          margin-bottom: 4px;
          letter-spacing: 0; }
        .search-filter-modal .search-filter-buttons .content-btn-search .onboarding-tooltip:before {
          border-color: #edecec;
          background-color: #282828;
          text-align: center;
          border-bottom-color: #282828;
          border-right-color: #282828;
          top: -7px;
          left: 64px;
          width: 14px;
          height: 14px; }
    .search-filter-modal .search-filter-buttons .content-btn-search:hover .onboarding-tooltip {
      display: block; }
    .search-filter-modal .search-filter-buttons .btn {
      border: 1px solid #bfbfbf;
      color: #bfbfbf;
      font-size: 14px;
      padding: 12px 19px;
      border-radius: 6px;
      height: 40px; }
      .search-filter-modal .search-filter-buttons .btn.btn-search {
        float: right; }
      .search-filter-modal .search-filter-buttons .btn:hover, .search-filter-modal .search-filter-buttons .btn:active {
        cursor: default;
        background: #ffffff;
        color: #bfbfbf;
        border-color: #bfbfbf; }
      .search-filter-modal .search-filter-buttons .btn:focus, .search-filter-modal .search-filter-buttons .btn:visited {
        border: 1px solid #bfbfbf;
        color: #bfbfbf;
        background: none; }
    .search-filter-modal .search-filter-buttons .btn-search,
    .search-filter-modal .search-filter-buttons .btn-clear.active {
      background-color: #00a8ff;
      border-color: #00a8ff;
      text-align: center;
      color: #ffffff;
      cursor: pointer;
      width: 176px;
      height: 40px; }
      .search-filter-modal .search-filter-buttons .btn-search:hover,
      .search-filter-modal .search-filter-buttons .btn-clear.active:hover {
        border-color: rgba(6, 170, 255, 0.7);
        background: rgba(6, 170, 255, 0.7);
        color: #ffffff;
        cursor: pointer; }
    .search-filter-modal .search-filter-buttons .btn-clear.active {
      background: #ffffff;
      color: #00a8ff;
      border-color: #00a8ff;
      width: auto; }
  .search-filter-modal::before {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    box-shadow: -2px -2px 2px 0 rgba(7, 26, 35, 0.1);
    content: "";
    top: -3px;
    left: 102px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    position: absolute;
    width: 10px;
    height: 10px; }
  .search-filter-modal .search-filter-modal-Nav {
    overflow: hidden; }
    .search-filter-modal .search-filter-modal-Nav li {
      background: #eaeef1;
      border-right: 1px solid #cdd3d7;
      border-bottom: 1px solid #cdd3d7;
      font-size: 18px;
      line-height: 45px;
      text-align: center;
      width: 50%; }
      .search-filter-modal .search-filter-modal-Nav li:last-of-type {
        border-right: none; }
      .search-filter-modal .search-filter-modal-Nav li a {
        color: #8b9195;
        display: block;
        height: 100%;
        width: 100%; }
  .search-filter-modal .search-filter-modal-Body {
    position: relative;
    overflow: auto !important;
    -ms-overflow-style: auto !important; }
    .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select {
      border-bottom: 1px solid #8b9195;
      font-size: 14px;
      margin: 0 20px;
      overflow: hidden;
      padding: 11px 0 14px 0; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select h3 {
        color: #071a23;
        font-weight: 600;
        margin-bottom: 9px;
        margin-top: 0px;
        font-size: 15px; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select select {
        border: 1px solid #8b9195;
        box-shadow: none;
        margin-top: 10px;
        padding: 0 20px;
        width: 100%;
        height: 40px;
        color: #6b6b6b;
        font-size: 16px; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select select option {
          color: #6b6b6b;
          float: left;
          font-size: 16px;
          font-style: normal; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select.ungrid .search-filter-modal-Selectbox li {
        width: auto; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select:last-of-type {
        border-bottom: none;
        padding-bottom: 10px; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox {
        color: #00a8ff; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox.three-cols li {
          width: 33%; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li {
          width: 25%;
          float: left;
          line-height: 21px;
          padding: 3px 0px; }
          .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a {
            padding: 3px 3px;
            margin: 0 3px;
            color: #8b9195; }
            .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a:hover {
              color: #b8c0c6; }
            .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a::focus {
              color: #b8c0c6; }
            .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a.placeholder-filter {
              cursor: default; }
              .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a.placeholder-filter:hover {
                color: #8b9195; }
          .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li.selected a {
            color: #00a8ff;
            border-bottom: 1px solid #00a8ff;
            /*background: $np-color-neutral-30;*/ }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox.strands {
          margin-top: 20px; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox select {
          -webkit-appearance: none;
          background: transparent;
          outline: solid transparent;
          -moz-appearance: none;
          text-indent: 0.01px;
          text-overflow: "";
          border: 1px solid #a8a8a8;
          padding: 7px 27px 7px 10px;
          background: #ffffff url(../img/flecha_drop_down.svg) no-repeat 95% 50%;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          border-radius: 2px;
          margin-bottom: 0; }
          .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox select::-ms-expand {
            display: none; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox.option-italic select {
          font-style: italic; }
  .search-filter-modal.all {
    display: block; }
    .search-filter-modal.all::before {
      background: white none repeat scroll 0 0; }
    .search-filter-modal.all .search-filter-modal-Body.tab-all {
      display: block; }
    .search-filter-modal.all .search-filter-modal-Body.tab-commoncore {
      display: none; }
    .search-filter-modal.all .search-filter-modal-Nav li:nth-of-type(1) {
      background: none;
      box-shadow: 0px -4px 0px 0px #00a8ff inset; }
      .search-filter-modal.all .search-filter-modal-Nav li:nth-of-type(1) a {
        color: #00a8ff; }
  .search-filter-modal.commoncore {
    display: block; }
    .search-filter-modal.commoncore::before {
      background: #eaeef1 none repeat scroll 0 0; }
    .search-filter-modal.commoncore .search-filter-modal-Body.tab-all {
      display: none; }
    .search-filter-modal.commoncore .search-filter-modal-Body.tab-commoncore {
      display: block; }
    .search-filter-modal.commoncore .search-filter-modal-Nav li:nth-of-type(2) {
      background: none;
      box-shadow: 0px -4px 0px 0px #00a8ff inset; }
      .search-filter-modal.commoncore .search-filter-modal-Nav li:nth-of-type(2) a {
        color: #00a8ff; }

/* SEARCHBAR AREA */
.reset-new.searchbar {
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #eaeef1;
  font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
  position: fixed;
  top: 64px;
  /* RESULTS BAR */
  /* MODE DEFAULT*/
  /* MODE VIEWALL*/
  /* MODE USER*/
  /* MODE SCHOOL*/ }
  .reset-new.searchbar.sticky .searchbar-content {
    box-shadow: 0px 0px 3px #b8c0c6;
    -webkit-transition: box-shadow 350ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: box-shadow 350ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: box-shadow 350ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: box-shadow 350ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  .reset-new.searchbar .searchbar-content {
    height: 80px;
    box-sizing: border-box;
    margin: 0px auto !important;
    padding: 20px 0;
    width: calc(100% - 120px);
    margin: auto;
    /*
    padding: 20px 0px;
    width: 1180px;
    */
    position: relative;
    z-index: 1;
    -webkit-transition: box-shadow 350ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: box-shadow 350ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: box-shadow 350ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: box-shadow 350ms cubic-bezier(0.25, 0.1, 0.25, 1);
    /* BUTTON NEW */
    /* BT VIEW ALL */
    /* SEARCHBOX */
    /* DROPDOWN */
    /* EXPLORE VIEW */ }
    .reset-new.searchbar .searchbar-content .store-bck-btn {
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 18px;
      color: #454545;
      border: none;
      position: absolute;
      padding-left: 16px;
      padding-top: 2px;
      top: 29px;
      background: none;
      position: absolute;
      z-index: 10; }
      @media screen and (max-width: 830px) {
        .reset-new.searchbar .searchbar-content .store-bck-btn {
          top: 19px; } }
      .reset-new.searchbar .searchbar-content .store-bck-btn::before {
        background: url("../img/bt_back.svg") top center no-repeat transparent;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 10px;
        height: 21px; }
      .reset-new.searchbar .searchbar-content .store-bck-btn:hover::before {
        background-position: center -22px; }
    .reset-new.searchbar .searchbar-content .bt-new {
      float: left;
      position: absolute;
      z-index: 2;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      background: #00a8ff;
      border: 1px solid #00a8ff;
      color: #ffffff;
      transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease;
      width: 165px;
      height: 40px; }
      .reset-new.searchbar .searchbar-content .bt-new:hover {
        border-color: rgba(0, 168, 255, 0.7);
        background: rgba(0, 168, 255, 0.7); }
    .reset-new.searchbar .searchbar-content .tooltip-bt-new {
      position: absolute;
      top: 10px;
      left: 245px; }
      .reset-new.searchbar .searchbar-content .tooltip-bt-new::before {
        top: 25px; }
    .reset-new.searchbar .searchbar-content .searchbar-select-add {
      width: 225px;
      top: 61px;
      left: 59px; }
      .reset-new.searchbar .searchbar-content .searchbar-select-add li {
        display: block;
        position: relative; }
        .reset-new.searchbar .searchbar-content .searchbar-select-add li:first-child {
          border-bottom: 1px solid transparent; }
        .reset-new.searchbar .searchbar-content .searchbar-select-add li:last-child {
          border-top: 1px solid transparent; }
        .reset-new.searchbar .searchbar-content .searchbar-select-add li:before {
          content: "";
          height: 40px;
          width: 40px;
          float: left;
          position: absolute;
          top: 2px;
          left: -2px; }
        .reset-new.searchbar .searchbar-content .searchbar-select-add li.folder:before {
          background: transparent url("../img/reset-new/icons/folder-on.svg") no-repeat scroll 15px 12px; }
        .reset-new.searchbar .searchbar-content .searchbar-select-add li.lessons:before {
          background: transparent url("../img/reset-new/icons/logo.svg") no-repeat scroll 15px 10px; }
        .reset-new.searchbar .searchbar-content .searchbar-select-add li .np-mod-cta {
          font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
          color: #8b9195;
          display: block;
          font-size: 14px;
          line-height: 50px;
          padding: 0px 10px 0px 50px;
          width: 100%;
          text-align: left;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px; }
          .reset-new.searchbar .searchbar-content .searchbar-select-add li .np-mod-cta:hover {
            background-color: #b3e5ff; }
          .reset-new.searchbar .searchbar-content .searchbar-select-add li .np-mod-cta.disabled {
            opacity: 0.5;
            cursor: default; }
          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .reset-new.searchbar .searchbar-content .searchbar-select-add li .np-mod-cta {
              line-height: 48px;
              padding: 2px 10px 0px 50px; } }
      .reset-new.searchbar .searchbar-content .searchbar-select-add:hover li:first-child {
        border-bottom: 1px solid #cdd3d7; }
    .reset-new.searchbar .searchbar-content .dropdown-options.bt-new-drop.active {
      opacity: 1;
      visibility: visible; }
    .reset-new.searchbar .searchbar-content .searchbar-viewall-button {
      position: absolute;
      right: 60px;
      top: 0; }
    .reset-new.searchbar .searchbar-content .search-form {
      display: block;
      float: left;
      height: auto;
      margin-top: 20px;
      width: calc(100% - 310px);
      position: absolute;
      top: 0px;
      left: 0;
      right: 0; }
      .reset-new.searchbar .searchbar-content .search-form .search-icon {
        width: 20px;
        height: 20px;
        display: none; }
      .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox {
        margin: 0px auto;
        /*width: 280px;*/
        width: 25%; }
        .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input {
          box-sizing: border-box;
          font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
          font-size: 14px;
          padding-right: 95px;
          padding-left: 15px;
          color: #8b9195;
          /*width: 280px;*/
          height: 40px;
          /* WebKit, Blink, Edge */
          /* Mozilla Firefox 4 to 18 */
          /* Mozilla Firefox 19+ */
          /* Internet Explorer 10-11 */
          /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input::-webkit-input-placeholder {
            font-family: "npprimarymediumitalic", Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #b8c0c6; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input:-moz-placeholder {
            font-family: "npprimarymediumitalic", Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #b8c0c6; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input::-moz-placeholder {
            font-family: "npprimarymediumitalic", Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #b8c0c6; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input:-ms-input-placeholder {
            font-family: "npprimarymediumitalic", Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #b8c0c6; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input:placeholder-shown {
            font-family: "npprimarymediumitalic", Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #b8c0c6; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input::-ms-clear {
            display: none; }
          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input {
              line-height: 42px; } }
        .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox .search-form-button {
          border: medium none;
          float: left;
          height: 38px;
          width: 50px;
          position: absolute;
          right: 0px; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox .search-form-button path {
            transition: 0.2s ease fill; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox .search-form-button:hover path {
            fill: #00a8ff;
            transition: 0.2s ease fill; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox .search-form-button svg {
            margin-top: 2px; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox .search-form-button:before {
            background: #b8c0c6;
            content: "";
            display: block;
            float: left;
            height: 27px;
            width: 1px;
            position: relative;
            top: 0;
            left: -5px; }
        .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox .filter-button {
          background-color: #00a8ff;
          border-color: #00a8ff;
          text-align: center;
          color: #ffffff;
          font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
          margin-right: 5px;
          float: left;
          width: 70px;
          height: 40px; }
          .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox .filter-button:hover {
            border-color: rgba(6, 170, 255, 0.7);
            background: rgba(6, 170, 255, 0.7); }
        .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox .delete-text {
          background: transparent url("../img/toolbar_library/sprite.svg") no-repeat scroll 0px -20px/45px 95px;
          border: 0px none;
          display: block;
          width: 15px;
          height: 15px;
          position: absolute;
          top: 12px;
          right: 65px; }
      .reset-new.searchbar .searchbar-content .search-form.active-filters {
        margin-top: 10px; }
    .reset-new.searchbar .searchbar-content .searchbar-select-sort-label {
      position: absolute;
      left: -52px;
      font-size: 12px;
      color: #b8c0c6;
      height: 50px; }
      @media screen and (max-width: 825px) {
        .reset-new.searchbar .searchbar-content .searchbar-select-sort-label {
          display: none; } }
    .reset-new.searchbar .searchbar-content .searchbar-select-sort {
      background-position: 120px center;
      width: 150px;
      float: right; }
      .reset-new.searchbar .searchbar-content .searchbar-select-sort .sorting-by {
        line-height: 33px;
        padding-top: 5px;
        transition: color 0.5s ease; }
      .reset-new.searchbar .searchbar-content .searchbar-select-sort .dropdown-options {
        width: 150px;
        top: 42px; }
        .reset-new.searchbar .searchbar-content .searchbar-select-sort .dropdown-options li:hover {
          background-color: #b3e5ff; }
        .reset-new.searchbar .searchbar-content .searchbar-select-sort .dropdown-options .selected a::after {
          left: 120px; }
        .reset-new.searchbar .searchbar-content .searchbar-select-sort .dropdown-options a {
          padding: 0 20px;
          width: 150px;
          color: #8b9195;
          display: block;
          font-size: 14px;
          line-height: 50px; }
    .reset-new.searchbar .searchbar-content.store .search-form .np-mod-searchbox {
      /*width: 355px;*/ }
    .reset-new.searchbar .searchbar-content .np-mod-autocomplete {
      /*width: 250px;*/
      left: 42px; }
    .reset-new.searchbar .searchbar-content .np-mod-autocomplete.schoolInput {
      position: absolute;
      top: 0;
      left: 42px; }
  .reset-new.searchbar .subtitle.search-results-area {
    display: none; }
    .reset-new.searchbar .subtitle.search-results-area.results {
      display: block; }
    .reset-new.searchbar .subtitle.search-results-area .search-results-items {
      position: relative; }
      .reset-new.searchbar .subtitle.search-results-area .search-results-items::after {
        background: url("../img/bt_close_cyan.svg") no-repeat scroll 0 0 #0097a7;
        border-radius: 50%;
        content: "";
        cursor: pointer;
        position: absolute;
        top: 7px;
        right: -25px;
        width: 20px;
        height: 20px; }
  .reset-new.searchbar .np-mod-searchbox,
  .reset-new.searchbar .np-mod-autocomplete.schoolInput,
  .reset-new.searchbar .np-mod-autocomplete.teacherInput,
  .reset-new.searchbar .searchbar-viewall-button {
    width: 25%; }
  .reset-new.searchbar .np-mod-searchbox input {
    width: 100%; }
  .reset-new.searchbar.mode-default .np-mod-autocomplete.schoolInput,
  .reset-new.searchbar.mode-default .np-mod-autocomplete.teacherInput,
  .reset-new.searchbar.mode-default .searchbar-viewall-button {
    display: none; }
  .reset-new.searchbar.mode-default .np-mod-searchbox {
    position: relative;
    margin: 0 auto;
    left: 42px; }
  .reset-new.searchbar.mode-viewall .np-mod-searchbox,
  .reset-new.searchbar.mode-viewall .np-mod-autocomplete.schoolInput,
  .reset-new.searchbar.mode-viewall .np-mod-autocomplete.teacherInput {
    display: none; }
  .reset-new.searchbar.mode-searchuser .np-mod-autocomplete.schoolInput,
  .reset-new.searchbar.mode-searchuser .searchbar-viewall-button {
    display: none; }
  .reset-new.searchbar.mode-searchuser .np-mod-autocomplete.teacherInput {
    position: relative;
    margin: 0 auto; }
  .reset-new.searchbar.mode-searchuser .np-mod-searchbox {
    position: absolute;
    top: 0;
    left: 42px; }
  .reset-new.searchbar.mode-searchschool .searchbar-viewall-button {
    display: none; }
  .reset-new.searchbar.mode-searchschool .np-mod-autocomplete.schoolInput {
    position: relative;
    margin: 0 auto; }
  .reset-new.searchbar.mode-searchschool .np-mod-autocomplete.teacherInput {
    position: relative; }
  .reset-new.searchbar.mode-searchschool .np-mod-searchbox {
    position: absolute;
    left: 42px; }

.search-filter-modal {
  display: none;
  background: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 7px 0 rgba(7, 26, 35, 0.5);
  box-shadow: 2px 2px 7px 0 rgba(7, 26, 35, 0.5);
  font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
  top: 70px;
  left: 50%;
  margin-left: -248px !important;
  z-index: 1;
  position: absolute;
  width: 496px;
  right: 50%; }
  .search-filter-modal .search-filter-buttons {
    padding: 20px;
    overflow: visible; }
    .search-filter-modal .search-filter-buttons.all .all-sessons {
      display: none !important; }
  .search-filter-modal .search-filter-buttons {
    font-size: 14px;
    margin: 0 20px;
    padding: 12px 0;
    border-top: 1px solid #8b9195; }
    .search-filter-modal .search-filter-buttons .content-buttons {
      overflow: visible !important; }
      .search-filter-modal .search-filter-buttons .content-buttons select {
        background: transparent;
        -webkit-appearance: none; }
    .search-filter-modal .search-filter-buttons h3 {
      color: #071a23;
      font-weight: 600;
      margin-bottom: 4px; }
    .search-filter-modal .search-filter-buttons select {
      border: 1px solid #8b9195;
      box-shadow: none;
      margin-top: 10px;
      margin-bottom: 5px;
      padding: 0 10px;
      width: 100%;
      height: 40px;
      color: #6b6b6b;
      font-size: 16px;
      font-style: italic; }
      .search-filter-modal .search-filter-buttons select option {
        color: #6b6b6b;
        float: left;
        font-size: 16px; }
        .search-filter-modal .search-filter-buttons select option:hover {
          background: #01a1b0; }
    .search-filter-modal .search-filter-buttons .content-btn-search {
      float: right;
      position: relative; }
      .search-filter-modal .search-filter-buttons .content-btn-search .onboarding-tooltip {
        position: absolute;
        border: #ffffff 1px solid;
        border-top: none;
        display: none;
        background-color: #282828;
        top: 52px;
        left: -25px;
        padding: 10px 5px 7px 5px;
        width: 142px; }
        .search-filter-modal .search-filter-buttons .content-btn-search .onboarding-tooltip p {
          font-size: 13px;
          color: #fefefe;
          text-align: center;
          margin-bottom: 4px;
          letter-spacing: 0; }
        .search-filter-modal .search-filter-buttons .content-btn-search .onboarding-tooltip:before {
          border-color: #edecec;
          background-color: #282828;
          text-align: center;
          border-bottom-color: #282828;
          border-right-color: #282828;
          top: -7px;
          left: 64px;
          width: 14px;
          height: 14px; }
    .search-filter-modal .search-filter-buttons .content-btn-search:hover .onboarding-tooltip {
      display: block; }
    .search-filter-modal .search-filter-buttons .btn {
      border: 1px solid #bfbfbf;
      color: #bfbfbf;
      font-size: 14px;
      padding: 12px 19px;
      border-radius: 6px;
      height: 40px; }
      .search-filter-modal .search-filter-buttons .btn.btn-search {
        float: right; }
      .search-filter-modal .search-filter-buttons .btn:hover, .search-filter-modal .search-filter-buttons .btn:active {
        cursor: default;
        background: #ffffff;
        color: #bfbfbf;
        border-color: #bfbfbf; }
      .search-filter-modal .search-filter-buttons .btn:focus, .search-filter-modal .search-filter-buttons .btn:visited {
        border: 1px solid #bfbfbf;
        color: #bfbfbf;
        background: none; }
    .search-filter-modal .search-filter-buttons .btn-search,
    .search-filter-modal .search-filter-buttons .btn-clear.active {
      background-color: #00a8ff;
      border-color: #00a8ff;
      text-align: center;
      color: #ffffff;
      cursor: pointer;
      width: 176px;
      height: 40px; }
      .search-filter-modal .search-filter-buttons .btn-search:hover,
      .search-filter-modal .search-filter-buttons .btn-clear.active:hover {
        border-color: rgba(6, 170, 255, 0.7);
        background: rgba(6, 170, 255, 0.7);
        color: #ffffff;
        cursor: pointer; }
    .search-filter-modal .search-filter-buttons .btn-clear.active {
      background: #ffffff;
      color: #00a8ff;
      border-color: #00a8ff;
      width: auto; }
  .search-filter-modal::before {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    box-shadow: -2px -2px 2px 0 rgba(7, 26, 35, 0.1);
    content: "";
    top: -3px;
    left: 102px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    position: absolute;
    width: 10px;
    height: 10px; }
  .search-filter-modal .search-filter-modal-Nav {
    overflow: hidden; }
    .search-filter-modal .search-filter-modal-Nav li {
      background: #eaeef1;
      border-right: 1px solid #cdd3d7;
      border-bottom: 1px solid #cdd3d7;
      font-size: 18px;
      line-height: 45px;
      text-align: center;
      width: 50%; }
      .search-filter-modal .search-filter-modal-Nav li:last-of-type {
        border-right: none; }
      .search-filter-modal .search-filter-modal-Nav li a {
        color: #8b9195;
        display: block;
        height: 100%;
        width: 100%; }
  .search-filter-modal .search-filter-modal-Body {
    position: relative;
    overflow: auto !important;
    -ms-overflow-style: auto !important; }
    .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select {
      border-bottom: 1px solid #8b9195;
      font-size: 14px;
      margin: 0 20px;
      overflow: hidden;
      padding: 11px 0 14px 0; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select h3 {
        color: #071a23;
        font-weight: 600;
        margin-bottom: 9px;
        margin-top: 0px;
        font-size: 15px; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select select {
        border: 1px solid #8b9195;
        box-shadow: none;
        margin-top: 10px;
        padding: 0 20px;
        width: 100%;
        height: 40px;
        color: #6b6b6b;
        font-size: 16px; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select select option {
          color: #6b6b6b;
          float: left;
          font-size: 16px;
          font-style: normal; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select.ungrid .search-filter-modal-Selectbox li {
        width: auto; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select:last-of-type {
        border-bottom: none;
        padding-bottom: 10px; }
      .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox {
        color: #00a8ff; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox.three-cols li {
          width: 33%; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li {
          width: 25%;
          float: left;
          line-height: 21px;
          padding: 3px 0px; }
          .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a {
            padding: 3px 3px;
            margin: 0 3px;
            color: #8b9195; }
            .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a:hover {
              color: #b8c0c6; }
            .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a::focus {
              color: #b8c0c6; }
            .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a.placeholder-filter {
              cursor: default; }
              .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li a.placeholder-filter:hover {
                color: #8b9195; }
          .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox li.selected a {
            color: #00a8ff;
            border-bottom: 1px solid #00a8ff;
            /*background: $np-color-neutral-30;*/ }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox.strands {
          margin-top: 20px; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox select {
          -webkit-appearance: none;
          background: transparent;
          outline: solid transparent;
          -moz-appearance: none;
          text-indent: 0.01px;
          text-overflow: "";
          border: 1px solid #a8a8a8;
          padding: 7px 27px 7px 10px;
          background: #ffffff url(../img/flecha_drop_down.svg) no-repeat 95% 50%;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          border-radius: 2px;
          margin-bottom: 0; }
          .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox select::-ms-expand {
            display: none; }
        .search-filter-modal .search-filter-modal-Body .search-filter-modal-Select .search-filter-modal-Selectbox.option-italic select {
          font-style: italic; }
  .search-filter-modal.all {
    display: block; }
    .search-filter-modal.all::before {
      background: white none repeat scroll 0 0; }
    .search-filter-modal.all .search-filter-modal-Body.tab-all {
      display: block; }
    .search-filter-modal.all .search-filter-modal-Body.tab-commoncore {
      display: none; }
    .search-filter-modal.all .search-filter-modal-Nav li:nth-of-type(1) {
      background: none;
      box-shadow: 0px -4px 0px 0px #00a8ff inset; }
      .search-filter-modal.all .search-filter-modal-Nav li:nth-of-type(1) a {
        color: #00a8ff; }
  .search-filter-modal.commoncore {
    display: block; }
    .search-filter-modal.commoncore::before {
      background: #eaeef1 none repeat scroll 0 0; }
    .search-filter-modal.commoncore .search-filter-modal-Body.tab-all {
      display: none; }
    .search-filter-modal.commoncore .search-filter-modal-Body.tab-commoncore {
      display: block; }
    .search-filter-modal.commoncore .search-filter-modal-Nav li:nth-of-type(2) {
      background: none;
      box-shadow: 0px -4px 0px 0px #00a8ff inset; }
      .search-filter-modal.commoncore .search-filter-modal-Nav li:nth-of-type(2) a {
        color: #00a8ff; }

.reset-new .content-breadcrumbs {
  width: 100%;
  max-width: 1088px;
  text-align: center;
  z-index: 1;
  margin: 40px auto; }
  .reset-new .content-breadcrumbs ul {
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 21px;
    padding-right: 25px;
    padding-left: 0;
    box-sizing: padding-box; }
    .reset-new .content-breadcrumbs ul li {
      display: inline-block;
      font-size: 12px;
      color: #b8c0c6;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      padding: 1px 10px;
      position: relative;
      letter-spacing: 0px; }
      .reset-new .content-breadcrumbs ul li:after {
        content: "\00b7";
        color: #00a8ff;
        position: absolute;
        right: -2px;
        top: 1px; }
      .reset-new .content-breadcrumbs ul li:last-child:after {
        content: "";
        display: none; }
      .reset-new .content-breadcrumbs ul li.end-child {
        padding-right: 0; }
        .reset-new .content-breadcrumbs ul li.end-child:after {
          content: "";
          display: none; }
      .reset-new .content-breadcrumbs ul li.filter {
        padding-right: 0;
        padding-left: 0; }
        .reset-new .content-breadcrumbs ul li.filter:after {
          content: ""; }
      .reset-new .content-breadcrumbs ul li.ellipsis-child:after {
        content: "...";
        color: #666666;
        top: 1px;
        right: 0; }
      .reset-new .content-breadcrumbs ul li.clear-all {
        padding-right: 0;
        background: #ffffff;
        position: absolute;
        top: -5px;
        right: 8px;
        height: 10px;
        width: 10px;
        /*
        span{
          display: block;
          &:after{
            content:"...";
            position: absolute;
            left: -3px;
            top: 7px;
          }
        }
        */ }
        .reset-new .content-breadcrumbs ul li.clear-all i:after {
          content: "";
          background: transparent url("../img/toolbar_library/sprite.svg") no-repeat scroll 0px -20px/40px 85px;
          width: 10px;
          height: 10px;
          display: block;
          position: absolute;
          top: 8px;
          cursor: pointer;
          right: 0; }

/* RESPONSIVE */
@media screen and (max-width: 830px) {
  .content-breadcrumbs {
    z-index: 1; }
    .content-breadcrumbs ul {
      text-align: center; }
      .content-breadcrumbs ul li {
        font-size: 13px;
        color: #666666;
        font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
        padding: 0 9px;
        position: relative;
        letter-spacing: 0px; }
        .content-breadcrumbs ul li:after {
          content: "-";
          color: #4fadb9;
          position: absolute;
          right: -2px;
          top: 0px; }
        .content-breadcrumbs ul li:last-child:after {
          content: "";
          display: none; }
        .content-breadcrumbs ul li.clear-all i:after {
          top: 5px; } }
.presentationSeachContent {
  border: 1px solid #b8c0c6 !important;
  border-radius: 3px;
  cursor: pointer;
  overflow: visible;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 60px; }
  .presentationSeachContent #sortSelectContent {
    margin: 0px !important;
    padding: 0px !important;
    top: 0 !important; }
  .presentationSeachContent > div {
    display: inline-block;
    width: 215px;
    box-sizing: border-box;
    line-height: 40px; }
  .presentationSeachContent > select {
    width: 215px;
    padding: 0 20px;
    margin: 0;
    top: 0;
    box-sizing: border-box;
    text-align: left; }
  .presentationSeachContent .select-replace-cover,
  .presentationSeachContent .selectReplace {
    background: url("../img/reset-new/icons/np-mod-dropdown-arrow.svg") no-repeat 190px 20px;
    width: 215px !important;
    margin: 0;
    padding: 0;
    top: 0 !important;
    color: #b8c0c6;
    box-sizing: border-box;
    text-align: left !important; }
    .presentationSeachContent .select-replace-cover:hover,
    .presentationSeachContent .selectReplace:hover {
      color: #b8c0c6;
      background: transparent; }
    .presentationSeachContent .select-replace-cover > select,
    .presentationSeachContent .selectReplace > select {
      height: 40px;
      width: 215px !important;
      background: transparent;
      cursor: pointer;
      padding: 0;
      line-height: 42px;
      margin: 0;
      top: 0;
      box-sizing: border-box;
      text-align: left; }
      .presentationSeachContent .select-replace-cover > select:hover,
      .presentationSeachContent .selectReplace > select:hover {
        background: transparent; }
  .presentationSeachContent .selectReplace {
    padding: 0 20px !important; }
  .presentationSeachContent .select-replace-cover select {
    top: 5px !important;
    boder-color: #b8c0c6; }
    .presentationSeachContent .select-replace-cover select option {
      line-height: 20px; }
  .presentationSeachContent .select-replace-cover .selectReplace {
    font-family: "npprimarysemibolditalic", Helvetica, Arial, sans-serif;
    font-size: 14px; }

/* RESPONSIVE */
@media screen and (min-width: 1024px) {
  .reset-new.searchbar .np-mod-autocomplete.schoolInput,
  .reset-new.searchbar .np-mod-autocomplete.teacherInput,
  .reset-new.searchbar .searchbar-viewall-button {
    width: 250px; }

  .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox,
  .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input {
    width: 280px; }

  .reset-new.content-admin .reports .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox,
  .reset-new.content-admin .reports .reset-new.searchbar .searchbar-content .search-form .np-mod-searchbox input {
    width: 270px; } }
@media screen and (max-width: 1023px) {
  .reset-new.content-admin .reports .reset-new.searchbar.mode-searchuser .searchbar-content .search-form .np-mod-autocomplete {
    width: 250px; } }

@media screen and (max-width: 1230px) {
  .reset-new.content-admin .reports .reset-new.searchbar.mode-searchschool .searchbar-content .search-form {
    min-width: 768px; } }
@media screen and (max-width: 1023px) {
  .reset-new.content-admin .reports .reset-new.searchbar.mode-searchschool .searchbar-content .search-form {
    min-width: 763px; }
    .reset-new.content-admin .reports .reset-new.searchbar.mode-searchschool .searchbar-content .search-form .np-mod-searchbox {
      width: 220px; }
      .reset-new.content-admin .reports .reset-new.searchbar.mode-searchschool .searchbar-content .search-form .np-mod-searchbox input {
        width: 220px;
        padding-right: 30px; }
    .reset-new.content-admin .reports .reset-new.searchbar.mode-searchschool .searchbar-content .search-form .search-form-button {
      left: 600px; } }

@media screen and (max-width: 1230px) {
  .reset-new.content-admin .reports.menu-open .reset-new.searchbar.mode-searchschool .searchbar-content .search-form {
    width: 100%; } }
@media screen and (max-width: 920px) {
  .reset-new.content-admin .reports.menu-open .reset-new.searchbar.mode-searchschool .searchbar-content .search-form .np-mod-searchbox {
    width: 150px; }
    .reset-new.content-admin .reports.menu-open .reset-new.searchbar.mode-searchschool .searchbar-content .search-form .np-mod-searchbox input {
      width: 150px;
      padding-right: 30px; }
  .reset-new.content-admin .reports.menu-open .reset-new.searchbar.mode-searchschool .searchbar-content .search-form .search-form-button {
    left: 438px; }
  .reset-new.content-admin .reports.menu-open .reset-new.searchbar.mode-searchschool .searchbar-content .search-form .searchbar-viewall-button {
    width: 140px; }
  .reset-new.content-admin .reports.menu-open .reset-new.searchbar.mode-searchschool .searchbar-content .search-form .np-mod-autocomplete {
    width: 145px; } }

.reset-new#content.contentSharePresentation.content {
  width: 100%;
  height: 100vh;
  min-height: auto;
  background-image: url("../images/share/background/bg_img_1920x1080.jpg");
  background-position: center center;
  background-size: cover;
  padding: 0; }
  .reset-new#content.contentSharePresentation.content .np-mod-overlay {
    z-index: 0; }
  .reset-new#content.contentSharePresentation.content .content-share {
    width: 100%;
    max-width: 1240px;
    min-width: 768px;
    display: flex;
    flex-flow: row wrap;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .reset-new#content.contentSharePresentation.content .content-share .content-banner, .reset-new#content.contentSharePresentation.content .content-share .content-text {
      width: 650px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-banner {
      height: 486px;
      flex: 1;
      margin-bottom: -295px;
      overflow: hidden; }
      .reset-new#content.contentSharePresentation.content .content-share .content-banner img {
        width: 100%;
        /*box-shadow: 0 4px 6px #1b3b4a;*/ }
      .reset-new#content.contentSharePresentation.content .content-share .content-banner.folder {
        background-image: url("../images/share/folder/img-1920x1080.png");
        background-position: center top;
        background-size: 504px 445px;
        background-repeat: no-repeat; }
      .reset-new#content.contentSharePresentation.content .content-share .content-banner.binder {
        background-image: url("../images/share/binder/img-1920x1080.png");
        background-position: center top;
        background-size: 504px 445px;
        background-repeat: no-repeat; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text {
      width: 610px;
      display: table;
      overflow: hidden;
      padding-left: 40px; }
      .reset-new#content.contentSharePresentation.content .content-share .content-text.top {
        /*padding-top: 44px;*/
        min-height: 200px; }
      .reset-new#content.contentSharePresentation.content .content-share .content-text .content-title {
        display: table-cell;
        vertical-align: bottom; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text + .content-text {
      margin-left: auto;
      order: 1; }
    .reset-new#content.contentSharePresentation.content .content-share .title-share-npp {
      color: #ffffff;
      display: -webkit-box;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 60px;
      line-height: 64px;
      margin: 25px auto;
      overflow: hidden;
      overflow-wrap: anywhere;
      text-shadow: none;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; }
    .reset-new#content.contentSharePresentation.content .content-share .sub-title, .reset-new#content.contentSharePresentation.content .content-share p {
      color: #ffffff;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 30px;
      line-height: 34px; }
    .reset-new#content.contentSharePresentation.content .content-share .sub-title {
      margin-bottom: 17px; }
    .reset-new#content.contentSharePresentation.content .content-share .btnBox {
      width: 100%;
      padding: 20px 0;
      text-align: center; }
      .reset-new#content.contentSharePresentation.content .content-share .btnBox .accept-terms {
        font-size: 14px;
        margin-bottom: 20px; }
        .reset-new#content.contentSharePresentation.content .content-share .btnBox .accept-terms label {
          display: inline-block; }
          .reset-new#content.contentSharePresentation.content .content-share .btnBox .accept-terms label:before {
            width: 12px;
            height: 12px;
            border: 1px solid #ffffff;
            background-image: none;
            display: inline-block;
            margin-top: 4px;
            float: none;
            clear: both;
            position: relative;
            top: 2px; }
        .reset-new#content.contentSharePresentation.content .content-share .btnBox .accept-terms [type=checkbox]:checked + label:before {
          border: 1px solid #00a8ff;
          background-color: #00a8ff;
          background-image: url("../img/reset-new/icons/np-mod-checkbox.svg");
          background-position: -1px -2px;
          background-repeat: no-repeat; }
        .reset-new#content.contentSharePresentation.content .content-share .btnBox .accept-terms a {
          color: #00a8ff; }
      .reset-new#content.contentSharePresentation.content .content-share .btnBox .container-buttons {
        text-align: left;
        margin-bottom: 25px; }
      .reset-new#content.contentSharePresentation.content .content-share .btnBox .btn-add {
        width: 100%;
        max-width: 380px;
        font-size: 24px;
        line-height: 70px;
        margin: 0 auto 10px;
        -webkit-border-radius: 38px;
        -moz-border-radius: 38px;
        -ms-border-radius: 38px;
        border-radius: 38px; }
      .reset-new#content.contentSharePresentation.content .content-share .btnBox .btn-preview {
        width: 160px;
        height: 40px;
        border-radius: 4px;
        display: inline-block;
        margin-right: 24px;
        font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
        color: #00a8ff;
        border: 1px solid #00a8ff; }
        .reset-new#content.contentSharePresentation.content .content-share .btnBox .btn-preview:hover {
          background: rgba(21, 45, 57, 0.95); }
      .reset-new#content.contentSharePresentation.content .content-share .btnBox .btn-upgrade {
        width: 160px;
        height: 40px;
        border-radius: 4px;
        display: inline-block;
        font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif; }
      .reset-new#content.contentSharePresentation.content .content-share .btnBox .link-no-thanks {
        color: #ffffff;
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 24px; }
        .reset-new#content.contentSharePresentation.content .content-share .btnBox .link-no-thanks:hover {
          color: #00a8ff;
          text-decoration: underline; }
      .reset-new#content.contentSharePresentation.content .content-share .btnBox .link-to-my-library {
        color: #ffffff;
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-align: left;
        display: inline-block;
        width: 100%;
        text-decoration: none; }
        .reset-new#content.contentSharePresentation.content .content-share .btnBox .link-to-my-library:hover {
          color: #00a8ff; }
  .reset-new#content.contentSharePresentation.content .content-share::after {
    content: '';
    width: 100%;
    /* Force line break */ }
  @media (max-width: 1440px) {
    .reset-new#content.contentSharePresentation.content .content-share {
      max-width: 850px; }
      .reset-new#content.contentSharePresentation.content .content-share .content-banner, .reset-new#content.contentSharePresentation.content .content-share .content-text {
        width: 400px; }
        .reset-new#content.contentSharePresentation.content .content-share .content-banner.top, .reset-new#content.contentSharePresentation.content .content-share .content-text.top {
          padding-top: 0;
          min-height: auto; }
      .reset-new#content.contentSharePresentation.content .content-share .content-banner {
        height: 311px;
        margin-bottom: -245px; }
        .reset-new#content.contentSharePresentation.content .content-share .content-banner.folder {
          height: 331px;
          background-image: url("../images/share/folder/img-1440x810.png");
          background-position: center center;
          background-size: contain; }
        .reset-new#content.contentSharePresentation.content .content-share .content-banner.binder {
          height: 331px;
          background-image: url("../images/share/binder/img-1440x810.png");
          background-position: center center;
          background-size: contain; }
      .reset-new#content.contentSharePresentation.content .content-share .content-text {
        width: 420px; }
        .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width {
          width: 100%;
          padding-left: 0;
          text-align: center; }
      .reset-new#content.contentSharePresentation.content .content-share .title-share-npp {
        font-size: 42px;
        line-height: 46px;
        margin: 20px auto; }
      .reset-new#content.contentSharePresentation.content .content-share .sub-title, .reset-new#content.contentSharePresentation.content .content-share p {
        font-size: 22px;
        line-height: 24px; }
      .reset-new#content.contentSharePresentation.content .content-share .btnBox {
        padding: 7px 0; }
        .reset-new#content.contentSharePresentation.content .content-share .btnBox .btn-add {
          max-width: 280px;
          font-size: 16px;
          line-height: 48px;
          margin: 0 auto 13px;
          -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
          -ms-border-radius: 25px;
          border-radius: 25px; }
        .reset-new#content.contentSharePresentation.content .content-share .btnBox .link-no-thanks {
          font-size: 16px; } }
  @media (max-width: 1024px) {
    .reset-new#content.contentSharePresentation.content {
      background-image: url("../images/share/background/bg_img_1024x768.jpg"); } }
  @media (max-width: 860px) {
    .reset-new#content.contentSharePresentation.content {
      background-image: url("../images/share/background/bg_img_768x1024.jpg"); }
      .reset-new#content.contentSharePresentation.content .content-share {
        width: calc(100% - 40px);
        max-width: 100%;
        min-width: calc(100% - 40px); }
        .reset-new#content.contentSharePresentation.content .content-share .content-text {
          width: 100%;
          max-width: 410px;
          margin: auto;
          padding: 0; }
          .reset-new#content.contentSharePresentation.content .content-share .content-text .sub-title {
            max-width: 400px;
            margin-bottom: 6px; }
          .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width {
            width: 100%;
            max-width: 100%;
            margin: auto; }
            .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width.bottom {
              margin: 0; }
            .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width .sub-title {
              max-width: 100%; }
        .reset-new#content.contentSharePresentation.content .content-share .content-banner {
          width: 100%;
          height: auto;
          max-width: 399px;
          min-width: 228px;
          text-align: center; }
          .reset-new#content.contentSharePresentation.content .content-share .content-banner.folder {
            height: 230px; } }
  @media (max-width: 860px) and (orientation: landscape) {
    .reset-new#content.contentSharePresentation.content .content-share .sub-title, .reset-new#content.contentSharePresentation.content .content-share p {
      font-size: 18px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text {
      width: 45%;
      max-width: 410px;
      padding: 0 0 0 5%; }
      .reset-new#content.contentSharePresentation.content .content-share .content-text.top {
        margin: 0; }
      .reset-new#content.contentSharePresentation.content .content-share .content-text.bottom {
        margin: 0 0 0 50%; }
      .reset-new#content.contentSharePresentation.content .content-share .content-text .title-share-npp {
        font-size: 26px;
        line-height: 28px;
        margin: 5px auto; }
      .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width {
        width: 100%;
        max-width: 100%;
        margin: auto; }
        .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width.bottom {
          margin: 0; }
        .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width .sub-title {
          max-width: 100%; }
    .reset-new#content.contentSharePresentation.content .content-share .content-banner {
      width: 50%;
      height: 257px; } }
  @media (max-width: 860px) and (orientation: portrait) {
    .reset-new#content.contentSharePresentation.content .content-share {
      flex-flow: column;
      margin: auto;
      padding: 0 10px;
      text-align: center; }
      .reset-new#content.contentSharePresentation.content .content-share .content-text {
        width: 100%;
        max-width: 410px;
        margin: auto;
        padding: 0; }
        .reset-new#content.contentSharePresentation.content .content-share .content-text.top {
          order: -1; }
        .reset-new#content.contentSharePresentation.content .content-share .content-text.bottom {
          order: 1; }
        .reset-new#content.contentSharePresentation.content .content-share .content-text .sub-title {
          max-width: 400px;
          margin-bottom: 6px; }
        .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width {
          width: 100%;
          max-width: 100%;
          margin: auto; }
          .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width.bottom {
            margin: 0; }
          .reset-new#content.contentSharePresentation.content .content-share .content-text--full-width .sub-title {
            max-width: 100%; }
      .reset-new#content.contentSharePresentation.content .content-share .content-banner {
        width: 100%;
        height: auto;
        max-width: 399px;
        min-width: 228px;
        margin: auto;
        margin-bottom: 30px;
        order: 0;
        text-align: center; }
        .reset-new#content.contentSharePresentation.content .content-share .content-banner.folder {
          height: 229px;
          margin-bottom: 4px;
          margin-top: 4px; } }
  @media (max-width: 660px) and (orientation: landscape) {
    .reset-new#content.contentSharePresentation.content .content-share .content-text .sub-title, .reset-new#content.contentSharePresentation.content .content-share .content-text p {
      font-size: 14px;
      line-height: 16px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .title-share-npp {
      font-size: 18px;
      line-height: 20px;
      margin: 5px auto; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .btnBox .btn-add {
      width: 200px;
      line-height: 43px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .btnBox .link-no-thanks {
      font-size: 14px; } }
  @media (max-width: 480px) {
    .reset-new#content.contentSharePresentation.content .content-share .content-banner {
      max-width: 280px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .title-share-npp {
      font-size: 32px;
      line-height: 34px;
      margin: 10px auto 20px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .sub-title, .reset-new#content.contentSharePresentation.content .content-share .content-text p {
      font-size: 18px;
      line-height: 22px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .btnBox .link-no-thanks {
      font-size: 14px; } }
  @media (max-width: 320px) {
    .reset-new#content.contentSharePresentation.content .content-share .content-banner {
      max-width: 200px;
      min-width: 200px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .sub-title {
      max-width: 220px;
      margin: 0 auto 15px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .title-share-npp {
      font-size: 20px;
      line-height: 22px;
      margin: 10px auto 20px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .sub-title, .reset-new#content.contentSharePresentation.content .content-share .content-text p {
      font-size: 14px;
      line-height: 16px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .btnBox .btn-add {
      width: 200px;
      line-height: 43px; }
    .reset-new#content.contentSharePresentation.content .content-share .content-text .btnBox .link-no-thanks {
      font-size: 14px; } }
.reset-new#content .opacity {
  /*width: 100%;
  height: 100%;
  background-color: rgba($np-color-neutral-black, 0.85);
  position: fixed;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;*/ }

.presentationSeachContent {
  border: 1px solid #b8c0c6 !important;
  border-radius: 3px;
  cursor: pointer;
  overflow: visible;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 60px; }
  .presentationSeachContent #sortSelectContent {
    margin: 0px !important;
    padding: 0px !important;
    top: 0 !important; }
  .presentationSeachContent > div {
    display: inline-block;
    width: 215px;
    box-sizing: border-box;
    line-height: 40px; }
  .presentationSeachContent > select {
    width: 215px;
    padding: 0 20px;
    margin: 0;
    top: 0;
    box-sizing: border-box;
    text-align: left; }
  .presentationSeachContent .select-replace-cover,
  .presentationSeachContent .selectReplace {
    background: url("../img/reset-new/icons/np-mod-dropdown-arrow.svg") no-repeat 190px 20px;
    width: 215px !important;
    margin: 0;
    padding: 0;
    top: 0 !important;
    color: #b8c0c6;
    box-sizing: border-box;
    text-align: left !important; }
    .presentationSeachContent .select-replace-cover:hover,
    .presentationSeachContent .selectReplace:hover {
      color: #b8c0c6;
      background: transparent; }
    .presentationSeachContent .select-replace-cover > select,
    .presentationSeachContent .selectReplace > select {
      height: 40px;
      width: 215px !important;
      background: transparent;
      cursor: pointer;
      padding: 0;
      line-height: 42px;
      margin: 0;
      top: 0;
      box-sizing: border-box;
      text-align: left; }
      .presentationSeachContent .select-replace-cover > select:hover,
      .presentationSeachContent .selectReplace > select:hover {
        background: transparent; }
  .presentationSeachContent .selectReplace {
    padding: 0 20px !important; }
  .presentationSeachContent .select-replace-cover select {
    top: 5px !important;
    boder-color: #b8c0c6; }
    .presentationSeachContent .select-replace-cover select option {
      line-height: 20px; }
  .presentationSeachContent .select-replace-cover .selectReplace {
    font-family: "npprimarysemibolditalic", Helvetica, Arial, sans-serif;
    font-size: 14px; }

.reset-new.stickyBar {
  background: #5b6d79;
  padding: 10px 0;
  height: 40px; }
  .reset-new.stickyBar .np-mod-cta {
    border-radius: 3px;
    float: right;
    margin-left: 60px;
    font-size: 16px; }
    .reset-new.stickyBar .np-mod-cta.no-style {
      background: none;
      color: #ffffff; }
    .reset-new.stickyBar .np-mod-cta:first-of-type {
      margin: 0 40px; }
      .reset-new.stickyBar .np-mod-cta:first-of-type.editPresentation {
        position: absolute;
        left: 50%;
        margin-left: -35px; }
    .reset-new.stickyBar .np-mod-cta.sellPresentation {
      margin-right: 0;
      padding: 0 20px 0 40px; }
    .reset-new.stickyBar .np-mod-cta.btn-preview:hover, .reset-new.stickyBar .np-mod-cta.btn-share:hover {
      opacity: 0.7; }
    .reset-new.stickyBar .np-mod-cta.disabled {
      display: none; }

.teacher-onboarding-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 55, 83, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999; }
  .teacher-onboarding-wrapper .teacher-onboarding-header {
    height: 131px;
    text-align: center;
    padding-top: 30px; }
    .teacher-onboarding-wrapper .teacher-onboarding-header-title {
      color: #ffffff;
      font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
      font-size: 42px; }
    .teacher-onboarding-wrapper .teacher-onboarding-header-subtitle {
      color: #ffffff;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 21px; }
  .teacher-onboarding-wrapper .teacher-onboarding-skip {
    background: none;
    border: none;
    color: #ffffff;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
    font-size: 14px;
    position: absolute;
    top: 32px;
    right: 27px; }
    .teacher-onboarding-wrapper .teacher-onboarding-skip:hover {
      text-decoration: underline; }
  .teacher-onboarding-wrapper .teacher-onboarding-live-text {
    width: 100%;
    max-width: 664px;
    margin: auto;
    text-align: center;
    padding-top: 40px; }
    .teacher-onboarding-wrapper .teacher-onboarding-live-text-title {
      color: #ffffff;
      font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
      font-size: 42px;
      line-height: 40px;
      margin-bottom: 7px; }
    .teacher-onboarding-wrapper .teacher-onboarding-live-text-subtitle {
      color: #ffffff;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-size: 21px;
      line-height: 27px; }
  .teacher-onboarding-wrapper .teacher-onboarding-tooltip {
    width: 620px;
    margin: auto;
    margin-top: 192px;
    position: relative;
    right: -233px; }
    .teacher-onboarding-wrapper .teacher-onboarding-tooltip.to-arrow {
      width: 200px;
      background: #00a8ff;
      border-radius: 5px;
      box-sizing: border-box;
      display: block;
      padding: 13px;
      text-align: left; }
      .teacher-onboarding-wrapper .teacher-onboarding-tooltip.to-arrow::before {
        width: 67px;
        height: 69px;
        background: url("../img/reset-new/teacher-onboarding/arrow-down-right.svg");
        content: '';
        display: block;
        position: absolute;
        bottom: -63px;
        left: -28px; }
    .teacher-onboarding-wrapper .teacher-onboarding-tooltip-text {
      color: #ffffff;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 20px; }
  @media (max-width: 760px) {
    .teacher-onboarding-wrapper .teacher-onboarding-live-text {
      width: calc(100% - 40px); }
      .teacher-onboarding-wrapper .teacher-onboarding-live-text-title {
        font-size: 32px;
        line-height: 30px; }
      .teacher-onboarding-wrapper .teacher-onboarding-live-text-subtitle {
        font-size: 18px;
        line-height: 22px; } }
  @media (max-height: 530px) {
    .teacher-onboarding-wrapper .teacher-onboarding-tooltip.to-arrow {
      display: none; } }

.reset-new.slider-symbol {
  width: 248px;
  /*display:none;*/
  background-color: #ffffff;
  border: 1px solid #b8c0c6;
  box-shadow: 0 2px 4px rgba(20, 44, 56, 0.4);
  /*overflow: hidden;*/
  position: absolute;
  right: -10px;
  top: 3px;
  z-index: 99;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  .reset-new.slider-symbol .nav {
    width: 248px;
    position: absolute;
    top: 0;
    left: 0; }
    .reset-new.slider-symbol .nav .prev, .reset-new.slider-symbol .nav .next {
      width: 7px;
      height: 12px;
      background-image: url(../img/reset-new/icons/arrows-slider.svg);
      position: absolute;
      top: 11px;
      z-index: 20; }
    .reset-new.slider-symbol .nav .prev {
      left: 10px; }
    .reset-new.slider-symbol .nav .next {
      right: 10px;
      background-position: top right; }
  .reset-new.slider-symbol .content-symbols {
    text-align: left; }
    .reset-new.slider-symbol .content-symbols .symbols-type {
      height: 33px;
      background-color: #f8fafb;
      border-bottom: 1px solid #b8c0c6;
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-topright: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      text-align: center; }
      .reset-new.slider-symbol .content-symbols .symbols-type .symbols-title {
        display: inline-block;
        color: #5b6d79;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 35px;
        text-align: center;
        position: relative; }
        .reset-new.slider-symbol .content-symbols .symbols-type .symbols-title:after {
          content: "";
          width: 36px;
          height: 16px;
          background: url(../img/reset-new/icons/beta.svg) center center no-repeat;
          position: absolute;
          top: 8px;
          right: -40px;
          z-index: 9999999;
          -webkit-box-shadow: 3px 3px 9px 0px rgba(7, 26, 35, 0.36);
          -moz-box-shadow: 3px 3px 9px 0px rgba(7, 26, 35, 0.36);
          box-shadow: 3px 3px 9px 0px rgba(7, 26, 35, 0.36); }
    .reset-new.slider-symbol .content-symbols .content-symbols-list {
      background-color: #ffffff;
      padding: 5px; }
      .reset-new.slider-symbol .content-symbols .content-symbols-list ul.symbols-list {
        border: none;
        padding-left: 0;
        padding-top: 0;
        /*display: flex;
        flex-wrap: wrap;
        justify-content:  flex-start;*/ }
        .reset-new.slider-symbol .content-symbols .content-symbols-list ul.symbols-list .symbol-item {
          width: 30px;
          height: 30px;
          display: inline-block;
          background-color: #eee;
          box-shadow: 0 1px 1px rgba(7, 26, 35, 0.2);
          color: #8b9195;
          font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
          font-size: 20px;
          line-height: 34px;
          margin: 3px;
          text-align: center;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px; }
          .reset-new.slider-symbol .content-symbols .content-symbols-list ul.symbols-list .symbol-item.big {
            width: 70px; }
          .reset-new.slider-symbol .content-symbols .content-symbols-list ul.symbols-list .symbol-item:hover {
            cursor: pointer;
            background-color: #a8e0fe; }
          .reset-new.slider-symbol .content-symbols .content-symbols-list ul.symbols-list .symbol-item.active {
            cursor: pointer;
            background-color: #00a8ff;
            color: #ffffff; }

.reset-new#slideFormContainer .desc .uploadHeader,
.reset-new#slideEditor .desc .uploadHeader,
.reset-new.content-draw-it .desc .uploadHeader,
#fillTheBlanks-container .desc .uploadHeader,
#memotest-container.memotest-container .desc .uploadHeader {
  margin-top: 21px; }
  .reset-new#slideFormContainer .desc .uploadHeader .titleSub,
  .reset-new#slideEditor .desc .uploadHeader .titleSub,
  .reset-new.content-draw-it .desc .uploadHeader .titleSub,
  #fillTheBlanks-container .desc .uploadHeader .titleSub,
  #memotest-container.memotest-container .desc .uploadHeader .titleSub {
    border-bottom: 2px solid #00a8ff;
    color: #5b6d79;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 26px;
    padding-bottom: 3px; }
  .reset-new#slideFormContainer .desc .uploadHeader.freeText,
  .reset-new#slideEditor .desc .uploadHeader.freeText,
  .reset-new.content-draw-it .desc .uploadHeader.freeText,
  #fillTheBlanks-container .desc .uploadHeader.freeText,
  #memotest-container.memotest-container .desc .uploadHeader.freeText {
    background: url(../img/reset-new/icons/freetextBck.svg) 17px 13px no-repeat; }
  .reset-new#slideFormContainer .desc .uploadHeader.poll,
  .reset-new#slideEditor .desc .uploadHeader.poll,
  .reset-new.content-draw-it .desc .uploadHeader.poll,
  #fillTheBlanks-container .desc .uploadHeader.poll,
  #memotest-container.memotest-container .desc .uploadHeader.poll {
    background: url(../img/reset-new/icons/ic-poll.svg) 17px 13px no-repeat; }
  .reset-new#slideFormContainer .desc .uploadHeader.quiz,
  .reset-new#slideEditor .desc .uploadHeader.quiz,
  .reset-new.content-draw-it .desc .uploadHeader.quiz,
  #fillTheBlanks-container .desc .uploadHeader.quiz,
  #memotest-container.memotest-container .desc .uploadHeader.quiz {
    background: url(../img/reset-new/icons/quizBck.svg) 17px 16px no-repeat;
    background-size: 28px 22px; }
  .reset-new#slideFormContainer .desc .uploadHeader.drawit,
  .reset-new#slideEditor .desc .uploadHeader.drawit,
  .reset-new.content-draw-it .desc .uploadHeader.drawit,
  #fillTheBlanks-container .desc .uploadHeader.drawit,
  #memotest-container.memotest-container .desc .uploadHeader.drawit {
    background: url(../img/reset-new/icons/ftitle-drawit.svg) 19px 13px no-repeat;
    background-size: 18px 30px; }
  .reset-new#slideFormContainer .desc .uploadHeader.memotest,
  .reset-new#slideEditor .desc .uploadHeader.memotest,
  .reset-new.content-draw-it .desc .uploadHeader.memotest,
  #fillTheBlanks-container .desc .uploadHeader.memotest,
  #memotest-container.memotest-container .desc .uploadHeader.memotest {
    background: url(../img/reset-new/icons/memory-test.svg) left center no-repeat;
    background-size: 26px 27px; }
  .reset-new#slideFormContainer .desc .uploadHeader.fillTheBlanks,
  .reset-new#slideEditor .desc .uploadHeader.fillTheBlanks,
  .reset-new.content-draw-it .desc .uploadHeader.fillTheBlanks,
  #fillTheBlanks-container .desc .uploadHeader.fillTheBlanks,
  #memotest-container.memotest-container .desc .uploadHeader.fillTheBlanks {
    background: url(../img/reset-new/icons/fill-the-blanks.svg) left center no-repeat;
    background-size: 26px 27px; }
  .reset-new#slideFormContainer .desc .uploadHeader.freeText h1, .reset-new#slideFormContainer .desc .uploadHeader.poll h1, .reset-new#slideFormContainer .desc .uploadHeader.quiz h1, .reset-new#slideFormContainer .desc .uploadHeader.drawit h1,
  .reset-new#slideEditor .desc .uploadHeader.freeText h1,
  .reset-new#slideEditor .desc .uploadHeader.poll h1,
  .reset-new#slideEditor .desc .uploadHeader.quiz h1,
  .reset-new#slideEditor .desc .uploadHeader.drawit h1,
  .reset-new.content-draw-it .desc .uploadHeader.freeText h1,
  .reset-new.content-draw-it .desc .uploadHeader.poll h1,
  .reset-new.content-draw-it .desc .uploadHeader.quiz h1,
  .reset-new.content-draw-it .desc .uploadHeader.drawit h1,
  #fillTheBlanks-container .desc .uploadHeader.freeText h1,
  #fillTheBlanks-container .desc .uploadHeader.poll h1,
  #fillTheBlanks-container .desc .uploadHeader.quiz h1,
  #fillTheBlanks-container .desc .uploadHeader.drawit h1,
  #memotest-container.memotest-container .desc .uploadHeader.freeText h1,
  #memotest-container.memotest-container .desc .uploadHeader.poll h1,
  #memotest-container.memotest-container .desc .uploadHeader.quiz h1,
  #memotest-container.memotest-container .desc .uploadHeader.drawit h1 {
    padding-left: 51px;
    background: none; }
.reset-new#slideFormContainer.content-freeText .QaAlist, .reset-new#slideFormContainer.content-poll .QaAlist, .reset-new#slideFormContainer.content-quiz .QaAlist,
.reset-new#slideEditor.content-freeText .QaAlist,
.reset-new#slideEditor.content-poll .QaAlist,
.reset-new#slideEditor.content-quiz .QaAlist,
.reset-new.content-draw-it.content-freeText .QaAlist,
.reset-new.content-draw-it.content-poll .QaAlist,
.reset-new.content-draw-it.content-quiz .QaAlist,
#fillTheBlanks-container.content-freeText .QaAlist,
#fillTheBlanks-container.content-poll .QaAlist,
#fillTheBlanks-container.content-quiz .QaAlist,
#memotest-container.memotest-container.content-freeText .QaAlist,
#memotest-container.memotest-container.content-poll .QaAlist,
#memotest-container.memotest-container.content-quiz .QaAlist {
  overflow: initial;
  overflow-x: initial; }
  .reset-new#slideFormContainer.content-freeText .QaAlist li.question, .reset-new#slideFormContainer.content-poll .QaAlist li.question, .reset-new#slideFormContainer.content-quiz .QaAlist li.question,
  .reset-new#slideEditor.content-freeText .QaAlist li.question,
  .reset-new#slideEditor.content-poll .QaAlist li.question,
  .reset-new#slideEditor.content-quiz .QaAlist li.question,
  .reset-new.content-draw-it.content-freeText .QaAlist li.question,
  .reset-new.content-draw-it.content-poll .QaAlist li.question,
  .reset-new.content-draw-it.content-quiz .QaAlist li.question,
  #fillTheBlanks-container.content-freeText .QaAlist li.question,
  #fillTheBlanks-container.content-poll .QaAlist li.question,
  #fillTheBlanks-container.content-quiz .QaAlist li.question,
  #memotest-container.memotest-container.content-freeText .QaAlist li.question,
  #memotest-container.memotest-container.content-poll .QaAlist li.question,
  #memotest-container.memotest-container.content-quiz .QaAlist li.question {
    overflow: initial; }
.reset-new#slideFormContainer .sketchChangeImg,
.reset-new#slideEditor .sketchChangeImg,
.reset-new.content-draw-it .sketchChangeImg,
#fillTheBlanks-container .sketchChangeImg,
#memotest-container.memotest-container .sketchChangeImg {
  font-size: 12px; }
.reset-new#slideFormContainer .dragBox,
.reset-new#slideEditor .dragBox,
.reset-new.content-draw-it .dragBox,
#fillTheBlanks-container .dragBox,
#memotest-container.memotest-container .dragBox {
  border: 3px dashed #00a8ff;
  margin: 0px auto 20px auto; }
.reset-new#slideFormContainer #uploadDiv p,
.reset-new#slideEditor #uploadDiv p,
.reset-new.content-draw-it #uploadDiv p,
#fillTheBlanks-container #uploadDiv p,
#memotest-container.memotest-container #uploadDiv p {
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 16px; }
.reset-new#slideFormContainer #uploadDiv .uploadFeatureBoxes p,
.reset-new#slideEditor #uploadDiv .uploadFeatureBoxes p,
.reset-new.content-draw-it #uploadDiv .uploadFeatureBoxes p,
#fillTheBlanks-container #uploadDiv .uploadFeatureBoxes p,
#memotest-container.memotest-container #uploadDiv .uploadFeatureBoxes p {
  font-size: 19px; }
.reset-new#slideFormContainer .contentFunctions,
.reset-new#slideEditor .contentFunctions,
.reset-new.content-draw-it .contentFunctions,
#fillTheBlanks-container .contentFunctions,
#memotest-container.memotest-container .contentFunctions {
  position: relative; }
.reset-new#slideFormContainer .tooltipTitle span,
.reset-new#slideEditor .tooltipTitle span,
.reset-new.content-draw-it .tooltipTitle span,
#fillTheBlanks-container .tooltipTitle span,
#memotest-container.memotest-container .tooltipTitle span {
  font-size: 12px;
  padding: 3px 5px; }
.reset-new#slideFormContainer .tooltipTitle.t-bottom span,
.reset-new#slideEditor .tooltipTitle.t-bottom span,
.reset-new.content-draw-it .tooltipTitle.t-bottom span,
#fillTheBlanks-container .tooltipTitle.t-bottom span,
#memotest-container.memotest-container .tooltipTitle.t-bottom span {
  bottom: -32px;
  line-height: 14px;
  /*width: 136px;*/
  left: -10px;
  /*white-space: normal;*/ }
.reset-new#slideFormContainer .tooltipTitle.t-bottom:hover:before,
.reset-new#slideEditor .tooltipTitle.t-bottom:hover:before,
.reset-new.content-draw-it .tooltipTitle.t-bottom:hover:before,
#fillTheBlanks-container .tooltipTitle.t-bottom:hover:before,
#memotest-container.memotest-container .tooltipTitle.t-bottom:hover:before {
  border-width: 0 6px 6px 6px;
  bottom: -12px; }
.reset-new#slideFormContainer a.duplicateBtn,
.reset-new#slideEditor a.duplicateBtn,
.reset-new.content-draw-it a.duplicateBtn,
#fillTheBlanks-container a.duplicateBtn,
#memotest-container.memotest-container a.duplicateBtn {
  width: 29px;
  height: 31px;
  border-radius: 50%;
  background-color: white;
  background-image: url(../images/bt_duplicate.svg);
  background-repeat: no-repeat;
  background-position: top center;
  margin-left: 10px; }
  .reset-new#slideFormContainer a.duplicateBtn:hover,
  .reset-new#slideEditor a.duplicateBtn:hover,
  .reset-new.content-draw-it a.duplicateBtn:hover,
  #fillTheBlanks-container a.duplicateBtn:hover,
  #memotest-container.memotest-container a.duplicateBtn:hover {
    background-position: bottom center; }
.reset-new#slideFormContainer a.showBtn,
.reset-new#slideEditor a.showBtn,
.reset-new.content-draw-it a.showBtn,
#fillTheBlanks-container a.showBtn,
#memotest-container.memotest-container a.showBtn {
  width: 22px;
  height: 22px;
  background: url(../images/quiz/btn-unfold.png) no-repeat;
  display: inline-block;
  cursor: pointer;
  float: left;
  margin-top: 50px; }
.reset-new#slideFormContainer span.numberItem,
.reset-new#slideEditor span.numberItem,
.reset-new.content-draw-it span.numberItem,
#fillTheBlanks-container span.numberItem,
#memotest-container.memotest-container span.numberItem {
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  font-family: "npprimarylight", Helvetica, Arial, sans-serif;
  margin-top: 13px;
  vertical-align: top; }
.reset-new#slideFormContainer input[type="text"],
.reset-new#slideEditor input[type="text"],
.reset-new.content-draw-it input[type="text"],
#fillTheBlanks-container input[type="text"],
#memotest-container.memotest-container input[type="text"] {
  height: 22px;
  background: transparent;
  border: 1px solid #B8B8B8;
  color: #071a23;
  font-size: 17px;
  font-weight: bold;
  opacity: 0.70;
  filter: alpha(opacity=70);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .reset-new#slideFormContainer input[type="text"]:focus,
  .reset-new#slideEditor input[type="text"]:focus,
  .reset-new.content-draw-it input[type="text"]:focus,
  #fillTheBlanks-container input[type="text"]:focus,
  #memotest-container.memotest-container input[type="text"]:focus {
    color: #071a23; }
.reset-new#slideFormContainer .sortable1Item .numberContainer,
.reset-new#slideEditor .sortable1Item .numberContainer,
.reset-new.content-draw-it .sortable1Item .numberContainer,
#fillTheBlanks-container .sortable1Item .numberContainer,
#memotest-container.memotest-container .sortable1Item .numberContainer {
  width: 40px;
  height: 40px;
  background-color: white;
  cursor: pointer;
  float: left;
  text-align: center;
  margin: 0px 6px 0px 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }
  .reset-new#slideFormContainer .sortable1Item .numberContainer:hover,
  .reset-new#slideEditor .sortable1Item .numberContainer:hover,
  .reset-new.content-draw-it .sortable1Item .numberContainer:hover,
  #fillTheBlanks-container .sortable1Item .numberContainer:hover,
  #memotest-container.memotest-container .sortable1Item .numberContainer:hover {
    background: #cdcdce;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }
  .reset-new#slideFormContainer .sortable1Item .numberContainer .numberItem,
  .reset-new#slideEditor .sortable1Item .numberContainer .numberItem,
  .reset-new.content-draw-it .sortable1Item .numberContainer .numberItem,
  #fillTheBlanks-container .sortable1Item .numberContainer .numberItem,
  #memotest-container.memotest-container .sortable1Item .numberContainer .numberItem {
    width: 40px;
    line-height: 40px;
    margin: 0px; }
  .reset-new#slideFormContainer .sortable1Item .numberContainer .subItem,
  .reset-new#slideEditor .sortable1Item .numberContainer .subItem,
  .reset-new.content-draw-it .sortable1Item .numberContainer .subItem,
  #fillTheBlanks-container .sortable1Item .numberContainer .subItem,
  #memotest-container.memotest-container .sortable1Item .numberContainer .subItem {
    font-size: 15px; }
.reset-new#slideFormContainer .sortable1Item.question .numberContainer,
.reset-new#slideEditor .sortable1Item.question .numberContainer,
.reset-new.content-draw-it .sortable1Item.question .numberContainer,
#fillTheBlanks-container .sortable1Item.question .numberContainer,
#memotest-container.memotest-container .sortable1Item.question .numberContainer {
  margin-top: 40px; }
.reset-new#slideFormContainer .sortable1Item.question .li_answer .numberContainer,
.reset-new#slideEditor .sortable1Item.question .li_answer .numberContainer,
.reset-new.content-draw-it .sortable1Item.question .li_answer .numberContainer,
#fillTheBlanks-container .sortable1Item.question .li_answer .numberContainer,
#memotest-container.memotest-container .sortable1Item.question .li_answer .numberContainer {
  margin-top: 5px; }
.reset-new#slideFormContainer .ui-sortable-helper .numberContainer,
.reset-new#slideEditor .ui-sortable-helper .numberContainer,
.reset-new.content-draw-it .ui-sortable-helper .numberContainer,
#fillTheBlanks-container .ui-sortable-helper .numberContainer,
#memotest-container.memotest-container .ui-sortable-helper .numberContainer {
  cursor: move; }
.reset-new#slideFormContainer .btnFctn,
.reset-new#slideEditor .btnFctn,
.reset-new.content-draw-it .btnFctn,
#fillTheBlanks-container .btnFctn,
#memotest-container.memotest-container .btnFctn {
  width: 50px;
  height: 100%;
  background-color: #b9b9b9;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  cursor: pointer;
  font-size: 120%;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  line-height: 0px;
  margin-right: -1px;
  position: absolute;
  text-align: center;
  top: 0;
  right: 1px;
  z-index: 9; }
  .reset-new#slideFormContainer .btnFctn div,
  .reset-new#slideEditor .btnFctn div,
  .reset-new.content-draw-it .btnFctn div,
  #fillTheBlanks-container .btnFctn div,
  #memotest-container.memotest-container .btnFctn div {
    margin-left: 10px;
    position: absolute;
    bottom: 50%;
    top: 50%; }
.reset-new#slideFormContainer li .inputFieldWrapper,
.reset-new#slideEditor li .inputFieldWrapper,
.reset-new.content-draw-it li .inputFieldWrapper,
#fillTheBlanks-container li .inputFieldWrapper,
#memotest-container.memotest-container li .inputFieldWrapper {
  display: inline-block;
  margin-bottom: 20px;
  position: relative; }
  .reset-new#slideFormContainer li .inputFieldWrapper .contentFunctions .li_span_input_answer.btnFunction,
  .reset-new#slideEditor li .inputFieldWrapper .contentFunctions .li_span_input_answer.btnFunction,
  .reset-new.content-draw-it li .inputFieldWrapper .contentFunctions .li_span_input_answer.btnFunction,
  #fillTheBlanks-container li .inputFieldWrapper .contentFunctions .li_span_input_answer.btnFunction,
  #memotest-container.memotest-container li .inputFieldWrapper .contentFunctions .li_span_input_answer.btnFunction {
    height: 27px;
    background: #ffffff;
    line-height: 27px;
    margin-top: 0;
    padding: 10px 80px 10px 10px;
    resize: none; }
  .reset-new#slideFormContainer li .inputFieldWrapper .contentFunctions .textLabel,
  .reset-new#slideEditor li .inputFieldWrapper .contentFunctions .textLabel,
  .reset-new.content-draw-it li .inputFieldWrapper .contentFunctions .textLabel,
  #fillTheBlanks-container li .inputFieldWrapper .contentFunctions .textLabel,
  #memotest-container.memotest-container li .inputFieldWrapper .contentFunctions .textLabel {
    color: #a7a7a7; }
  .reset-new#slideFormContainer li .inputFieldWrapper .contentFunctions.focus .li_span_input_answer.btnFunction,
  .reset-new#slideEditor li .inputFieldWrapper .contentFunctions.focus .li_span_input_answer.btnFunction,
  .reset-new.content-draw-it li .inputFieldWrapper .contentFunctions.focus .li_span_input_answer.btnFunction,
  #fillTheBlanks-container li .inputFieldWrapper .contentFunctions.focus .li_span_input_answer.btnFunction,
  #memotest-container.memotest-container li .inputFieldWrapper .contentFunctions.focus .li_span_input_answer.btnFunction {
    padding: 9px 79px 9px 9px; }
.reset-new#slideFormContainer .QaAlist,
.reset-new#slideEditor .QaAlist,
.reset-new.content-draw-it .QaAlist,
#fillTheBlanks-container .QaAlist,
#memotest-container.memotest-container .QaAlist {
  margin-bottom: 50px; }
  .reset-new#slideFormContainer .QaAlist ul.sortable,
  .reset-new#slideEditor .QaAlist ul.sortable,
  .reset-new.content-draw-it .QaAlist ul.sortable,
  #fillTheBlanks-container .QaAlist ul.sortable,
  #memotest-container.memotest-container .QaAlist ul.sortable {
    border-bottom: 1px solid #eaeaea;
    padding-left: 30px;
    padding-top: 15px; }
    .reset-new#slideFormContainer .QaAlist ul.sortable li.li_question_0,
    .reset-new#slideEditor .QaAlist ul.sortable li.li_question_0,
    .reset-new.content-draw-it .QaAlist ul.sortable li.li_question_0,
    #fillTheBlanks-container .QaAlist ul.sortable li.li_question_0,
    #memotest-container.memotest-container .QaAlist ul.sortable li.li_question_0 {
      width: 100%;
      display: inline-block;
      margin-bottom: 0px; }
      .reset-new#slideFormContainer .QaAlist ul.sortable li.li_question_0.li_answer,
      .reset-new#slideEditor .QaAlist ul.sortable li.li_question_0.li_answer,
      .reset-new.content-draw-it .QaAlist ul.sortable li.li_question_0.li_answer,
      #fillTheBlanks-container .QaAlist ul.sortable li.li_question_0.li_answer,
      #memotest-container.memotest-container .QaAlist ul.sortable li.li_question_0.li_answer {
        margin-left: 28px; }
        .reset-new#slideFormContainer .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"],
        .reset-new#slideEditor .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"],
        .reset-new.content-draw-it .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"],
        #fillTheBlanks-container .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"],
        #memotest-container.memotest-container .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"] {
          width: 242px; }
        .reset-new#slideFormContainer .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"]::-ms-clear,
        .reset-new#slideEditor .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"]::-ms-clear,
        .reset-new.content-draw-it .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"]::-ms-clear,
        #fillTheBlanks-container .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"]::-ms-clear,
        #memotest-container.memotest-container .QaAlist ul.sortable li.li_question_0.li_answer input[type="text"]::-ms-clear {
          display: none; }
      .reset-new#slideFormContainer .QaAlist ul.sortable li.li_question_0.question,
      .reset-new#slideEditor .QaAlist ul.sortable li.li_question_0.question,
      .reset-new.content-draw-it .QaAlist ul.sortable li.li_question_0.question,
      #fillTheBlanks-container .QaAlist ul.sortable li.li_question_0.question,
      #memotest-container.memotest-container .QaAlist ul.sortable li.li_question_0.question {
        position: relative;
        height: auto;
        /*overflow: hidden;*/ }
      .reset-new#slideFormContainer .QaAlist ul.sortable li.li_question_0 .inputFieldWrapper,
      .reset-new#slideEditor .QaAlist ul.sortable li.li_question_0 .inputFieldWrapper,
      .reset-new.content-draw-it .QaAlist ul.sortable li.li_question_0 .inputFieldWrapper,
      #fillTheBlanks-container .QaAlist ul.sortable li.li_question_0 .inputFieldWrapper,
      #memotest-container.memotest-container .QaAlist ul.sortable li.li_question_0 .inputFieldWrapper {
        float: left; }
  .reset-new#slideFormContainer .QaAlist .deleteBtn.deleteBtnQuiz,
  .reset-new#slideEditor .QaAlist .deleteBtn.deleteBtnQuiz,
  .reset-new.content-draw-it .QaAlist .deleteBtn.deleteBtnQuiz,
  #fillTheBlanks-container .QaAlist .deleteBtn.deleteBtnQuiz,
  #memotest-container.memotest-container .QaAlist .deleteBtn.deleteBtnQuiz {
    margin-left: 8px;
    padding-left: 0px;
    position: absolute;
    top: 45px; }
  .reset-new#slideFormContainer .QaAlist .duplicateBtn.duplicateBtnQuiz,
  .reset-new#slideEditor .QaAlist .duplicateBtn.duplicateBtnQuiz,
  .reset-new.content-draw-it .QaAlist .duplicateBtn.duplicateBtnQuiz,
  #fillTheBlanks-container .QaAlist .duplicateBtn.duplicateBtnQuiz,
  #memotest-container.memotest-container .QaAlist .duplicateBtn.duplicateBtnQuiz {
    top: 33px;
    margin-top: 12px; }
  .reset-new#slideFormContainer .QaAlist a.hideBtn,
  .reset-new#slideEditor .QaAlist a.hideBtn,
  .reset-new.content-draw-it .QaAlist a.hideBtn,
  #fillTheBlanks-container .QaAlist a.hideBtn,
  #memotest-container.memotest-container .QaAlist a.hideBtn {
    margin-top: 50px; }
.reset-new#slideFormContainer input[type="button"].btnBlue,
.reset-new#slideFormContainer input[type="submit"].btnBlue,
.reset-new#slideFormContainer input#fillTheBlanks-go, .reset-new#slideFormContainer input#fillTheBlanks-save,
.reset-new#slideFormContainer .control-panel input[type="button"].btnBlue,
.reset-new#slideFormContainer .control-panel input[type="submit"].btnBlue,
.reset-new#slideFormContainer .uploadWrapper.uploadWebPage .btnBlue,
.reset-new#slideEditor input[type="button"].btnBlue,
.reset-new#slideEditor input[type="submit"].btnBlue,
.reset-new#slideEditor input#fillTheBlanks-go,
.reset-new#slideEditor input#fillTheBlanks-save,
.reset-new#slideEditor .control-panel input[type="button"].btnBlue,
.reset-new#slideEditor .control-panel input[type="submit"].btnBlue,
.reset-new#slideEditor .uploadWrapper.uploadWebPage .btnBlue,
.reset-new.content-draw-it input[type="button"].btnBlue,
.reset-new.content-draw-it input[type="submit"].btnBlue,
.reset-new.content-draw-it input#fillTheBlanks-go,
.reset-new.content-draw-it input#fillTheBlanks-save,
.reset-new.content-draw-it .control-panel input[type="button"].btnBlue,
.reset-new.content-draw-it .control-panel input[type="submit"].btnBlue,
.reset-new.content-draw-it .uploadWrapper.uploadWebPage .btnBlue,
#fillTheBlanks-container input[type="button"].btnBlue,
#fillTheBlanks-container input[type="submit"].btnBlue,
#fillTheBlanks-container input#fillTheBlanks-go,
#fillTheBlanks-container input#fillTheBlanks-save,
#fillTheBlanks-container .control-panel input[type="button"].btnBlue,
#fillTheBlanks-container .control-panel input[type="submit"].btnBlue,
#fillTheBlanks-container .uploadWrapper.uploadWebPage .btnBlue,
#memotest-container.memotest-container input[type="button"].btnBlue,
#memotest-container.memotest-container input[type="submit"].btnBlue,
#memotest-container.memotest-container input#fillTheBlanks-go,
#memotest-container.memotest-container input#fillTheBlanks-save,
#memotest-container.memotest-container .control-panel input[type="button"].btnBlue,
#memotest-container.memotest-container .control-panel input[type="submit"].btnBlue,
#memotest-container.memotest-container .uploadWrapper.uploadWebPage .btnBlue {
  height: auto;
  background-color: #00a8ff;
  border: none;
  border-radius: 4px;
  color: white;
  font-size: 100%;
  font-weight: normal;
  padding: 13px 18px 13px 40px;
  text-align: left; }
  .reset-new#slideFormContainer input[type="button"].btnBlue:hover,
  .reset-new#slideFormContainer input[type="submit"].btnBlue:hover,
  .reset-new#slideFormContainer input#fillTheBlanks-go:hover, .reset-new#slideFormContainer input#fillTheBlanks-save:hover,
  .reset-new#slideFormContainer .control-panel input[type="button"].btnBlue:hover,
  .reset-new#slideFormContainer .control-panel input[type="submit"].btnBlue:hover,
  .reset-new#slideFormContainer .uploadWrapper.uploadWebPage .btnBlue:hover,
  .reset-new#slideEditor input[type="button"].btnBlue:hover,
  .reset-new#slideEditor input[type="submit"].btnBlue:hover,
  .reset-new#slideEditor input#fillTheBlanks-go:hover,
  .reset-new#slideEditor input#fillTheBlanks-save:hover,
  .reset-new#slideEditor .control-panel input[type="button"].btnBlue:hover,
  .reset-new#slideEditor .control-panel input[type="submit"].btnBlue:hover,
  .reset-new#slideEditor .uploadWrapper.uploadWebPage .btnBlue:hover,
  .reset-new.content-draw-it input[type="button"].btnBlue:hover,
  .reset-new.content-draw-it input[type="submit"].btnBlue:hover,
  .reset-new.content-draw-it input#fillTheBlanks-go:hover,
  .reset-new.content-draw-it input#fillTheBlanks-save:hover,
  .reset-new.content-draw-it .control-panel input[type="button"].btnBlue:hover,
  .reset-new.content-draw-it .control-panel input[type="submit"].btnBlue:hover,
  .reset-new.content-draw-it .uploadWrapper.uploadWebPage .btnBlue:hover,
  #fillTheBlanks-container input[type="button"].btnBlue:hover,
  #fillTheBlanks-container input[type="submit"].btnBlue:hover,
  #fillTheBlanks-container input#fillTheBlanks-go:hover,
  #fillTheBlanks-container input#fillTheBlanks-save:hover,
  #fillTheBlanks-container .control-panel input[type="button"].btnBlue:hover,
  #fillTheBlanks-container .control-panel input[type="submit"].btnBlue:hover,
  #fillTheBlanks-container .uploadWrapper.uploadWebPage .btnBlue:hover,
  #memotest-container.memotest-container input[type="button"].btnBlue:hover,
  #memotest-container.memotest-container input[type="submit"].btnBlue:hover,
  #memotest-container.memotest-container input#fillTheBlanks-go:hover,
  #memotest-container.memotest-container input#fillTheBlanks-save:hover,
  #memotest-container.memotest-container .control-panel input[type="button"].btnBlue:hover,
  #memotest-container.memotest-container .control-panel input[type="submit"].btnBlue:hover,
  #memotest-container.memotest-container .uploadWrapper.uploadWebPage .btnBlue:hover {
    background-color: #4cc2ff; }
.reset-new#slideFormContainer .control-panel #memotest-back,
.reset-new#slideFormContainer .control-panel #fillTheBlanks-back.cancel.btnBlue,
.reset-new#slideEditor .control-panel #memotest-back,
.reset-new#slideEditor .control-panel #fillTheBlanks-back.cancel.btnBlue,
.reset-new.content-draw-it .control-panel #memotest-back,
.reset-new.content-draw-it .control-panel #fillTheBlanks-back.cancel.btnBlue,
#fillTheBlanks-container .control-panel #memotest-back,
#fillTheBlanks-container .control-panel #fillTheBlanks-back.cancel.btnBlue,
#memotest-container.memotest-container .control-panel #memotest-back,
#memotest-container.memotest-container .control-panel #fillTheBlanks-back.cancel.btnBlue {
  background-color: #ffffff;
  border: 2px solid #00a8ff;
  color: #06AAFF;
  background-image: url(../images/btnBackBlue.svg);
  padding: 11px 16px 11px 38px;
  margin-right: 10px; }
  .reset-new#slideFormContainer .control-panel #memotest-back:hover,
  .reset-new#slideFormContainer .control-panel #fillTheBlanks-back.cancel.btnBlue:hover,
  .reset-new#slideEditor .control-panel #memotest-back:hover,
  .reset-new#slideEditor .control-panel #fillTheBlanks-back.cancel.btnBlue:hover,
  .reset-new.content-draw-it .control-panel #memotest-back:hover,
  .reset-new.content-draw-it .control-panel #fillTheBlanks-back.cancel.btnBlue:hover,
  #fillTheBlanks-container .control-panel #memotest-back:hover,
  #fillTheBlanks-container .control-panel #fillTheBlanks-back.cancel.btnBlue:hover,
  #memotest-container.memotest-container .control-panel #memotest-back:hover,
  #memotest-container.memotest-container .control-panel #fillTheBlanks-back.cancel.btnBlue:hover {
    color: #06AAFF;
    border: 2px solid #06AAFF;
    opacity: 0.7; }
.reset-new#slideFormContainer .betaVersionFeedback,
.reset-new#slideEditor .betaVersionFeedback,
.reset-new.content-draw-it .betaVersionFeedback,
#fillTheBlanks-container .betaVersionFeedback,
#memotest-container.memotest-container .betaVersionFeedback {
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #5b6d79; }
  .reset-new#slideFormContainer .betaVersionFeedback .linkText,
  .reset-new#slideEditor .betaVersionFeedback .linkText,
  .reset-new.content-draw-it .betaVersionFeedback .linkText,
  #fillTheBlanks-container .betaVersionFeedback .linkText,
  #memotest-container.memotest-container .betaVersionFeedback .linkText {
    color: #00a8ff; }
.reset-new#slideFormContainer .limiting-poll,
.reset-new#slideEditor .limiting-poll,
.reset-new.content-draw-it .limiting-poll,
#fillTheBlanks-container .limiting-poll,
#memotest-container.memotest-container .limiting-poll {
  max-width: 438px;
  display: block;
  border: 1px solid #cdd3d7;
  border-radius: 4px;
  font-family: "npprimarylight", Helvetica, Arial, sans-serif;
  padding: 20px 20px;
  position: relative;
  margin: 9px 0 -20px 33px; }
  .reset-new#slideFormContainer .limiting-poll input[type="checkbox"],
  .reset-new#slideEditor .limiting-poll input[type="checkbox"],
  .reset-new.content-draw-it .limiting-poll input[type="checkbox"],
  #fillTheBlanks-container .limiting-poll input[type="checkbox"],
  #memotest-container.memotest-container .limiting-poll input[type="checkbox"] {
    display: none; }
  .reset-new#slideFormContainer .limiting-poll input[type="checkbox"] + label .toggler,
  .reset-new#slideEditor .limiting-poll input[type="checkbox"] + label .toggler,
  .reset-new.content-draw-it .limiting-poll input[type="checkbox"] + label .toggler,
  #fillTheBlanks-container .limiting-poll input[type="checkbox"] + label .toggler,
  #memotest-container.memotest-container .limiting-poll input[type="checkbox"] + label .toggler {
    width: 50px;
    height: 26px;
    background: #cdd3d7;
    border: 1px solid #b8c0c6;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 15px;
    right: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px; }
    .reset-new#slideFormContainer .limiting-poll input[type="checkbox"] + label .toggler .toggler-bar,
    .reset-new#slideEditor .limiting-poll input[type="checkbox"] + label .toggler .toggler-bar,
    .reset-new.content-draw-it .limiting-poll input[type="checkbox"] + label .toggler .toggler-bar,
    #fillTheBlanks-container .limiting-poll input[type="checkbox"] + label .toggler .toggler-bar,
    #memotest-container.memotest-container .limiting-poll input[type="checkbox"] + label .toggler .toggler-bar {
      width: 50px;
      height: 24px;
      display: block;
      background: #00a8ff;
      box-sizing: border-box;
      left: -26px;
      transition: ease-in-out .2s left;
      position: absolute;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px; }
  .reset-new#slideFormContainer .limiting-poll input[type="checkbox"]:checked + label .toggler-bar,
  .reset-new#slideEditor .limiting-poll input[type="checkbox"]:checked + label .toggler-bar,
  .reset-new.content-draw-it .limiting-poll input[type="checkbox"]:checked + label .toggler-bar,
  #fillTheBlanks-container .limiting-poll input[type="checkbox"]:checked + label .toggler-bar,
  #memotest-container.memotest-container .limiting-poll input[type="checkbox"]:checked + label .toggler-bar {
    left: -2px; }
  .reset-new#slideFormContainer .limiting-poll .toggler-circle,
  .reset-new#slideEditor .limiting-poll .toggler-circle,
  .reset-new.content-draw-it .limiting-poll .toggler-circle,
  #fillTheBlanks-container .limiting-poll .toggler-circle,
  #memotest-container.memotest-container .limiting-poll .toggler-circle {
    width: 26px;
    height: 26px;
    display: block;
    background: #ffffff;
    border: 1px solid #b8c0c6;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px; }
.reset-new#slideFormContainer .onboarding-tooltip.toggle,
.reset-new#slideEditor .onboarding-tooltip.toggle,
.reset-new.content-draw-it .onboarding-tooltip.toggle,
#fillTheBlanks-container .onboarding-tooltip.toggle,
#memotest-container.memotest-container .onboarding-tooltip.toggle {
  width: 248px;
  bottom: 54px;
  left: auto;
  right: 20px;
  top: auto;
  z-index: 999; }
.reset-new#slideFormContainer .addLink,
.reset-new#slideEditor .addLink,
.reset-new.content-draw-it .addLink,
#fillTheBlanks-container .addLink,
#memotest-container.memotest-container .addLink {
  width: 160px;
  height: 24px;
  background: url(../images/addLink.gif) top left no-repeat;
  color: #ff9100;
  display: inline-block;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  margin: 18px 0px 30px 0px;
  padding-left: 40px;
  padding-top: 6px;
  text-decoration: none; }
  .reset-new#slideFormContainer .addLink:hover,
  .reset-new#slideEditor .addLink:hover,
  .reset-new.content-draw-it .addLink:hover,
  #fillTheBlanks-container .addLink:hover,
  #memotest-container.memotest-container .addLink:hover {
    text-decoration: underline; }
.reset-new#slideFormContainer .btnBox,
.reset-new#slideEditor .btnBox,
.reset-new.content-draw-it .btnBox,
#fillTheBlanks-container .btnBox,
#memotest-container.memotest-container .btnBox {
  width: 100%;
  max-width: 972px;
  clear: both;
  padding-top: 25px;
  margin-bottom: 20px;
  text-align: right; }
  .reset-new#slideFormContainer .btnBox .cancel.btnBlue, .reset-new#slideFormContainer .btnBox .btnBlue.cancel,
  .reset-new#slideEditor .btnBox .cancel.btnBlue,
  .reset-new#slideEditor .btnBox .btnBlue.cancel,
  .reset-new.content-draw-it .btnBox .cancel.btnBlue,
  .reset-new.content-draw-it .btnBox .btnBlue.cancel,
  #fillTheBlanks-container .btnBox .cancel.btnBlue,
  #fillTheBlanks-container .btnBox .btnBlue.cancel,
  #memotest-container.memotest-container .btnBox .cancel.btnBlue,
  #memotest-container.memotest-container .btnBox .btnBlue.cancel {
    background-color: transparent;
    border: 2px solid #00a8ff;
    background-image: url("../img/reset-new/icons/ic-delete.svg");
    color: #00a8ff;
    padding: 11px 16px 11px 38px;
    margin-right: 10px; }
    .reset-new#slideFormContainer .btnBox .cancel.btnBlue:hover, .reset-new#slideFormContainer .btnBox .btnBlue.cancel:hover,
    .reset-new#slideEditor .btnBox .cancel.btnBlue:hover,
    .reset-new#slideEditor .btnBox .btnBlue.cancel:hover,
    .reset-new.content-draw-it .btnBox .cancel.btnBlue:hover,
    .reset-new.content-draw-it .btnBox .btnBlue.cancel:hover,
    #fillTheBlanks-container .btnBox .cancel.btnBlue:hover,
    #fillTheBlanks-container .btnBox .btnBlue.cancel:hover,
    #memotest-container.memotest-container .btnBox .cancel.btnBlue:hover,
    #memotest-container.memotest-container .btnBox .btnBlue.cancel:hover {
      background-color: #00a8ff;
      background-image: url("../img/reset-new/icons/ic-delete-hover.svg");
      color: white; }
.reset-new#slideFormContainer #slideFormContainer input[type="submit"].done,
.reset-new#slideFormContainer #fmSketchUpload input[type="submit"].done,
.reset-new#slideFormContainer .button-bar input[type="button"].done,
.reset-new#slideEditor #slideFormContainer input[type="submit"].done,
.reset-new#slideEditor #fmSketchUpload input[type="submit"].done,
.reset-new#slideEditor .button-bar input[type="button"].done,
.reset-new.content-draw-it #slideFormContainer input[type="submit"].done,
.reset-new.content-draw-it #fmSketchUpload input[type="submit"].done,
.reset-new.content-draw-it .button-bar input[type="button"].done,
#fillTheBlanks-container #slideFormContainer input[type="submit"].done,
#fillTheBlanks-container #fmSketchUpload input[type="submit"].done,
#fillTheBlanks-container .button-bar input[type="button"].done,
#memotest-container.memotest-container #slideFormContainer input[type="submit"].done,
#memotest-container.memotest-container #fmSketchUpload input[type="submit"].done,
#memotest-container.memotest-container .button-bar input[type="button"].done {
  background-size: auto 22px; }
.reset-new#slideFormContainer input[type="button"].btnBlue:hover,
.reset-new#slideEditor input[type="button"].btnBlue:hover,
.reset-new.content-draw-it input[type="button"].btnBlue:hover,
#fillTheBlanks-container input[type="button"].btnBlue:hover,
#memotest-container.memotest-container input[type="button"].btnBlue:hover {
  background-color: #00a8ff; }
.reset-new#slideFormContainer input[type="submit"].btnBlue:hover,
.reset-new#slideEditor input[type="submit"].btnBlue:hover,
.reset-new.content-draw-it input[type="submit"].btnBlue:hover,
#fillTheBlanks-container input[type="submit"].btnBlue:hover,
#memotest-container.memotest-container input[type="submit"].btnBlue:hover {
  background-color: #4dc2ff; }
.reset-new#slideFormContainer #feedBeta textarea,
.reset-new#slideEditor #feedBeta textarea,
.reset-new.content-draw-it #feedBeta textarea,
#fillTheBlanks-container #feedBeta textarea,
#memotest-container.memotest-container #feedBeta textarea {
  border: 1px solid #B8B8B8;
  overflow-y: auto; }
.reset-new#slideFormContainer input[type="button"].btnSend,
.reset-new#slideEditor input[type="button"].btnSend,
.reset-new.content-draw-it input[type="button"].btnSend,
#fillTheBlanks-container input[type="button"].btnSend,
#memotest-container.memotest-container input[type="button"].btnSend {
  height: 24px;
  background-color: transparent;
  background-image: url(../img/reset-new/icons/arrow-blue.svg);
  background-repeat: no-repeat;
  background-position: 44px 4px;
  background-size: 6px 14px;
  color: #00a8ff;
  border: none;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 17px;
  float: right;
  line-height: 24px;
  padding: 0 11px 0 0;
  margin-bottom: 2px;
  position: absolute;
  bottom: 0;
  right: 12px; }
.reset-new#slideFormContainer #quizTitle,
.reset-new#slideEditor #quizTitle,
.reset-new.content-draw-it #quizTitle,
#fillTheBlanks-container #quizTitle,
#memotest-container.memotest-container #quizTitle {
  width: 593px;
  height: 25px;
  margin-bottom: 0px;
  padding: 10px 0px 10px 14px; }
  .reset-new#slideFormContainer #quizTitle:focus,
  .reset-new#slideEditor #quizTitle:focus,
  .reset-new.content-draw-it #quizTitle:focus,
  #fillTheBlanks-container #quizTitle:focus,
  #memotest-container.memotest-container #quizTitle:focus {
    padding: 9px 0px 9px 14px; }
.reset-new#slideFormContainer input.sketch,
.reset-new#slideEditor input.sketch,
.reset-new.content-draw-it input.sketch,
#fillTheBlanks-container input.sketch,
#memotest-container.memotest-container input.sketch {
  width: 520px;
  margin-bottom: 0px;
  padding: 10px 0px 10px 14px; }
.reset-new#slideFormContainer textarea.question:focus,
.reset-new#slideEditor textarea.question:focus,
.reset-new.content-draw-it textarea.question:focus,
#fillTheBlanks-container textarea.question:focus,
#memotest-container.memotest-container textarea.question:focus {
  border: 2px solid #4dc2ff;
  padding: 9px 49px 9px 13px; }
.reset-new#slideFormContainer input[type="text"]:focus,
.reset-new#slideEditor input[type="text"]:focus,
.reset-new.content-draw-it input[type="text"]:focus,
#fillTheBlanks-container input[type="text"]:focus,
#memotest-container.memotest-container input[type="text"]:focus {
  color: #071a23;
  border: 2px solid #4dc2ff;
  padding-bottom: 9px;
  padding-left: 8px;
  padding-top: 9px; }
.reset-new#slideFormContainer .QaAlist .validateTextbox,
.reset-new#slideEditor .QaAlist .validateTextbox,
.reset-new.content-draw-it .QaAlist .validateTextbox,
#fillTheBlanks-container .QaAlist .validateTextbox,
#memotest-container.memotest-container .QaAlist .validateTextbox {
  display: none; }
.reset-new#slideFormContainer #quizTitle_parent,
.reset-new#slideEditor #quizTitle_parent,
.reset-new.content-draw-it #quizTitle_parent,
#fillTheBlanks-container #quizTitle_parent,
#memotest-container.memotest-container #quizTitle_parent {
  margin-bottom: 10px;
  margin-top: 30px; }
.reset-new#slideFormContainer .contentSymbol.hover, .reset-new#slideFormContainer .btnFctn.hover,
.reset-new#slideEditor .contentSymbol.hover,
.reset-new#slideEditor .btnFctn.hover,
.reset-new.content-draw-it .contentSymbol.hover,
.reset-new.content-draw-it .btnFctn.hover,
#fillTheBlanks-container .contentSymbol.hover,
#fillTheBlanks-container .btnFctn.hover,
#memotest-container.memotest-container .contentSymbol.hover,
#memotest-container.memotest-container .btnFctn.hover {
  background-color: #4dc2ff; }
.reset-new#slideFormContainer .contentFunctions,
.reset-new#slideEditor .contentFunctions,
.reset-new.content-draw-it .contentFunctions,
#fillTheBlanks-container .contentFunctions,
#memotest-container.memotest-container .contentFunctions {
  /*width: 392px; */ }
  .reset-new#slideFormContainer .contentFunctions .btnFunction,
  .reset-new#slideEditor .contentFunctions .btnFunction,
  .reset-new.content-draw-it .contentFunctions .btnFunction,
  #fillTheBlanks-container .contentFunctions .btnFunction,
  #memotest-container.memotest-container .contentFunctions .btnFunction {
    margin-bottom: 0;
    margin-top: 0; }
  .reset-new#slideFormContainer .contentFunctions textarea,
  .reset-new#slideEditor .contentFunctions textarea,
  .reset-new.content-draw-it .contentFunctions textarea,
  #fillTheBlanks-container .contentFunctions textarea,
  #memotest-container.memotest-container .contentFunctions textarea {
    min-height: 27px; }
.reset-new#slideFormContainer #li_question_0_answer_0_value_parent .contentFunctions,
.reset-new#slideEditor #li_question_0_answer_0_value_parent .contentFunctions,
.reset-new.content-draw-it #li_question_0_answer_0_value_parent .contentFunctions,
#fillTheBlanks-container #li_question_0_answer_0_value_parent .contentFunctions,
#memotest-container.memotest-container #li_question_0_answer_0_value_parent .contentFunctions {
  width: 355px; }
.reset-new#slideFormContainer .contentFunctions .btnFctn.activeMath,
.reset-new#slideEditor .contentFunctions .btnFctn.activeMath,
.reset-new.content-draw-it .contentFunctions .btnFctn.activeMath,
#fillTheBlanks-container .contentFunctions .btnFctn.activeMath,
#memotest-container.memotest-container .contentFunctions .btnFctn.activeMath {
  background-color: #4dc2ff; }
.reset-new#slideFormContainer .contentSymbols,
.reset-new#slideEditor .contentSymbols,
.reset-new.content-draw-it .contentSymbols,
#fillTheBlanks-container .contentSymbols,
#memotest-container.memotest-container .contentSymbols {
  clear: both;
  cursor: pointer;
  margin-left: 53px;
  margin-right: 10px;
  text-align: right;
  position: relative; }
  .reset-new#slideFormContainer .contentSymbols .contentSymbol,
  .reset-new#slideEditor .contentSymbols .contentSymbol,
  .reset-new.content-draw-it .contentSymbols .contentSymbol,
  #fillTheBlanks-container .contentSymbols .contentSymbol,
  #memotest-container.memotest-container .contentSymbols .contentSymbol {
    width: 40px;
    height: 40px;
    background-color: #b9b9b9;
    color: white;
    display: inline-block;
    font-size: 23px;
    line-height: 40px;
    margin: 3px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    .reset-new#slideFormContainer .contentSymbols .contentSymbol.hover, .reset-new#slideFormContainer .contentSymbols .contentSymbol .btnFctn.hover,
    .reset-new#slideEditor .contentSymbols .contentSymbol.hover,
    .reset-new#slideEditor .contentSymbols .contentSymbol .btnFctn.hover,
    .reset-new.content-draw-it .contentSymbols .contentSymbol.hover,
    .reset-new.content-draw-it .contentSymbols .contentSymbol .btnFctn.hover,
    #fillTheBlanks-container .contentSymbols .contentSymbol.hover,
    #fillTheBlanks-container .contentSymbols .contentSymbol .btnFctn.hover,
    #memotest-container.memotest-container .contentSymbols .contentSymbol.hover,
    #memotest-container.memotest-container .contentSymbols .contentSymbol .btnFctn.hover {
      background-color: #6bd0dc; }

.content-draw-it.reset-new.sketch .question.btnFunction,
.content-draw-it.reset-new.sketch .li_span_input_answer.btnFunction {
  width: 492px;
  height: 27px;
  overflow: visible;
  background: white; }
.content-draw-it.reset-new.sketch .editImage {
  top: 0; }
.content-draw-it.reset-new.sketch .question.btnFunction {
  padding: 10px 50px 10px 9px;
  margin-right: 2px;
  height: 27px !important; }
  .content-draw-it.reset-new.sketch .question.btnFunction:focus {
    padding-right: 49px; }

#fmSketchUpload #dragBox h1 {
  background: url(../img/reset-new/icons/drawit_op2.svg) left center no-repeat; }

.dragBox.sketch h1 {
  width: 230px;
  top: 100px;
  /* left: 231px; */
  font-size: 32px;
  line-height: 38px;
  padding-left: 68px; }

.dragBox.sketch p {
  top: 106px;
  left: 230px; }

#uploadDiv .uploadFeatureBoxes .uploadFile, #uploadDiv .uploadFeatureBoxes .dropbox {
  width: 162px;
  height: 73px;
  background-repeat: no-repeat;
  border: 3px solid #d0d2d3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px; }
  #uploadDiv .uploadFeatureBoxes .uploadFile:hover, #uploadDiv .uploadFeatureBoxes .dropbox:hover {
    border-color: #00a8ff;
    background-color: #00a8ff;
    background-repeat: no-repeat; }
#uploadDiv .uploadFeatureBoxes .uploadFile {
  background-image: url(../img/reset-new/icons/f-browse.svg);
  background-position: 22px center; }
  #uploadDiv .uploadFeatureBoxes .uploadFile:hover {
    background-image: url(../img/reset-new/icons/f-browse-hover.svg);
    background-position: 22px center; }
#uploadDiv .uploadFeatureBoxes .dropbox {
  background-image: url(../img/reset-new/icons/f-dropbox.svg);
  background-position: 14px center; }
  #uploadDiv .uploadFeatureBoxes .dropbox:hover {
    background-image: url(../img/reset-new/icons/f-dropbox-hover.svg);
    background-position: 14px center; }

.reset-new#slideFormContainer.content-poll .QaAlist {
  margin-left: 40px; }
  .reset-new#slideFormContainer.content-poll .QaAlist ul.sortable {
    border-bottom: 0px; }
.reset-new#slideFormContainer.content-poll a.showBtn {
  height: 0;
  background: none;
  overflow: hidden;
  position: relative;
  top: -50px; }

.control-panel #memotest-back,
.control-panel #fillTheBlanks-back.cancel.btnBlue {
  background-color: #ffffff;
  border: 2px solid #00a8ff;
  color: #06AAFF;
  background-image: url(../images/btnBackBlue.svg);
  padding: 11px 16px 11px 38px;
  margin-right: 10px; }
  .control-panel #memotest-back:hover,
  .control-panel #fillTheBlanks-back.cancel.btnBlue:hover {
    color: #06AAFF;
    border: 2px solid #06AAFF;
    opacity: 0.7; }

.uploadWrapper.uploadWebPage .btnBlue {
  height: auto;
  background-color: #00a8ff;
  border: none;
  border-radius: 4px;
  color: white;
  font-size: 100%;
  font-weight: normal;
  padding: 13px 18px 13px 40px;
  text-align: left; }
  .uploadWrapper.uploadWebPage .btnBlue:hover {
    background-color: #4cc2ff; }

.themes-wrapper {
  width: 185px;
  height: calc(100vh - 144px);
  background: #5b6d79;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: -185px;
  z-index: 90;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
  .themes-wrapper .themes-toggler {
    width: 20px;
    height: 40px;
    background: #5b6d79;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    cursor: pointer;
    position: absolute;
    top: 60px;
    left: -20px; }
    .themes-wrapper .themes-toggler .svg-container {
      position: absolute;
      top: 35%;
      left: 10px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -ms-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .themes-wrapper #react-themes {
    width: 100%;
    height: 100%;
    background: #5b6d79; }
  .themes-wrapper.open {
    -webkit-transform: translateX(-185px);
    -moz-transform: translateX(-185px);
    -ms-transform: translateX(-185px);
    transform: translateX(-185px); }
    .themes-wrapper.open .themes-toggler .svg-container {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -ms-transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media (max-width: 1080px) {
    .themes-wrapper {
      width: 158px;
      right: -158px; }
      .themes-wrapper.open {
        -webkit-transform: translateX(-158px);
        -moz-transform: translateX(-158px);
        -ms-transform: translateX(-158px);
        transform: translateX(-158px); } }

.topbar {
  width: 100%;
  position: fixed;
  z-index: 100; }
  .topbar .optin-top-banner {
    height: 40px;
    align-items: center;
    background-color: #fff6e6;
    display: flex;
    justify-content: center; }
    .topbar .optin-top-banner-text {
      color: #152d39;
      font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
      font-size: 14px;
      margin-right: 16px; }
    .topbar .optin-top-banner-link {
      background-color: #00a8ff;
      border-radius: 4px;
      color: #ffffff;
      font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
      font-size: 14px;
      padding: 4px 12px;
      text-decoration: none; }
      .topbar .optin-top-banner-link:hover {
        background-color: #4dc2ff; }
  .topbar .main_topBar_container {
    display: flex;
    flex: 0 0 auto; }
    .topbar .main_topBar_container input[type="text"] {
      /*added styles to make fixes within the new Global Search external component*/
      height: 100%;
      background: none;
      border: none;
      color: #5b6d79;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: normal;
      padding: 0 16px;
      opacity: 1; }
    .topbar .main_topBar_container button {
      /*added styles to make fixes within the new Global Search external component*/
      border: none;
      color: #5b6d79;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif; }

@media screen and (max-width: 1023px) {
  .toolbarLogo {
    display: block; } }
@media screen and (max-width: 950px) {
  .toolbarLogo {
    display: block; } }
.onboarding-tooltip {
  background-color: #00a8ff;
  -webkit-box-shadow: 0 0 6px 0 rgba(7, 26, 35, 0.31);
  box-shadow: 0 0 6px 0 rgba(7, 26, 35, 0.31);
  border-radius: 4px;
  width: 274px;
  position: absolute;
  text-align: left;
  top: 52px;
  left: 51px;
  z-index: 6; }
  .onboarding-tooltip:before {
    background-color: #00a8ff;
    -webkit-box-shadow: 0 0 6px 0 rgba(7, 26, 35, 0.37);
    box-shadow: 0 0 6px 0 rgba(7, 26, 35, 0.37);
    border: 1px solid #00a8ff;
    content: '';
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9px;
    height: 9px;
    position: absolute;
    z-index: -1; }
  .onboarding-tooltip > div {
    background-color: #00a8ff;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    z-index: 5; }
  .onboarding-tooltip p {
    color: #ffffff;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px 0; }
    .onboarding-tooltip p strong {
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif; }
    .onboarding-tooltip p.tooltip-title {
      font-size: 14px;
      font-weight: 800; }
  .onboarding-tooltip h2 {
    font-family: "robotoregular", Helvetica, Arial, sans-serif; }
  .onboarding-tooltip.is-top:before {
    top: -5px;
    left: 24px; }
  .onboarding-tooltip.is-right:before {
    top: 20px;
    right: -5px; }
  .onboarding-tooltip.is-top-right:before {
    top: -5px;
    right: 24px; }
  .onboarding-tooltip.is-bottom:before {
    bottom: -5px;
    left: 20px; }
  .onboarding-tooltip.is-bottom-right:before {
    bottom: -5px;
    right: 20px; }
  .onboarding-tooltip.is-left:before {
    bottom: 20px;
    left: -5px; }
  .onboarding-tooltip.is-left-center:before {
    bottom: 50%;
    left: -5px; }
  .onboarding-tooltip.on-the-fly {
    left: 162px;
    right: 0;
    margin: auto;
    width: 220px; }
    @media screen and (min-width: 1024px) {
      .onboarding-tooltip.on-the-fly {
        left: 88px; } }
  .onboarding-tooltip.live-tooltip {
    left: -8px; }
  .onboarding-tooltip.anon-users-tooltip {
    left: 249px; }

.onboarding-tooltip-button {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #00a8ff;
  cursor: pointer;
  display: block;
  font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
  font-size: 14px;
  float: right;
  line-height: normal;
  margin: 0 -5px -5px 0;
  padding: 5px 10px;
  pointer-events: auto;
  transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease;
  width: 130px;
  height: 32px; }
  .onboarding-tooltip-button:hover {
    background-color: rgba(255, 255, 255, 0.8); }

.modal .onboarding-tooltip.is-right {
  text-align: left;
  top: 5px;
  left: -165px; }
  .modal .onboarding-tooltip.is-right:before {
    top: 92px; }

.navStore .onboarding-tooltip {
  text-align: left;
  left: 10px; }
  .navStore .onboarding-tooltip p {
    white-space: normal; }

.onboarding-tooltip.proj-tooltip {
  width: 235px;
  left: 178px; }
  .onboarding-tooltip.proj-tooltip:before {
    background: #ffffff;
    border: none;
    width: 16px;
    height: 16px; }
  .onboarding-tooltip.proj-tooltip.is-top:before {
    top: -8px;
    left: 45%; }
  .onboarding-tooltip.proj-tooltip .anon-student-tooltip {
    background: #ffffff;
    padding: 15px 13px; }
    .onboarding-tooltip.proj-tooltip .anon-student-tooltip h2 {
      text-align: center;
      color: #5b6d79;
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 15px; }
    .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-desc {
      color: #5b6d79;
      font-size: 15px;
      margin-bottom: 20px; }
    .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-list p {
      color: #8b9195;
      font-size: 13px;
      text-align: center; }
    .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons {
      text-align: center;
      padding-top: 15px; }
      .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button {
        background: #ffffff;
        color: #8b9195;
        font-size: 12px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #b8c0c6;
        margin: 0 9px;
        padding: 1px 0;
        width: 78px; }
        .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button.anon-hide {
          /*background: url(../img/Projector_Hide.svg) 6px center no-repeat $np-color-neutral-white;*/
          background: #ffffff; }
          .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button.anon-hide:hover {
            /*background-image: url(../img/Projector_Hide_Hover.svg);*/ }
          .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button.anon-hide.selected, .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button.anon-hide.selected:hover {
            /*background-image: url(../img/Projector_Hide_Selected.svg);*/ }
        .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button.anon-show {
          background: #ffffff; }
        .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button:hover {
          background-color: rgba(184, 192, 198, 0.12); }
        .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button.selected, .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button.selected:hover {
          background-color: #00a8ff;
          border: 1px solid #00a8ff;
          color: #ffffff; }
        .onboarding-tooltip.proj-tooltip .anon-student-tooltip .anon-tooltip-buttons button .projIcon {
          vertical-align: top;
          display: inline-block;
          width: 26px;
          height: 25px;
          padding-top: 3px; }
  .onboarding-tooltip.proj-tooltip .btnClosePop {
    width: 22px;
    height: 22px;
    background-size: 19px auto;
    margin-top: -27px;
    margin-right: -27px; }

.tempToolBar .navShortcuts.navProjector div.projectorButton svg.projectorIco path {
  fill: #222222;
  stroke: none; }
.tempToolBar .navShortcuts.navProjector div.projectorButton:hover svg.projectorIco path {
  fill: #b8c0c6; }
.tempToolBar .navShortcuts.navProjector div.projectorButton.active svg.projectorIco path {
  fill: none;
  stroke: #222222; }
.tempToolBar .navShortcuts.navProjector div.projectorButton.active:hover svg.projectorIco path {
  stroke: #b8c0c6; }
.tempToolBar .anon-tooltip-buttons button svg.projectorIco path {
  fill: none;
  stroke: #b8c0c6; }
.tempToolBar .anon-tooltip-buttons button.anon-show svg.projectorIco path {
  stroke: none;
  fill: #b8c0c6; }
.tempToolBar .anon-tooltip-buttons button.selected svg.projectorIco path {
  fill: #ffffff;
  stroke: none; }
.tempToolBar .anon-tooltip-buttons button.selected.anon-hide svg.projectorIco path {
  fill: none;
  stroke: #ffffff; }

.onboarding-tooltip#tooltipAddImage {
  width: 150px;
  left: 140px;
  top: auto; }
.onboarding-tooltip#tooltipSortQuizQuestions {
  top: 82px; }
.onboarding-tooltip#tooltipUploadFiles {
  left: auto;
  right: 150px;
  top: 140px; }
.onboarding-tooltip#tooltipPreview {
  top: -120px;
  left: 0; }
  .onboarding-tooltip#tooltipPreview::before {
    top: auto; }
.onboarding-tooltip.not-show {
  display: none; }

.inverse.onboarding-tooltip:before {
  border: 1px solid #00a8ff;
  background: #ffffff; }
.inverse.onboarding-tooltip:after {
  background: #ffffff;
  top: -4px;
  left: 60px;
  content: '';
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 9px;
  height: 9px;
  position: absolute;
  z-index: 6; }
.inverse.onboarding-tooltip .onboarding-tooltip-content {
  background: #ffffff;
  border: 1px solid #00a8ff; }
  .inverse.onboarding-tooltip .onboarding-tooltip-content p {
    color: #8b9195; }
  .inverse.onboarding-tooltip .onboarding-tooltip-content .onboarding-tooltip-button {
    background: #00a8ff;
    color: #ffffff; }

.reset-new.tooltip-video-wrapper {
  background-color: rgba(7, 26, 35, 0.9);
  position: fixed;
  width: 100%;
  height: 100vh;
  padding: 0;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  transition: visibility .7s ease, opacity .3s ease; }
  .reset-new.tooltip-video-wrapper.oculto {
    opacity: 0;
    visibility: hidden;
    transition: visibility .7s ease, opacity .3s ease; }

.reset-new.tooltip-video {
  width: 600px;
  height: 600px;
  margin-top: -300px;
  margin-left: -300px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%; }
  .reset-new.tooltip-video .tooltip-video-title {
    color: #ffffff;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 16px; }
  .reset-new.tooltip-video .tooltip-video-text {
    color: #ffffff;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    width: 464px;
    text-align: center;
    margin: 16px auto 34px;
    line-height: 20px; }
  .reset-new.tooltip-video .tooltip-video-area {
    margin: 0;
    padding: 0; }
  .reset-new.tooltip-video .tooltip-video-close {
    margin: 0 auto;
    width: 250px;
    height: 50px;
    line-height: 32px;
    font-size: 20px; }

.convert-to-ttc-tooltip {
  width: 280px;
  height: 200px;
  background-color: #00a8ff;
  border-radius: 4px;
  box-shadow: 2px -2px 5px #5b6d79;
  display: none;
  padding: 15px;
  text-align: center;
  position: absolute;
  top: 50px;
  right: 150px;
  z-index: 1; }
  .convert-to-ttc-tooltip::before {
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #00a8ff;
    border-left: 15px solid transparent;
    content: '';
    position: absolute;
    top: -10px;
    right: 12px; }
  .convert-to-ttc-tooltip .title {
    color: #ffffff;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-align: center; }
  .convert-to-ttc-tooltip .np-logo-image {
    width: 80px; }
  .convert-to-ttc-tooltip .ttc-logo {
    margin-top: 10px; }
    .convert-to-ttc-tooltip .ttc-logo-image {
      width: 50px; }
  .convert-to-ttc-tooltip .activity-title {
    color: #ffffff;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 14px;
    margin-top: 5px;
    text-align: center; }
  .convert-to-ttc-tooltip .subtitle {
    color: #ffffff;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center; }
  .convert-to-ttc-tooltip .reset-new .confirm-button {
    width: 120px;
    height: 30px;
    border: none;
    border-radius: 4px;
    color: #00a8ff;
    font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin: 0 auto; }

.main-menu.uploadWrapper,
.uploadVideo,
.uploadImage,
.uploadAudio,
.uploadPDF,
.slideContent.slideEditor.uploader,
#fancybox-content .uploadWrapper.uploadImage {
  background-image: linear-gradient(180deg, white 0%, #f8fafb 100%);
  border: 1px solid #ebeff2;
  border-radius: 10px;
  box-shadow: 2px 2px 4px rgba(168, 168, 168, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0px;
  z-index: 200;
  color: #5b6d79;
  font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  width: 567px !important;
  /*height: 559px;*/
  padding-left: 0;
  padding-right: 0;
  overflow: hidden !important;
  background-color: #FBFCFD; }
  .main-menu.uploadWrapper ::-webkit-scrollbar,
  .uploadVideo ::-webkit-scrollbar,
  .uploadImage ::-webkit-scrollbar,
  .uploadAudio ::-webkit-scrollbar,
  .uploadPDF ::-webkit-scrollbar,
  .slideContent.slideEditor.uploader ::-webkit-scrollbar,
  #fancybox-content .uploadWrapper.uploadImage ::-webkit-scrollbar {
    /*width: 1em;*/
    width: 4px; }
  .main-menu.uploadWrapper ::-webkit-scrollbar-track,
  .uploadVideo ::-webkit-scrollbar-track,
  .uploadImage ::-webkit-scrollbar-track,
  .uploadAudio ::-webkit-scrollbar-track,
  .uploadPDF ::-webkit-scrollbar-track,
  .slideContent.slideEditor.uploader ::-webkit-scrollbar-track,
  #fancybox-content .uploadWrapper.uploadImage ::-webkit-scrollbar-track {
    background-color: #e5f6ff;
    border-radius: 8px; }
  .main-menu.uploadWrapper ::-webkit-scrollbar-thumb,
  .uploadVideo ::-webkit-scrollbar-thumb,
  .uploadImage ::-webkit-scrollbar-thumb,
  .uploadAudio ::-webkit-scrollbar-thumb,
  .uploadPDF ::-webkit-scrollbar-thumb,
  .slideContent.slideEditor.uploader ::-webkit-scrollbar-thumb,
  #fancybox-content .uploadWrapper.uploadImage ::-webkit-scrollbar-thumb {
    background-color: #6ccdff;
    border-radius: 8px; }
  .main-menu.uploadWrapper.open,
  .uploadVideo.open,
  .uploadImage.open,
  .uploadAudio.open,
  .uploadPDF.open,
  .slideContent.slideEditor.uploader.open,
  #fancybox-content .uploadWrapper.uploadImage.open {
    display: block; }
  .main-menu.uploadWrapper .video-results-container .title,
  .uploadVideo .video-results-container .title,
  .uploadImage .video-results-container .title,
  .uploadAudio .video-results-container .title,
  .uploadPDF .video-results-container .title,
  .slideContent.slideEditor.uploader .video-results-container .title,
  #fancybox-content .uploadWrapper.uploadImage .video-results-container .title {
    height: auto;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
    text-align: left; }
  .main-menu.uploadWrapper .main-menu-content .file-uploader,
  .uploadVideo .main-menu-content .file-uploader,
  .uploadImage .main-menu-content .file-uploader,
  .uploadAudio .main-menu-content .file-uploader,
  .uploadPDF .main-menu-content .file-uploader,
  .slideContent.slideEditor.uploader .main-menu-content .file-uploader,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .file-uploader {
    text-align: center;
    padding: 30px; }
    .main-menu.uploadWrapper .main-menu-content .file-uploader p,
    .uploadVideo .main-menu-content .file-uploader p,
    .uploadImage .main-menu-content .file-uploader p,
    .uploadAudio .main-menu-content .file-uploader p,
    .uploadPDF .main-menu-content .file-uploader p,
    .slideContent.slideEditor.uploader .main-menu-content .file-uploader p,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .file-uploader p {
      margin: 0 0 11px; }
  .main-menu.uploadWrapper .main-menu-content .title,
  .uploadVideo .main-menu-content .title,
  .uploadImage .main-menu-content .title,
  .uploadAudio .main-menu-content .title,
  .uploadPDF .main-menu-content .title,
  .slideContent.slideEditor.uploader .main-menu-content .title,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .title {
    text-align: center;
    font-size: 16px;
    position: relative;
    /*top: -4px;*/ }
    .main-menu.uploadWrapper .main-menu-content .title span,
    .uploadVideo .main-menu-content .title span,
    .uploadImage .main-menu-content .title span,
    .uploadAudio .main-menu-content .title span,
    .uploadPDF .main-menu-content .title span,
    .slideContent.slideEditor.uploader .main-menu-content .title span,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .title span {
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 16px; }
  .main-menu.uploadWrapper .main-menu-content .file-uploader,
  .uploadVideo .main-menu-content .file-uploader,
  .uploadImage .main-menu-content .file-uploader,
  .uploadAudio .main-menu-content .file-uploader,
  .uploadPDF .main-menu-content .file-uploader,
  .slideContent.slideEditor.uploader .main-menu-content .file-uploader,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .file-uploader {
    padding: 20px;
    padding-bottom: 130px;
    height: 390px; }
  .main-menu.uploadWrapper .main-menu-content .search,
  .uploadVideo .main-menu-content .search,
  .uploadImage .main-menu-content .search,
  .uploadAudio .main-menu-content .search,
  .uploadPDF .main-menu-content .search,
  .slideContent.slideEditor.uploader .main-menu-content .search,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search {
    min-height: 45px; }
    .main-menu.uploadWrapper .main-menu-content .search .search-bar,
    .uploadVideo .main-menu-content .search .search-bar,
    .uploadImage .main-menu-content .search .search-bar,
    .uploadAudio .main-menu-content .search .search-bar,
    .uploadPDF .main-menu-content .search .search-bar,
    .slideContent.slideEditor.uploader .main-menu-content .search .search-bar,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar {
      width: 500px;
      margin: 0 auto;
      margin-top: 31px;
      margin-bottom: 10px; }
      .main-menu.uploadWrapper .main-menu-content .search .search-bar .searchInput .icon,
      .uploadVideo .main-menu-content .search .search-bar .searchInput .icon,
      .uploadImage .main-menu-content .search .search-bar .searchInput .icon,
      .uploadAudio .main-menu-content .search .search-bar .searchInput .icon,
      .uploadPDF .main-menu-content .search .search-bar .searchInput .icon,
      .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .searchInput .icon,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .searchInput .icon {
        background-color: transparent;
        background-repeat: no-repeat;
        border: medium none;
        display: block;
        float: left;
        height: 49px;
        overflow: hidden;
        width: 49px; }
        .main-menu.uploadWrapper .main-menu-content .search .search-bar .searchInput .icon.icon-image,
        .uploadVideo .main-menu-content .search .search-bar .searchInput .icon.icon-image,
        .uploadImage .main-menu-content .search .search-bar .searchInput .icon.icon-image,
        .uploadAudio .main-menu-content .search .search-bar .searchInput .icon.icon-image,
        .uploadPDF .main-menu-content .search .search-bar .searchInput .icon.icon-image,
        .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .searchInput .icon.icon-image,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .searchInput .icon.icon-image {
          background: url(../images/Slides/slideEditor/googleLogo.svg) center no-repeat;
          width: 46px;
          height: 46px; }
        .main-menu.uploadWrapper .main-menu-content .search .search-bar .searchInput .icon.icon-video,
        .uploadVideo .main-menu-content .search .search-bar .searchInput .icon.icon-video,
        .uploadImage .main-menu-content .search .search-bar .searchInput .icon.icon-video,
        .uploadAudio .main-menu-content .search .search-bar .searchInput .icon.icon-video,
        .uploadPDF .main-menu-content .search .search-bar .searchInput .icon.icon-video,
        .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .searchInput .icon.icon-video,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .searchInput .icon.icon-video {
          background: url(../images/Slides/slideEditor/youtubeLogo.svg) center no-repeat;
          width: 50px;
          height: 36px;
          margin-top: 8px; }
      .main-menu.uploadWrapper .main-menu-content .search .search-bar label .icon,
      .uploadVideo .main-menu-content .search .search-bar label .icon,
      .uploadImage .main-menu-content .search .search-bar label .icon,
      .uploadAudio .main-menu-content .search .search-bar label .icon,
      .uploadPDF .main-menu-content .search .search-bar label .icon,
      .slideContent.slideEditor.uploader .main-menu-content .search .search-bar label .icon,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar label .icon {
        background-color: transparent;
        background-repeat: no-repeat;
        border: medium none;
        display: block;
        float: left;
        height: 49px;
        overflow: hidden;
        width: 49px; }
      .main-menu.uploadWrapper .main-menu-content .search .search-bar .search-input,
      .uploadVideo .main-menu-content .search .search-bar .search-input,
      .uploadImage .main-menu-content .search .search-bar .search-input,
      .uploadAudio .main-menu-content .search .search-bar .search-input,
      .uploadPDF .main-menu-content .search .search-bar .search-input,
      .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .search-input,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .search-input {
        background-color: #ffffff;
        border: 1px solid #ebeff2;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        color: #b8c0c6;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-style: italic;
        font-weight: normal;
        line-height: 19px;
        padding: 10px 17px;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
        display: inline-block;
        height: 29px;
        width: 323px; }
        .main-menu.uploadWrapper .main-menu-content .search .search-bar .search-input:focus, .main-menu.uploadWrapper .main-menu-content .search .search-bar .search-input:visited,
        .uploadVideo .main-menu-content .search .search-bar .search-input:focus,
        .uploadVideo .main-menu-content .search .search-bar .search-input:visited,
        .uploadImage .main-menu-content .search .search-bar .search-input:focus,
        .uploadImage .main-menu-content .search .search-bar .search-input:visited,
        .uploadAudio .main-menu-content .search .search-bar .search-input:focus,
        .uploadAudio .main-menu-content .search .search-bar .search-input:visited,
        .uploadPDF .main-menu-content .search .search-bar .search-input:focus,
        .uploadPDF .main-menu-content .search .search-bar .search-input:visited,
        .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .search-input:focus,
        .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .search-input:visited,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .search-input:focus,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .search-input:visited {
          color: #454545;
          font-style: normal; }
      .main-menu.uploadWrapper .main-menu-content .search .search-bar .btnSearch,
      .uploadVideo .main-menu-content .search .search-bar .btnSearch,
      .uploadImage .main-menu-content .search .search-bar .btnSearch,
      .uploadAudio .main-menu-content .search .search-bar .btnSearch,
      .uploadPDF .main-menu-content .search .search-bar .btnSearch,
      .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .btnSearch,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .btnSearch {
        background: url(../images/Slides/slideEditor/searchInput.svg) center no-repeat #ffffff;
        border: 1px solid #ebeff2;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        cursor: pointer;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        margin-top: 0px;
        margin-left: -5px;
        width: 58px;
        height: 51px; }
        .main-menu.uploadWrapper .main-menu-content .search .search-bar .btnSearch:hover,
        .uploadVideo .main-menu-content .search .search-bar .btnSearch:hover,
        .uploadImage .main-menu-content .search .search-bar .btnSearch:hover,
        .uploadAudio .main-menu-content .search .search-bar .btnSearch:hover,
        .uploadPDF .main-menu-content .search .search-bar .btnSearch:hover,
        .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .btnSearch:hover,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .btnSearch:hover {
          background: url(../images/Slides/slideEditor/searchInputH.svg) center no-repeat #ffffff;
          background-color: #colorBlue; }
        .main-menu.uploadWrapper .main-menu-content .search .search-bar .btnSearch:active,
        .uploadVideo .main-menu-content .search .search-bar .btnSearch:active,
        .uploadImage .main-menu-content .search .search-bar .btnSearch:active,
        .uploadAudio .main-menu-content .search .search-bar .btnSearch:active,
        .uploadPDF .main-menu-content .search .search-bar .btnSearch:active,
        .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .btnSearch:active,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .btnSearch:active {
          background-color: #f2f2f2; }
        .main-menu.uploadWrapper .main-menu-content .search .search-bar .btnSearch.btn-google,
        .uploadVideo .main-menu-content .search .search-bar .btnSearch.btn-google,
        .uploadImage .main-menu-content .search .search-bar .btnSearch.btn-google,
        .uploadAudio .main-menu-content .search .search-bar .btnSearch.btn-google,
        .uploadPDF .main-menu-content .search .search-bar .btnSearch.btn-google,
        .slideContent.slideEditor.uploader .main-menu-content .search .search-bar .btnSearch.btn-google,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search .search-bar .btnSearch.btn-google {
          height: 49px; }
  .main-menu.uploadWrapper .main-menu-content .drop-files,
  .uploadVideo .main-menu-content .drop-files,
  .uploadImage .main-menu-content .drop-files,
  .uploadAudio .main-menu-content .drop-files,
  .uploadPDF .main-menu-content .drop-files,
  .slideContent.slideEditor.uploader .main-menu-content .drop-files,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files {
    text-align: center;
    margin-bottom: 12px;
    position: relative; }
    .main-menu.uploadWrapper .main-menu-content .drop-files .drop.showAnimation .drop-animation,
    .uploadVideo .main-menu-content .drop-files .drop.showAnimation .drop-animation,
    .uploadImage .main-menu-content .drop-files .drop.showAnimation .drop-animation,
    .uploadAudio .main-menu-content .drop-files .drop.showAnimation .drop-animation,
    .uploadPDF .main-menu-content .drop-files .drop.showAnimation .drop-animation,
    .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop.showAnimation .drop-animation,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop.showAnimation .drop-animation {
      background: none; }
    .main-menu.uploadWrapper .main-menu-content .drop-files .drop.showAnimation p.drop-prompt,
    .uploadVideo .main-menu-content .drop-files .drop.showAnimation p.drop-prompt,
    .uploadImage .main-menu-content .drop-files .drop.showAnimation p.drop-prompt,
    .uploadAudio .main-menu-content .drop-files .drop.showAnimation p.drop-prompt,
    .uploadPDF .main-menu-content .drop-files .drop.showAnimation p.drop-prompt,
    .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop.showAnimation p.drop-prompt,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop.showAnimation p.drop-prompt {
      color: #06aaff; }
    .main-menu.uploadWrapper .main-menu-content .drop-files p.drop-prompt,
    .uploadVideo .main-menu-content .drop-files p.drop-prompt,
    .uploadImage .main-menu-content .drop-files p.drop-prompt,
    .uploadAudio .main-menu-content .drop-files p.drop-prompt,
    .uploadPDF .main-menu-content .drop-files p.drop-prompt,
    .slideContent.slideEditor.uploader .main-menu-content .drop-files p.drop-prompt,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files p.drop-prompt {
      margin: 0 auto;
      color: #5b6d79;
      font-size: 12px;
      line-height: 13px;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      position: absolute;
      top: 29px;
      left: 0;
      right: 0;
      width: 77px; }
    .main-menu.uploadWrapper .main-menu-content .drop-files .drop-animation,
    .uploadVideo .main-menu-content .drop-files .drop-animation,
    .uploadImage .main-menu-content .drop-files .drop-animation,
    .uploadAudio .main-menu-content .drop-files .drop-animation,
    .uploadPDF .main-menu-content .drop-files .drop-animation,
    .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop-animation,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop-animation {
      background: center no-repeat;
      margin: 0 auto;
      margin-top: 17px !important;
      margin-bottom: 20px !important;
      height: 129px;
      width: 129px; }
      .main-menu.uploadWrapper .main-menu-content .drop-files .drop-animation.video,
      .uploadVideo .main-menu-content .drop-files .drop-animation.video,
      .uploadImage .main-menu-content .drop-files .drop-animation.video,
      .uploadAudio .main-menu-content .drop-files .drop-animation.video,
      .uploadPDF .main-menu-content .drop-files .drop-animation.video,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop-animation.video,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop-animation.video {
        background-image: url(../images/Slides/slideEditor/dropVideo.svg); }
      .main-menu.uploadWrapper .main-menu-content .drop-files .drop-animation.image,
      .uploadVideo .main-menu-content .drop-files .drop-animation.image,
      .uploadImage .main-menu-content .drop-files .drop-animation.image,
      .uploadAudio .main-menu-content .drop-files .drop-animation.image,
      .uploadPDF .main-menu-content .drop-files .drop-animation.image,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop-animation.image,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop-animation.image {
        background-image: url(../images/Slides/slideEditor/dropImgs.svg); }
      .main-menu.uploadWrapper .main-menu-content .drop-files .drop-animation.multiple,
      .uploadVideo .main-menu-content .drop-files .drop-animation.multiple,
      .uploadImage .main-menu-content .drop-files .drop-animation.multiple,
      .uploadAudio .main-menu-content .drop-files .drop-animation.multiple,
      .uploadPDF .main-menu-content .drop-files .drop-animation.multiple,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop-animation.multiple,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop-animation.multiple {
        background-image: url(../images/Slides/slideEditor/dropImgs-multiple.svg);
        background-size: 130px; }
      .main-menu.uploadWrapper .main-menu-content .drop-files .drop-animation.audio,
      .uploadVideo .main-menu-content .drop-files .drop-animation.audio,
      .uploadImage .main-menu-content .drop-files .drop-animation.audio,
      .uploadAudio .main-menu-content .drop-files .drop-animation.audio,
      .uploadPDF .main-menu-content .drop-files .drop-animation.audio,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop-animation.audio,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop-animation.audio {
        background-image: url(../images/Slides/slideEditor/dropAudio.svg); }
      .main-menu.uploadWrapper .main-menu-content .drop-files .drop-animation.pdf,
      .uploadVideo .main-menu-content .drop-files .drop-animation.pdf,
      .uploadImage .main-menu-content .drop-files .drop-animation.pdf,
      .uploadAudio .main-menu-content .drop-files .drop-animation.pdf,
      .uploadPDF .main-menu-content .drop-files .drop-animation.pdf,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop-animation.pdf,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop-animation.pdf {
        background-image: url(../images/Slides/slideEditor/dropPdf.svg); }
      .main-menu.uploadWrapper .main-menu-content .drop-files .drop-animation p,
      .uploadVideo .main-menu-content .drop-files .drop-animation p,
      .uploadImage .main-menu-content .drop-files .drop-animation p,
      .uploadAudio .main-menu-content .drop-files .drop-animation p,
      .uploadPDF .main-menu-content .drop-files .drop-animation p,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop-animation p,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop-animation p {
        margin: 0 auto;
        color: #909699;
        font-size: 12px;
        line-height: 13px;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        position: relative;
        top: 30px;
        width: 75px; }
    .main-menu.uploadWrapper .main-menu-content .drop-files p,
    .uploadVideo .main-menu-content .drop-files p,
    .uploadImage .main-menu-content .drop-files p,
    .uploadAudio .main-menu-content .drop-files p,
    .uploadPDF .main-menu-content .drop-files p,
    .slideContent.slideEditor.uploader .main-menu-content .drop-files p,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files p {
      font-size: 14px;
      line-height: 17px;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      margin-bottom: 7px; }
      .main-menu.uploadWrapper .main-menu-content .drop-files p:last-child,
      .uploadVideo .main-menu-content .drop-files p:last-child,
      .uploadImage .main-menu-content .drop-files p:last-child,
      .uploadAudio .main-menu-content .drop-files p:last-child,
      .uploadPDF .main-menu-content .drop-files p:last-child,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files p:last-child,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files p:last-child {
        margin-top: 6px; }
    .main-menu.uploadWrapper .main-menu-content .drop-files span,
    .uploadVideo .main-menu-content .drop-files span,
    .uploadImage .main-menu-content .drop-files span,
    .uploadAudio .main-menu-content .drop-files span,
    .uploadPDF .main-menu-content .drop-files span,
    .slideContent.slideEditor.uploader .main-menu-content .drop-files span,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files span {
      position: relative;
      color: #5b6d79;
      font-size: 14px;
      line-height: 17px;
      z-index: 1;
      overflow: hidden;
      text-align: center;
      display: block;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      margin: 0 auto;
      width: 200px; }
      .main-menu.uploadWrapper .main-menu-content .drop-files span:before, .main-menu.uploadWrapper .main-menu-content .drop-files span:after,
      .uploadVideo .main-menu-content .drop-files span:before,
      .uploadVideo .main-menu-content .drop-files span:after,
      .uploadImage .main-menu-content .drop-files span:before,
      .uploadImage .main-menu-content .drop-files span:after,
      .uploadAudio .main-menu-content .drop-files span:before,
      .uploadAudio .main-menu-content .drop-files span:after,
      .uploadPDF .main-menu-content .drop-files span:before,
      .uploadPDF .main-menu-content .drop-files span:after,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files span:before,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files span:after,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files span:before,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files span:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 34px;
        height: 1px;
        content: '\a0';
        background: #b8c0c6; }
      .main-menu.uploadWrapper .main-menu-content .drop-files span:before,
      .uploadVideo .main-menu-content .drop-files span:before,
      .uploadImage .main-menu-content .drop-files span:before,
      .uploadAudio .main-menu-content .drop-files span:before,
      .uploadPDF .main-menu-content .drop-files span:before,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files span:before,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files span:before {
        margin-left: -43px;
        text-align: right; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .main-menu.uploadWrapper .main-menu-content .drop-files span:before,
          .uploadVideo .main-menu-content .drop-files span:before,
          .uploadImage .main-menu-content .drop-files span:before,
          .uploadAudio .main-menu-content .drop-files span:before,
          .uploadPDF .main-menu-content .drop-files span:before,
          .slideContent.slideEditor.uploader .main-menu-content .drop-files span:before,
          #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files span:before {
            margin-left: 50px;
            margin-top: -2px; } }
      .main-menu.uploadWrapper .main-menu-content .drop-files span:after,
      .uploadVideo .main-menu-content .drop-files span:after,
      .uploadImage .main-menu-content .drop-files span:after,
      .uploadAudio .main-menu-content .drop-files span:after,
      .uploadPDF .main-menu-content .drop-files span:after,
      .slideContent.slideEditor.uploader .main-menu-content .drop-files span:after,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files span:after {
        margin-left: 10px;
        text-align: left; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .main-menu.uploadWrapper .main-menu-content .drop-files span:after,
          .uploadVideo .main-menu-content .drop-files span:after,
          .uploadImage .main-menu-content .drop-files span:after,
          .uploadAudio .main-menu-content .drop-files span:after,
          .uploadPDF .main-menu-content .drop-files span:after,
          .slideContent.slideEditor.uploader .main-menu-content .drop-files span:after,
          #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files span:after {
            margin-top: -2px; } }
    .main-menu.uploadWrapper .main-menu-content .drop-files .drop.dropEffect .drop-prompt,
    .uploadVideo .main-menu-content .drop-files .drop.dropEffect .drop-prompt,
    .uploadImage .main-menu-content .drop-files .drop.dropEffect .drop-prompt,
    .uploadAudio .main-menu-content .drop-files .drop.dropEffect .drop-prompt,
    .uploadPDF .main-menu-content .drop-files .drop.dropEffect .drop-prompt,
    .slideContent.slideEditor.uploader .main-menu-content .drop-files .drop.dropEffect .drop-prompt,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .drop-files .drop.dropEffect .drop-prompt {
      color: #06aaff; }
  .main-menu.uploadWrapper .main-menu-content .options-menu,
  .uploadVideo .main-menu-content .options-menu,
  .uploadImage .main-menu-content .options-menu,
  .uploadAudio .main-menu-content .options-menu,
  .uploadPDF .main-menu-content .options-menu,
  .slideContent.slideEditor.uploader .main-menu-content .options-menu,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu {
    margin-top: 4px;
    margin-bottom: 12px; }
    .main-menu.uploadWrapper .main-menu-content .options-menu .image-component,
    .uploadVideo .main-menu-content .options-menu .image-component,
    .uploadImage .main-menu-content .options-menu .image-component,
    .uploadAudio .main-menu-content .options-menu .image-component,
    .uploadPDF .main-menu-content .options-menu .image-component,
    .slideContent.slideEditor.uploader .main-menu-content .options-menu .image-component,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .image-component {
      display: table;
      height: 90; }
    .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item,
    .uploadVideo .main-menu-content .options-menu .component-menu-item,
    .uploadImage .main-menu-content .options-menu .component-menu-item,
    .uploadAudio .main-menu-content .options-menu .component-menu-item,
    .uploadPDF .main-menu-content .options-menu .component-menu-item,
    .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item {
      height: auto;
      display: table-cell;
      vertical-align: middle; }
      .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item .button-select,
      .uploadVideo .main-menu-content .options-menu .component-menu-item .button-select,
      .uploadImage .main-menu-content .options-menu .component-menu-item .button-select,
      .uploadAudio .main-menu-content .options-menu .component-menu-item .button-select,
      .uploadPDF .main-menu-content .options-menu .component-menu-item .button-select,
      .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item .button-select,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item .button-select {
        margin: 0 12px;
        width: 58px;
        border: none;
        cursor: pointer;
        transition: transform .2s ease-in-out; }
        .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item .button-select:hover,
        .uploadVideo .main-menu-content .options-menu .component-menu-item .button-select:hover,
        .uploadImage .main-menu-content .options-menu .component-menu-item .button-select:hover,
        .uploadAudio .main-menu-content .options-menu .component-menu-item .button-select:hover,
        .uploadPDF .main-menu-content .options-menu .component-menu-item .button-select:hover,
        .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item .button-select:hover,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item .button-select:hover {
          transform: scale(1.3); }
      .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item .button-local-files-icon,
      .uploadVideo .main-menu-content .options-menu .component-menu-item .button-local-files-icon,
      .uploadImage .main-menu-content .options-menu .component-menu-item .button-local-files-icon,
      .uploadAudio .main-menu-content .options-menu .component-menu-item .button-local-files-icon,
      .uploadPDF .main-menu-content .options-menu .component-menu-item .button-local-files-icon,
      .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item .button-local-files-icon,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item .button-local-files-icon {
        background: url("../images/Slides/slideEditor/localBtn.svg") center no-repeat transparent;
        margin: 0 auto; }
      .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item .button-google-drive,
      .uploadVideo .main-menu-content .options-menu .component-menu-item .button-google-drive,
      .uploadImage .main-menu-content .options-menu .component-menu-item .button-google-drive,
      .uploadAudio .main-menu-content .options-menu .component-menu-item .button-google-drive,
      .uploadPDF .main-menu-content .options-menu .component-menu-item .button-google-drive,
      .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item .button-google-drive,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item .button-google-drive {
        background: url("../images/Slides/slideEditor/driveIcon.svg") center no-repeat transparent; }
      .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item .button-dropbox,
      .uploadVideo .main-menu-content .options-menu .component-menu-item .button-dropbox,
      .uploadImage .main-menu-content .options-menu .component-menu-item .button-dropbox,
      .uploadAudio .main-menu-content .options-menu .component-menu-item .button-dropbox,
      .uploadPDF .main-menu-content .options-menu .component-menu-item .button-dropbox,
      .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item .button-dropbox,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item .button-dropbox {
        background: url("../images/Slides/slideEditor/dropboxIcon.svg") center no-repeat transparent; }
      .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item .button-box,
      .uploadVideo .main-menu-content .options-menu .component-menu-item .button-box,
      .uploadImage .main-menu-content .options-menu .component-menu-item .button-box,
      .uploadAudio .main-menu-content .options-menu .component-menu-item .button-box,
      .uploadPDF .main-menu-content .options-menu .component-menu-item .button-box,
      .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item .button-box,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item .button-box {
        background: url("../images/Slides/slideEditor/boxIcon.svg") center no-repeat transparent; }
      .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item .button-one-drive,
      .uploadVideo .main-menu-content .options-menu .component-menu-item .button-one-drive,
      .uploadImage .main-menu-content .options-menu .component-menu-item .button-one-drive,
      .uploadAudio .main-menu-content .options-menu .component-menu-item .button-one-drive,
      .uploadPDF .main-menu-content .options-menu .component-menu-item .button-one-drive,
      .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item .button-one-drive,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item .button-one-drive {
        background: url("../images/Slides/slideEditor/onedriveIcon.svg") center no-repeat transparent;
        background-size: 50px 45px; }
      .main-menu.uploadWrapper .main-menu-content .options-menu .component-menu-item .button-youtube,
      .uploadVideo .main-menu-content .options-menu .component-menu-item .button-youtube,
      .uploadImage .main-menu-content .options-menu .component-menu-item .button-youtube,
      .uploadAudio .main-menu-content .options-menu .component-menu-item .button-youtube,
      .uploadPDF .main-menu-content .options-menu .component-menu-item .button-youtube,
      .slideContent.slideEditor.uploader .main-menu-content .options-menu .component-menu-item .button-youtube,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .component-menu-item .button-youtube {
        background: url("../images/Slides/slideEditor/youtubeIcon.svg") center no-repeat transparent; }
    .main-menu.uploadWrapper .main-menu-content .options-menu .video-component, .main-menu.uploadWrapper .main-menu-content .options-menu .image-component,
    .uploadVideo .main-menu-content .options-menu .video-component,
    .uploadVideo .main-menu-content .options-menu .image-component,
    .uploadImage .main-menu-content .options-menu .video-component,
    .uploadImage .main-menu-content .options-menu .image-component,
    .uploadAudio .main-menu-content .options-menu .video-component,
    .uploadAudio .main-menu-content .options-menu .image-component,
    .uploadPDF .main-menu-content .options-menu .video-component,
    .uploadPDF .main-menu-content .options-menu .image-component,
    .slideContent.slideEditor.uploader .main-menu-content .options-menu .video-component,
    .slideContent.slideEditor.uploader .main-menu-content .options-menu .image-component,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .video-component,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .options-menu .image-component {
      padding: 0;
      display: table;
      height: 90%;
      margin: 0 auto;
      text-align: center; }
  .main-menu.uploadWrapper .main-menu-content .button-box,
  .main-menu.uploadWrapper .main-menu-content .button-one-drive,
  .uploadVideo .main-menu-content .button-box,
  .uploadVideo .main-menu-content .button-one-drive,
  .uploadImage .main-menu-content .button-box,
  .uploadImage .main-menu-content .button-one-drive,
  .uploadAudio .main-menu-content .button-box,
  .uploadAudio .main-menu-content .button-one-drive,
  .uploadPDF .main-menu-content .button-box,
  .uploadPDF .main-menu-content .button-one-drive,
  .slideContent.slideEditor.uploader .main-menu-content .button-box,
  .slideContent.slideEditor.uploader .main-menu-content .button-one-drive,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .button-box,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .button-one-drive {
    height: 45px; }
  .main-menu.uploadWrapper .main-menu-content .button-local-files-icon,
  .uploadVideo .main-menu-content .button-local-files-icon,
  .uploadImage .main-menu-content .button-local-files-icon,
  .uploadAudio .main-menu-content .button-local-files-icon,
  .uploadPDF .main-menu-content .button-local-files-icon,
  .slideContent.slideEditor.uploader .main-menu-content .button-local-files-icon,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .button-local-files-icon {
    margin-left: -5px;
    height: 47px;
    display: block; }
  .main-menu.uploadWrapper .main-menu-content .button-google-images,
  .uploadVideo .main-menu-content .button-google-images,
  .uploadImage .main-menu-content .button-google-images,
  .uploadAudio .main-menu-content .button-google-images,
  .uploadPDF .main-menu-content .button-google-images,
  .slideContent.slideEditor.uploader .main-menu-content .button-google-images,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .button-google-images {
    width: 100px;
    height: 43px;
    padding-right: 0;
    padding-left: 0;
    background-image: url("imgs/google.svg");
    background-position: -34px 0; }
  .main-menu.uploadWrapper .main-menu-content .button-google-drive,
  .uploadVideo .main-menu-content .button-google-drive,
  .uploadImage .main-menu-content .button-google-drive,
  .uploadAudio .main-menu-content .button-google-drive,
  .uploadPDF .main-menu-content .button-google-drive,
  .slideContent.slideEditor.uploader .main-menu-content .button-google-drive,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .button-google-drive {
    width: 165px;
    height: 43px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    background-position: center  0; }
  .main-menu.uploadWrapper .main-menu-content .button-youtube,
  .uploadVideo .main-menu-content .button-youtube,
  .uploadImage .main-menu-content .button-youtube,
  .uploadAudio .main-menu-content .button-youtube,
  .uploadPDF .main-menu-content .button-youtube,
  .slideContent.slideEditor.uploader .main-menu-content .button-youtube,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .button-youtube {
    width: 135px;
    height: 43px;
    padding-right: 0;
    padding-left: 0;
    background-position: -10px 0; }
  .main-menu.uploadWrapper .main-menu-content .button-dropbox,
  .uploadVideo .main-menu-content .button-dropbox,
  .uploadImage .main-menu-content .button-dropbox,
  .uploadAudio .main-menu-content .button-dropbox,
  .uploadPDF .main-menu-content .button-dropbox,
  .slideContent.slideEditor.uploader .main-menu-content .button-dropbox,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .button-dropbox {
    width: 135px;
    height: 43px;
    padding-right: 0;
    padding-left: 0;
    background-position: -10px 0; }
  .main-menu.uploadWrapper .main-menu-content .action-buttons, .main-menu.uploadWrapper .main-menu-content .search-action-buttons,
  .uploadVideo .main-menu-content .action-buttons,
  .uploadVideo .main-menu-content .search-action-buttons,
  .uploadImage .main-menu-content .action-buttons,
  .uploadImage .main-menu-content .search-action-buttons,
  .uploadAudio .main-menu-content .action-buttons,
  .uploadAudio .main-menu-content .search-action-buttons,
  .uploadPDF .main-menu-content .action-buttons,
  .uploadPDF .main-menu-content .search-action-buttons,
  .slideContent.slideEditor.uploader .main-menu-content .action-buttons,
  .slideContent.slideEditor.uploader .main-menu-content .search-action-buttons,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .action-buttons,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search-action-buttons {
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background: #ffffff;
    padding-top: 19px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    height: 70px;
    width: 100%; }
    .main-menu.uploadWrapper .main-menu-content .action-buttons::before, .main-menu.uploadWrapper .main-menu-content .search-action-buttons::before,
    .uploadVideo .main-menu-content .action-buttons::before,
    .uploadVideo .main-menu-content .search-action-buttons::before,
    .uploadImage .main-menu-content .action-buttons::before,
    .uploadImage .main-menu-content .search-action-buttons::before,
    .uploadAudio .main-menu-content .action-buttons::before,
    .uploadAudio .main-menu-content .search-action-buttons::before,
    .uploadPDF .main-menu-content .action-buttons::before,
    .uploadPDF .main-menu-content .search-action-buttons::before,
    .slideContent.slideEditor.uploader .main-menu-content .action-buttons::before,
    .slideContent.slideEditor.uploader .main-menu-content .search-action-buttons::before,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .action-buttons::before,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search-action-buttons::before {
      content: "";
      background: url("../images/Slides/slideEditor/uploaderBtnsBck.png") top center no-repeat transparent;
      width: 100%;
      height: 27px;
      position: absolute;
      left: 2px;
      top: -27px; }
    .main-menu.uploadWrapper .main-menu-content .action-buttons button, .main-menu.uploadWrapper .main-menu-content .search-action-buttons button,
    .uploadVideo .main-menu-content .action-buttons button,
    .uploadVideo .main-menu-content .search-action-buttons button,
    .uploadImage .main-menu-content .action-buttons button,
    .uploadImage .main-menu-content .search-action-buttons button,
    .uploadAudio .main-menu-content .action-buttons button,
    .uploadAudio .main-menu-content .search-action-buttons button,
    .uploadPDF .main-menu-content .action-buttons button,
    .uploadPDF .main-menu-content .search-action-buttons button,
    .slideContent.slideEditor.uploader .main-menu-content .action-buttons button,
    .slideContent.slideEditor.uploader .main-menu-content .search-action-buttons button,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .action-buttons button,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search-action-buttons button {
      padding: 0;
      padding-top: 1px;
      font-size: 16px;
      line-height: 43px;
      color: #06aaff;
      text-align: left;
      background-color: #ffffff;
      border: 1px solid #00a8ff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
      text-align: center;
      margin: 0 12px;
      width: 140px;
      height: 44px;
      border-radius: 4px;
      cursor: pointer;
      /*
      &.btn-save:hover{
        color:white;
        background-color: #6ccdff;
        border: 1px solid #6ccdff;
      }
      */
      /*
      &:focus{
        border: none;
        outline: none;
      }
        */ }
      .main-menu.uploadWrapper .main-menu-content .action-buttons button:hover, .main-menu.uploadWrapper .main-menu-content .search-action-buttons button:hover,
      .uploadVideo .main-menu-content .action-buttons button:hover,
      .uploadVideo .main-menu-content .search-action-buttons button:hover,
      .uploadImage .main-menu-content .action-buttons button:hover,
      .uploadImage .main-menu-content .search-action-buttons button:hover,
      .uploadAudio .main-menu-content .action-buttons button:hover,
      .uploadAudio .main-menu-content .search-action-buttons button:hover,
      .uploadPDF .main-menu-content .action-buttons button:hover,
      .uploadPDF .main-menu-content .search-action-buttons button:hover,
      .slideContent.slideEditor.uploader .main-menu-content .action-buttons button:hover,
      .slideContent.slideEditor.uploader .main-menu-content .search-action-buttons button:hover,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .action-buttons button:hover,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search-action-buttons button:hover {
        color: #06aaff;
        background-color: #e5f6ff;
        border: 1px solid #00a8ff; }
      .main-menu.uploadWrapper .main-menu-content .action-buttons button.btn-save, .main-menu.uploadWrapper .main-menu-content .search-action-buttons button.btn-save,
      .uploadVideo .main-menu-content .action-buttons button.btn-save,
      .uploadVideo .main-menu-content .search-action-buttons button.btn-save,
      .uploadImage .main-menu-content .action-buttons button.btn-save,
      .uploadImage .main-menu-content .search-action-buttons button.btn-save,
      .uploadAudio .main-menu-content .action-buttons button.btn-save,
      .uploadAudio .main-menu-content .search-action-buttons button.btn-save,
      .uploadPDF .main-menu-content .action-buttons button.btn-save,
      .uploadPDF .main-menu-content .search-action-buttons button.btn-save,
      .slideContent.slideEditor.uploader .main-menu-content .action-buttons button.btn-save,
      .slideContent.slideEditor.uploader .main-menu-content .search-action-buttons button.btn-save,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .action-buttons button.btn-save,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search-action-buttons button.btn-save {
        background-color: #06aaff;
        border-color: #06aaff;
        color: #ffffff; }
        .main-menu.uploadWrapper .main-menu-content .action-buttons button.btn-save:not([disabled]):hover, .main-menu.uploadWrapper .main-menu-content .search-action-buttons button.btn-save:not([disabled]):hover,
        .uploadVideo .main-menu-content .action-buttons button.btn-save:not([disabled]):hover,
        .uploadVideo .main-menu-content .search-action-buttons button.btn-save:not([disabled]):hover,
        .uploadImage .main-menu-content .action-buttons button.btn-save:not([disabled]):hover,
        .uploadImage .main-menu-content .search-action-buttons button.btn-save:not([disabled]):hover,
        .uploadAudio .main-menu-content .action-buttons button.btn-save:not([disabled]):hover,
        .uploadAudio .main-menu-content .search-action-buttons button.btn-save:not([disabled]):hover,
        .uploadPDF .main-menu-content .action-buttons button.btn-save:not([disabled]):hover,
        .uploadPDF .main-menu-content .search-action-buttons button.btn-save:not([disabled]):hover,
        .slideContent.slideEditor.uploader .main-menu-content .action-buttons button.btn-save:not([disabled]):hover,
        .slideContent.slideEditor.uploader .main-menu-content .search-action-buttons button.btn-save:not([disabled]):hover,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .action-buttons button.btn-save:not([disabled]):hover,
        #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search-action-buttons button.btn-save:not([disabled]):hover {
          color: white;
          background-color: #6ccdff;
          border: 1px solid #6ccdff; }
      .main-menu.uploadWrapper .main-menu-content .action-buttons button.inactive, .main-menu.uploadWrapper .main-menu-content .search-action-buttons button.inactive,
      .uploadVideo .main-menu-content .action-buttons button.inactive,
      .uploadVideo .main-menu-content .search-action-buttons button.inactive,
      .uploadImage .main-menu-content .action-buttons button.inactive,
      .uploadImage .main-menu-content .search-action-buttons button.inactive,
      .uploadAudio .main-menu-content .action-buttons button.inactive,
      .uploadAudio .main-menu-content .search-action-buttons button.inactive,
      .uploadPDF .main-menu-content .action-buttons button.inactive,
      .uploadPDF .main-menu-content .search-action-buttons button.inactive,
      .slideContent.slideEditor.uploader .main-menu-content .action-buttons button.inactive,
      .slideContent.slideEditor.uploader .main-menu-content .search-action-buttons button.inactive,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .action-buttons button.inactive,
      #fancybox-content .uploadWrapper.uploadImage .main-menu-content .search-action-buttons button.inactive {
        background-color: #cdd3d7;
        border-color: #cdd3d7;
        color: #ffffff;
        cursor: default; }
  .main-menu.uploadWrapper .main-menu-toolbar button,
  .uploadVideo .main-menu-toolbar button,
  .uploadImage .main-menu-toolbar button,
  .uploadAudio .main-menu-toolbar button,
  .uploadPDF .main-menu-toolbar button,
  .slideContent.slideEditor.uploader .main-menu-toolbar button,
  #fancybox-content .uploadWrapper.uploadImage .main-menu-toolbar button {
    opacity: .6;
    background: url(../images/Slides/slideEditor/bt_close.svg) left top no-repeat transparent;
    position: absolute;
    right: -45px;
    top: -2px;
    border: none;
    height: 25px;
    width: 25px; }
    .main-menu.uploadWrapper .main-menu-toolbar button:hover,
    .uploadVideo .main-menu-toolbar button:hover,
    .uploadImage .main-menu-toolbar button:hover,
    .uploadAudio .main-menu-toolbar button:hover,
    .uploadPDF .main-menu-toolbar button:hover,
    .slideContent.slideEditor.uploader .main-menu-toolbar button:hover,
    #fancybox-content .uploadWrapper.uploadImage .main-menu-toolbar button:hover {
      opacity: 1; }
  .main-menu.uploadWrapper #previewPdfContainer .namePdf,
  .uploadVideo #previewPdfContainer .namePdf,
  .uploadImage #previewPdfContainer .namePdf,
  .uploadAudio #previewPdfContainer .namePdf,
  .uploadPDF #previewPdfContainer .namePdf,
  .slideContent.slideEditor.uploader #previewPdfContainer .namePdf,
  #fancybox-content .uploadWrapper.uploadImage #previewPdfContainer .namePdf {
    padding-left: 64px; }
  .main-menu.uploadWrapper #previewPdfContainer #previewPdf,
  .uploadVideo #previewPdfContainer #previewPdf,
  .uploadImage #previewPdfContainer #previewPdf,
  .uploadAudio #previewPdfContainer #previewPdf,
  .uploadPDF #previewPdfContainer #previewPdf,
  .slideContent.slideEditor.uploader #previewPdfContainer #previewPdf,
  #fancybox-content .uploadWrapper.uploadImage #previewPdfContainer #previewPdf {
    max-width: 396px; }
  .main-menu.uploadWrapper .list,
  .uploadVideo .list,
  .uploadImage .list,
  .uploadAudio .list,
  .uploadPDF .list,
  .slideContent.slideEditor.uploader .list,
  #fancybox-content .uploadWrapper.uploadImage .list {
    margin-left: 12px;
    overflow: auto;
    list-style: none;
    width: 488px;
    height: 313px; }
    .main-menu.uploadWrapper .list .item,
    .uploadVideo .list .item,
    .uploadImage .list .item,
    .uploadAudio .list .item,
    .uploadPDF .list .item,
    .slideContent.slideEditor.uploader .list .item,
    #fancybox-content .uploadWrapper.uploadImage .list .item {
      margin: 0 5px 10px 5px;
      border-radius: 4px;
      background: #ffffff;
      position: relative;
      cursor: pointer; }
      .main-menu.uploadWrapper .list .item.selected,
      .uploadVideo .list .item.selected,
      .uploadImage .list .item.selected,
      .uploadAudio .list .item.selected,
      .uploadPDF .list .item.selected,
      .slideContent.slideEditor.uploader .list .item.selected,
      #fancybox-content .uploadWrapper.uploadImage .list .item.selected {
        border: 3px solid #06aaff; }
        .main-menu.uploadWrapper .list .item.selected::after,
        .uploadVideo .list .item.selected::after,
        .uploadImage .list .item.selected::after,
        .uploadAudio .list .item.selected::after,
        .uploadPDF .list .item.selected::after,
        .slideContent.slideEditor.uploader .list .item.selected::after,
        #fancybox-content .uploadWrapper.uploadImage .list .item.selected::after {
          background: url(../images/Slides/slideEditor/selectedImg.svg) center no-repeat transparent;
          content: "";
          position: absolute; }
  .main-menu.uploadWrapper .image-results-container .item,
  .uploadVideo .image-results-container .item,
  .uploadImage .image-results-container .item,
  .uploadAudio .image-results-container .item,
  .uploadPDF .image-results-container .item,
  .slideContent.slideEditor.uploader .image-results-container .item,
  #fancybox-content .uploadWrapper.uploadImage .image-results-container .item {
    float: left;
    border: 2px solid #ebeff2;
    width: 110px;
    height: 116px; }
    .main-menu.uploadWrapper .image-results-container .item .img-container,
    .uploadVideo .image-results-container .item .img-container,
    .uploadImage .image-results-container .item .img-container,
    .uploadAudio .image-results-container .item .img-container,
    .uploadPDF .image-results-container .item .img-container,
    .slideContent.slideEditor.uploader .image-results-container .item .img-container,
    #fancybox-content .uploadWrapper.uploadImage .image-results-container .item .img-container {
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%; }
    .main-menu.uploadWrapper .image-results-container .item::before,
    .uploadVideo .image-results-container .item::before,
    .uploadImage .image-results-container .item::before,
    .uploadAudio .image-results-container .item::before,
    .uploadPDF .image-results-container .item::before,
    .slideContent.slideEditor.uploader .image-results-container .item::before,
    #fancybox-content .uploadWrapper.uploadImage .image-results-container .item::before {
      background: #454545;
      opacity: 0;
      content: "";
      width: 106px;
      height: 112px;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      /* easeInOutQuad */
      -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      /* easeInOutQuad */ }
    .main-menu.uploadWrapper .image-results-container .item:hover::before,
    .uploadVideo .image-results-container .item:hover::before,
    .uploadImage .image-results-container .item:hover::before,
    .uploadAudio .image-results-container .item:hover::before,
    .uploadPDF .image-results-container .item:hover::before,
    .slideContent.slideEditor.uploader .image-results-container .item:hover::before,
    #fancybox-content .uploadWrapper.uploadImage .image-results-container .item:hover::before {
      opacity: 0.2; }
    .main-menu.uploadWrapper .image-results-container .item.selected::before,
    .uploadVideo .image-results-container .item.selected::before,
    .uploadImage .image-results-container .item.selected::before,
    .uploadAudio .image-results-container .item.selected::before,
    .uploadPDF .image-results-container .item.selected::before,
    .slideContent.slideEditor.uploader .image-results-container .item.selected::before,
    #fancybox-content .uploadWrapper.uploadImage .image-results-container .item.selected::before {
      background: linear-gradient(180deg, transparent 0%, black 100%);
      opacity: 0.8;
      content: "";
      width: 104px;
      height: 110px;
      position: absolute;
      top: 0;
      left: 0; }
    .main-menu.uploadWrapper .image-results-container .item.selected::after,
    .uploadVideo .image-results-container .item.selected::after,
    .uploadImage .image-results-container .item.selected::after,
    .uploadAudio .image-results-container .item.selected::after,
    .uploadPDF .image-results-container .item.selected::after,
    .slideContent.slideEditor.uploader .image-results-container .item.selected::after,
    #fancybox-content .uploadWrapper.uploadImage .image-results-container .item.selected::after {
      width: 104px;
      height: 110px;
      top: 0;
      left: 0; }
  .main-menu.uploadWrapper .video-results-container.browseResults,
  .uploadVideo .video-results-container.browseResults,
  .uploadImage .video-results-container.browseResults,
  .uploadAudio .video-results-container.browseResults,
  .uploadPDF .video-results-container.browseResults,
  .slideContent.slideEditor.uploader .video-results-container.browseResults,
  #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults {
    /*
              img{
                width: 200px;
              }*/ }
    .main-menu.uploadWrapper .video-results-container.browseResults .list,
    .uploadVideo .video-results-container.browseResults .list,
    .uploadImage .video-results-container.browseResults .list,
    .uploadAudio .video-results-container.browseResults .list,
    .uploadPDF .video-results-container.browseResults .list,
    .slideContent.slideEditor.uploader .video-results-container.browseResults .list,
    #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults .list {
      margin-left: 1px;
      width: 508px; }
      .main-menu.uploadWrapper .video-results-container.browseResults .list .item,
      .uploadVideo .video-results-container.browseResults .list .item,
      .uploadImage .video-results-container.browseResults .list .item,
      .uploadAudio .video-results-container.browseResults .list .item,
      .uploadPDF .video-results-container.browseResults .list .item,
      .slideContent.slideEditor.uploader .video-results-container.browseResults .list .item,
      #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults .list .item {
        height: 100px;
        overflow: hidden;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        color: #454545;
        margin-bottom: 8px;
        padding: 5px;
        background: none;
        border: 2px solid transparent;
        -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        /* easeOutQuad */
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        /* easeOutQuad */ }
        .main-menu.uploadWrapper .video-results-container.browseResults .list .item.selected,
        .uploadVideo .video-results-container.browseResults .list .item.selected,
        .uploadImage .video-results-container.browseResults .list .item.selected,
        .uploadAudio .video-results-container.browseResults .list .item.selected,
        .uploadPDF .video-results-container.browseResults .list .item.selected,
        .slideContent.slideEditor.uploader .video-results-container.browseResults .list .item.selected,
        #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults .list .item.selected {
          border: 2px solid #06aaff;
          height: 160px;
          -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
          /* easeOutQuad */
          -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          /* easeOutQuad */ }
        .main-menu.uploadWrapper .video-results-container.browseResults .list .item::before,
        .uploadVideo .video-results-container.browseResults .list .item::before,
        .uploadImage .video-results-container.browseResults .list .item::before,
        .uploadAudio .video-results-container.browseResults .list .item::before,
        .uploadPDF .video-results-container.browseResults .list .item::before,
        .slideContent.slideEditor.uploader .video-results-container.browseResults .list .item::before,
        #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults .list .item::before {
          content: "";
          background: url(../images/Slides/slideEditor/bt_youtube_preview.svg) left top no-repeat transparent;
          opacity: 0.8;
          position: absolute;
          top: 52px;
          left: 77px;
          width: 52px;
          height: 52px; }
    .main-menu.uploadWrapper .video-results-container.browseResults img,
    .uploadVideo .video-results-container.browseResults img,
    .uploadImage .video-results-container.browseResults img,
    .uploadAudio .video-results-container.browseResults img,
    .uploadPDF .video-results-container.browseResults img,
    .slideContent.slideEditor.uploader .video-results-container.browseResults img,
    #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults img {
      float: left;
      margin: -2px;
      margin-right: 6px; }
    .main-menu.uploadWrapper .video-results-container.browseResults span,
    .uploadVideo .video-results-container.browseResults span,
    .uploadImage .video-results-container.browseResults span,
    .uploadAudio .video-results-container.browseResults span,
    .uploadPDF .video-results-container.browseResults span,
    .slideContent.slideEditor.uploader .video-results-container.browseResults span,
    #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults span {
      text-align: left;
      display: block; }
    .main-menu.uploadWrapper .video-results-container.browseResults .title,
    .uploadVideo .video-results-container.browseResults .title,
    .uploadImage .video-results-container.browseResults .title,
    .uploadAudio .video-results-container.browseResults .title,
    .uploadPDF .video-results-container.browseResults .title,
    .slideContent.slideEditor.uploader .video-results-container.browseResults .title,
    #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults .title {
      height: 43px;
      font-size: 14px;
      font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
      font-weight: normal;
      line-height: 14px;
      margin-bottom: 5px;
      overflow: hidden; }
    .main-menu.uploadWrapper .video-results-container.browseResults .desc,
    .uploadVideo .video-results-container.browseResults .desc,
    .uploadImage .video-results-container.browseResults .desc,
    .uploadAudio .video-results-container.browseResults .desc,
    .uploadPDF .video-results-container.browseResults .desc,
    .slideContent.slideEditor.uploader .video-results-container.browseResults .desc,
    #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults .desc {
      font-size: 12px;
      line-height: 12px; }
    .main-menu.uploadWrapper .video-results-container.browseResults .date,
    .uploadVideo .video-results-container.browseResults .date,
    .uploadImage .video-results-container.browseResults .date,
    .uploadAudio .video-results-container.browseResults .date,
    .uploadPDF .video-results-container.browseResults .date,
    .slideContent.slideEditor.uploader .video-results-container.browseResults .date,
    #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults .date {
      font-size: 11px;
      position: absolute;
      bottom: 0;
      left: 129px; }
    .main-menu.uploadWrapper .video-results-container.browseResults .selected .date,
    .uploadVideo .video-results-container.browseResults .selected .date,
    .uploadImage .video-results-container.browseResults .selected .date,
    .uploadAudio .video-results-container.browseResults .selected .date,
    .uploadPDF .video-results-container.browseResults .selected .date,
    .slideContent.slideEditor.uploader .video-results-container.browseResults .selected .date,
    #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults .selected .date {
      left: 209px; }
    .main-menu.uploadWrapper .video-results-container.browseResults:hover::before,
    .uploadVideo .video-results-container.browseResults:hover::before,
    .uploadImage .video-results-container.browseResults:hover::before,
    .uploadAudio .video-results-container.browseResults:hover::before,
    .uploadPDF .video-results-container.browseResults:hover::before,
    .slideContent.slideEditor.uploader .video-results-container.browseResults:hover::before,
    #fancybox-content .uploadWrapper.uploadImage .video-results-container.browseResults:hover::before {
      opacity: 1; }

.slideEditorImage.uploader .uploadPDF .main-menu-content .file-uploader .drop-files .drop, .slideEditorImage.uploader .uploadAudio .main-menu-content .file-uploader .drop-files .drop {
  margin-top: 77px;
  margin-bottom: 20px; }
.slideEditorImage.uploader .uploadPDF .main-menu-content .file-uploader .drop-files p:last-child, .slideEditorImage.uploader .uploadAudio .main-menu-content .file-uploader .drop-files p:last-child {
  margin-top: 5px; }

.preview-mode .btn-close-preview.btn, .main-menu .btn-close {
  opacity: .6;
  background: url(../images/Slides/slideEditor/bt_close.svg) left top no-repeat transparent;
  position: absolute;
  top: -2px;
  right: -35px;
  height: 25px;
  width: 25px;
  border: none;
  cursor: pointer; }
  .preview-mode .btn-close-preview.btn:hover, .main-menu .btn-close:hover {
    opacity: 1; }

.webpagePdf #previewPdfContainer {
  margin-top: 31px;
  margin-bottom: 6px;
  min-height: 240px;
  border-color: #979797; }

.uploadVideo .previewPanel {
  border: 1px solid #979797;
  padding: 0 56px !important;
  width: 100% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 368px !important;
  margin-top: 27px; }
  .uploadVideo .previewPanel #ytplayer {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px; }
.uploadVideo .options-menu {
  margin-top: 30px; }

.load #uploadContentContainer {
  background-color: white;
  position: fixed;
  left: 50%;
  top: 50%;
  padding: 19px 30px 10px 30px;
  margin-left: -214px;
  margin-top: -58px;
  width: 369px;
  z-index: 9999;
  height: 117px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #979797;
  color: #5b6d79; }
  .load #uploadContentContainer h3 {
    font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #454545; }
  .load #uploadContentContainer #progress {
    width: 330px;
    height: 22px;
    background-color: lightgray;
    z-index: 9000;
    left: 0;
    position: absolute;
    top: 0;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
    overflow: hidden; }
  .load #uploadContentContainer #progressNumber {
    color: #787676;
    z-index: 9002;
    position: absolute;
    left: 50%;
    margin-left: -12px; }
  .load #uploadContentContainer #uploadContent img {
    display: none; }
  .load #uploadContentContainer .uploadProgress {
    margin-top: 6px;
    position: relative;
    width: 100%; }
    .load #uploadContentContainer .uploadProgress a.delete {
      display: block;
      width: 16px;
      height: 16px;
      top: 0; }
      .load #uploadContentContainer .uploadProgress a.delete:before {
        content: "";
        background-image: url(../images/Slides/slideEditor/trash.svg);
        position: absolute;
        top: 2px;
        right: 2px;
        width: 16px;
        height: 16px;
        display: block; }
  .load #uploadContentContainer #progressBar {
    background-color: #00a8ff;
    z-index: 9001;
    position: absolute;
    height: 22px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px; }
  .load #uploadContentContainer #uploadFileName {
    font-size: 16px;
    font-family: "npprimaryregular", Helvetica, Arial, sans-serif; }

#uploadImage.main-menu.uploadWrapper,
#uploadVideo.main-menu.uploadWrapper,
#uploadImagesDiv.uploadWrapper,
#fmSketchUpload.uploadFileForm,
.uploadWrapper .browseBox div.searchInput input.video-search-input,
.slideEditorImage.uploader {
  background-image: none;
  border: none;
  /*border-radius: 0;*/
  box-shadow: none; }
  #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .video-search-input, #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .google-search-input,
  #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .video-search-input,
  #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .google-search-input,
  #uploadImagesDiv.uploadWrapper .browseBox .searchInput .video-search-input,
  #uploadImagesDiv.uploadWrapper .browseBox .searchInput .google-search-input,
  #fmSketchUpload.uploadFileForm .browseBox .searchInput .video-search-input,
  #fmSketchUpload.uploadFileForm .browseBox .searchInput .google-search-input,
  .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .video-search-input,
  .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .google-search-input,
  .slideEditorImage.uploader .browseBox .searchInput .video-search-input,
  .slideEditorImage.uploader .browseBox .searchInput .google-search-input {
    font-style: normal;
    color: #1B3B4A;
    border: 1px solid #ebeff2; }
    #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .video-search-input::-webkit-input-placeholder, #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .google-search-input::-webkit-input-placeholder,
    #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .video-search-input::-webkit-input-placeholder,
    #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .google-search-input::-webkit-input-placeholder,
    #uploadImagesDiv.uploadWrapper .browseBox .searchInput .video-search-input::-webkit-input-placeholder,
    #uploadImagesDiv.uploadWrapper .browseBox .searchInput .google-search-input::-webkit-input-placeholder,
    #fmSketchUpload.uploadFileForm .browseBox .searchInput .video-search-input::-webkit-input-placeholder,
    #fmSketchUpload.uploadFileForm .browseBox .searchInput .google-search-input::-webkit-input-placeholder,
    .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .video-search-input::-webkit-input-placeholder,
    .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .google-search-input::-webkit-input-placeholder,
    .slideEditorImage.uploader .browseBox .searchInput .video-search-input::-webkit-input-placeholder,
    .slideEditorImage.uploader .browseBox .searchInput .google-search-input::-webkit-input-placeholder {
      font-style: italic !important;
      color: #b2b2b2 !important; }
    #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .video-search-input:-moz-placeholder, #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .google-search-input:-moz-placeholder,
    #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .video-search-input:-moz-placeholder,
    #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .google-search-input:-moz-placeholder,
    #uploadImagesDiv.uploadWrapper .browseBox .searchInput .video-search-input:-moz-placeholder,
    #uploadImagesDiv.uploadWrapper .browseBox .searchInput .google-search-input:-moz-placeholder,
    #fmSketchUpload.uploadFileForm .browseBox .searchInput .video-search-input:-moz-placeholder,
    #fmSketchUpload.uploadFileForm .browseBox .searchInput .google-search-input:-moz-placeholder,
    .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .video-search-input:-moz-placeholder,
    .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .google-search-input:-moz-placeholder,
    .slideEditorImage.uploader .browseBox .searchInput .video-search-input:-moz-placeholder,
    .slideEditorImage.uploader .browseBox .searchInput .google-search-input:-moz-placeholder {
      font-style: italic !important;
      color: #b2b2b2 !important; }
    #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .video-search-input::-moz-placeholder, #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .google-search-input::-moz-placeholder,
    #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .video-search-input::-moz-placeholder,
    #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .google-search-input::-moz-placeholder,
    #uploadImagesDiv.uploadWrapper .browseBox .searchInput .video-search-input::-moz-placeholder,
    #uploadImagesDiv.uploadWrapper .browseBox .searchInput .google-search-input::-moz-placeholder,
    #fmSketchUpload.uploadFileForm .browseBox .searchInput .video-search-input::-moz-placeholder,
    #fmSketchUpload.uploadFileForm .browseBox .searchInput .google-search-input::-moz-placeholder,
    .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .video-search-input::-moz-placeholder,
    .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .google-search-input::-moz-placeholder,
    .slideEditorImage.uploader .browseBox .searchInput .video-search-input::-moz-placeholder,
    .slideEditorImage.uploader .browseBox .searchInput .google-search-input::-moz-placeholder {
      font-style: italic !important;
      color: #b2b2b2 !important; }
    #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .video-search-input:-ms-input-placeholder, #uploadImage.main-menu.uploadWrapper .browseBox .searchInput .google-search-input:-ms-input-placeholder,
    #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .video-search-input:-ms-input-placeholder,
    #uploadVideo.main-menu.uploadWrapper .browseBox .searchInput .google-search-input:-ms-input-placeholder,
    #uploadImagesDiv.uploadWrapper .browseBox .searchInput .video-search-input:-ms-input-placeholder,
    #uploadImagesDiv.uploadWrapper .browseBox .searchInput .google-search-input:-ms-input-placeholder,
    #fmSketchUpload.uploadFileForm .browseBox .searchInput .video-search-input:-ms-input-placeholder,
    #fmSketchUpload.uploadFileForm .browseBox .searchInput .google-search-input:-ms-input-placeholder,
    .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .video-search-input:-ms-input-placeholder,
    .uploadWrapper .browseBox div.searchInput input.video-search-input .browseBox .searchInput .google-search-input:-ms-input-placeholder,
    .slideEditorImage.uploader .browseBox .searchInput .video-search-input:-ms-input-placeholder,
    .slideEditorImage.uploader .browseBox .searchInput .google-search-input:-ms-input-placeholder {
      font-style: italic !important;
      color: #b2b2b2 !important; }
  #uploadImage.main-menu.uploadWrapper::-webkit-input-placeholder,
  #uploadVideo.main-menu.uploadWrapper::-webkit-input-placeholder,
  #uploadImagesDiv.uploadWrapper::-webkit-input-placeholder,
  #fmSketchUpload.uploadFileForm::-webkit-input-placeholder,
  .uploadWrapper .browseBox div.searchInput input.video-search-input::-webkit-input-placeholder,
  .slideEditorImage.uploader::-webkit-input-placeholder {
    font-style: italic !important;
    color: #b2b2b2 !important; }
  #uploadImage.main-menu.uploadWrapper:-moz-placeholder,
  #uploadVideo.main-menu.uploadWrapper:-moz-placeholder,
  #uploadImagesDiv.uploadWrapper:-moz-placeholder,
  #fmSketchUpload.uploadFileForm:-moz-placeholder,
  .uploadWrapper .browseBox div.searchInput input.video-search-input:-moz-placeholder,
  .slideEditorImage.uploader:-moz-placeholder {
    font-style: italic !important;
    color: #b2b2b2 !important; }
  #uploadImage.main-menu.uploadWrapper::-moz-placeholder,
  #uploadVideo.main-menu.uploadWrapper::-moz-placeholder,
  #uploadImagesDiv.uploadWrapper::-moz-placeholder,
  #fmSketchUpload.uploadFileForm::-moz-placeholder,
  .uploadWrapper .browseBox div.searchInput input.video-search-input::-moz-placeholder,
  .slideEditorImage.uploader::-moz-placeholder {
    font-style: italic !important;
    color: #b2b2b2 !important; }
  #uploadImage.main-menu.uploadWrapper:-ms-input-placeholder,
  #uploadVideo.main-menu.uploadWrapper:-ms-input-placeholder,
  #uploadImagesDiv.uploadWrapper:-ms-input-placeholder,
  #fmSketchUpload.uploadFileForm:-ms-input-placeholder,
  .uploadWrapper .browseBox div.searchInput input.video-search-input:-ms-input-placeholder,
  .slideEditorImage.uploader:-ms-input-placeholder {
    font-style: italic !important;
    color: #b2b2b2 !important; }

#uploadPDF.uploadPDF.main-menu {
  height: 551px; }

.uploadVideo .youtubeLinkResult {
  font-size: 12px;
  text-align: center;
  color: #5b6d79;
  font-family: "npprimaryregular", Helvetica, Arial, sans-serif;
  margin-top: 22px;
  display: none;
  font-weight: normal; }

.slideContent.slideEditor.uploader .main-menu.uploadWrapper.uploadAudio .main-menu-content .title {
  margin-bottom: 70px; }

.exportUserLightbox {
  height: 236px; }
  .exportUserLightbox .exportPdfLightboxLabel {
    padding-bottom: 17px; }
  .exportUserLightbox .exportAllUsers {
    text-align: center;
    margin-top: 14px; }
    .exportUserLightbox .exportAllUsers #exportAll, .exportUserLightbox .exportAllUsers #exportLabel {
      display: inline-block;
      font-size: 14px;
      font-family: "robotoregular", Helvetica, Arial, sans-serif;
      color: #808083; }
    .exportUserLightbox .exportAllUsers #exportAll {
      margin-left: 0; }
    .exportUserLightbox .exportAllUsers #exportLabel {
      position: relative;
      top: -2px;
      word-spacing: 0; }

#fancybox-close {
  right: -35px; }

@media screen {
  #content,
  .content {
    min-height: auto; }

  .reset-new.drawit-collage-container .wrapper {
    max-width: 1024px; }
    .reset-new.drawit-collage-container .wrapper .drawit-top {
      padding: 30px 0;
      text-align: center; }
      .reset-new.drawit-collage-container .wrapper .drawit-top .drawit-title {
        color: #152d39;
        display: inline-block;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
        font-size: 22px;
        vertical-align: middle;
        margin-right: 6px;
        margin-left: 6px; } }
      @media screen and (max-width: 800px) {
        .reset-new.drawit-collage-container .wrapper .drawit-top .drawit-title {
          display: block;
          margin-bottom: 20px; } }
@media screen {
      .reset-new.drawit-collage-container .wrapper .drawit-top .social-btns {
        display: inline-block;
        margin: 0 4px;
        vertical-align: middle; } }
      @media screen and (max-width: 335px) {
        .reset-new.drawit-collage-container .wrapper .drawit-top .social-btns {
          width: 40px; } }
@media screen {
    .reset-new.drawit-collage-container .wrapper .collage-container {
      padding: 0 15px; }
      .reset-new.drawit-collage-container .wrapper .collage-container .collage-image {
        max-width: 100%; }
    .reset-new.drawit-collage-container .wrapper .drawit-bottom {
      padding: 30px 0;
      text-align: center; }
      .reset-new.drawit-collage-container .wrapper .drawit-bottom .bottom-title {
        color: #152d39;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
        font-size: 22px;
        display: inline-block;
        margin-right: 6px;
        margin-left: 6px; }
        .reset-new.drawit-collage-container .wrapper .drawit-bottom .bottom-title.bottom-margin {
          margin-bottom: 20px; }
  .reset-new.drawit-collage-container .list-social {
    display: inline-block; }
  .reset-new.drawit-collage-container .sign-up-btn {
    width: 312px;
    height: 52px;
    display: block;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin: auto;
    margin-top: 20px; } }
  @media screen and (max-width: 700px) {
    .reset-new.drawit-collage-container .sign-up-btn {
      font-size: 16px;
      width: 194px;
      height: 40px; } }
@media screen {
  .reset-new.drawit-collage-container .social-btns {
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle; } }
  @media screen and (max-width: 335px) {
    .reset-new.drawit-collage-container .social-btns {
      width: 40px; } }

@media screen and (max-width: 900px) {
  .reset-new.tempToolBar.ct-view.logo-only .toolbarLogoContainer .toolbarLogo {
    display: block; } }
@media screen and (max-width: 700px) {
  .reset-new.drawit-collage-container .wrapper .drawit-top .drawit-title,
  .reset-new.drawit-collage-container .wrapper .drawit-bottom .bottom-title,
  .reset-new.drawit-collage-container .wrapper .drawit-bottom .sign-up-btn {
    font-size: 16px; }
  .reset-new.drawit-collage-container .wrapper .drawit-bottom .sign-up-btn {
    width: 194px;
    height: 40px; } }
@media print {
  @page {
    size: landscape; }
  .reset-new.tempToolBar {
    border: none; }
    .reset-new.tempToolBar .toolbarLogo {
      width: 129px; }

  .reset-new.drawit-collage-container .drawit-top,
  .reset-new.drawit-collage-container .drawit-bottom {
    display: none; } }
.reset-new .dropdown-container {
  background-color: #f8fafb;
  border: 1px solid #eaeef1;
  box-shadow: 0 3px 6px 0 rgba(7, 26, 35, 0.08);
  display: none;
  transform: translate(-74px, 34px);
  position: absolute;
  z-index: 1; }
  .reset-new .dropdown-container::before {
    width: 9px;
    height: 9px;
    background-color: #f8fafb;
    border: 1px solid #eaeef1;
    content: '';
    transform: rotate(45deg) translate(-50%);
    position: absolute;
    z-index: -1; }
  .reset-new .dropdown-container .dropdown-button {
    width: 110px;
    height: 40px;
    background-color: #f8fafb;
    border-top: 1px solid #eaeef1;
    color: #00a8ff;
    cursor: pointer;
    display: block;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
    font-size: 12px;
    pointer-events: auto;
    transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
    .reset-new .dropdown-container .dropdown-button:hover {
      background-color: #ffffff; }
    .reset-new .dropdown-container .dropdown-button:first-child {
      border-top: 0; }

#react-first-lesson .hide {
  display: initial; }

.add-feature {
  max-width: 810px; }
  .add-feature .header {
    height: 62px;
    background-color: #ffffff;
    border-bottom: 1px solid #eaeef1;
    border-radius: 6px 6px 0 0;
    box-sizing: border-box;
    padding-left: 43px; }
    .add-feature .header-list-item {
      height: 61px;
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
      line-height: 61px;
      margin-right: 34px; }
      .add-feature .header-list-item-text {
        color: #8b9195;
        cursor: pointer;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
        font-size: 18px;
        user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none; }
      .add-feature .header-list-item--selected {
        border-bottom: 2px solid #00a8ff; }
        .add-feature .header-list-item--selected .header-list-item-text {
          color: #00a8ff; }
  .add-feature .main {
    background-color: #f8fafb;
    border-radius: 0;
    overflow: hidden; }
    .add-feature .main-section {
      min-height: 434px;
      display: block;
      box-sizing: border-box;
      padding-top: 15px; }
      .add-feature .main-section-title {
        color: #3f535d;
        font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
        font-size: 16px;
        padding: 17px 40px; }
      .add-feature .main-section-list {
        font-size: 0; }
        .add-feature .main-section-list-item {
          width: 142px;
          height: 95px;
          align-items: center;
          border: 2px solid transparent;
          border-radius: 5px;
          box-sizing: border-box;
          cursor: pointer;
          display: inline-flex;
          flex-direction: column;
          justify-content: center;
          margin: 0 10px 15px 10px;
          vertical-align: middle;
          position: relative; }
          .add-feature .main-section-list-item-new-label {
            position: absolute;
            top: 0px;
            right: -2px; }
          .add-feature .main-section-list-item-beta-label {
            width: 30px;
            height: 12px;
            position: absolute;
            top: 13px;
            right: 24px; }
          .add-feature .main-section-list-item-icon {
            height: 50px;
            align-items: center;
            display: flex;
            justify-content: center;
            margin-bottom: 5px; }
          .add-feature .main-section-list-item-text {
            color: #3f535d;
            cursor: pointer;
            font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
            font-size: 12px; }
          .add-feature .main-section-list-item-tooltip {
            width: 142px;
            animation: fade-in 300ms ease-in forwards;
            display: none;
            opacity: 0;
            position: absolute;
            top: 102px;
            z-index: 10; }
            .add-feature .main-section-list-item-tooltip-text {
              color: #ffffff;
              font-family: "npprimarylight", Helvetica, Arial, sans-serif;
              font-size: 12px;
              line-height: 16px; }
          .add-feature .main-section-list-item-tooltip--is-active {
            display: block; }
          .add-feature .main-section-list-item:hover {
            background-color: rgba(0, 168, 255, 0.2);
            border-color: #00a8ff; }
      .add-feature .main-section--active {
        display: block; }
  .add-feature .footer {
    height: 65px;
    align-items: center;
    background-color: #f8fafb;
    border-radius: 0 0 6px 6px;
    display: flex;
    justify-content: center; }
    .add-feature .footer .scroll-button {
      height: 32px;
      align-items: center;
      background-color: #ffffff;
      border: 0;
      border-radius: 100px;
      box-shadow: 1px 2px 6px rgba(63, 83, 93, 0.1);
      cursor: pointer;
      color: #3f535d;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 12px;
      justify-content: center;
      padding: 10px 16px;
      margin-bottom: 24px; }
      .add-feature .footer .scroll-button-img {
        margin-right: 3px; }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.reset-new .adminTitle {
  width: 100%;
  height: 80px;
  background-color: #f8fafb;
  background-image: none;
  border-bottom: 1px solid #cdd3d7;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative; }
  .reset-new .adminTitle.bundle .adminTitle-icon {
    background: url(../images/adminbundle.png) no-repeat left top; }
  .reset-new .adminTitle.userStats .adminTitle-icon {
    background: url(../../images/adminStats.png) no-repeat left top; }
  .reset-new .adminTitle.authorSales .adminTitle-icon {
    background: url(../images/IconSales.svg) no-repeat left top; }
  .reset-new .adminTitle .adminTitle-bt {
    position: absolute;
    top: 20px;
    right: 60px; }
    .reset-new .adminTitle .adminTitle-bt button {
      float: left;
      padding: 0 25px;
      margin-left: 10px;
      height: 42px;
      overflow: hidden; }
      .reset-new .adminTitle .adminTitle-bt button.adminNewUserButton {
        float: right; }
  .reset-new .adminTitle .adminTitle-content {
    /*display: table-cell;*/
    display: block;
    height: 80px;
    padding: 20px 60px 0 60px;
    vertical-align: middle;
    position: relative; }
    .reset-new .adminTitle .adminTitle-content .adminTitle-title {
      color: #5b6d79;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: 400px;
      margin-left: 48px;
      /*margin-right: 250px;*/
      line-height: 22px; }
    .reset-new .adminTitle .adminTitle-content .adminTitle-subtitle {
      color: #5b6d79;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 12px;
      margin-top: 6px;
      margin-left: 48px;
      /*margin-right: 250px;*/
      line-height: 14px; }
    .reset-new .adminTitle .adminTitle-content .adminTitle-icon {
      height: 40px;
      width: 40px;
      background-size: 100%;
      display: block;
      position: absolute;
      left: 60px;
      top: 20px; }
    .reset-new .adminTitle .adminTitle-content .beta-icon {
      width: 30px;
      height: 12px;
      background: url(../img/reset-new/icons/Beta-Icon_Seccion.svg) no-repeat;
      position: absolute;
      top: 41px;
      left: 75px; }

.reset-new .adminSubTitle {
  color: #8b9195;
  font-family: "npprimarylight", Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0px 60px;
  margin: 20px auto; }
  .reset-new .adminSubTitle span {
    color: #5b6d79;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 12px; }

/*
@media screen and (max-width:880px){
  .menu-open{
  .privateLibrary, .usageGraphs{
      .adminTitle-subtitle {
        width: 420px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
  }
}*/
@media screen and (max-width: 768px) {
  .adminTitle-subtitle {
    width: 260px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; } }
.reset-new.content-admin .returnLink {
  top: 45px;
  z-index: 1;
  position: absolute; }
  .reset-new.content-admin .returnLink a {
    display: block;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 30px;
    left: 60px; }
    .reset-new.content-admin .returnLink a.adminPageReturnLink {
      background: url(../img/reset-new/icons/icon-back.svg); }

.main-content.reset-new.userStats {
  min-width: 984px; }
  .main-content.reset-new.userStats .content {
    opacity: 1;
    max-width: none; }
    .main-content.reset-new.userStats .content.hidden {
      opacity: 0;
      visibility: hidden; }
  .main-content.reset-new.userStats .section-table {
    margin: 21px 0 0 0; }
  .main-content.reset-new.userStats .section-button {
    margin-top: 15px; }
    .main-content.reset-new.userStats .section-button button {
      margin: 0 auto; }
  .main-content.reset-new.userStats .content-toolbar {
    overflow: hidden; }
    .main-content.reset-new.userStats .content-toolbar .np-mod-datepicker,
    .main-content.reset-new.userStats .content-toolbar .np-mod-selectable {
      float: left;
      margin: 0 15px 0 0; }
    .main-content.reset-new.userStats .content-toolbar .np-mod-selectable {
      width: 20%; }
      .main-content.reset-new.userStats .content-toolbar .np-mod-selectable select {
        width: 69%; }
    .main-content.reset-new.userStats .content-toolbar .np-mod-searchbox {
      width: 275px;
      float: left; }
      .main-content.reset-new.userStats .content-toolbar .np-mod-searchbox input {
        width: 225px; }
    .main-content.reset-new.userStats .content-toolbar .np-mod-cta {
      float: right;
      margin: 0px;
      width: 125px;
      padding: 0 10px;
      border-radius: 3px;
      line-height: 38px; }
  .main-content.reset-new.userStats .DTFC_LeftHeadWrapper table.DTFC_Cloned thead tr:nth-of-type(1) {
    height: 28px !important; }

.content.fullwidth,
#content.fullwidth {
  /*max-width: 1155px;*/
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 60px;
  padding-right: 60px; }

.content.reset-new.fullwidth,
#content.reset-new.fullwidth {
  padding-left: 0px;
  padding-right: 0px; }

.admin .go-to-top {
  width: 150px;
  margin: 0 auto;
  margin-bottom: 10px;
  text-decoration: none; }
  .admin .go-to-top.hidden {
    display: none; }

.wrapper-main {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100vh; }
  .wrapper-main .dummy-topbar {
    height: 64px;
    flex: 0 0 auto;
    width: 100%; }
  .wrapper-main .wrapper-inner {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden; }
  .wrapper-main .wrapper-main-sidebar {
    background-color: #3f535d;
    flex: 0 0 auto;
    width: 288px; }
    .wrapper-main .wrapper-main-sidebar input[type="text"],
    .wrapper-main .wrapper-main-sidebar button {
      border: none;
      font-weight: 400;
      opacity: 1; }
    .wrapper-main .wrapper-main-sidebar a {
      text-decoration: none; }
    .wrapper-main .wrapper-main-sidebar > div {
      box-sizing: border-box; }
    .wrapper-main .wrapper-main-sidebar h2, .wrapper-main .wrapper-main-sidebar h3 {
      margin-bottom: 0; }
    .wrapper-main .wrapper-main-sidebar__left-navigation input[type="text"] {
      all: unset; }
    .wrapper-main .wrapper-main-sidebar__left-navigation span, .wrapper-main .wrapper-main-sidebar__left-navigation div {
      box-sizing: border-box; }
  .wrapper-main #content.reset-new, .wrapper-main .content.reset-new {
    padding-top: 0 !important; }
  .wrapper-main .reset-padding.main {
    padding-top: 0;
    height: 100%;
    overflow: auto; }
  .wrapper-main .wrapper-content {
    overflow: hidden; }
    .wrapper-main .wrapper-content.reset-new.admin.menu-open .content-admin {
      padding-left: 0; }

.buttonAutoRosterStudents {
  background-color: #00a8ff;
  color: #ffffff;
  margin-left: 10px;
  border: 0.16em solid rgba(255, 255, 255, 0);
  border-radius: 2em;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer; }

.reset-new.userSearch {
  width: calc(100% - 120px);
  overflow: hidden;
  clear: both;
  display: inline-block;
  margin: 0 0 0 60px;
  min-height: 60px;
  /* USERTYPES /userTypesInfo.php*/ }
  .reset-new.userSearch form {
    height: 44px;
    line-height: 44px;
    border: 1px solid #b8c0c6;
    display: block;
    /*
      .inputFieldWrapper label{
      z-index: 0;
      position: absolute;
      top: 14px;
      left: 15px;
      color: #a7a7a7;
      font-size: 17px;
      font-weight: lighter;
      font-style: normal;
    }
    */ }
    .reset-new.userSearch form .validateTextbox {
      display: none; }
    .reset-new.userSearch form input, .reset-new.userSearch form select {
      overflow: hidden;
      line-height: 42px;
      height: 42px;
      border-right: 1px solid #b8c0c6;
      color: #cdd3d7;
      padding: 0 10px; }
      .reset-new.userSearch form input:hover, .reset-new.userSearch form select:hover {
        background-color: transparent;
        border-right: 1px solid #b8c0c6; }
      .reset-new.userSearch form input.ui-autocomplete-input, .reset-new.userSearch form select.ui-autocomplete-input {
        width: 158px;
        background-image: url(../img/userSearch/select-arrow-down.svg);
        background-position: right 10px top 20px;
        /*155px 20px;*/
        overflow: hidden; }
    .reset-new.userSearch form .inputFieldWrapper {
      background-color: #f8fafb;
      display: block;
      float: left; }
      .reset-new.userSearch form .inputFieldWrapper input,
      .reset-new.userSearch form .inputFieldWrapper .textLabel {
        width: 100%;
        box-sizing: border-box;
        color: #8b9195;
        font-style: normal;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-size: 16px;
        padding: 0 10px;
        height: 42px;
        line-height: 42px; }
        .reset-new.userSearch form .inputFieldWrapper input::-webkit-input-placeholder,
        .reset-new.userSearch form .inputFieldWrapper .textLabel::-webkit-input-placeholder {
          color: #8b9195;
          font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
          font-style: normal; }
        .reset-new.userSearch form .inputFieldWrapper input:-moz-placeholder,
        .reset-new.userSearch form .inputFieldWrapper .textLabel:-moz-placeholder {
          /* Firefox 18- */
          color: #8b9195;
          font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
          font-style: normal; }
        .reset-new.userSearch form .inputFieldWrapper input::-moz-placeholder,
        .reset-new.userSearch form .inputFieldWrapper .textLabel::-moz-placeholder {
          /* Firefox 19+ */
          color: #8b9195;
          font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
          font-style: normal; }
        .reset-new.userSearch form .inputFieldWrapper input:-ms-input-placeholder,
        .reset-new.userSearch form .inputFieldWrapper .textLabel:-ms-input-placeholder {
          color: #8b9195;
          font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
          font-style: normal; }
        .reset-new.userSearch form .inputFieldWrapper input:focus,
        .reset-new.userSearch form .inputFieldWrapper .textLabel:focus {
          box-shadow: 0px 0px 2px #00a8ff inset; }
      .reset-new.userSearch form .inputFieldWrapper label {
        left: 0;
        top: 0;
        line-height: 42px;
        height: 42px; }
    .reset-new.userSearch form .inputFieldWrapper .ui-autocomplete-input {
      padding-right: 30px;
      text-overflow: ellipsis; }
    .reset-new.userSearch form .inputFieldWrapper.search input, .reset-new.userSearch form .inputFieldWrapper.search .textLabel {
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      color: #8b9195; }
      .reset-new.userSearch form .inputFieldWrapper.search input::-webkit-input-placeholder, .reset-new.userSearch form .inputFieldWrapper.search .textLabel::-webkit-input-placeholder {
        color: #8b9195;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif; }
      .reset-new.userSearch form .inputFieldWrapper.search input:-moz-placeholder, .reset-new.userSearch form .inputFieldWrapper.search .textLabel:-moz-placeholder {
        /* Firefox 18- */
        color: #8b9195;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif; }
      .reset-new.userSearch form .inputFieldWrapper.search input::-moz-placeholder, .reset-new.userSearch form .inputFieldWrapper.search .textLabel::-moz-placeholder {
        /* Firefox 19+ */
        color: #8b9195;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif; }
      .reset-new.userSearch form .inputFieldWrapper.search input:-ms-input-placeholder, .reset-new.userSearch form .inputFieldWrapper.search .textLabel:-ms-input-placeholder {
        color: #8b9195;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif; }
    .reset-new.userSearch form .selectFieldWrapper {
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      -moz-appearance: none;
      appearance: none;
      font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
      font-style: regular;
      background-image: url("../img/userSearch/select-arrow-down.svg");
      background-repeat: no-repeat;
      background-position: right 10px top 20px;
      background-color: #f8fafb;
      width: 180px;
      font-size: 16px;
      color: #8b9195;
      font-style: normal;
      cursor: pointer;
      line-height: 45px;
      padding: 0px 10px;
      border-right: 1px solid #b8c0c6;
      height: 42px;
      line-height: 42px;
      float: left; }
      .reset-new.userSearch form .selectFieldWrapper:hover {
        background-color: #f8fafb; }
      .reset-new.userSearch form .selectFieldWrapper::-ms-expand {
        display: none; }
      .reset-new.userSearch form .selectFieldWrapper:focus {
        box-shadow: 0px 0px 2px #00a8ff inset; }
      .reset-new.userSearch form .selectFieldWrapper select, .reset-new.userSearch form .selectFieldWrapper option {
        color: #8b9195;
        height: 30px;
        line-height: 30px; }
    .reset-new.userSearch form .select-replace-cover {
      float: left;
      line-height: 42px;
      padding: 0px 10px;
      width: 155px;
      border-right: 1px solid #b8c0c6;
      height: 42px; }
    .reset-new.userSearch form .btnSearch {
      width: 44px;
      height: 42px;
      background: #ffffff url(../images/icon_search_blue_x2.svg) no-repeat scroll center -53px;
      border: none;
      cursor: pointer;
      display: inline-block;
      float: left;
      line-height: 42px;
      margin: 0;
      padding: 0;
      text-indent: -5000px; }
      .reset-new.userSearch form .btnSearch:hover {
        background: #00a8ff url(../images/icon_search_blue_x2.svg) no-repeat scroll center -3px;
        border: none; }
  .reset-new.userSearch.userTypesInfo .selectFieldWrapper.all-one,
  .reset-new.userSearch.userTypesInfo .selectFieldWrapper.all-two {
    width: 25%;
    background-position: 90% 20px; }
  .reset-new.userSearch.userTypesInfo .inputFieldWrapper.search {
    width: 44%; }
  .reset-new.userSearch.userTypesInfo .btnSearch {
    width: 6%; }
  .reset-new.userSearch.userTypesInfo .columnUserInput {
    margin: 20px 5px 20px 0;
    display: block;
    overflow: hidden;
    float: left;
    width: 125px;
    line-height: 25px; }
    .reset-new.userSearch.userTypesInfo .columnUserInput .styledCheckbox {
      float: right;
      margin: 0 10px 0 0; }

.reset-new.spaceTB {
  box-sizing: border-box;
  width: calc(100% - 120px);
  min-height: 20px;
  float: left;
  margin: 0 20px 0 60px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .reset-new.spaceTB .multiActionButton {
    background-color: #ffffff;
    background-position: 6px center;
    background-repeat: no-repeat;
    border: 1px solid #cdd3d7;
    height: 32px;
    margin: 0px;
    float: left;
    line-height: 32px;
    padding-right: 10px;
    padding-left: 26px;
    cursor: pointer; }
  .reset-new.spaceTB.multiActionContainer {
    height: 55px;
    margin-top: 20px; }
  .reset-new.spaceTB.paginator {
    min-height: 0; }

.pagination.navTheme.reset-new {
  float: right;
  position: relative;
  z-index: 9;
  margin: 0;
  padding: 0; }
  .pagination.navTheme.reset-new a, .pagination.navTheme.reset-new a.pagination_currentpage {
    color: #00a8ff;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    padding: 2px 7px; }
  .pagination.navTheme.reset-new a.pagination_currentpage {
    background: #00a8ff;
    color: #ffffff;
    font-family: "npprimarymedium", Helvetica, Arial, sans-serif; }
  .pagination.navTheme.reset-new .paginationLimitArrow {
    margin: 8px 10px;
    float: right; }
    .pagination.navTheme.reset-new .paginationLimitArrow a {
      height: 10px;
      width: 10px;
      display: block;
      margin: 0;
      padding: 0;
      text-indent: -5000px; }
    .pagination.navTheme.reset-new .paginationLimitArrow.arrowDown a {
      background: url(../img/reset-new/icons/arrowBlue-down.svg) no-repeat; }
    .pagination.navTheme.reset-new .paginationLimitArrow.arrowUp a {
      background: url(../img/reset-new/icons/arrowBlue-up.svg) no-repeat; }

.reset-new {
  /*  Copypresentations*/ }
  .reset-new .copyPresentations, .reset-new .launchMegasession {
    padding-top: 10px;
    width: calc(100% - 120px);
    margin: 0 auto;
    overflow: hidden;
    max-width: 675px; }
    .reset-new .copyPresentations .admin, .reset-new .launchMegasession .admin {
      border: none; }
    .reset-new .copyPresentations .formShare, .reset-new .copyPresentations .formMegasession, .reset-new .copyPresentations .megasessionLink, .reset-new .launchMegasession .formShare, .reset-new .launchMegasession .formMegasession, .reset-new .launchMegasession .megasessionLink {
      width: 100%;
      margin: 35px auto; }
      .reset-new .copyPresentations .formShare .selectBox, .reset-new .copyPresentations .formMegasession .selectBox, .reset-new .copyPresentations .megasessionLink .selectBox, .reset-new .launchMegasession .formShare .selectBox, .reset-new .launchMegasession .formMegasession .selectBox, .reset-new .launchMegasession .megasessionLink .selectBox {
        margin: 0; }
      .reset-new .copyPresentations .formShare .inputFieldWrapper, .reset-new .copyPresentations .formMegasession .inputFieldWrapper, .reset-new .copyPresentations .megasessionLink .inputFieldWrapper, .reset-new .launchMegasession .formShare .inputFieldWrapper, .reset-new .launchMegasession .formMegasession .inputFieldWrapper, .reset-new .launchMegasession .megasessionLink .inputFieldWrapper {
        width: 100%; }
      .reset-new .copyPresentations .formShare input[type="checkbox"], .reset-new .copyPresentations .formMegasession input[type="checkbox"], .reset-new .copyPresentations .megasessionLink input[type="checkbox"], .reset-new .launchMegasession .formShare input[type="checkbox"], .reset-new .launchMegasession .formMegasession input[type="checkbox"], .reset-new .launchMegasession .megasessionLink input[type="checkbox"] {
        display: none; }
      .reset-new .copyPresentations .formShare input[type="checkbox"] + label span, .reset-new .copyPresentations .formMegasession input[type="checkbox"] + label span, .reset-new .copyPresentations .megasessionLink input[type="checkbox"] + label span, .reset-new .launchMegasession .formShare input[type="checkbox"] + label span, .reset-new .launchMegasession .formMegasession input[type="checkbox"] + label span, .reset-new .launchMegasession .megasessionLink input[type="checkbox"] + label span {
        width: 12px;
        height: 13px;
        background: url(../img/reset-new/icons/np-mod-checkbox.svg) center 14px;
        cursor: pointer;
        display: inline-block;
        margin: 0 4px 0 0;
        vertical-align: middle;
        position: relative;
        top: -2px; }
      .reset-new .copyPresentations .formShare input[type="checkbox"]:checked + label span, .reset-new .copyPresentations .formMegasession input[type="checkbox"]:checked + label span, .reset-new .copyPresentations .megasessionLink input[type="checkbox"]:checked + label span, .reset-new .launchMegasession .formShare input[type="checkbox"]:checked + label span, .reset-new .launchMegasession .formMegasession input[type="checkbox"]:checked + label span, .reset-new .launchMegasession .megasessionLink input[type="checkbox"]:checked + label span {
        background: url(../img/reset-new/icons/np-mod-checkbox.svg) center -2px; }
      .reset-new .copyPresentations .formShare .sharePresentationType, .reset-new .copyPresentations .formMegasession .sharePresentationType, .reset-new .copyPresentations .megasessionLink .sharePresentationType, .reset-new .launchMegasession .formShare .sharePresentationType, .reset-new .launchMegasession .formMegasession .sharePresentationType, .reset-new .launchMegasession .megasessionLink .sharePresentationType {
        margin-bottom: 20px;
        margin-top: -20px; }
        .reset-new .copyPresentations .formShare .sharePresentationType .styledRadio, .reset-new .copyPresentations .formMegasession .sharePresentationType .styledRadio, .reset-new .copyPresentations .megasessionLink .sharePresentationType .styledRadio, .reset-new .launchMegasession .formShare .sharePresentationType .styledRadio, .reset-new .launchMegasession .formMegasession .sharePresentationType .styledRadio, .reset-new .launchMegasession .megasessionLink .sharePresentationType .styledRadio {
          float: left;
          margin-right: 5px; }
      .reset-new .copyPresentations .formShare .btnBox, .reset-new .copyPresentations .formMegasession .btnBox, .reset-new .copyPresentations .megasessionLink .btnBox, .reset-new .launchMegasession .formShare .btnBox, .reset-new .launchMegasession .formMegasession .btnBox, .reset-new .launchMegasession .megasessionLink .btnBox {
        width: 100%;
        max-width: 972px;
        clear: both;
        margin-bottom: 20px;
        padding-top: 45px;
        text-align: center; }
        .reset-new .copyPresentations .formShare .btnBox input[type="submit"].btn, .reset-new .copyPresentations .formMegasession .btnBox input[type="submit"].btn, .reset-new .copyPresentations .megasessionLink .btnBox input[type="submit"].btn, .reset-new .launchMegasession .formShare .btnBox input[type="submit"].btn, .reset-new .launchMegasession .formMegasession .btnBox input[type="submit"].btn, .reset-new .launchMegasession .megasessionLink .btnBox input[type="submit"].btn {
          width: 229px;
          display: block;
          margin: 40px auto 10px;
          text-align: center;
          text-decoration: none; }
      .reset-new .copyPresentations .formShare .columnUserLabel, .reset-new .copyPresentations .formMegasession .columnUserLabel, .reset-new .copyPresentations .megasessionLink .columnUserLabel, .reset-new .launchMegasession .formShare .columnUserLabel, .reset-new .launchMegasession .formMegasession .columnUserLabel, .reset-new .launchMegasession .megasessionLink .columnUserLabel {
        color: #616161;
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 15px; }
        .reset-new .copyPresentations .formShare .columnUserLabel label, .reset-new .copyPresentations .formMegasession .columnUserLabel label, .reset-new .copyPresentations .megasessionLink .columnUserLabel label, .reset-new .launchMegasession .formShare .columnUserLabel label, .reset-new .launchMegasession .formMegasession .columnUserLabel label, .reset-new .launchMegasession .megasessionLink .columnUserLabel label {
          font-size: 18px;
          font-weight: 500; }
      .reset-new .copyPresentations .formShare input[type="text"], .reset-new .copyPresentations .formMegasession input[type="text"], .reset-new .copyPresentations .megasessionLink input[type="text"], .reset-new .launchMegasession .formShare input[type="text"], .reset-new .launchMegasession .formMegasession input[type="text"], .reset-new .launchMegasession .megasessionLink input[type="text"] {
        height: 22px;
        background: #ffffff;
        border: 1px solid #B8B8B8;
        color: #616161;
        filter: alpha(opacity=70);
        font-size: 17px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin-bottom: 15px;
        opacity: 0.70;
        padding: 10px 0px 10px 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
      .reset-new .copyPresentations .formShare #saveSchool .inputFieldWrapper:hover .textLabel,
      .reset-new .copyPresentations .formShare .inputFieldWrapper:hover .textLabel, .reset-new .copyPresentations .formMegasession #saveSchool .inputFieldWrapper:hover .textLabel,
      .reset-new .copyPresentations .formMegasession .inputFieldWrapper:hover .textLabel, .reset-new .copyPresentations .megasessionLink #saveSchool .inputFieldWrapper:hover .textLabel,
      .reset-new .copyPresentations .megasessionLink .inputFieldWrapper:hover .textLabel, .reset-new .launchMegasession .formShare #saveSchool .inputFieldWrapper:hover .textLabel,
      .reset-new .launchMegasession .formShare .inputFieldWrapper:hover .textLabel, .reset-new .launchMegasession .formMegasession #saveSchool .inputFieldWrapper:hover .textLabel,
      .reset-new .launchMegasession .formMegasession .inputFieldWrapper:hover .textLabel, .reset-new .launchMegasession .megasessionLink #saveSchool .inputFieldWrapper:hover .textLabel,
      .reset-new .launchMegasession .megasessionLink .inputFieldWrapper:hover .textLabel {
        color: #ffffff;
        z-index: 1; }
      .reset-new .copyPresentations .formShare input[type='text'].ui-autocomplete-input, .reset-new .copyPresentations .formMegasession input[type='text'].ui-autocomplete-input, .reset-new .copyPresentations .megasessionLink input[type='text'].ui-autocomplete-input, .reset-new .launchMegasession .formShare input[type='text'].ui-autocomplete-input, .reset-new .launchMegasession .formMegasession input[type='text'].ui-autocomplete-input, .reset-new .launchMegasession .megasessionLink input[type='text'].ui-autocomplete-input {
        background: url(../images/order_off_blue.svg);
        background-position: 96% 20px;
        background-repeat: no-repeat;
        padding-right: 25px;
        cursor: pointer; }
      .reset-new .copyPresentations .formShare input[type='text'].userFromFake.ui-autocomplete-input, .reset-new .copyPresentations .formMegasession input[type='text'].userFromFake.ui-autocomplete-input, .reset-new .copyPresentations .megasessionLink input[type='text'].userFromFake.ui-autocomplete-input, .reset-new .launchMegasession .formShare input[type='text'].userFromFake.ui-autocomplete-input, .reset-new .launchMegasession .formMegasession input[type='text'].userFromFake.ui-autocomplete-input, .reset-new .launchMegasession .megasessionLink input[type='text'].userFromFake.ui-autocomplete-input {
        background: rgba(158, 153, 153, 0.25882);
        display: none;
        cursor: auto; }
      .reset-new .copyPresentations .formShare .inputFieldWrapper:hover .ui-autocomplete-input, .reset-new .copyPresentations .formMegasession .inputFieldWrapper:hover .ui-autocomplete-input, .reset-new .copyPresentations .megasessionLink .inputFieldWrapper:hover .ui-autocomplete-input, .reset-new .launchMegasession .formShare .inputFieldWrapper:hover .ui-autocomplete-input, .reset-new .launchMegasession .formMegasession .inputFieldWrapper:hover .ui-autocomplete-input, .reset-new .launchMegasession .megasessionLink .inputFieldWrapper:hover .ui-autocomplete-input {
        background-color: #4dc2ff;
        border-color: #4dc2ff;
        background-image: url(../images/order_on.svg);
        background-repeat: no-repeat;
        background-position: 96% 20px; }
      .reset-new .copyPresentations .formShare input[type="text"], .reset-new .copyPresentations .formMegasession input[type="text"], .reset-new .copyPresentations .megasessionLink input[type="text"], .reset-new .launchMegasession .formShare input[type="text"], .reset-new .launchMegasession .formMegasession input[type="text"], .reset-new .launchMegasession .megasessionLink input[type="text"] {
        width: 100%;
        box-sizing: border-box;
        height: 42px; }
      .reset-new .copyPresentations .formShare input[type="button"].btn, .reset-new .copyPresentations .formShare input[type="submit"].btn, .reset-new .copyPresentations .formMegasession input[type="button"].btn, .reset-new .copyPresentations .formMegasession input[type="submit"].btn, .reset-new .copyPresentations .megasessionLink input[type="button"].btn, .reset-new .copyPresentations .megasessionLink input[type="submit"].btn, .reset-new .launchMegasession .formShare input[type="button"].btn, .reset-new .launchMegasession .formShare input[type="submit"].btn, .reset-new .launchMegasession .formMegasession input[type="button"].btn, .reset-new .launchMegasession .formMegasession input[type="submit"].btn, .reset-new .launchMegasession .megasessionLink input[type="button"].btn, .reset-new .launchMegasession .megasessionLink input[type="submit"].btn {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
    .reset-new .copyPresentations .displayOptions .selectBox, .reset-new .launchMegasession .displayOptions .selectBox {
      background-color: white;
      padding: 0;
      min-height: 24px;
      border: none;
      display: inline-block;
      width: 100%;
      text-align: left; }
    .reset-new .copyPresentations .subjectId .displayOptions .selectBox div, .reset-new .launchMegasession .subjectId .displayOptions .selectBox div {
      margin-top: 3px;
      padding-bottom: 4px;
      padding-top: 4px; }
    .reset-new .copyPresentations .presentationData .subjectId .displayOptions .selectBox div, .reset-new .launchMegasession .presentationData .subjectId .displayOptions .selectBox div {
      margin-top: 3px;
      padding-bottom: 2px;
      padding-top: 2px; }
    .reset-new .copyPresentations .presentationData .subjectId .displayOptions .selectBox,
    .reset-new .copyPresentations .presentationData .levelId .displayOptions .selectBox,
    .reset-new .copyPresentations .presentationData .publisherId .displayOptions .selectBox,
    .reset-new .copyPresentations .presentationData .language .displayOptions .selectBox,
    .reset-new .copyPresentations .presentationData .autoComplete .displayOptions .selectBox, .reset-new .launchMegasession .presentationData .subjectId .displayOptions .selectBox,
    .reset-new .launchMegasession .presentationData .levelId .displayOptions .selectBox,
    .reset-new .launchMegasession .presentationData .publisherId .displayOptions .selectBox,
    .reset-new .launchMegasession .presentationData .language .displayOptions .selectBox,
    .reset-new .launchMegasession .presentationData .autoComplete .displayOptions .selectBox {
      position: relative;
      margin-top: 10px;
      padding-top: 20px; }
    .reset-new .copyPresentations .displayOptions .selectBox div, .reset-new .launchMegasession .displayOptions .selectBox div {
      display: inline-block;
      margin: 3px 2px;
      padding: 5px 28px 5px 7px;
      font-size: 14px;
      color: #2d2d2d;
      background-color: #d9d9d9;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      position: relative;
      white-space: nowrap;
      pointer-events: none; }
    .reset-new .copyPresentations .displayOptions .selectBox div:after, .reset-new .launchMegasession .displayOptions .selectBox div:after {
      content: "";
      width: 16px;
      height: 16px;
      background-color: #28b7c6;
      border: none;
      background-image: url(../images/paywalls/cruz_cancel_selection.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 16px;
      display: inline-block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      vertical-align: text-top;
      margin-left: 5px;
      cursor: pointer;
      position: absolute;
      right: 7px;
      bottom: 0;
      top: 0;
      margin: auto;
      pointer-events: all; }
    .reset-new .copyPresentations .displayOptions .selectBox div:after:hover, .reset-new .launchMegasession .displayOptions .selectBox div:after:hover {
      background-color: #4bc3d2; }
    .reset-new .copyPresentations .displayOptions .selectBox img, .reset-new .launchMegasession .displayOptions .selectBox img {
      width: 20px;
      height: 24px;
      vertical-align: middle;
      padding-right: 5px; }
  .reset-new .publishers .ImagesContainer {
    width: calc(100% - 120px);
    margin: auto; }
    .reset-new .publishers .ImagesContainer .imageContainerDiv {
      font-size: 16px;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      margin-bottom: 10px; }

/* Reports */
.reset-new.content-admin .reports .searchbar-content {
  height: 60px;
  padding: 0; }
  .reset-new.content-admin .reports .searchbar-content--tall {
    height: 120px; }
  .reset-new.content-admin .reports .searchbar-content .student-input {
    width: 270px; }
.reset-new.content-admin .reports #reportsDataContainer {
  width: calc(100% - 120px);
  max-width: 100%;
  min-height: 260px;
  margin: auto;
  margin-top: 12px; }
  .reset-new.content-admin .reports #reportsDataContainer ul.reportsList {
    width: 100%;
    max-width: 100%; }
    .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appDesc {
      height: auto;
      width: calc(100% - 163px);
      background-image: none;
      background-color: #f8fafb;
      padding: 0; }
    .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable {
      max-height: 208px;
      background-color: #ffffff;
      box-shadow: inset 0px 3px 10px rgba(7, 26, 35, 0.15);
      margin-top: 0px;
      padding: 24px 16px; }
      .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable .mCustomScrollBox {
        max-height: 160px; }
    .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table {
      width: 100%;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-weight: normal;
      line-height: 16px; }
      .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr {
        align-items: center;
        border-bottom: 1px solid rgba(184, 192, 198, 0.5);
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 16px 0px 16px 0px; }
        .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td {
          display: flex;
          padding: 0; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.sessions {
            width: 295px;
            display: flex;
            padding: 0; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.sessions .sessionName, .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.sessions .sessionNameInput {
              width: inherit;
              color: #00a8ff;
              font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
              font-size: 14px;
              line-height: 16px;
              overflow: hidden;
              text-decoration: none;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.sessions .sessionNameInput {
              background-color: #e6f6ff;
              border: 1px solid #00a8ff;
              border-radius: 3px;
              color: #5b6d79;
              padding: 2px; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.sessions:last-child {
              border-bottom: 0; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.sessions:hover {
              text-decoration: underline; }
            @media screen and (min-width: 970px) and (max-width: 1020px) {
              .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.sessions {
                width: 250px; } }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.students {
            width: 90px;
            color: #5b6d79;
            font-family: "npprimarylight", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 16px; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr td.students .studentsText {
              margin: auto; }
        .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .sessionModeContainer {
          width: 150px; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .sessionModeContainer .sessionMode {
            min-width: 124px;
            border-radius: 20px;
            box-sizing: border-box;
            font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
            font-size: 14px;
            padding: 8px;
            text-align: center;
            margin: auto; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .sessionModeContainer .sessionMode.sp {
              background-color: #ffe5b3;
              color: #6b4700; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .sessionModeContainer .sessionMode.lp {
              background-color: #b3e5ff;
              color: #003753; }
          @media screen and (max-width: 970px) {
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .sessionModeContainer {
              display: none; } }
        .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer {
          height: 24px;
          width: 24px;
          box-sizing: border-box;
          border-radius: 4px;
          cursor: pointer;
          display: inline-block;
          margin-right: 16px;
          padding: 4px;
          position: relative; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer .editTitle {
            height: 16px;
            width: 16px;
            background-color: #5b6d79;
            mask: url("../images/reports/edit-icon.svg") no-repeat center;
            -webkit-mask: url("../images/reports/edit-icon.svg") no-repeat center;
            z-index: 1; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer .editTitleTooltipText {
            height: auto;
            width: 100px;
            background-color: #152d39;
            border-radius: 4px;
            box-sizing: border-box;
            color: #ffffff;
            font-size: 10px;
            line-height: 12px;
            margin: 30px 0 0 -50px;
            padding: 8px;
            position: fixed;
            text-align: center;
            visibility: hidden;
            z-index: 999; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer .editTitleTooltipText::after {
              border-color: #152d39 transparent transparent transparent;
              border-style: solid;
              border-width: 5px;
              content: " ";
              margin-left: -5px;
              position: absolute;
              transform: rotate(180deg);
              bottom: 100%;
              left: 50%; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer:hover {
            background-color: #b3e5ff;
            overflow: visible; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer:hover .editTitleTooltipText {
              visibility: visible; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer:hover .editTitle {
              background-color: #4dc2ff; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer.selected {
            background-color: #b3e5ff; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editTitleContainer.selected .editTitle {
              background-color: #4dc2ff; }
        .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .editSessionContainer {
          display: flex; }
        .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .deleteReportContainer {
          height: 24px;
          width: 24px;
          box-sizing: border-box;
          border-radius: 4px;
          cursor: pointer;
          display: inline-block;
          margin-right: 16px;
          padding: 4px;
          position: relative; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .deleteReportContainer .deleteTitle {
            height: 16px;
            width: 16px;
            background-color: #5b6d79;
            mask: url("../images/reports/delete-icon.svg") no-repeat center;
            -webkit-mask: url("../images/reports/delete-icon.svg") no-repeat center;
            z-index: 1; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .deleteReportContainer .deleteReportTooltipText {
            height: auto;
            width: 100px;
            background-color: #152d39;
            border-radius: 4px;
            box-sizing: border-box;
            color: #ffffff;
            font-size: 10px;
            line-height: 12px;
            margin: 30px 0 0 -50px;
            padding: 8px;
            position: fixed;
            text-align: center;
            visibility: hidden;
            right: -7px;
            z-index: 999; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .deleteReportContainer .deleteReportTooltipText::after {
              border-color: #152d39 transparent transparent transparent;
              border-style: solid;
              border-width: 5px;
              content: " ";
              margin-left: -5px;
              position: absolute;
              transform: rotate(180deg);
              bottom: 100%;
              left: 50%; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .deleteReportContainer:hover {
            background-color: #b3e5ff;
            overflow: visible; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .deleteReportContainer:hover .deleteReportTooltipText {
              visibility: visible; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr .deleteReportContainer:hover .deleteTitle {
              background-color: #4dc2ff; }
      @media screen and (max-width: 970px) {
        .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table {
          width: 100%; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table td.sessions {
            width: 322px; }
            .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table td.sessions .sessionName, .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table td.sessions .sessionNameInput {
              width: inherit;
              float: left;
              overflow: hidden; }
          .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table td.students {
            display: none; } }
      .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr:first-child {
        padding-top: 0; }
      .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appTable table tr:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
    .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appDesc {
      width: calc(100% - 161px);
      cursor: pointer;
      line-height: 24px; }
      .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appDesc p {
        color: #8b9195;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 16px; }
      .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li div.appDesc .title {
        color: #5b6d79;
        display: -webkit-box;
        font-family: "npprimarymedium", Helvetica, Arial, sans-serif;
        font-size: 18px;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
    .reset-new.content-admin .reports #reportsDataContainer ul.reportsList li img.appCover {
      height: 100%;
      width: 92px;
      border-radius: 3px;
      float: none;
      margin-right: 0; }

/* User*/
.reset-new.admin .multiActionButton .multiActionDomain {
  height: 125px !important; }
.reset-new.admin .btn-admin {
  width: 229px;
  font-size: 19px;
  margin: 40px auto 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
.reset-new.admin #formUserSearch .inputFieldWrapper,
.reset-new.admin #schoolsForm .inputFieldWrapper {
  top: 0 !important; }
.reset-new.admin .currentDomainWrapper {
  padding: 15px; }
  .reset-new.admin .currentDomainWrapper .validateTextbox {
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #8b9195; }
  .reset-new.admin .currentDomainWrapper .inputFieldWrapper .textLabel {
    top: 5px;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #8b9195; }
  .reset-new.admin .currentDomainWrapper .currentDomainLabel {
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #8b9195; }
  .reset-new.admin .currentDomainWrapper .inputFieldWrapper input[type='text'], .reset-new.admin .currentDomainWrapper .inputFieldWrapper textarea {
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    position: relative;
    color: #8b9195;
    width: 180px !important;
    padding: 0 10px !important;
    height: 40px !important; }
  .reset-new.admin .currentDomainWrapper input[type="text"] {
    border: 1px solid #B8B8B8;
    background: transparent;
    color: #616161;
    font-size: 17px;
    font-weight: bold;
    font-color: black;
    height: 22px;
    opacity: 0.70;
    filter: alpha(opacity=70);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .reset-new.admin .currentDomainWrapper input[type="text"] {
    background: #ffffff;
    border: 1px solid #b8b8b8;
    font-size: 17px;
    font-weight: bold;
    color: #a6a4a4;
    padding: 10px 0px 10px 14px;
    margin-bottom: 15px; }
  .reset-new.admin .currentDomainWrapper .currentDomainSubmit {
    width: 120px;
    margin: 0 auto !important;
    border-radius: 3px;
    left: 30% !important; }
  .reset-new.admin .currentDomainWrapper input[type="button"].btnCyan:hover, .reset-new.admin .currentDomainWrapper input[type="submit"].btnCyan:hover {
    background-color: #34b9c8; }
  .reset-new.admin .currentDomainWrapper input[type='submit'].noIcon, .reset-new.admin .currentDomainWrapper input[type='button'].noIcon {
    padding-left: 19px; }
  .reset-new.admin .currentDomainWrapper input[type="button"].btnCyan, .reset-new.admin .currentDomainWrapper input[type="submit"].btnCyan {
    -webkit-appearance: none;
    background-color: #0097a7;
    color: white;
    padding: 13px 18px 13px 40px;
    text-align: left;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 100%;
    font-weight: normal;
    height: auto; }

/*  Privacy library*/
.reset-new .privateLibrary .adminTitle .adminTitle-content .adminTitle-title,
.reset-new .privateLibrary .adminTitle .adminTitle-content .adminTitle-subtitle {
  width: calc(100% - 100px);
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap; }
.reset-new .content-privateLibrary {
  width: calc(100% - 120px);
  max-width: 980px;
  margin: auto; }
  .reset-new .content-privateLibrary #presentationListDiv {
    overflow: auto; }
  @media screen and (max-width: 950px) {
    .reset-new .content-privateLibrary #presentationListDiv {
      width: auto; } }
  .reset-new .content-privateLibrary .listPresentation {
    width: 100%;
    min-width: 725px; }
  .reset-new .content-privateLibrary .create-toolbar .h1 span,
  .reset-new .content-privateLibrary .create-toolbar .h1 input {
    color: #00a8ff;
    font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
    font-size: 24px; }
  .reset-new .content-privateLibrary #topbarPresentation #titlePrivateLibrary_in,
  .reset-new .content-privateLibrary #topbarPresentation #titlePresentation_in {
    min-width: 200px;
    margin: 0;
    padding: 0; }
  .reset-new .content-privateLibrary .actionBar {
    background: none; }
    .reset-new .content-privateLibrary .actionBar .toolbarElement {
      background-color: #eaeef1;
      width: 25%; }
      .reset-new .content-privateLibrary .actionBar .toolbarElement.new {
        background: #eaeef1 url("../img/reset-new/icons/new.svg") no-repeat scroll 30px 8px/20px auto; }
        .reset-new .content-privateLibrary .actionBar .toolbarElement.new:hover {
          background: #4dc2ff url("../img/reset-new/icons/new-on.svg") no-repeat scroll 30px 8px/20px auto; }
        .reset-new .content-privateLibrary .actionBar .toolbarElement.new.disabled {
          background: #eaeef1 url("../img/reset-new/icons/new-off.svg") no-repeat scroll 30px 8px/20px auto; }
      .reset-new .content-privateLibrary .actionBar .toolbarElement.delete {
        background: #eaeef1 url("../img/reset-new/icons/delete.svg") no-repeat scroll 30px 8px/20px auto; }
        .reset-new .content-privateLibrary .actionBar .toolbarElement.delete:hover {
          background: #4dc2ff url("../img/reset-new/icons/delete-on.svg") no-repeat scroll 30px 8px/20px auto; }
        .reset-new .content-privateLibrary .actionBar .toolbarElement.delete.disabled {
          background: #eaeef1 url("../img/reset-new/icons/delete-off.svg") no-repeat scroll 30px 8px/20px auto; }
  .reset-new .content-privateLibrary .save {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 10px;
    text-decoration: none; }
  .reset-new .content-privateLibrary .presThumbs a {
    width: 229px;
    height: 227px;
    border: 1px solid #c7c7c7;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0px 12px 12px 0px;
    overflow: hidden;
    text-decoration: none;
    position: relative; }
  .reset-new .content-privateLibrary .presThumbs div.textBox p.title {
    width: 210px;
    color: #313131;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 17px;
    overflow: hidden;
    padding: 4px 5px 0px 5px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .reset-new .content-privateLibrary .presThumbs div.textBox span {
    height: 14px;
    display: block;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 10px;
    overflow: hidden;
    padding-left: 5px;
    text-decoration: none; }
  .reset-new .content-privateLibrary .presThumbs a.published.selected div.textBox p.title,
  .reset-new .content-privateLibrary .presThumbs a.selected div.textBox p.title {
    color: #ffffff; }
  .reset-new .content-privateLibrary .presThumbs a.selected div.textBox {
    background: #00a8ff;
    border-top: 1px solid white;
    color: white; }

/* Download strategy  */
.reset-new.content-admin .downloadStrategy {
  overflow: initial; }
.reset-new .content.downloadStrategy {
  width: calc(100% - 120px);
  min-height: 500px;
  margin: auto; }
  .reset-new .content.downloadStrategy .content-form {
    width: 390px;
    margin: auto; }
    .reset-new .content.downloadStrategy .content-form .right {
      position: relative;
      width: 100%;
      margin: auto; }
  .reset-new .content.downloadStrategy .styledCheckbox {
    position: relative;
    top: -3px; }
  .reset-new .content.downloadStrategy .styledRadio {
    position: relative;
    top: -1px; }
  .reset-new .content.downloadStrategy .title {
    color: #5b6d79;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 60px;
    text-align: center; }
  .reset-new .content.downloadStrategy .downloadStrategyTypes .extraDataRowRadios {
    margin-bottom: 16px; }
  .reset-new .content.downloadStrategy .styledCheckbox,
  .reset-new .content.downloadStrategy .styledCheckbox label,
  .reset-new .content.downloadStrategy .styledRadio {
    color: #5b6d79;
    display: inline-block;
    vertical-align: middle; }
  .reset-new .content.downloadStrategy label,
  .reset-new .content.downloadStrategy input {
    display: inline-block;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    vertical-align: middle; }
  .reset-new .content.downloadStrategy label {
    margin-left: 5px;
    font-size: 18px; }
  .reset-new .content.downloadStrategy .bulk_row {
    clear: both;
    display: inline-block;
    overflow: visible; }
  .reset-new .content.downloadStrategy .downloadStrategyTooltip {
    position: absolute;
    top: 0px;
    left: 220px;
    color: #00a8ff;
    font-size: 14px;
    cursor: pointer; }
  .reset-new .content.downloadStrategy .downloadStrategyTooltip.tooltipTitle span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .reset-new .content.downloadStrategy .downloadStrategyTooltip.tooltipTitle label {
    cursor: pointer;
    font-size: 14px;
    line-height: 28px; }
  .reset-new .content.downloadStrategy .downloadStrategyTooltip.tooltipTitle:before {
    left: auto; }
  .reset-new .content.downloadStrategy .downloadStrategyTooltip img {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 2px;
    width: 16px;
    height: 16px; }
  .reset-new .content.downloadStrategy .content-form {
    margin-bottom: 30px; }
  .reset-new .content.downloadStrategy .btn-save {
    width: 229px;
    clear: both;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .reset-new .content.downloadStrategy .downloadStrategyTooltip#downloadStrategyTooltip0 {
    top: -1px; }
    .reset-new .content.downloadStrategy .downloadStrategyTooltip#downloadStrategyTooltip0 span {
      min-height: 160px; }
  .reset-new .content.downloadStrategy .downloadStrategyTooltip#downloadStrategyTooltip1 {
    top: 35px; }
    .reset-new .content.downloadStrategy .downloadStrategyTooltip#downloadStrategyTooltip1 span {
      min-height: 126px; }
@media screen and (max-width: 986px) {
  .reset-new.menu-open .content.downloadStrategy .right .downloadStrategyTooltip span {
    font-size: 12px;
    max-width: 170px; }
  .reset-new.menu-open .content.downloadStrategy .right .downloadStrategyTooltip#downloadStrategyTooltip0 span {
    min-height: 140px; }
  .reset-new.menu-open .content.downloadStrategy .right .downloadStrategyTooltip#downloadStrategyTooltip1 span {
    min-height: 126px; } }
@media screen and (max-width: 866px) {
  .reset-new.menu-open .content.downloadStrategy .right .downloadStrategyTooltip {
    left: 210px; }
    .reset-new.menu-open .content.downloadStrategy .right .downloadStrategyTooltip span {
      max-width: 130px; }
    .reset-new.menu-open .content.downloadStrategy .right .downloadStrategyTooltip#downloadStrategyTooltip0 span {
      min-height: 192px; }
    .reset-new.menu-open .content.downloadStrategy .right .downloadStrategyTooltip#downloadStrategyTooltip1 span {
      min-height: 166px; } }
.reset-new .multipleSchoolsContainer .styledCheckbox {
  background-size: 39px 42px; }

.reset-new .dropdownCombo::-webkit-scrollbar-thumb {
  background-color: #00a8ff; }

/*   User Nearpod Days and User Nearpod Pin*/
.reset-new.content-admin .nearpodPin .presentationEditBox, .reset-new.content-admin .nearpodDays .presentationEditBox {
  width: calc(100% - 120px);
  min-height: 40px;
  margin: auto;
  padding: 30px 0 20px; }
  .reset-new.content-admin .nearpodPin .presentationEditBox .btn-send, .reset-new.content-admin .nearpodDays .presentationEditBox .btn-send {
    width: 120px;
    float: left;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper {
    width: calc(100% - 100px);
    height: 38px;
    max-width: 356px;
    background-color: white;
    border: 1px solid #b8c0c6;
    float: left;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper .textLabel, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper .textLabel {
      font-size: 22px;
      position: absolute;
      top: -30px;
      left: 0; }
    .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper input[type="text"].presName, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper input[type="text"].presName {
      width: 100%;
      height: 38px;
      border: 0;
      color: #5b6d79;
      padding-left: 10px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
      .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper input[type="text"].presName::-webkit-input-placeholder, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper input[type="text"].presName::-webkit-input-placeholder {
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #5b6d79;
        font-style: normal; }
      .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper input[type="text"].presName:-moz-placeholder, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper input[type="text"].presName:-moz-placeholder {
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #5b6d79;
        font-style: normal; }
      .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper input[type="text"].presName::-moz-placeholder, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper input[type="text"].presName::-moz-placeholder {
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #5b6d79;
        font-style: normal; }
      .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper input[type="text"].presName:-ms-input-placeholder, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper input[type="text"].presName:-ms-input-placeholder {
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #5b6d79;
        font-style: normal; }
      .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper input[type="text"].presName:placeholder-shown, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper input[type="text"].presName:placeholder-shown {
        font-family: "npprimarylight", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #5b6d79;
        font-style: normal; }
    .reset-new.content-admin .nearpodPin .presentationEditBox .inputFieldWrapper.filled label, .reset-new.content-admin .nearpodDays .presentationEditBox .inputFieldWrapper.filled label {
      display: block; }
.reset-new.content-admin .nearpodPin .tablesNearpodPin, .reset-new.content-admin .nearpodDays .tablesNearpodPin {
  width: calc(100% - 120px);
  margin: auto; }
  .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin {
    border: 1px solid #5b6d79;
    width: 32%;
    min-width: 470px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: center; }
    .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin th, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin th {
      color: #5b6d79;
      border-bottom: 1px solid #5b6d79;
      border-right: 1px solid #5b6d79;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 14px; }
    .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .title-table th, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .title-table th {
      height: 33px;
      line-height: 33px; }
    .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .subtitle-table th, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .subtitle-table th {
      background: #e7e7e7;
      height: 28px;
      line-height: 28px; }
    .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .content-table tr:nth-child(odd), .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .content-table tr:nth-child(odd) {
      background-color: #ffffff; }
    .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .content-table tr td, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .content-table tr td {
      height: 52px;
      border-bottom: 1px solid #5b6d79;
      border-right: 1px solid #5b6d79;
      color: #5b6d79;
      font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
      font-size: 12px;
      line-height: 52px; }
    .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .date, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .date {
      max-width: 100px; }
    .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .medium, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.role, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.role, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.firstname, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.firstname, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.lastname, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.lastname, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.paymentGateway, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.paymentGateway, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.paymentFrequency, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.paymentFrequency, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.redeemCode, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.redeemCode, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.startDate, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.startDate, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.endDate, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.endDate, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.delete, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.delete, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.goldDuration, .reset-new.content-admin .tblBackendTheme thead .nearpodPin .tablesNearpodPin .tableNearpodPin th.goldDuration, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.role, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.role, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.firstname, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.firstname, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.lastname, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.lastname, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.paymentGateway, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.paymentGateway, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.paymentFrequency, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.paymentFrequency, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.redeemCode, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.redeemCode, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.startDate, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.startDate, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.endDate, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.endDate, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.delete, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.delete, .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.goldDuration, .reset-new.content-admin .tblBackendTheme tbody .nearpodPin .tablesNearpodPin .tableNearpodPin td.goldDuration, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .medium, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.role, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.role, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.firstname, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.firstname, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.lastname, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.lastname, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.paymentGateway, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.paymentGateway, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.paymentFrequency, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.paymentFrequency, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.redeemCode, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.redeemCode, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.startDate, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.startDate, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.endDate, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.endDate, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.delete, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.delete, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme thead th.goldDuration, .reset-new.content-admin .tblBackendTheme thead .nearpodDays .tablesNearpodPin .tableNearpodPin th.goldDuration, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.role, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.role, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.firstname, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.firstname, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.lastname, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.lastname, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.paymentGateway, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.paymentGateway, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.paymentFrequency, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.paymentFrequency, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.redeemCode, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.redeemCode, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.startDate, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.startDate, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.endDate, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.endDate, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.delete, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.delete, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .tblBackendTheme tbody td.goldDuration, .reset-new.content-admin .tblBackendTheme tbody .nearpodDays .tablesNearpodPin .tableNearpodPin td.goldDuration {
      width: 40%; }
    .reset-new.content-admin .nearpodPin .tablesNearpodPin .tableNearpodPin .large, .reset-new.content-admin .nearpodDays .tablesNearpodPin .tableNearpodPin .large {
      width: 80%; }

.reportsOverlay h1, .reportsOverlay .summaryContent table thead tr {
  color: #4dc2ff;
  border-color: #4dc2ff; }

.reportsOverlay ul.nav li.summaryLink.selected {
  border-color: #4dc2ff; }

.reportsOverlay .detailsContent .detailsTable tbody tr.odd {
  background-color: #f8fafb; }

.reportsOverlay .detailsContent .detailsTable tbody tr span {
  color: #4dc2ff; }

.reportsOverlay .titleBackground {
  background: #b3e5ff; }

.statusReportInfoItemDwn:hover {
  color: #00a8ff; }

.reset-new.actionBar .box
.toolbarElement.copy.tooltip-content {
  overflow: visible; }
  .reset-new.actionBar .box
  .toolbarElement.copy.tooltip-content .copy-tooltip {
    width: 152px;
    height: 25px;
    background: rgba(7, 26, 35, 0.8);
    bottom: -48px;
    color: #ffffff;
    content: attr(title);
    font-size: 9px;
    left: calc(50% - 80px);
    line-height: 12px;
    padding: 3px 5px;
    position: absolute;
    z-index: 99;
    text-align: center;
    visibility: hidden;
    transition: visibility 0s;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s; }
    .reset-new.actionBar .box
    .toolbarElement.copy.tooltip-content .copy-tooltip::before {
      border: solid;
      border-color: #333 transparent;
      border-width: 0 4px 8px 4px;
      top: -8px;
      content: "";
      left: calc(50% - 4px);
      position: absolute;
      z-index: 9; }
    .reset-new.actionBar .box
    .toolbarElement.copy.tooltip-content .copy-tooltip.disabled {
      display: none; }
  .reset-new.actionBar .box
  .toolbarElement.copy.tooltip-content.disabled {
    color: rgba(184, 192, 198, 0.5);
    opacity: 1;
    pointer-events: auto; }
    .reset-new.actionBar .box
    .toolbarElement.copy.tooltip-content.disabled:hover .copy-tooltip {
      visibility: visible; }

.reset-new .tblBackendTheme {
  margin-top: 20px; }
  .reset-new .tblBackendTheme thead th {
    width: 20%;
    min-width: 150px;
    padding: 5px 10px;
    text-align: center;
    white-space: normal; }
  .reset-new .tblBackendTheme tbody tr:nth-child(even) {
    background: #f8fafb; }
    .reset-new .tblBackendTheme tbody tr:nth-child(even) a, .reset-new .tblBackendTheme tbody tr:nth-child(even) td {
      font-family: "npprimarylight", Helvetica, Arial, sans-serif; }
  .reset-new .tblBackendTheme tbody tr td {
    border: 1px solid #eaeef1;
    box-sizing: border-box;
    color: #5b6d79;
    font-size: 14px;
    padding: 10px 15px;
    word-wrap: break-word; }
    .reset-new .tblBackendTheme tbody tr td.no-result {
      text-align: left;
      padding: 10px 15px; }
  .reset-new .tblBackendTheme thead th, .reset-new .tblBackendTheme tbody td {
    text-overflow: ellipsis;
    /* GLOBAL */
    /* ESPECIFICAS */ }
    .reset-new .tblBackendTheme thead th.smaller, .reset-new .tblBackendTheme thead th.check, .reset-new .tblBackendTheme thead th.deleted, .reset-new .tblBackendTheme tbody td.smaller, .reset-new .tblBackendTheme tbody td.check, .reset-new .tblBackendTheme tbody td.deleted {
      /*example id, check, radio button*/
      width: 30px;
      max-width: 30px;
      min-width: 30px; }
    .reset-new .tblBackendTheme thead th.small, .reset-new .tblBackendTheme thead th.impersonate, .reset-new .tblBackendTheme thead th.salesforce, .reset-new .tblBackendTheme thead th.edit, .reset-new .tblBackendTheme thead th.lastLoginDate, .reset-new .tblBackendTheme thead th.createdDate, .reset-new .tblBackendTheme thead th.type, .reset-new .tblBackendTheme thead th.restore, .reset-new .tblBackendTheme thead th.salesForceId, .reset-new .tblBackendTheme thead th.maxPresentations, .reset-new .tblBackendTheme thead th.maxSizeOfPresentations, .reset-new .tblBackendTheme thead th.managePresentations, .reset-new .tblBackendTheme thead th.expirationDate, .reset-new .tblBackendTheme thead th.skin, .reset-new .tblBackendTheme thead th.undeletePresentations, .reset-new .tblBackendTheme thead th.transactions, .reset-new .tblBackendTheme thead th.downgrade, .reset-new .tblBackendTheme thead th.remove, .reset-new .tblBackendTheme thead th.newRedeem, .reset-new .tblBackendTheme thead th.maxRedeem, .reset-new .tblBackendTheme thead th.existRedeem, .reset-new .tblBackendTheme tbody td.small, .reset-new .tblBackendTheme tbody td.impersonate, .reset-new .tblBackendTheme tbody td.salesforce, .reset-new .tblBackendTheme tbody td.edit, .reset-new .tblBackendTheme tbody td.lastLoginDate, .reset-new .tblBackendTheme tbody td.createdDate, .reset-new .tblBackendTheme tbody td.type, .reset-new .tblBackendTheme tbody td.restore, .reset-new .tblBackendTheme tbody td.salesForceId, .reset-new .tblBackendTheme tbody td.maxPresentations, .reset-new .tblBackendTheme tbody td.maxSizeOfPresentations, .reset-new .tblBackendTheme tbody td.managePresentations, .reset-new .tblBackendTheme tbody td.expirationDate, .reset-new .tblBackendTheme tbody td.skin, .reset-new .tblBackendTheme tbody td.undeletePresentations, .reset-new .tblBackendTheme tbody td.transactions, .reset-new .tblBackendTheme tbody td.downgrade, .reset-new .tblBackendTheme tbody td.remove, .reset-new .tblBackendTheme tbody td.newRedeem, .reset-new .tblBackendTheme tbody td.maxRedeem, .reset-new .tblBackendTheme tbody td.existRedeem {
      /*example id, check, radio button*/
      width: 20%;
      max-width: 90px;
      min-width: 90px; }
    .reset-new .tblBackendTheme thead th.medium, .reset-new .tblBackendTheme thead th.role, .reset-new .tblBackendTheme thead th.firstname, .reset-new .tblBackendTheme thead th.lastname, .reset-new .tblBackendTheme thead th.paymentGateway, .reset-new .tblBackendTheme thead th.paymentFrequency, .reset-new .tblBackendTheme thead th.redeemCode, .reset-new .tblBackendTheme thead th.startDate, .reset-new .tblBackendTheme thead th.endDate, .reset-new .tblBackendTheme thead th.delete, .reset-new .tblBackendTheme thead th.goldDuration, .reset-new .tblBackendTheme tbody td.medium, .reset-new .tblBackendTheme tbody td.role, .reset-new .tblBackendTheme tbody td.firstname, .reset-new .tblBackendTheme tbody td.lastname, .reset-new .tblBackendTheme tbody td.paymentGateway, .reset-new .tblBackendTheme tbody td.paymentFrequency, .reset-new .tblBackendTheme tbody td.redeemCode, .reset-new .tblBackendTheme tbody td.startDate, .reset-new .tblBackendTheme tbody td.endDate, .reset-new .tblBackendTheme tbody td.delete, .reset-new .tblBackendTheme tbody td.goldDuration {
      width: 30%;
      max-width: 120px;
      min-width: 120px; }
    .reset-new .tblBackendTheme thead th.large, .reset-new .tblBackendTheme tbody td.large {
      width: 35%;
      max-width: 150px;
      min-width: 150px; }
    .reset-new .tblBackendTheme thead th.larger, .reset-new .tblBackendTheme thead th.email, .reset-new .tblBackendTheme thead th.institution, .reset-new .tblBackendTheme thead th.schoolName, .reset-new .tblBackendTheme thead th.userName, .reset-new .tblBackendTheme tbody td.larger, .reset-new .tblBackendTheme tbody td.email, .reset-new .tblBackendTheme tbody td.institution, .reset-new .tblBackendTheme tbody td.schoolName, .reset-new .tblBackendTheme tbody td.userName {
      width: 45%;
      max-width: 300px;
      min-width: 300px; }
  .reset-new .tblBackendTheme::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(../images/blueset/scrollHR.png); }
  .reset-new .tblBackendTheme::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(../images/blueset/scrollHL.png); }
  .reset-new .tblBackendTheme::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../images/blueset/scrollVT.png); }
  .reset-new .tblBackendTheme::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../images/blueset/scrollVB.png); }
.reset-new .tblBackendTheme {
  /*
  .password {
    width: 10%;
    min-width: 100px;
  }
  .email,
  .schoolId {
    width: 30%;
    min-width: 300px;
  }
  */
  /* tablas pocas columnas */ }
  .reset-new .tblBackendTheme.settings input[type="text"] {
    color: #5b6d79;
    text-align: center; }
  .reset-new .tblBackendTheme tr .bulkError {
    border-color: #eaeef1;
    color: #f26c59;
    font-size: 14px; }
    .reset-new .tblBackendTheme tr .bulkError.school {
      font-size: 10px; }
  .reset-new .tblBackendTheme.coverAdminTable thead th, .reset-new .tblBackendTheme.gradeAdminTable thead th, .reset-new .tblBackendTheme.levelAdminTable thead th, .reset-new .tblBackendTheme.publisherAdminTable thead th, .reset-new .tblBackendTheme.waivers thead th, .reset-new .tblBackendTheme.curriculaAdminTable thead th {
    width: 2%; }
.reset-new .districtAdmin .tblBackendTheme thead th {
  width: 2%; }

.adminsettings.saveSettings {
  width: 100%; }
.adminsettings .np-mod-cta.done {
  margin: 0 auto;
  width: 150px; }

.reset-new .bulk .multipleSchoolsContainer {
  width: auto;
  min-height: 25px;
  margin-left: 340px;
  clear: both;
  display: block;
  line-height: 25px;
  float: right;
  margin: 20px 60px 25px 60px; }
  .reset-new .bulk .multipleSchoolsContainer.filter {
    float: right;
    margin: 16px 9px 0 0; }
  .reset-new .bulk .multipleSchoolsContainer .item-check {
    display: block;
    float: left;
    padding-bottom: 5px; }
  .reset-new .bulk .multipleSchoolsContainer .tooltipTitle:hover:before {
    left: 2px; }
  .reset-new .bulk .multipleSchoolsContainer .styledCheckbox {
    width: 39px !important;
    height: 21px !important;
    background-size: 39px 42px;
    float: left;
    margin-right: 5px; }
    .reset-new .bulk .multipleSchoolsContainer .styledCheckbox + label {
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #b8c0c6; }
.reset-new .bulk .next-admin {
  width: 229px;
  margin: 0 auto;
  margin-bottom: 10px;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
.reset-new .bulk .bulk_row {
  width: 100%;
  height: auto;
  padding: 18px 0;
  clear: both;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }
  .reset-new .bulk .bulk_row.bulkSchoolRow, .reset-new .bulk .bulk_row.bulk_drag {
    padding-top: 0px; }
    .reset-new .bulk .bulk_row.bulkSchoolRow .bulk_label, .reset-new .bulk .bulk_row.bulk_drag .bulk_label {
      position: relative;
      top: -3px; }
  .reset-new .bulk .bulk_row.multipleSchool {
    padding: 5px 0; }
  .reset-new .bulk .bulk_row .bulk_Message {
    clear: both;
    display: inline-block; }
    .reset-new .bulk .bulk_row .bulk_Message .bulkRequiredMessage {
      width: 332px;
      position: absolute;
      left: 0;
      top: 44px; }
  .reset-new .bulk .bulk_row .uploadFile p {
    top: 0px;
    padding-top: 9px; }
  .reset-new .bulk .bulk_row .left {
    width: 35%;
    text-align: right; }
  .reset-new .bulk .bulk_row .right {
    width: 65%; }
    .reset-new .bulk .bulk_row .right.multipleSchoolsContainer {
      width: 90px;
      float: right;
      margin-right: 60px; }
.reset-new .bulk .bulkImport .bulk_row .bulk_label {
  line-height: 22px; }
.reset-new .bulk .bulk_label {
  padding-right: 20px;
  line-height: 44px;
  font-size: 16px;
  font-family: "npprimaryregular";
  font-weight: 500; }
  .reset-new .bulk .bulk_label.pass {
    line-height: 22px; }
.reset-new .bulk .bulk-admin {
  width: 229px;
  display: inline-block;
  margin: 0 5px !important;
  margin-bottom: 10px;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .reset-new .bulk .bulk-admin.blue-inv {
    color: #00a8ff; }
.reset-new .bulk .bulk_drag .dragBox {
  background: url(../images/bulk_import_drag.png) top left no-repeat;
  border: 2px dashed #00a8ff !important;
  padding: 0px;
  width: 95% !important;
  max-width: 330px !important;
  height: 162px;
  margin: 0;
  margin-top: 20px; }
  .reset-new .bulk .bulk_drag .dragBox h1 {
    top: auto;
    left: auto;
    font-size: 26px;
    line-height: 31px;
    margin-top: 30px !important;
    color: #00a8ff; }
.reset-new .bulk .bulkRequiredMessage {
  display: none; }
.reset-new .bulk .bulkFileName {
  display: block;
  width: 170px;
  word-wrap: break-word;
  line-height: 40px;
  padding-left: 14px; }
.reset-new .bulk .bulkRadioButtons {
  float: left; }
.reset-new .bulk .bulk_autocomplete {
  /*float:left;*/
  width: 90%;
  max-width: 500px; }
  .reset-new .bulk .bulk_autocomplete #districtSlots, .reset-new .bulk .bulk_autocomplete #schoolSlots {
    margin-left: 5px; }
  .reset-new .bulk .bulk_autocomplete p {
    width: 100%;
    max-width: 491px;
    min-width: 250px; }
  .reset-new .bulk .bulk_autocomplete .validateTextbox {
    width: 100%; }
    @media screen and (max-width: 850px) {
      .reset-new .bulk .bulk_autocomplete .validateTextbox {
        font-size: 12px; } }
.reset-new .bulk .bulkCustomPassword {
  float: left; }
.reset-new .bulk .bulkTooltip.tooltipTitle {
  font-size: 100%; }
  .reset-new .bulk .bulkTooltip.tooltipTitle span {
    width: 155px;
    white-space: normal;
    font-size: 12px; }
  .reset-new .bulk .bulkTooltip.tooltipTitle:hover span {
    display: table; }
  .reset-new .bulk .bulkTooltip.tooltipTitle:hover:before {
    left: 45%;
    bottom: -7px;
    border-width: 0 6px 6px 6px; }
.reset-new .bulk .bulkTooltip.tooltip-top {
  font-size: 100%; }
  .reset-new .bulk .bulkTooltip.tooltip-top span {
    width: 155px;
    white-space: normal;
    font-size: 12px; }
  .reset-new .bulk .bulkTooltip.tooltip-top:hover span {
    display: table; }
  .reset-new .bulk .bulkTooltip.tooltip-top:hover:before {
    left: 45%;
    bottom: 13px !important;
    border-width: 6px 6px 0 6px !important; }
.reset-new .bulk .bulkResult ul {
  list-style: initial;
  padding-top: 5px;
  text-align: left;
  padding-left: 18px; }
.reset-new .bulk .bulkResult ul > li {
  color: #0097A7;
  line-height: 30px;
  margin-left: 30px; }
.reset-new .bulk .bulkResult ul > li > span, .reset-new .bulk .bulkResult p {
  color: #313131;
  font-size: 14px;
  text-align: left; }
.reset-new .bulk .bulkResult .msgBox .title {
  font-size: 18px;
  margin-bottom: 10px;
  display: block; }
.reset-new .bulk .bulkResult .msgBox .subtitle {
  width: 100%;
  display: block;
  text-align: left; }
.reset-new .bulk .bulkResult .extraEmail {
  width: 260px;
  border-radius: 0px; }
.reset-new .bulk .bulkResult .extraEmailDiv {
  font-size: 16px; }
  .reset-new .bulk .bulkResult .extraEmailDiv input {
    margin-bottom: 15px;
    font-weight: 200;
    font-style: oblique; }
.reset-new .bulk .bulkResult .actionDialogButton {
  padding: 0px 50px;
  font-size: 20px !important; }
.reset-new .bulk .bulkSuccessAction {
  display: none; }
.reset-new .bulk .bulkButtons {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 10px; }
.reset-new .bulk .btnBox.bulkButtons {
  max-width: 100%; }
.reset-new .bulk .btnBox.bulkButtons :first-child {
  margin: 0; }
.reset-new .bulk .bulkError {
  color: red;
  border-color: red;
  font-size: 11px; }
.reset-new .bulk .select-replace-cover {
  font-weight: bold; }
.reset-new .bulk .selectReplace {
  background-image: url(../images/order_off_blue.svg);
  background-repeat: no-repeat;
  background-position: 96% 50%;
  border: 1px solid #BDBDBD;
  padding: 5px 6px;
  padding-right: 30px;
  font-size: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
.reset-new .bulk .select-replace-cover select {
  background-color: #ffffff;
  padding-right: 20px;
  font-size: 16px;
  color: #8A8989;
  border-color: #2dbbca;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
.reset-new .bulk .selectReplace:hover, .reset-new .bulk .selectReplace.hover {
  color: white;
  /*background: url(../../images/btn-arrowdown-h.png) center right #2dbbca no-repeat;*/
  background-image: url(../images/order_on.svg);
  background-position: 96% 50%;
  background-color: #4dc2ff;
  background-repeat: no-repeat;
  border-color: #4dc2ff; }
.reset-new .bulk .bulkPasswordMessage {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px; }
.reset-new .bulk .bulkAlertSign {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px; }
.reset-new .bulk .bulk .multipleSchoolsContainer {
  width: calc(100% - 120px);
  margin: auto;
  text-align: right; }
  .reset-new .bulk .bulk .multipleSchoolsContainer.right {
    float: right;
    margin-right: 60px; }
.reset-new .bulk .ui-menu .ui-menu-item a {
  color: #8b9195;
  font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
  font-size: 16px; }
  .reset-new .bulk .ui-menu .ui-menu-item a.ui-state-focus {
    background: #f8fafb;
    border: 0;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 16px; }
.reset-new .bulk .bulk_slot {
  font-size: 11px;
  margin-top: 2px; }
.reset-new .bulk .icoFolder {
  width: 40px;
  height: 32px;
  margin-right: 8px;
  overflow: hidden;
  display: inline-block;
  background-image: url(../images/Folder_blue.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top left; }
.reset-new .bulk .btnBlueTxt, .reset-new .bulk .btnBlueTxt:visited {
  color: #00a8ff;
  text-decoration: none;
  font-weight: bold; }
.reset-new .bulk .btnBlueTxt:hover {
  color: #4dc2ff;
  text-decoration: underline; }
.reset-new .bulk .inputFieldWrapper input[type='text'],
.reset-new .bulk .inputFieldWrapper textarea {
  position: relative;
  color: black; }
.reset-new .bulk #bulkList .bulk_table_wrap label {
  float: left;
  padding-right: 20px; }
.reset-new .bulk #bulkForm {
  padding: 0 60px;
  width: calc(100% - 120px); }
  .reset-new .bulk #bulkForm .inputFieldWrapper {
    width: 90%; }
  .reset-new .bulk #bulkForm hr {
    border: none;
    border-top: 1px solid #cdd3d7;
    height: 1px;
    margin: 0; }
  .reset-new .bulk #bulkForm input[type="text"]:focus {
    border: 1px solid #00a8ff; }
  .reset-new .bulk #bulkForm .bulk_select {
    height: 32px;
    min-width: inherit;
    width: 80%;
    max-width: 446px;
    padding: 0;
    margin: 0; }
    .reset-new .bulk #bulkForm .bulk_select .selectReplace, .reset-new .bulk #bulkForm .bulk_select select {
      width: 100% !important;
      height: 100%;
      font-family: "npprimarysemibold";
      font-size: 18px;
      font-weight: normal;
      line-height: 32px; }
    .reset-new .bulk #bulkForm .bulk_select .selectReplace {
      padding-left: 13px; }
    .reset-new .bulk #bulkForm .bulk_select span {
      width: 100% !important; }
  .reset-new .bulk #bulkForm .bulk_browse {
    padding: 11px 0 25px;
    height: 80px;
    border-top: none;
    border-bottom: 1px solid #cdd3d7; }
    .reset-new .bulk #bulkForm .bulk_browse .left {
      padding-top: 12px; }
    .reset-new .bulk #bulkForm .bulk_browse .right {
      position: relative; }
  .reset-new .bulk #bulkForm .uploadFile.feature2 {
    max-width: 333px;
    width: 100%; }
  .reset-new .bulk #bulkForm .uploadFile.feature2 p {
    background: #00a8ff; }
.reset-new .bulk #uploadContent.bulkUploadContent #uploadContentContainer {
  height: 130px;
  width: 316px;
  padding: 0px 30px 0px 30px;
  -webkit-border-radius: 5px;
  border: 2px solid #0097a7; }
.reset-new .bulk #uploadContent.bulkUploadContent .uploading {
  left: 122px; }
.reset-new .bulk #uploadContent.bulkUploadContent .wait {
  left: 138px;
  color: #0097a7; }
.reset-new .bulk #uploadContent.bulkUploadContent #progress {
  top: 94px;
  left: 50px;
  width: 280px; }
.reset-new .bulk #uploadContent.bulkUploadContent #progressBar {
  width: 140px; }
.reset-new .bulk #confirmDialog.bulkResult {
  width: 280px;
  padding: 40px; }
.reset-new .bulk #uploadCSVForm .hidden {
  display: none; }
.reset-new .bulk input[type="text"] {
  border: 1px solid #B8B8B8;
  background: transparent;
  color: #616161;
  font-color: black;
  height: 32px;
  opacity: 0.70;
  filter: alpha(opacity=70);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-family: "npprimarysemibold";
  font-size: 18px;
  font-weight: normal;
  line-height: 32px; }
  .reset-new .bulk input[type="text"].bulk_autocomplete_field {
    padding: 0 25px 0 14px;
    margin: 0;
    background-position: 96% 20px;
    height: 42px; }
  .reset-new .bulk input[type="text"].ui-autocomplete-input {
    background: url(../images/order_off_blue.svg);
    background-position: 96% 20px;
    background-repeat: no-repeat;
    padding-right: 25px;
    cursor: pointer;
    width: 100%; }
  .reset-new .bulk input[type="text"].bulk_autocomplete_field:hover {
    background-position: 96% 20px; }
  .reset-new .bulk input[type="text"].ui-autocomplete-input:hover {
    background: url(../images/order_on.svg);
    background-position: 96% 20px;
    background-color: #4dc2ff;
    background-repeat: no-repeat;
    border-color: #4dc2ff; }
  .reset-new .bulk input[type="text"].bulkCustomPassword {
    height: 27px;
    padding: 0;
    margin-top: 19px; }
  .reset-new .bulk input[type="text"].bulk_text {
    margin: 0;
    height: 26px;
    padding: 0; }
.reset-new .bulk .bulk-back {
  width: calc(100% - 120px);
  margin: auto;
  margin-bottom: 10px; }
  .reset-new .bulk .bulk-back .np-mod-cta {
    width: 100px;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    padding: 0 2%; }

  /*
  @media screen and (max-width: 1240px){
    &.menu-open{
      #bulkForm{
        .bulk_row{
          .bulk_select{
            width: calc(100% - 54px);
            min-width: 330px;
            .selectReplace{
              width: 100%;
              padding-right: 0;
            }
            .select-replace-cover{
              width: 70% !important;
            }
          }
          .bulk_autocomplete{
            width: calc(100% - 80px);
            min-width: 340px;
          .inputFieldWrapper{
            width: 100%;
            input[type='text'].bulk_autocomplete_field{
              width: 100%;
            }
          }
        }
      }
    }
  }

  @media screen and (max-width: 1010px){
    #bulkForm{
      .bulk_row{
        .bulk_select{
          width: calc(100% - 54px);
          min-width: 366px;
          .selectReplace{
            width: 100%;
            padding-right: 0;
          }
          .select-replace-cover{
            width: 70% !important;
          }
        }
        .bulk_autocomplete{
          width: calc(100% - 80px);
          min-width: 340px;
          .inputFieldWrapper{
            width: 100%;
            input[type='text'].bulk_autocomplete_field{
            width: 100%;
            }
          }
        }
      }
    }
  }
  */
/*
.menu-open .reset-new.bulk .multipleSchoolsContainer {
  margin-right: -100px;
  transition: margin 0.5 ease;
}
*/
.bulk_schoolId.tooltip-top .bulkTooltip.tooltipTitle {
  font-size: 100%; }
  .bulk_schoolId.tooltip-top .bulkTooltip.tooltipTitle span {
    width: 155px;
    white-space: normal;
    font-size: 12px; }
  .bulk_schoolId.tooltip-top .bulkTooltip.tooltipTitle:hover span {
    display: table; }
  .bulk_schoolId.tooltip-top .bulkTooltip.tooltipTitle:hover:before {
    left: 45%;
    bottom: auto !important;
    top: -7px;
    border-width: 6px 6px 0 6px !important; }

.reset-new .bulkUpdateEmail .wrapper .bulk-drag {
  width: 100%;
  height: auto;
  display: flex;
  box-sizing: border-box;
  clear: both;
  justify-content: center;
  overflow: hidden;
  padding: 18px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }
  .reset-new .bulkUpdateEmail .wrapper .bulk-drag-dragBox {
    width: 95% !important;
    max-width: 330px !important;
    height: 100px;
    background: url(../images/bulk_import_drag.png) top left no-repeat;
    background-image: none;
    border: 2px dashed #00a8ff !important;
    border-radius: 7px;
    display: inline-block;
    margin: 0;
    margin-top: 20px;
    padding: 0px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px; }
    .reset-new .bulkUpdateEmail .wrapper .bulk-drag-dragBox-icoFolder {
      width: 40px;
      height: 32px;
      background-image: url(../images/Folder_blue.svg);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: top left;
      display: inline-block;
      margin-right: 8px;
      overflow: hidden; }
    .reset-new .bulkUpdateEmail .wrapper .bulk-drag-dragBox p {
      width: 100%;
      text-align: center;
      top: 19px;
      left: 0; }
    .reset-new .bulkUpdateEmail .wrapper .bulk-drag-dragBox h1 {
      width: 100%;
      color: #00a8ff;
      font-size: 17px;
      line-height: 31px;
      margin-top: 20px;
      position: initial;
      text-align: center;
      vertical-align: top;
      top: auto;
      left: auto; }
.reset-new .bulkUpdateEmail .wrapper .bulk-browse {
  height: auto;
  display: flex;
  box-sizing: border-box;
  clear: both;
  justify-content: center;
  overflow: hidden;
  padding: 18px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }
  .reset-new .bulkUpdateEmail .wrapper .bulk-browse-label {
    font-size: 16px;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    line-height: 44px;
    padding-right: 20px; }
  .reset-new .bulkUpdateEmail .wrapper .bulk-browse-uploadFile {
    width: 65%;
    border: 1px solid #B8B8B8;
    background-image: none;
    border-radius: 4px;
    display: inline-block;
    max-width: 333px;
    margin-bottom: 0;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
    .reset-new .bulkUpdateEmail .wrapper .bulk-browse-uploadFile--error {
      border-color: #f26c59; }
    .reset-new .bulkUpdateEmail .wrapper .bulk-browse-uploadFile-bulkFileName {
      width: 170px;
      line-height: 40px;
      padding-left: 14px; }
    .reset-new .bulkUpdateEmail .wrapper .bulk-browse-uploadFile #fileUpload {
      width: 335px; }
    .reset-new .bulkUpdateEmail .wrapper .bulk-browse-uploadFile p {
      height: 96%;
      background: #00a8ff;
      border-radius: 4px;
      color: white;
      font-weight: bold;
      line-height: 38px;
      padding: 0 6px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      position: absolute;
      top: 1px;
      right: 1px;
      left: inherit; }
.reset-new .bulkUpdateEmail .wrapper .bulk-message {
  display: flex;
  justify-content: center;
  padding-bottom: 18px; }
  .reset-new .bulkUpdateEmail .wrapper .bulk-message-required {
    width: 469px;
    height: 17px; }
.reset-new .bulkUpdateEmail .wrapper .bulk-submit {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  width: 229px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 10px;
  text-decoration: none; }

.content .reset-new.content-admin .districts {
  /* TITLE */
  /* TOOLBAR BASE */ }
  .content .reset-new.content-admin .districts .adminTitle .adminTitle-bt {
    position: relative;
    float: right;
    width: 162px; }
  .content .reset-new.content-admin .districts .adminTitle .adminTitle-content {
    position: relative;
    float: left;
    width: calc(100% - 162px);
    box-sizing: border-box;
    /* title & subtitle */ }
    .content .reset-new.content-admin .districts .adminTitle .adminTitle-content .adminTitle-title,
    .content .reset-new.content-admin .districts .adminTitle .adminTitle-content .adminTitle-subtitle {
      width: calc(100% - 100px);
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .content .reset-new.content-admin .districts .reset-new.userSearch.districts {
    min-width: 640px;
    max-width: 780px;
    /* PAGINADOR BASE */ }
    .content .reset-new.content-admin .districts .reset-new.userSearch.districts form {
      box-sizing: border-box; }
      .content .reset-new.content-admin .districts .reset-new.userSearch.districts form .inputFieldWrapper.search {
        width: 45%; }
      .content .reset-new.content-admin .districts .reset-new.userSearch.districts form .inputFieldWrapper.zipcode {
        width: 14%; }
      .content .reset-new.content-admin .districts .reset-new.userSearch.districts form .selectFieldWrapper.contract {
        width: 35%; }
      .content .reset-new.content-admin .districts .reset-new.userSearch.districts form .btnSearch {
        width: 6%;
        float: right; }
    .content .reset-new.content-admin .districts .reset-new.userSearch.districts + .reset-new.spaceTB.paginator {
      margin: 0 60px 10px 60px; }
      @media screen and (min-width: 1250px) {
        .content .reset-new.content-admin .districts .reset-new.userSearch.districts + .reset-new.spaceTB.paginator {
          width: auto;
          height: auto;
          float: right;
          margin: 0 60px;
          padding-top: 8px; } }

.content.menu-open .reset-new.content-admin .districts {
  /* TOOLBAR BASE */ }
  .content.menu-open .reset-new.content-admin .districts .reset-new.userSearch.districts {
    margin-bottom: 0;
    /* PAGINADOR BASE */ }
    @media screen and (min-width: 1450px) {
      .content.menu-open .reset-new.content-admin .districts .reset-new.userSearch.districts {
        margin-bottom: 15px; } }
    .content.menu-open .reset-new.content-admin .districts .reset-new.userSearch.districts + .reset-new.spaceTB.paginator {
      margin: 0 60px 10px 60px; }
      @media screen and (min-width: 1450px) {
        .content.menu-open .reset-new.content-admin .districts .reset-new.userSearch.districts + .reset-new.spaceTB.paginator {
          margin: 0 60px 20px 0px; } }

.reset-new .tblBackendTheme .dropdown-cell {
  overflow: visible; }
  .reset-new .tblBackendTheme .dropdown-cell .dropdown-cell-content {
    position: static; }
  .reset-new .tblBackendTheme .dropdown-cell .dropdown-cell-button {
    background-color: unset; }

.reset-new.content-admin .downloadStrategy {
  /* TITLE */ }
  .reset-new.content-admin .downloadStrategy .adminTitle .adminTitle-bt {
    position: relative;
    float: right;
    width: 162px; }
  .reset-new.content-admin .downloadStrategy .adminTitle .adminTitle-content {
    position: relative;
    float: left;
    width: calc(100% - 162px);
    box-sizing: border-box;
    /* title & subtitle */ }
    .reset-new.content-admin .downloadStrategy .adminTitle .adminTitle-content .adminTitle-title,
    .reset-new.content-admin .downloadStrategy .adminTitle .adminTitle-content .adminTitle-subtitle {
      width: calc(100% - 100px);
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap; }

/* License*/
.reset-new .licenseContent.wrapper,
.reset-new .ayce-list {
  width: calc(100% - 120px);
  display: block;
  margin: auto; }
  .reset-new .licenseContent.wrapper .licenseTitle,
  .reset-new .ayce-list .licenseTitle {
    color: #2d2d2d;
    font-size: 21px;
    font-family: "robotomedium", Helvetica, Arial, sans-serif;
    margin-top: 29px;
    margin-bottom: 19px; }
  .reset-new .licenseContent.wrapper .licenseContent,
  .reset-new .ayce-list .licenseContent {
    min-width: 800px; }
  .reset-new .licenseContent.wrapper .licenseContent .licensePercentageUseData,
  .reset-new .ayce-list .licenseContent .licensePercentageUseData {
    position: relative; }
  .reset-new .licenseContent.wrapper .licenseData.licenseColumn.licenseFirstColumn.noAmount,
  .reset-new .ayce-list .licenseData.licenseColumn.licenseFirstColumn.noAmount {
    display: table-cell;
    margin: auto; }
  .reset-new .licenseContent.wrapper .licenseContentData,
  .reset-new .ayce-list .licenseContentData {
    text-align: center;
    position: relative; }
  .reset-new .licenseContent.wrapper .licenseContentLabel,
  .reset-new .ayce-list .licenseContentLabel {
    background-color: #efefef; }
  .reset-new .licenseContent.wrapper .licenseHeader,
  .reset-new .ayce-list .licenseHeader {
    display: table;
    background-color: #F2F2F2;
    color: #6b6b6b;
    margin-bottom: 50px;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    font-family: "robotoregular", Helvetica, Arial, sans-serif; }
  .reset-new .licenseContent.wrapper .licenseHeader label,
  .reset-new .ayce-list .licenseHeader label {
    float: left;
    margin-right: 10px; }
  .reset-new .licenseContent.wrapper .licenseContentData.School, .reset-new .licenseContent.wrapper .licenseContentData.Cart,
  .reset-new .ayce-list .licenseContentData.School,
  .reset-new .ayce-list .licenseContentData.Cart {
    color: #ee32d8; }
  .reset-new .licenseContent.wrapper .licenseContentData.District,
  .reset-new .ayce-list .licenseContentData.District {
    color: #00dc28; }
  .reset-new .licenseContent.wrapper .licenseHeaderData,
  .reset-new .ayce-list .licenseHeaderData {
    float: left; }
  .reset-new .licenseContent.wrapper .licenseSalesForceWrapper,
  .reset-new .ayce-list .licenseSalesForceWrapper {
    width: 100%;
    height: 68px;
    display: table;
    overflow: hidden; }
  .reset-new .licenseContent.wrapper .licenseSalesForce,
  .reset-new .ayce-list .licenseSalesForce {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .reset-new .licenseContent.wrapper .licenseHeader .date,
  .reset-new .ayce-list .licenseHeader .date {
    color: #2d2d2d;
    display: inline-block;
    font-size: 16px;
    font-weight: bold; }
  .reset-new .licenseContent.wrapper .licenseHeader .price,
  .reset-new .ayce-list .licenseHeader .price {
    color: #2d2d2d;
    display: inline-block;
    font-size: 18px;
    font-weight: bold; }
  .reset-new .licenseContent.wrapper .licenseAdvert,
  .reset-new .ayce-list .licenseAdvert {
    background: url(../images/tool_advert.png) left center no-repeat;
    bottom: 30px;
    margin-left: 8px; }
  .reset-new .licenseContent.wrapper .licenseAlert,
  .reset-new .ayce-list .licenseAlert {
    background: url(../images/tool_alert.svg) center center no-repeat;
    top: 11px; }
  .reset-new .licenseContent.wrapper .content-percentage,
  .reset-new .ayce-list .content-percentage {
    position: relative;
    top: -5px; }
  .reset-new .licenseContent.wrapper .licensePercentageUseData p,
  .reset-new .ayce-list .licensePercentageUseData p {
    display: inline-block;
    padding-left: 10px;
    padding-right: 4px; }
  .reset-new .licenseContent.wrapper .licensePercentageUseData .link,
  .reset-new .ayce-list .licensePercentageUseData .link {
    background: url(../images/edit_icon.svg) center center no-repeat;
    background-color: #efefef;
    border-radius: 5px;
    padding: 7px;
    right: 6px;
    vertical-align: middle;
    position: absolute;
    top: 0; }
  .reset-new .licenseContent.wrapper a.licenseBtn,
  .reset-new .ayce-list a.licenseBtn {
    width: 22px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 7px; }
    .reset-new .licenseContent.wrapper a.licenseBtn.tooltipTitle:before,
    .reset-new .ayce-list a.licenseBtn.tooltipTitle:before {
      border-width: 0 6px 6px 6px;
      bottom: -5px;
      left: 19%; }
    .reset-new .licenseContent.wrapper a.licenseBtn.tooltipTitle:hover:before,
    .reset-new .ayce-list a.licenseBtn.tooltipTitle:hover:before {
      bottom: -11px;
      content: "";
      left: 26%;
      position: absolute;
      z-index: 99; }
    .reset-new .licenseContent.wrapper a.licenseBtn.tooltipTitle span,
    .reset-new .ayce-list a.licenseBtn.tooltipTitle span {
      background: #152d39;
      font-family: "npprimarylight", Helvetica, Arial, sans-serif;
      font-size: 10px;
      padding: 10px;
      border-radius: 3px;
      width: 100px;
      left: -50px;
      bottom: -55px;
      font-weight: 400; }
  .reset-new .licenseContent.wrapper .ayce-list h2,
  .reset-new .ayce-list .ayce-list h2 {
    font-size: 14px;
    color: #161e21;
    float: left;
    margin: 6px 0 6px; }
  .reset-new .licenseContent.wrapper .used,
  .reset-new .ayce-list .used {
    min-width: 180px; }
.reset-new .ayce-list {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px; }
@media screen and (max-width: 900px) {
  .reset-new .license-width {
    overflow: auto; } }
@media screen and (max-width: 1086px) {
  .reset-new.menu-open .license-width {
    overflow: auto; } }

.redeemCode .adminTitle-icon svg {
  margin: 8px 0 0 8px; }
.redeemCode .reset-new.userSearch form {
  height: 42px;
  width: 320px; }
  .redeemCode .reset-new.userSearch form .inputFieldWrapper {
    width: 276px; }

/* Redeem popup*/
.newForm.redeemCode-form {
  background-color: #ffffff;
  border-radius: 2px;
  overflow: hidden;
  padding: 40px 30px 20px;
  width: 520px; }
  .newForm.redeemCode-form .titles .arrow {
    height: 34px;
    background: url(../images/icon-admin-user-arrow.svg) no-repeat left center; }
  .newForm.redeemCode-form .titles .userTitle {
    color: #00a8ff;
    font-size: 30px; }
  .newForm.redeemCode-form .abm_form span.inputFieldWrapper, .newForm.redeemCode-form .abm_form span.select-replace-cover, .newForm.redeemCode-form .abm_form .datePicker {
    width: 100% !important; }
    .newForm.redeemCode-form .abm_form span.inputFieldWrapper input[type="text"], .newForm.redeemCode-form .abm_form span.inputFieldWrapper select, .newForm.redeemCode-form .abm_form span.select-replace-cover input[type="text"], .newForm.redeemCode-form .abm_form span.select-replace-cover select, .newForm.redeemCode-form .abm_form .datePicker input[type="text"], .newForm.redeemCode-form .abm_form .datePicker select {
      width: 100% !important;
      height: 37px;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-sizing: border-box; }
    .newForm.redeemCode-form .abm_form span.inputFieldWrapper .selectReplace, .newForm.redeemCode-form .abm_form span.select-replace-cover .selectReplace, .newForm.redeemCode-form .abm_form .datePicker .selectReplace {
      background-image: url(../img/reset-new/icons/icon-arrow-order.svg);
      background-repeat: no-repeat;
      background-position: 96% 50%;
      padding: 8px 30px 9px 6px; }
      .newForm.redeemCode-form .abm_form span.inputFieldWrapper .selectReplace.hover, .newForm.redeemCode-form .abm_form span.select-replace-cover .selectReplace.hover, .newForm.redeemCode-form .abm_form .datePicker .selectReplace.hover {
        background-color: #00a8ff;
        background-image: url(../img/reset-new/icons/icon-arrow-order-hover.svg);
        background-repeat: no-repeat;
        background-position: 96% 50%; }
  .newForm.redeemCode-form .abm_form .select-replace-cover {
    height: 42px; }
  .newForm.redeemCode-form .abm_form .saveProfile {
    margin-top: 10px; }
  .newForm.redeemCode-form input[type="button"].btnBlue, .newForm.redeemCode-form input[type="submit"].btnBlue {
    -webkit-appearance: none;
    background-color: #00a8ff;
    color: white;
    padding: 13px 18px 13px 40px;
    text-align: left;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 100%;
    font-weight: normal;
    height: auto;
    background-image: url(../images/done.png);
    background-repeat: no-repeat;
    background-position: 11px center;
    background-size: 16% auto;
    transition: border-color 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
    .newForm.redeemCode-form input[type="button"].btnBlue:hover, .newForm.redeemCode-form input[type="button"].btnBlue.active, .newForm.redeemCode-form input[type="submit"].btnBlue:hover, .newForm.redeemCode-form input[type="submit"].btnBlue.active {
      border-color: rgba(0, 168, 255, 0.7);
      background-color: rgba(0, 168, 255, 0.7); }

.reset-new.content-admin .publishers {
  /* TITLE */
  /* TOOLBAR BASE */ }
  .reset-new.content-admin .publishers .adminTitle .adminTitle-content {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    /* title & subtitle */ }
    .reset-new.content-admin .publishers .adminTitle .adminTitle-content .adminTitle-title,
    .reset-new.content-admin .publishers .adminTitle .adminTitle-content .adminTitle-subtitle {
      width: 100%;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .reset-new.content-admin .publishers .reset-new.userSearch.salesforce {
    min-width: 423px;
    max-width: 638px;
    /* PAGINADOR BASE */ }
    .reset-new.content-admin .publishers .reset-new.userSearch.salesforce form {
      box-sizing: border-box; }
      .reset-new.content-admin .publishers .reset-new.userSearch.salesforce form .inputFieldWrapper.search {
        width: 90%; }
      .reset-new.content-admin .publishers .reset-new.userSearch.salesforce form .btnSearch {
        width: 10%;
        float: right; }
    @media screen and (min-width: 1100px) {
      .reset-new.content-admin .publishers .reset-new.userSearch.salesforce {
        margin-bottom: 15px; } }
    .reset-new.content-admin .publishers .reset-new.userSearch.salesforce + .reset-new.spaceTB.paginator {
      margin: 0 60px 10px 60px; }
      @media screen and (min-width: 1100px) {
        .reset-new.content-admin .publishers .reset-new.userSearch.salesforce + .reset-new.spaceTB.paginator {
          width: auto;
          height: auto;
          float: right;
          margin: 0 60px 20px 0;
          padding-top: 8px; } }

.content .reset-new.content-admin .schools {
  /* TITLE */
  /* TOOLBAR BASE */
  /* TOOLBAR DA */
  /* TOOLBAR DA CON REDISTRIBUTION */ }
  .content .reset-new.content-admin .schools .adminTitle .adminTitle-bt {
    position: relative;
    float: right;
    width: 162px; }
  .content .reset-new.content-admin .schools .adminTitle .adminTitle-content {
    position: relative;
    float: left;
    width: calc(100% - 162px);
    box-sizing: border-box;
    /* title & subtitle */ }
    .content .reset-new.content-admin .schools .adminTitle .adminTitle-content .adminTitle-title,
    .content .reset-new.content-admin .schools .adminTitle .adminTitle-content .adminTitle-subtitle {
      width: calc(100% - 100px);
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .content .reset-new.content-admin .schools .reset-new.userSearch.school {
    min-width: 640px;
    max-width: 970px;
    /* PAGINADOR BASE */ }
    .content .reset-new.content-admin .schools .reset-new.userSearch.school form {
      box-sizing: border-box; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school form .inputFieldWrapper.search {
        width: 20%; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school form .inputFieldWrapper.zipcode {
        width: 14%; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school form .inputFieldWrapper.district {
        width: 24%; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school form .selectFieldWrapper.contract {
        width: 18%;
        padding-right: 30px; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school form .selectFieldWrapper.approved {
        width: 18%;
        padding-right: 30px; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school form .btnSearch {
        width: 6%;
        float: right; }
    .content .reset-new.content-admin .schools .reset-new.userSearch.school + .reset-new.spaceTB.paginator {
      margin: 0 60px 10px 60px; }
      @media screen and (min-width: 1450px) {
        .content .reset-new.content-admin .schools .reset-new.userSearch.school + .reset-new.spaceTB.paginator {
          width: auto;
          height: auto;
          float: right;
          margin: 0 60px;
          padding-top: 8px; } }
  .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA {
    min-width: 640px;
    max-width: 640px;
    /* PAGINADOR DA */ }
    .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA form.userDA {
      box-sizing: border-box;
      /*
      .inputFieldWrapper.district{
        display: none;
      }
      */
      /*
      .selectFieldWrapper.contract {
        display: none;
      }
      */
      /*
      .selectFieldWrapper.approved {
        display: none;
      }
      */ }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA form.userDA .inputFieldWrapper.search {
        width: 70%; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA form.userDA .inputFieldWrapper.zipcode {
        width: 20%; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA form.userDA .btnSearch {
        width: 10%;
        float: right; }
    @media screen and (min-width: 1100px) {
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA {
        margin-bottom: 15px; } }
    .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA + .reset-new.spaceTB.paginator {
      margin: 0 60px 10px 60px; }
      @media screen and (min-width: 1100px) {
        .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA + .reset-new.spaceTB.paginator {
          width: auto;
          height: auto;
          float: right;
          margin: 0 60px 20px 0;
          padding-top: 8px; } }
  .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis {
    min-width: 640px;
    max-width: 1000px;
    /* PAGINADOR DA */ }
    .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis form.userDA {
      box-sizing: border-box;
      /*
      .inputFieldWrapper.district{
        display: none;
      }
      */
      /*.selectFieldWrapper.approved {
          width: 19%;
      }*/ }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis form.userDA .inputFieldWrapper.search {
        width: 42%; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis form.userDA .inputFieldWrapper.zipcode {
        width: 25%; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis form.userDA .selectFieldWrapper.contract {
        width: 26%; }
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis form.userDA .btnSearch {
        width: 7%;
        float: right; }
    @media screen and (min-width: 1100px) {
      .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis {
        margin-bottom: 15px; } }
    .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis + .reset-new.spaceTB.paginator {
      margin: 0 60px 10px 60px; }
      @media screen and (min-width: 1100px) {
        .content .reset-new.content-admin .schools .reset-new.userSearch.school.userDA.redis + .reset-new.spaceTB.paginator {
          width: auto;
          height: auto;
          float: right;
          margin: 0 60px 20px 0;
          padding-top: 8px; } }

.content.menu-open .reset-new.content-admin .schools {
  /* TOOLBAR BASE */ }
  .content.menu-open .reset-new.content-admin .schools .reset-new.userSearch.school {
    /*margin-bottom: 0;*/
    /* PAGINADOR BASE */ }
    @media screen and (min-width: 1650px) {
      .content.menu-open .reset-new.content-admin .schools .reset-new.userSearch.school {
        margin-bottom: 15px; } }
    .content.menu-open .reset-new.content-admin .schools .reset-new.userSearch.school + .reset-new.spaceTB.paginator {
      margin: 0 60px 10px 60px; }
      @media screen and (min-width: 1650px) {
        .content.menu-open .reset-new.content-admin .schools .reset-new.userSearch.school + .reset-new.spaceTB.paginator {
          margin: 0 60px 20px 0px; } }

#classlinkId:disabled {
  background-color: rgba(158, 153, 153, 0.26); }

.reset-new.content-admin .users {
  /* TITLE */
  /* TOOLBAR BASE */
  /* TOOLBAR DA */
  /* TOOLBAR SA */ }
  .reset-new.content-admin .users .adminTitle .adminTitle-bt {
    position: relative;
    float: right;
    width: 280px; }
    .reset-new.content-admin .users .adminTitle .adminTitle-bt button {
      margin-left: 0; }
  .reset-new.content-admin .users .adminTitle .adminTitle-content {
    position: relative;
    float: left;
    width: calc(100% - 280px);
    box-sizing: border-box;
    /* title & subtitle */ }
    .reset-new.content-admin .users .adminTitle .adminTitle-content .adminTitle-title,
    .reset-new.content-admin .users .adminTitle .adminTitle-content .adminTitle-subtitle {
      width: calc(100% - 100px);
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .reset-new.content-admin .users .reset-new.userSearch.users {
    min-width: 640px;
    max-width: 970px;
    /* PAGINADOR BASE */ }
    .reset-new.content-admin .users .reset-new.userSearch.users form {
      box-sizing: border-box; }
      .reset-new.content-admin .users .reset-new.userSearch.users form .inputFieldWrapper {
        -webkit-appearance: none;
        -webkit-border-radius: 0px; }
      .reset-new.content-admin .users .reset-new.userSearch.users form .inputFieldWrapper.search {
        width: 16%; }
      .reset-new.content-admin .users .reset-new.userSearch.users form .inputFieldWrapper.searchDomain {
        width: 16%; }
      .reset-new.content-admin .users .reset-new.userSearch.users form .inputFieldWrapper.district {
        width: 20%;
        padding-right: 30px; }
      .reset-new.content-admin .users .reset-new.userSearch.users form .inputFieldWrapper.school {
        width: 20%;
        padding-right: 30px; }
      .reset-new.content-admin .users .reset-new.userSearch.users form .selectFieldWrapper.type {
        width: 11%; }
      .reset-new.content-admin .users .reset-new.userSearch.users form .selectFieldWrapper.role {
        width: 11%; }
      .reset-new.content-admin .users .reset-new.userSearch.users form .btnSearch {
        width: 6%;
        float: right; }
    @media screen and (min-width: 1450px) {
      .reset-new.content-admin .users .reset-new.userSearch.users + .reset-new.spaceTB.paginator {
        width: auto;
        height: auto;
        float: right;
        margin: 0 60px;
        padding-top: 8px; } }
  .reset-new.content-admin .users .reset-new.userSearch.users.userDA {
    min-width: 640px;
    max-width: 740px;
    /* PAGINADOR DA */
    /* SPACETB DA */ }
    .reset-new.content-admin .users .reset-new.userSearch.users.userDA form.userDA {
      box-sizing: border-box;
      /*
      .inputFieldWrapper.district{
        display: none;
      }
      */
      /*
      .selectFieldWrapper.type {
        display: none;
      }
      */ }
      .reset-new.content-admin .users .reset-new.userSearch.users.userDA form.userDA .inputFieldWrapper.search {
        width: 40%; }
      .reset-new.content-admin .users .reset-new.userSearch.users.userDA form.userDA .inputFieldWrapper.school {
        width: 30%; }
      .reset-new.content-admin .users .reset-new.userSearch.users.userDA form.userDA .selectFieldWrapper.role {
        width: 24%; }
      .reset-new.content-admin .users .reset-new.userSearch.users.userDA form.userDA .btnSearch {
        width: 6%;
        float: right; }
    @media screen and (min-width: 1130px) {
      .reset-new.content-admin .users .reset-new.userSearch.users.userDA {
        margin-bottom: 15px; } }
    @media screen and (min-width: 1130px) {
      .reset-new.content-admin .users .reset-new.userSearch.users.userDA + .reset-new.spaceTB.paginator {
        width: auto;
        height: auto;
        float: right;
        margin: 0 60px 0 0;
        padding-bottom: 0;
        padding-top: 8px; } }
    .reset-new.content-admin .users .reset-new.userSearch.users.userDA + .reset-new.spaceTB {
      display: none; }
    .reset-new.content-admin .users .reset-new.userSearch.users.userDA + .reset-new.spaceTB.paginator {
      display: block; }
  .reset-new.content-admin .users .reset-new.userSearch.users.userSA {
    width: 500px;
    /* PAGINADOR SA */
    /* SPACETB DA */ }
    .reset-new.content-admin .users .reset-new.userSearch.users.userSA form.userSA {
      box-sizing: border-box;
      /*
      .inputFieldWrapper.district{
        display: none;
      }
      */
      /*
      .inputFieldWrapper.school {
         display: none;
      }
      */
      /*
      .selectFieldWrapper.type {
        display: none;
      }
      */ }
      .reset-new.content-admin .users .reset-new.userSearch.users.userSA form.userSA .inputFieldWrapper.search {
        width: 60%; }
      .reset-new.content-admin .users .reset-new.userSearch.users.userSA form.userSA .selectFieldWrapper.role {
        width: 30%; }
      .reset-new.content-admin .users .reset-new.userSearch.users.userSA form.userSA .btnSearch {
        width: 10%;
        float: right; }
    @media screen and (min-width: 1130px) {
      .reset-new.content-admin .users .reset-new.userSearch.users.userSA {
        margin-bottom: 15px; } }
    @media screen and (min-width: 1130px) {
      .reset-new.content-admin .users .reset-new.userSearch.users.userSA + .reset-new.spaceTB.paginator {
        width: auto;
        height: auto;
        float: right;
        margin: 0 60px 20px 0;
        padding-top: 8px; } }
    .reset-new.content-admin .users .reset-new.userSearch.users.userSA + .reset-new.spaceTB {
      display: none; }
    .reset-new.content-admin .users .reset-new.userSearch.users.userSA + .reset-new.spaceTB.paginator {
      display: block; }
  @media screen and (max-width: 1710px) {
    .reset-new.content-admin .users .reset-new.spaceTB.multiActionContainer {
      margin-top: 0; } }

.DAPermissions {
  padding-bottom: 5px; }
  .DAPermissions .da-permissions-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px 0px; }
    .DAPermissions .da-permissions-wrapper .da-full-access-validation {
      background-color: #00a8ff;
      border: none;
      border-radius: 4px;
      color: #ffffff;
      font-size: 100%;
      padding: 0px 15px 0px;
      text-align: left; }
    .DAPermissions .da-permissions-wrapper .title-school-permissions {
      color: #071a23;
      font-family: "npprimaryextrabold", Helvetica, Arial, sans-serif;
      font-size: 18px;
      padding: 6px 4px 0px; }

#formNewUserTheme .makePartnerDisabled {
  cursor: help;
  color: #8b9195; }

.make-partner-tooltip {
  max-width: 250px;
  height: auto;
  background-color: #152d39;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0 10px;
  color: #ffffff;
  font-size: 14px; }
  .make-partner-tooltip::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #152d39; }

.reset-new.content-admin .publishers {
  /* TITLE */ }
  .reset-new.content-admin .publishers .adminTitle .adminTitle-bt {
    position: relative;
    float: right;
    width: 192px; }
  .reset-new.content-admin .publishers .adminTitle .adminTitle-content {
    position: relative;
    float: left;
    width: calc(100% - 192px);
    box-sizing: border-box;
    /* title & subtitle */ }
    .reset-new.content-admin .publishers .adminTitle .adminTitle-content .adminTitle-title,
    .reset-new.content-admin .publishers .adminTitle .adminTitle-content .adminTitle-subtitle {
      width: calc(100% - 100px);
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap; }

.reset-new.content-admin .privateLibrary {
  height: calc(100vh - 90px); }

.newForm .reset-new.saveProfile {
  display: flex;
  padding-top: 0;
  text-align: left; }
  .newForm .reset-new.saveProfile .btn-wrapper {
    flex: 1 1 30%;
    margin-left: 16px; }
    .newForm .reset-new.saveProfile .btn-wrapper:first-child {
      margin-left: 0; }
    .newForm .reset-new.saveProfile .btn-wrapper .np-mod-cta {
      width: 100%;
      border-radius: 5px; }

.newForm.curriculumLevel .presentationData {
  border-radius: 0px;
  box-shadow: 0 0 0 #ffffff;
  padding: 0px 0px;
  padding-top: 20px;
  width: auto;
  -webkit-animation-name: none; }

.reset-new.content-admin .adminDashboard {
  height: calc(100vh - 90px); }

.lms-content-admin {
  -webkit-transition: padding-left 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: padding-left 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: padding-left 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: padding-left 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .lms-content-admin.menu-open {
    padding-left: 215px; }

/* wrappers for fixed columns datatables */
div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable {
  /*z-index: 2;*/ }

/* searchbar*/
.reset-new.searchbar {
  z-index: 91; }

/*header*/
.reset-new.tempToolBar {
  z-index: 101; }

/* dropdowns */
.np-mod-combolist.period .dropdownCombo,
.np-mod-combolist.graphType .dropdownCombo,
.np-mod-combolist.school .dropdownCombo,
.np-mod-autocomplete .dropdownCombo,
.np-mod-autocomplete .lastRow {
  z-index: 2; }

.slidesThumbs .slideItem {
  z-index: 1; }

.reset-new.slideList {
  z-index: 1; }

.slideList .slideList-wrapper {
  z-index: 1; }

.reset-new.slidesList-bkg {
  z-index: 1; }

/*sticky bar*/
.reset-new.stickyBar {
  z-index: 2; }

#fancybox-close {
  z-index: 100; }

.reset-new.tooltip-video-wrapper {
  z-index: 200; }

.newFeatureBoxIcon:after {
  z-index: 10; }

/* /admin/users paginator dropdown */
.pagination.navTheme .paginationLimit .changePaginationLimit {
  z-index: 1; }

/*persistent-header pluguin*/
.reset-new .floatingHeader {
  z-index: 10; }

/* header-messaging */
.reset-new.header-message {
  z-index: 103; }

/* Multiselect component */
.multiselect {
  z-index: 98; }

.amcharts-chart-div {
  padding: 50px !important;
  height: 400px !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: initial !important;
  /* INLINE */
  /* INLINE */ }
  .amcharts-chart-div svg {
    overflow: initial; }
  .amcharts-chart-div svg + a {
    display: none !important; }
  .amcharts-chart-div .amcharts-category-axis .amcharts-axis-title,
  .amcharts-chart-div .amcharts-value-axis .amcharts-axis-title {
    display: block !important;
    visibility: hidden !important;
    font-family: "npprimarysemibold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    fill: #5b6d79; }
  .amcharts-chart-div .amcharts-axis-label {
    color: #00a8ff;
    font-family: "npprimarylight", Helvetica, Arial, sans-serif;
    font-size: 12px; }
  .amcharts-chart-div .amcharts-graph-column-front {
    cursor: pointer;
    opacity: .5; }
    .amcharts-chart-div .amcharts-graph-column-front:hover {
      opacity: 1; }

table.dataTable {
  border-collapse: separate;
  border-spacing: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  clear: both;
  font-family: "robotolight", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 0 auto;
  width: 100%; }
  table.dataTable thead th,
  table.dataTable tfoot th {
    color: #ffffff;
    line-height: normal; }
  table.dataTable thead th,
  table.dataTable thead td {
    background-color: #8b9195;
    border-right: 1px solid #ffffff;
    padding: 7px 18px;
    font-weight: 200; }
    table.dataTable thead th:active,
    table.dataTable thead td:active {
      outline: none; }
    table.dataTable thead th.first,
    table.dataTable thead td.first {
      border-left: 0;
      border-top-left-radius: 4px; }
    table.dataTable thead th:last-child,
    table.dataTable thead td:last-child {
      border-right: 0; }
    table.dataTable thead th.th-h1,
    table.dataTable thead td.th-h1 {
      vertical-align: middle;
      text-align: left; }
    table.dataTable thead th.th-h2,
    table.dataTable thead td.th-h2 {
      border-bottom: none !important;
      font-family: "robotolight", Helvetica, Arial, sans-serif;
      font-size: 14px;
      padding-bottom: 2px; }
    table.dataTable thead th.th-h3,
    table.dataTable thead td.th-h3 {
      font-size: 12px;
      padding-top: 2px;
      padding-right: 16px;
      padding-left: 16px;
      text-align: center; }
    table.dataTable thead th.session,
    table.dataTable thead td.session {
      font-size: 11px;
      padding-top: 2px;
      padding-right: 16px;
      padding-left: 7px;
      text-align: center;
      background-position: 60px 3px;
      background-size: 14px; }
    table.dataTable thead th.students,
    table.dataTable thead td.students {
      font-size: 11px;
      padding-top: 2px;
      padding-right: 16px;
      padding-left: 7px;
      text-align: center;
      background-position: 60px 3px;
      background-size: 14px; }
  table.dataTable tfoot th,
  table.dataTable tfoot td {
    padding: 10px 18px 6px 18px; }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand; }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right; }
  table.dataTable thead .sorting {
    background-image: url("../images/sort_both.png");
    background-position: 150px center; }
    table.dataTable thead .sorting.first {
      background-position: 175px center; }
  table.dataTable thead .sorting_asc {
    background-image: url("../images/sort_asc.png");
    background-position: 150px center; }
    table.dataTable thead .sorting_asc.first {
      background-position: 175px center; }
  table.dataTable thead .sorting_desc {
    background-image: url("../images/sort_desc.png");
    background-position: 150px center; }
    table.dataTable thead .sorting_desc.first {
      background-position: 175px center; }
  table.dataTable thead .sorting_asc_disabled {
    background-image: url("../images/sort_asc_disabled.png");
    background-position: 150px center; }
    table.dataTable thead .sorting_asc_disabled.first {
      background-position: 175px center; }
  table.dataTable thead .sorting_desc_disabled {
    background-image: url("../images/sort_desc_disabled.png");
    background-position: 150px center; }
    table.dataTable thead .sorting_desc_disabled.first {
      background-position: 175px center; }
  table.dataTable tbody tr {
    background-color: #ffffff; }
  table.dataTable tbody th,
  table.dataTable tbody td {
    color: #5b6d79;
    font-size: 14px;
    padding: 15px 10px; }
  table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #b8c0c6; }
  table.dataTable.row-border tbody tr:first-child th,
  table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
  table.dataTable.display tbody tr:first-child td {
    border-top: none; }
  table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #b8c0c6;
    border-right: 1px solid #b8c0c6; }
  table.dataTable.cell-border tbody tr th:first-child,
  table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #b8c0c6; }
  table.dataTable.cell-border tbody tr:first-child th,
  table.dataTable.cell-border tbody tr:first-child td {
    border-top: none; }
  table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9; }
  table.dataTable.order-column tbody tr > .sorting_1,
  table.dataTable.order-column tbody tr > .sorting_2,
  table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
  table.dataTable.display tbody tr > .sorting_2,
  table.dataTable.display tbody tr > .sorting_3 {
    background-color: #fafafa;
    vertical-align: middle; }
  table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1; }
  table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3; }
  table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke; }
  table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fafafa; }
  table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc; }
  table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe; }
  table.dataTable.no-footer {
    border-bottom: 1px solid #8b9195; }
  table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap; }
  table.dataTable.compact thead th,
  table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px; }
  table.dataTable.compact tfoot th,
  table.dataTable.compact tfoot td {
    padding: 4px; }
  table.dataTable.compact tbody th,
  table.dataTable.compact tbody td {
    padding: 4px; }
  table.dataTable th.dt-left,
  table.dataTable td.dt-left {
    text-align: left; }
  table.dataTable th.dt-center,
  table.dataTable td.dt-center,
  table.dataTable td.dataTables_empty {
    font-size: 16px;
    text-align: left;
    padding-left: 20px; }
  table.dataTable th.dt-right,
  table.dataTable td.dt-right {
    text-align: right; }
  table.dataTable th.dt-justify,
  table.dataTable td.dt-justify {
    text-align: justify; }
  table.dataTable th.dt-nowrap,
  table.dataTable td.dt-nowrap {
    white-space: nowrap; }
  table.dataTable thead th.dt-head-left,
  table.dataTable thead td.dt-head-left,
  table.dataTable tfoot th.dt-head-left,
  table.dataTable tfoot td.dt-head-left {
    text-align: left; }
  table.dataTable thead th.dt-head-center,
  table.dataTable thead td.dt-head-center,
  table.dataTable tfoot th.dt-head-center,
  table.dataTable tfoot td.dt-head-center {
    text-align: center; }
  table.dataTable thead th.dt-head-right,
  table.dataTable thead td.dt-head-right,
  table.dataTable tfoot th.dt-head-right,
  table.dataTable tfoot td.dt-head-right {
    text-align: right; }
  table.dataTable thead th.dt-head-justify,
  table.dataTable thead td.dt-head-justify,
  table.dataTable tfoot th.dt-head-justify,
  table.dataTable tfoot td.dt-head-justify {
    text-align: justify; }
  table.dataTable thead th.dt-head-nowrap,
  table.dataTable thead td.dt-head-nowrap,
  table.dataTable tfoot th.dt-head-nowrap,
  table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap; }
  table.dataTable tbody th.dt-body-left,
  table.dataTable tbody td.dt-body-left {
    text-align: left; }
  table.dataTable tbody th.dt-body-center,
  table.dataTable tbody td.dt-body-center {
    text-align: center;
    vertical-align: middle; }
  table.dataTable tbody th.dt-body-right,
  table.dataTable tbody td.dt-body-right {
    text-align: right;
    vertical-align: middle; }
  table.dataTable tbody th.dt-body-justify,
  table.dataTable tbody td.dt-body-justify {
    text-align: justify; }
  table.dataTable tbody th.dt-body-nowrap,
  table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap; }

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box; }

.dataTables_wrapper {
  clear: both;
  position: relative;
  *zoom: 1;
  zoom: 1; }
  .dataTables_wrapper .dataTables_length {
    color: #071a23;
    font-family: "robotolight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    float: left;
    padding: 0 0 15px 0; }
    .dataTables_wrapper .dataTables_length select {
      margin-right: 5px;
      margin-left: 5px; }
  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right; }
    .dataTables_wrapper .dataTables_filter input {
      margin-left: 0.5em; }
  .dataTables_wrapper .dataTables_info {
    color: #071a23;
    clear: both;
    font-family: "robotolight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    float: left;
    padding: 23px 0 0 10px; }
  .dataTables_wrapper .dataTables_paginate {
    color: #071a23;
    font-family: "robotolight", Helvetica, Arial, sans-serif;
    font-size: 14px;
    float: right;
    text-align: right;
    padding: 15px 0 0 0; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      border-radius: 2px;
      box-sizing: border-box;
      color: #071a23 !important;
      cursor: pointer;
      *cursor: hand;
      display: inline-block;
      min-width: 1.5em;
      margin-left: 2px;
      padding: 0.5em 1em !important;
      text-align: center;
      text-decoration: none !important; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background-color: #02a2b2;
        color: #ffffff !important; }
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        background: transparent !important;
        box-shadow: none;
        color: #5b6d79 !important;
        cursor: default !important;
        opacity: .5; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-color: #28b7c6 !important;
        color: #ffffff !important; }
      .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        box-shadow: inset 0 0 3px #071a23;
        outline: none;
        background-color: #103a4e;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #103a4e), color-stop(100%, #05141b));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #103a4e 0%, #05141b 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, #103a4e 0%, #05141b 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #103a4e 0%, #05141b 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, #103a4e 0%, #05141b 100%);
        /* Opera 11.10+ */
        background: linear-gradient(to bottom, #103a4e 0%, #05141b 100%);
        /* W3C */ }
    .dataTables_wrapper .dataTables_paginate .ellipsis {
      padding: 0 1em; }
  .dataTables_wrapper .dataTables_processing {
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    font-size: 1.2em;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px; }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_processing,
  .dataTables_wrapper .dataTables_paginate {
    color: #071a23; }
  .dataTables_wrapper .dataTables_scroll {
    clear: both;
    border-right: 1px solid #8b9195;
    border-bottom: 1px solid #8b9195;
    border-left: 1px solid #8b9195;
    border-radius: 4px; }
    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
      *margin-top: -1px;
      -webkit-overflow-scrolling: touch; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody table.dataTable thead {
        background: none; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody table.dataTable thead th,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody table.dataTable thead td {
        vertical-align: top;
        background: none; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody table.dataTable thead th {
        border-bottom: 0 !important; }
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
        height: 0;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important; }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0; }
  .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: 0 !important; }
  .dataTables_wrapper:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden; }

.dataTables_scrollHead {
  background-color: #ffffff; }
  .dataTables_scrollHead table.dataTable thead th {
    border-bottom: 0 !important; }

.odd.DTFC_NoData {
  display: none; }

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em; } }
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em; } }
.dataTables_scrollHeadInner {
  height: 54px !important;
  width: 100% !important;
  background: #A8A8A8; }

table.DTFC_Cloned thead, table.DTFC_Cloned tfoot {
  background-color: #ffffff; }

div.DTFC_Blocker {
  background-color: #ffffff; }

div.DTFC_RightWrapper,
div.DTFC_RightHeadWrapper {
  background-color: #ffffff; }

div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable {
  margin-bottom: 0; }

div.DTFC_LeftWrapper table.dataTable.no-footer,
div.DTFC_RightWrapper table.dataTable.no-footer {
  border-bottom: none; }

div.DTFC_LeftHeadWrapper {
  border-right: 1px solid #ffffff; }

div.DTFC_LeftBodyWrapper {
  border-left: 1px solid #8b9195;
  border-right: 1px solid #8b9195; }

div.DTFC_LeftHeadWrapper table.dataTable thead th {
  border-bottom: 0 !important; }

div.DTFC_LeftHeadWrapper table.dataTable.no-footer {
  border-bottom: 0 !important; }
div.DTFC_LeftHeadWrapper table.dataTable thead td {
  vertical-align: top; }

.reset-new {
  /* DatePicker Container */ }
  .reset-new.ui-datepicker {
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 0px rgba(7, 26, 35, 0.5);
    font-family: "robotolight", Helvetica, Arial, sans-serif;
    font-size: 9pt;
    margin: 5px auto 0;
    padding: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(7, 26, 35, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(7, 26, 35, 0.5);
    width: 216px;
    height: auto; }
    .reset-new.ui-datepicker a {
      text-decoration: none; }
    .reset-new.ui-datepicker table {
      border-bottom: 1px solid #8b9195;
      margin-bottom: 0px !important;
      width: 100%; }
    .reset-new.ui-datepicker .ui-datepicker-header {
      background-color: #071a23;
      border-radius: 3px 3px 0px 0px;
      color: #ffffff;
      font-family: "robotoregular", Helvetica, Arial, sans-serif;
      line-height: 35px;
      padding: 0; }
      .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
        font-size: 14px;
        height: 32px;
        text-align: center; }
        .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
          border: none;
          color: #ffffff;
          line-height: 30px;
          margin: 0;
          padding: 0;
          text-align: center !important; }
          .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month, .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
            background: url("../images/datepicker/arrow2.png") transparent no-repeat 50px -8px;
            cursor: pointer;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            -o-appearance: none !important;
            appearance: none !important;
            line-height: 30px;
            height: 30px;
            text-align: left !important; }
            .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month::-ms-expand, .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year::-ms-expand {
              display: none !important; }
          .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-title select option {
            color: #071a23;
            background: white none repeat scroll 0% 0%; }
      .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
      .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        background-color: transparent;
        background-image: url("../images/datepicker/arrow.png");
        background-repeat: no-repeat;
        cursor: pointer;
        display: inline-block;
        line-height: 600%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        text-align: center;
        top: 0;
        height: 35px;
        width: 30px; }
        .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover,
        .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
          border-top: none;
          border-right: 1px solid #071a23;
          border-left: 1px solid #071a23;
          border-bottom: none;
          line-height: 30px;
          height: 30px; }
      .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
      .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
        display: none; }
      .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
        background-position: center -35px;
        float: left; }
      .reset-new.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        background-position: center 0;
        float: right; }
    .reset-new.ui-datepicker .ui-datepicker-calendar thead {
      background-color: #cdd3d7;
      background-image: -moz-linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdd3d7), color-stop(100%, #b8c0c6));
      background-image: -webkit-linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      background-image: -o-linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      background-image: -ms-linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      background-image: linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      border-bottom: 1px solid #8b9195;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd3d7', endColorstr='#b8c0c6',GradientType=0 ); }
    .reset-new.ui-datepicker .ui-datepicker-calendar th {
      color: #5b6d79;
      filter: dropshadow(color=#ffffff, offx=1, offy=0);
      font-size: 6pt;
      padding: 5px 0;
      text-transform: uppercase;
      text-shadow: 1px 0px 0px #ffffff; }
    .reset-new.ui-datepicker .ui-datepicker-calendar tbody td {
      border-right: 1px solid #8b9195;
      padding: 0; }
    .reset-new.ui-datepicker .ui-datepicker-calendar tbody td:last-child {
      border-right: 0px; }
    .reset-new.ui-datepicker .ui-datepicker-calendar tbody tr {
      border-bottom: 1px solid #8b9195; }
    .reset-new.ui-datepicker .ui-datepicker-calendar tbody tr:last-child {
      border-bottom: 0px; }
    .reset-new.ui-datepicker .ui-datepicker-calendar td span, .reset-new.ui-datepicker .ui-datepicker-calendar td a {
      border: medium none;
      color: #5b6d79;
      display: inline-block;
      font-family: "robotoregular", Helvetica, Arial, sans-serif;
      font-weight: normal;
      line-height: 30px;
      padding: 0;
      text-align: center;
      text-shadow: 1px 1px 0 #ffffff;
      height: 30px;
      width: 30px; }
    .reset-new.ui-datepicker .ui-datepicker-calendar .ui-state-default {
      background: #cdd3d7;
      background: -moz-linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdd3d7), color-stop(100%, #b8c0c6));
      background: -webkit-linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      background: -o-linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      background: -ms-linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      background: linear-gradient(top, #cdd3d7 0%, #b8c0c6 100%);
      box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, 0.5);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd3d7', endColorstr='#b8c0c6',GradientType=0 );
      -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, 0.5);
      -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, 0.5); }
    .reset-new.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
      background: #cdd3d7; }
    .reset-new.ui-datepicker .ui-datepicker-calendar .ui-state-active {
      background: #0097a7;
      border: 1px solid #0097a7;
      box-shadow: inset 0px 0px 10px 0px rgba(7, 26, 35, 0.1);
      color: #ffffff;
      filter: dropshadow(color=#0097a7, offx=0, offy=1);
      margin: -1px;
      position: relative;
      text-shadow: 0px 1px 0px #0097a7;
      -webkit-box-shadow: inset 0px 0px 10px 0px rgba(7, 26, 35, 0.1);
      -moz-box-shadow: inset 0px 0px 10px 0px rgba(7, 26, 35, 0.1); }

.ellipsis-animation {
  position: relative; }
  .ellipsis-animation i {
    font-style: normal;
    opacity: 1;
    position: absolute;
    -webkit-animation-name: dot;
    -moz-animation-name: dot;
    animation-name: dot;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .ellipsis-animation i:nth-child(1) {
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    animation-delay: 0; }
  .ellipsis-animation i:nth-child(2) {
    margin-left: 6px;
    -webkit-animation-delay: 200ms;
    -moz-animation-delay: 200ms;
    animation-delay: 200ms; }
  .ellipsis-animation i:nth-child(3) {
    margin-left: 12px;
    -webkit-animation-delay: 400ms;
    -moz-animation-delay: 400ms;
    animation-delay: 400ms; }

@-webkit-keyframes dot {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes dot {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes dot {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.npp-loader {
  border: 2px solid rgba(150, 150, 150, 0.8);
  border-radius: 50%;
  font-size: 65px;
  list-style: none;
  margin: auto;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .npp-loader li {
    border-radius: 50%;
    position: absolute;
    width: .2em;
    height: .2em; }
  .npp-loader li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #2dbbca;
    -webkit-transform-origin: 50% 250%;
    -moz-transform-origin: 50% 250%;
    -ms-transform-origin: 50% 250%;
    -o-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation: rota 2.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -moz-animation: rota 2.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    -ms-animation: rota 2.13s linear infinite,opa 3.67s ease-in-out infinite alternate;
    animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate; }
  .npp-loader li:nth-child(2) {
    top: 50%;
    right: 0;
    margin: -.1em 0 0;
    background: #267d8c;
    -webkit-transform-origin: -150% 50%;
    -moz-transform-origin: -150% 50%;
    -ms-transform-origin: -150% 50%;
    -o-transform-origin: -150% 50%;
    transform-origin: -150% 50%;
    -webkit-animation: rota 2.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    -moz-animation: rota 2.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    -ms-animation: rota 2.86s linear infinite,opa 4.29s ease-in-out infinite alternate;
    animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate; }
  .npp-loader li:nth-child(3) {
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: #2de8f7;
    -webkit-transform-origin: 50% -150%;
    -moz-transform-origin: 50% -150%;
    -ms-transform-origin: 50% -150%;
    -o-transform-origin: 50% -150%;
    transform-origin: 50% -150%;
    -webkit-animation: rota 2.45s linear infinite,opa 5.12s ease-in-out infinite alternate;
    -moz-animation: rota 2.45s linear infinite,opa 5.12s ease-in-out infinite alternate;
    -ms-animation: rota 2.45s linear infinite,opa 5.12s ease-in-out infinite alternate;
    animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate; }
  .npp-loader li:nth-child(4) {
    top: 50%;
    margin: -.1em 0 0;
    background: #0e373e;
    -webkit-transform-origin: 250% 50%;
    -moz-transform-origin: 250% 50%;
    -ms-transform-origin: 250% 50%;
    -o-transform-origin: 250% 50%;
    transform-origin: 250% 50%;
    -webkit-animation: rota 2.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    -moz-animation: rota 2.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    -ms-animation: rota 2.72s linear infinite,opa 5.25s ease-in-out infinite alternate;
    animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate; }

@-webkit-keyframes rota {
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes rota {
  to {
    -moz-transform: rotate(360deg); } }
@-ms-keyframes rota {
  to {
    -ms-transform: rotate(360deg); } }
@keyframes rota {
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes opa {
  12.0% {
    opacity: 0.8; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.6; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.6; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }
@-moz-keyframes opa {
  12.0% {
    opacity: 0.8; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.6; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.6; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }
@-ms-keyframes opa {
  12.0% {
    opacity: 0.8; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.6; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.6; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }
@keyframes opa {
  12.0% {
    opacity: 0.8; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.6; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.6; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }
.reset-new .floatingHeader {
  visibility: visible;
  position: absolute;
  top: 0; }

/*# sourceMappingURL=sass_styles.css.map */