@charset "UTF-8";
/* ==========================================================================
    Main styles
   ========================================================================== */
body {
  margin: 0;
  padding-top: 186px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-light);
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: var(--color-darker);
    color: var(--color-light);
  }
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
.widget-toolbar.crm-locationbar {
  display: none;
}
@media screen and (max-width: 950px) {
  .no-mobile {
    display: none !important;
  }
}
div#cookie-banner {
  z-index: 5;
  background-color: var(--color-lightprimary);
  position: fixed;
  top: 0;
  margin: 15px;
  padding: 30px;
  line-height: 1.5;
}
div#inform-and-ask {
  left: 0;
  right: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  bottom: 0;
}
div#inform-and-consent {
  background-color: var(--color-lighter);
  padding: 30px;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 1000;
}
:root {
  --color-primary: #6fbc8d;
  --color-lightprimary: #acd7bb;
  --color-light: #f1f1f1;
  --color-lighter: #ffffff;
  --color-dark: #333333;
  --color-darker: #1a1a1a;
  --grey: #d8d8d8;
  --color-infoblue: #7C9DC5;
  --color-bluelink: #6666CC;
  --content-width: 940px;
}
/* ==============================
    Global
   ============================== */
html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
html {
  box-sizing: border-box;
}
body {
  position: relative;
  scroll-behavior: smooth;
  display: flex;
  min-width: 100%;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  border-top: 174px solid var(--color-dark);
}
body.babbodypopup.addon\/ccmp\/main {
  border-top: none;
}
@media screen and (max-width: 950px) {
  body {
    padding-top: 7px;
    border-top: 106px solid var(--color-dark);
  }
}
.global {
  min-height: 100%;
  overflow: hidden;
  position: relative;
  transition-duration: 0.6s;
}
/* ==========================================================================
    Custom fonts
   ========================================================================== */
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-BoldItalic.woff2") format("woff2"), url("fonts/FiraSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Black.woff2") format("woff2"), url("fonts/FiraSans-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-BlackItalic.woff2") format("woff2"), url("fonts/FiraSans-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Bold.woff2") format("woff2"), url("fonts/FiraSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-ExtraBold.woff2") format("woff2"), url("fonts/FiraSans-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-ExtraLightItalic.woff2") format("woff2"), url("fonts/FiraSans-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-ExtraLight.woff2") format("woff2"), url("fonts/FiraSans-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-ExtraBoldItalic.woff2") format("woff2"), url("fonts/FiraSans-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-LightItalic.woff2") format("woff2"), url("fonts/FiraSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Italic.woff2") format("woff2"), url("fonts/FiraSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Light.woff2") format("woff2"), url("fonts/FiraSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Regular.woff2") format("woff2"), url("fonts/FiraSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Medium.woff2") format("woff2"), url("fonts/FiraSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-MediumItalic.woff2") format("woff2"), url("fonts/FiraSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-SemiBold.woff2") format("woff2"), url("fonts/FiraSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-SemiBoldItalic.woff2") format("woff2"), url("fonts/FiraSans-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-Thin.woff2") format("woff2"), url("fonts/FiraSans-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("fonts/FiraSans-ThinItalic.woff2") format("woff2"), url("fonts/FiraSans-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "CCMP";
  src: url("fonts/ccmp.woff") format("woff");
}
/* ==========================================================================
    Default element styles
   ========================================================================== */
html, button, .widget-menu-button, html .widget-actionbutton, html .widget-button, html .widget-submitbutton, html .widget-filepicker-add, html input[type="submit"], html input::file-selector-button, input, select, textarea {
  color: #333;
}
li {
  list-style-type: none;
}
input[type=checkbox] {
  min-width: 20px;
  height: 20px;
  border-radius: 6px;
}
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 2px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
html {
  font-family: "Fira Sans";
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}
* {
  -moz-font-smoothing: none;
  -webkit-font-smoothing: antialiased;
  /* stylelint-disable */
  /* stylelint-enable */
}
.anchor {
  position: relative;
  top: -120px;
}
.ico.no-icon::before {
  display: none;
}
.ico::before {
  font-family: "CCMP";
  font-size: 32px;
  line-height: 32px;
  flex: 0;
}
.ico.small::before {
  font-size: 26px;
  line-height: 26px;
  width: 26px;
  text-align: center;
}
.ico.large::before {
  font-size: 56px;
  line-height: 56px;
}
.ico.signquotation::before {
  content: "";
}
.ico.menu::before {
  content: "";
}
.ico.creditcard::before {
  content: "";
}
.ico.user::before {
  content: "";
}
.ico.close::before {
  content: "";
}
.ico.cartcheckout::before {
  content: "";
}
.ico.bookmarkcheckout::before {
  content: "";
}
.ico.closeround::before {
  content: "";
}
.ico.files::before, .ico.copy::before {
  content: "";
}
.ico.search::before {
  content: "";
}
.ico.infosign::before {
  content: "";
}
.ico.pencil::before {
  content: "";
}
.ico.paperpart::before {
  content: "";
}
.ico.checksign::before {
  content: "";
}
.ico.campus::before, .ico.license-campus::before {
  content: "";
}
.ico.school::before, .ico.license-individual::before {
  content: "";
}
.ico.folders::before {
  content: "";
}
.ico.cart::before {
  content: "";
}
.ico.share::before {
  content: "";
}
.ico.addmore::before {
  content: "";
}
.ico.plussign::before {
  content: "";
}
.ico.leftarrow::before {
  content: "";
}
.ico.bookmarks::before {
  content: "";
}
.ico.closesquare::before {
  content: "";
}
.ico.bookmarked::before {
  content: "";
}
.ico.checkallsign::before {
  content: "";
}
.ico.emptycart::before {
  content: "";
}
.ico.downloadfile::before {
  content: "";
}
.ico.home::before {
  content: "";
}
.ico.mail::before {
  content: "";
}
.ico.trash::before {
  content: "";
}
@media screen and (max-width: 950px) {
  .widget-link.ico.small {
    font-size: 0;
    padding-right: 2px !important;
  }
}
.right-buttons {
  display: flex;
  flex-direction: row;
}
.container {
  display: flex;
  flex-direction: row;
  max-width: var(--content-width);
  margin-top: 24px;
  gap: 18px;
}
.container .portlet-content {
  overflow: unset;
}
.container .intro {
  font-size: 14px;
  font-style: italic;
}
.container .widget-form-buttons {
  padding: 20px 0;
}
.container .standard {
  background-color: var(--color-lighter);
  border-top: 1px solid var(--color-lighter);
}
.container .standard h2 {
  margin: 45px 30px 15px 30px;
}
.container .crm-main-panel h2 {
  margin: 0;
}
.container .crm-main-panel .crm-shoppingcart-tableview {
  background: #fff;
}
.container .standard h1, .container .crm-main-panel h1 {
  border-bottom: 8px solid var(--color-primary);
  padding: 12px 6px 6px 12px;
  margin: 0 0 20px 0;
  font-weight: 500;
}
.container .standard h2, .container .crm-main-panel h2 {
  color: var(--color-primary);
  font-weight: 500;
  font-size: 30px;
}
.container .standard h3, .container .crm-main-panel h3 {
  margin: 45px 30px 15px 0px;
  font-weight: 500;
}
.container .standard h4, .container .crm-main-panel h4 {
  margin: 45px 30px 15px 0px;
  font-weight: 500;
}
.container .standard p, .container .standard form, .container .crm-main-panel p, .container .crm-main-panel form {
  padding: 0;
  margin: 10px 30px 20px 30px;
}
@media screen and (max-width: 950px) {
  .container {
    display: block;
    width: calc(100%);
    margin-top: 0px;
  }
}
.container .main {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 660px;
  position: relative;
  padding-bottom: 90px;
}
.container .context {
  height: fit-content;
  position: sticky;
  background-color: #fff;
}
@media screen and (max-width: 950px) {
  .container .context {
    display: none;
  }
}
.container .context .actions {
  display: flex;
  flex-direction: column;
}
.container .context .actions .button {
  flex-basis: 44px;
}
.container .context .actions .button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (max-width: 950px) {
  .container .crm-context-panel {
    display: none;
  }
}
.container .crm-context-panel .actions {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 12px;
}
.container .crm-context-panel .actions .button {
  flex-basis: 44px;
  margin-top: 12px;
}
.container .crm-context-panel .actions .button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.container a.button {
  font-size: 13px;
  display: flex;
  margin: 0 0 8px 0;
  padding: 0px 24px;
  align-items: center;
  text-decoration: none;
  background-color: var(--grey);
  color: var(--color-dark);
  text-align: center;
}
.container a.button span {
  flex: 1;
}
.container a.button.primary {
  background-color: var(--color-primary);
}
.container a.button:hover {
  background-color: var(--color-dark);
  color: var(--color-lighter);
}
.container .crm-main-panel a.button {
  display: inline-block;
  height: auto;
  padding: 10px;
  margin: 0;
  vertical-align: middle;
}
.container span.button {
  background-color: var(--grey);
}
.container span.button a {
  font-size: 13px;
  display: flex;
  gap: 6px;
  margin: 0 0 8px 0;
  padding: 0px 24px;
  align-items: center;
  text-decoration: none;
  height: 100%;
  color: var(--color-dark);
  text-align: center;
}
.container span.button a.primary {
  background-color: var(--color-primary);
}
.container span.button a:hover {
  background-color: var(--color-dark);
  color: var(--color-lighter);
}
.container span.button a:hover a {
  color: var(--color-lighter);
}
button, .widget-menu-button, html .widget-actionbutton, html .widget-button, html .widget-submitbutton, html .widget-filepicker-add, html input[type="submit"], html input::file-selector-button {
  padding: 16px;
  border: none;
  margin: 0 16px;
  height: 47px;
  cursor: pointer;
  font-weight: 600;
}
@media screen and (max-width: 950px) {
  button, .widget-menu-button, html .widget-actionbutton, html .widget-button, html .widget-submitbutton, html .widget-filepicker-add, html input[type="submit"], html input::file-selector-button {
    padding: 12px 16px;
  }
}
button:last-of-type, .widget-menu-button:last-of-type, html .widget-actionbutton:last-of-type, html .widget-button:last-of-type, html .widget-submitbutton:last-of-type, html .widget-filepicker-add:last-of-type {
  margin-right: 0;
}
button.primary, .primary.widget-menu-button, html .primary.widget-actionbutton, html .primary.widget-button, html .primary.widget-submitbutton, html .primary.widget-filepicker-add {
  background-color: var(--color-primary);
}
button.primray-mobile, .primray-mobile.widget-menu-button, html .primray-mobile.widget-actionbutton, html .primray-mobile.widget-button, html .primray-mobile.widget-submitbutton, html .primray-mobile.widget-filepicker-add {
  background-color: var(--color-primary);
}
button:hover, .widget-menu-button:hover, html .widget-actionbutton:hover, html .widget-button:hover, html .widget-submitbutton:hover, html .widget-filepicker-add:hover {
  background-color: var(--color-dark);
  color: var(--color-lighter);
}
button.btn:hover, .btn.widget-menu-button:hover, html .btn.widget-actionbutton:hover, html .btn.widget-button:hover, html .btn.widget-submitbutton:hover, html .btn.widget-filepicker-add:hover {
  background-color: var(--color-dark);
  color: var(--color-lighter);
}
button:after, .widget-menu-button:after, html .widget-actionbutton:after, html .widget-button:after, html .widget-submitbutton:after, html .widget-filepicker-add:after {
  font-weight: 500;
}
button.disabled, .disabled.widget-menu-button, html .disabled.widget-actionbutton, html .disabled.widget-button, html .disabled.widget-submitbutton, html .disabled.widget-filepicker-add {
  opacity: 0.5;
}
.collapsible-info {
  position: absolute;
  width: 100%;
}
.collapsible-info .info-button {
  position: relative;
  font-weight: 200;
  position: absolute;
  right: 12px;
  bottom: -28px;
}
.collapsible-info .info-button::before {
  font-family: "CCMP";
  content: "";
  color: var(--color-infoblue);
  font-size: 48px;
  line-height: 48px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.collapsible-info .info-button::after {
  font-family: "CCMP";
  content: none;
  color: none;
  font-size: 48px;
  line-height: 48px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.collapsible-info .info-popup {
  display: none;
  position: absolute;
  background-color: #FCF9E4;
  border: 1px solid #DCD9C4;
  padding: 1em;
  text-align: left;
  font-size: 13px;
  z-index: 1;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}
.collapsible-info:hover .info-popup {
  display: block;
}
.card {
  flex-grow: 1;
  height: 100px;
  width: 90px;
  background-color: var(--color-lighter);
  margin: 8px;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0px 4px 16px -4px color-mix(in srgb, var(--color-dark) 20%, transparent);
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 8px 16px -4px color-mix(in srgb, var(--color-dark) 20%, transparent);
}
.article-card {
  flex-basis: 300px;
  flex-grow: 1;
  border-radius: 8px;
  box-shadow: 0px 4px 16px -4px color-mix(in srgb, var(--color-dark) 20%, transparent);
  transition: all 0.2s ease-in-out;
}
.article-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 8px 16px -4px color-mix(in srgb, var(--color-dark) 20%, transparent);
}
.article-card ul {
  margin-left: 48px !important;
}
.modal, html .ui-dialog, html .slider.open, .widget-dockable-frame.widget-dockable-fullsize .slider.open {
  position: fixed;
  background-color: #fff;
  left: 50%;
  min-width: 300px;
  border: none;
}
.modal.video, html .video.ui-dialog, html .video.slider.open, .widget-dockable-frame.widget-dockable-fullsize .slider.open.video {
  max-width: none;
  width: 640px;
  height: 360px;
}
.modal.video iframe, html .video.ui-dialog iframe, html .video.slider.open iframe, .widget-dockable-frame.widget-dockable-fullsize .slider.open.video iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 500px) {
  .modal, html .ui-dialog, html .slider.open, .widget-dockable-frame.widget-dockable-fullsize .slider.open {
    min-width: 300px;
  }
}
.modal .header, html .ui-dialog .header, html .ui-dialog .ui-widget-header, html .ui-dialog .slider.open .widget-dockable-header, html .slider.open .ui-dialog .widget-dockable-header, html .slider.open .header, html .slider.open .ui-widget-header, html .slider.open .widget-dockable-header, .modal html .ui-widget-header, html .modal .ui-widget-header, .modal html .slider.open .widget-dockable-header, html .slider.open .modal .widget-dockable-header, .modal .center-header, html .ui-dialog .center-header, html .slider.open .center-header, .modal .widget-dockable-header, html .ui-dialog .widget-dockable-header, .widget-dockable-frame.widget-dockable-fullsize .slider.open .header, .widget-dockable-frame.widget-dockable-fullsize .slider.open html .ui-widget-header, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .ui-widget-header, .widget-dockable-frame.widget-dockable-fullsize .slider.open html .slider.open .widget-dockable-header, html .slider.open .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-header, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header {
  background-color: var(--color-dark);
  color: var(--color-lighter);
  padding: 10px;
  font-size: 16px;
}
.modal .widget-dockable-header, html .ui-dialog .widget-dockable-header, html .slider.open .widget-dockable-header, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header {
  background-image: none;
  padding: 0;
  height: auto;
  position: static;
}
.modal .widget-dockable-header h3, html .ui-dialog .widget-dockable-header h3, html .slider.open .widget-dockable-header h3, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header h3 {
  position: static;
  font-size: 16px;
  margin: 0;
  padding: 8px 0;
}
.modal .widget-dockable-header button.close, html .ui-dialog .widget-dockable-header button.close, html .ui-dialog .widget-dockable-header .close.widget-menu-button, html .ui-dialog .widget-dockable-header .close.widget-actionbutton, html .ui-dialog .widget-dockable-header .close.widget-button, html .ui-dialog .widget-dockable-header .close.widget-submitbutton, html .ui-dialog .widget-dockable-header .close.widget-filepicker-add, html .slider.open .widget-dockable-header button.close, html .slider.open .widget-dockable-header .close.widget-menu-button, html .slider.open .widget-dockable-header .close.widget-actionbutton, html .slider.open .widget-dockable-header .close.widget-button, html .slider.open .widget-dockable-header .close.widget-submitbutton, html .slider.open .widget-dockable-header .close.widget-filepicker-add, .modal .widget-dockable-header .close.widget-menu-button, .modal .widget-dockable-header html .close.widget-actionbutton, html .modal .widget-dockable-header .close.widget-actionbutton, .modal .widget-dockable-header html .close.widget-button, html .modal .widget-dockable-header .close.widget-button, .modal .widget-dockable-header html .close.widget-submitbutton, html .modal .widget-dockable-header .close.widget-submitbutton, .modal .widget-dockable-header html .close.widget-filepicker-add, html .modal .widget-dockable-header .close.widget-filepicker-add, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header button.close, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header .close.widget-menu-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header html .close.widget-actionbutton, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header .close.widget-actionbutton, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header html .close.widget-button, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header .close.widget-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header html .close.widget-submitbutton, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header .close.widget-submitbutton, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header html .close.widget-filepicker-add, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-header .close.widget-filepicker-add {
  border: none;
  right: 3px;
  padding: 16px;
  margin: 0;
}
.modal .widget-dockable-content, html .ui-dialog .widget-dockable-content, html .slider.open .widget-dockable-content, .widget-dockable-frame.widget-dockable-fullsize .slider.open .widget-dockable-content {
  position: static;
}
.modal .content, html .ui-dialog .content, html .slider.open .content, .widget-dockable-frame.widget-dockable-fullsize .slider.open .content {
  padding: 16px;
}
.modal .buttons, html .ui-dialog .buttons, html .slider.open .buttons, .widget-dockable-frame.widget-dockable-fullsize .slider.open .buttons {
  padding: 16px;
  display: flex;
  justify-content: flex-end;
}
.modal .selection-content, html .ui-dialog .selection-content, html .slider.open .selection-content, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content {
  padding: 12px 24px 0px 24px;
  display: flex;
}
.modal .selection-content p, html .ui-dialog .selection-content p, html .slider.open .selection-content p, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content p {
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 12px;
}
.modal .selection-content a, html .ui-dialog .selection-content a, html .slider.open .selection-content a, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content a {
  text-decoration: none;
  color: var(--color-primary);
  font-size: 14px;
}
.modal .selection-content a:hover, html .ui-dialog .selection-content a:hover, html .slider.open .selection-content a:hover, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content a:hover {
  text-decoration: underline;
}
.modal .selection-content .content-right, html .ui-dialog .selection-content .content-right, html .slider.open .selection-content .content-right, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .content-right {
  display: block;
  margin: 0px 12px 0px 16px;
}
.modal .selection-content .primary, html .ui-dialog .selection-content .primary, html .slider.open .selection-content .primary, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .primary {
  margin-top: 12px;
  height: 40px;
}
.modal .selection-content .check, html .ui-dialog .selection-content .check, html .slider.open .selection-content .check, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .check {
  align-items: center;
  margin-right: 12px;
}
.modal .selection-content .check .checkbox input:checked ~ .checkmark, html .ui-dialog .selection-content .check .checkbox input:checked ~ .checkmark, html .slider.open .selection-content .check .checkbox input:checked ~ .checkmark, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .check .checkbox input:checked ~ .checkmark {
  background-color: var(--color-dark);
}
.modal .selection-content .check .checkmark, html .ui-dialog .selection-content .check .checkmark, html .slider.open .selection-content .check .checkmark, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .check .checkmark {
  border-color: var(--color-dark);
}
.modal .selection-content .error, html .ui-dialog .selection-content .error, html .slider.open .selection-content .error, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .error {
  display: flex;
  align-items: flex-start;
}
.modal .selection-content .error:before, html .ui-dialog .selection-content .error:before, html .slider.open .selection-content .error:before, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .error:before {
  font-family: "CCMP";
  content: "";
  font-size: 40px;
  font-weight: 500;
  color: #DE5355;
  margin-right: 12px;
}
.modal .selection-content .error p, html .ui-dialog .selection-content .error p, html .slider.open .selection-content .error p, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .error p {
  margin-top: 6px;
}
.modal .selection-content select, html .ui-dialog .selection-content select, html .slider.open .selection-content select, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content select {
  height: 24px;
  margin-right: 12px;
  margin-top: 12px;
}
.modal .selection-content .my-selection, html .ui-dialog .selection-content .my-selection, html .slider.open .selection-content .my-selection, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .my-selection {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.modal .selection-content .my-selection p, html .ui-dialog .selection-content .my-selection p, html .slider.open .selection-content .my-selection p, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .my-selection p {
  margin: 0px;
  display: flex;
  align-items: center;
}
.modal .selection-content .my-selection .add-list, html .ui-dialog .selection-content .my-selection .add-list, html .slider.open .selection-content .my-selection .add-list, .widget-dockable-frame.widget-dockable-fullsize .slider.open .selection-content .my-selection .add-list {
  width: 100px;
  height: 24px;
  text-align: left;
  padding: 0px 4px;
}
.modal .center-header, html .ui-dialog .center-header, html .slider.open .center-header, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-header {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
}
.modal .ok-button, html .ui-dialog .ok-button, html .slider.open .ok-button, .modal .center-button, html .ui-dialog .center-button, html .slider.open .center-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button {
  padding: 12px;
  padding-top: 6px;
  display: flex;
  justify-content: flex-end;
}
.modal .ok-button button, html .ui-dialog .ok-button button, html .ui-dialog .ok-button .widget-menu-button, html .ui-dialog .ok-button .widget-actionbutton, html .ui-dialog .ok-button .widget-button, html .ui-dialog .ok-button .widget-submitbutton, html .ui-dialog .ok-button .widget-filepicker-add, html .ui-dialog .ok-button input[type="submit"], html .ui-dialog .ok-button input::file-selector-button, html .slider.open .ok-button button, html .slider.open .ok-button .widget-menu-button, html .slider.open .ok-button .widget-actionbutton, html .slider.open .ok-button .widget-button, html .slider.open .ok-button .widget-submitbutton, html .slider.open .ok-button .widget-filepicker-add, html .slider.open .ok-button input[type="submit"], html .slider.open .ok-button input::file-selector-button, .modal .ok-button .widget-menu-button, .modal .ok-button html .widget-actionbutton, html .modal .ok-button .widget-actionbutton, .modal .ok-button html .widget-button, html .modal .ok-button .widget-button, .modal .ok-button html .widget-submitbutton, html .modal .ok-button .widget-submitbutton, .modal .ok-button html .widget-filepicker-add, html .modal .ok-button .widget-filepicker-add, .modal .ok-button html input[type="submit"], html .modal .ok-button input[type="submit"], .modal .ok-button html input::file-selector-button, html .modal .ok-button input::file-selector-button, .modal .center-button button, html .ui-dialog .center-button button, html .ui-dialog .center-button .widget-menu-button, html .ui-dialog .center-button .widget-actionbutton, html .ui-dialog .center-button .widget-button, html .ui-dialog .center-button .widget-submitbutton, html .ui-dialog .center-button .widget-filepicker-add, html .ui-dialog .center-button input[type="submit"], html .ui-dialog .center-button input::file-selector-button, html .slider.open .center-button button, html .slider.open .center-button .widget-menu-button, html .slider.open .center-button .widget-actionbutton, html .slider.open .center-button .widget-button, html .slider.open .center-button .widget-submitbutton, html .slider.open .center-button .widget-filepicker-add, html .slider.open .center-button input[type="submit"], html .slider.open .center-button input::file-selector-button, .modal .center-button .widget-menu-button, .modal .center-button html .widget-actionbutton, html .modal .center-button .widget-actionbutton, .modal .center-button html .widget-button, html .modal .center-button .widget-button, .modal .center-button html .widget-submitbutton, html .modal .center-button .widget-submitbutton, .modal .center-button html .widget-filepicker-add, html .modal .center-button .widget-filepicker-add, .modal .center-button html input[type="submit"], html .modal .center-button input[type="submit"], .modal .center-button html input::file-selector-button, html .modal .center-button input::file-selector-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button .widget-menu-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button html .widget-actionbutton, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button .widget-actionbutton, .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button html .widget-button, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button .widget-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button html .widget-submitbutton, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button .widget-submitbutton, .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button html .widget-filepicker-add, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button .widget-filepicker-add, .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button html input[type="submit"], html .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button input[type="submit"], .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button html input::file-selector-button, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .ok-button input::file-selector-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button .widget-menu-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button html .widget-actionbutton, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button .widget-actionbutton, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button html .widget-button, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button .widget-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button html .widget-submitbutton, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button .widget-submitbutton, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button html .widget-filepicker-add, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button .widget-filepicker-add, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button html input[type="submit"], html .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button input[type="submit"], .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button html input::file-selector-button, html .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button input::file-selector-button {
  padding: 12px 40px;
  margin-left: 0px;
  height: 40px;
}
.modal .center-button, html .ui-dialog .center-button, html .slider.open .center-button, .widget-dockable-frame.widget-dockable-fullsize .slider.open .center-button {
  justify-content: center;
}
.modal #selection-list, html .ui-dialog #selection-list, html .slider.open #selection-list, .widget-dockable-frame.widget-dockable-fullsize .slider.open #selection-list {
  display: block;
}
.modal #selection-list .content-right, html .ui-dialog #selection-list .content-right, html .slider.open #selection-list .content-right, .widget-dockable-frame.widget-dockable-fullsize .slider.open #selection-list .content-right {
  margin-top: 8px;
}
.modal #selection-list .content-right a, html .ui-dialog #selection-list .content-right a, html .slider.open #selection-list .content-right a, .widget-dockable-frame.widget-dockable-fullsize .slider.open #selection-list .content-right a {
  margin-left: 38px;
}
@media screen and (max-width: 500px) {
  .modal #selection-list, html .ui-dialog #selection-list, html .slider.open #selection-list, .widget-dockable-frame.widget-dockable-fullsize .slider.open #selection-list {
    bottom: 0;
  }
}
.modal #modal-cart-select, html .ui-dialog #modal-cart-select, html .slider.open #modal-cart-select, .widget-dockable-frame.widget-dockable-fullsize .slider.open #modal-cart-select {
  display: flex;
  flex-direction: column;
}
.modal #cart-select, html .ui-dialog #cart-select, html .slider.open #cart-select, .widget-dockable-frame.widget-dockable-fullsize .slider.open #cart-select {
  display: block;
}
.modal #cart-select select, html .ui-dialog #cart-select select, html .slider.open #cart-select select, .widget-dockable-frame.widget-dockable-fullsize .slider.open #cart-select select {
  margin: auto;
  margin-left: 100px;
  width: 144px;
  margin-bottom: 12px;
}
.modal #bb-modal-infos, html .ui-dialog #bb-modal-infos, html .slider.open #bb-modal-infos, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos {
  padding: 16px 16px 0px;
  margin: 0px;
  height: auto;
  display: flex;
  flex-direction: column;
}
.modal #bb-modal-infos .available p:first-of-type, html .ui-dialog #bb-modal-infos .available p:first-of-type, html .slider.open #bb-modal-infos .available p:first-of-type, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .available p:first-of-type {
  margin-bottom: 0px;
}
.modal #bb-modal-infos .available p:last-of-type, html .ui-dialog #bb-modal-infos .available p:last-of-type, html .slider.open #bb-modal-infos .available p:last-of-type, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .available p:last-of-type {
  margin-top: 4px;
  font-size: 10px;
}
.modal #bb-modal-infos .available input, html .ui-dialog #bb-modal-infos .available input, html .slider.open #bb-modal-infos .available input, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .available input {
  width: 80px;
}
.modal #bb-modal-infos .primary, html .ui-dialog #bb-modal-infos .primary, html .slider.open #bb-modal-infos .primary, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .primary {
  height: inherit;
}
.modal #bb-modal-infos .buttons, html .ui-dialog #bb-modal-infos .buttons, html .slider.open #bb-modal-infos .buttons, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .buttons {
  align-items: baseline;
}
.modal #bb-modal-infos .my-selection .check, html .ui-dialog #bb-modal-infos .my-selection .check, html .slider.open #bb-modal-infos .my-selection .check, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .my-selection .check {
  margin-left: 0px;
  margin-right: 6px;
}
.modal #bb-modal-infos .my-selection p, html .ui-dialog #bb-modal-infos .my-selection p, html .slider.open #bb-modal-infos .my-selection p, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .my-selection p {
  font-size: 12px;
}
.modal #bb-modal-infos .date, html .ui-dialog #bb-modal-infos .date, html .slider.open #bb-modal-infos .date, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .date {
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 20px;
}
.modal #bb-modal-infos .date p, html .ui-dialog #bb-modal-infos .date p, html .slider.open #bb-modal-infos .date p, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .date p {
  margin: 0px 10px 0px 0px;
}
.modal #bb-modal-infos .date .date-picker, html .ui-dialog #bb-modal-infos .date .date-picker, html .slider.open #bb-modal-infos .date .date-picker, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .date .date-picker {
  display: flex;
  height: 20px;
  width: 130px;
}
.modal #bb-modal-infos .professor-infos p:first-of-type, html .ui-dialog #bb-modal-infos .professor-infos p:first-of-type, html .slider.open #bb-modal-infos .professor-infos p:first-of-type, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos p:first-of-type {
  margin-bottom: 6px;
}
.modal #bb-modal-infos .professor-infos p:last-of-type, html .ui-dialog #bb-modal-infos .professor-infos p:last-of-type, html .slider.open #bb-modal-infos .professor-infos p:last-of-type, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos p:last-of-type {
  margin-top: 24px;
  font-weight: 500;
}
.modal #bb-modal-infos .professor-infos .lastname, html .ui-dialog #bb-modal-infos .professor-infos .lastname, html .slider.open #bb-modal-infos .professor-infos .lastname, .modal #bb-modal-infos .professor-infos .firstname, html .ui-dialog #bb-modal-infos .professor-infos .firstname, html .slider.open #bb-modal-infos .professor-infos .firstname, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos .lastname, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos .firstname {
  display: flex;
}
.modal #bb-modal-infos .professor-infos .lastname p, html .ui-dialog #bb-modal-infos .professor-infos .lastname p, html .slider.open #bb-modal-infos .professor-infos .lastname p, .modal #bb-modal-infos .professor-infos .firstname p, html .ui-dialog #bb-modal-infos .professor-infos .firstname p, html .slider.open #bb-modal-infos .professor-infos .firstname p, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos .lastname p, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos .firstname p {
  margin: 6px 4px 0px 0px;
  font-weight: 400;
}
.modal #bb-modal-infos .professor-infos .lastname input, html .ui-dialog #bb-modal-infos .professor-infos .lastname input, html .slider.open #bb-modal-infos .professor-infos .lastname input, .modal #bb-modal-infos .professor-infos .firstname input, html .ui-dialog #bb-modal-infos .professor-infos .firstname input, html .slider.open #bb-modal-infos .professor-infos .firstname input, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos .lastname input, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos .firstname input {
  height: 16px;
  padding-left: 6px;
  width: 150px;
}
.modal #bb-modal-infos .professor-infos .lastname p, html .ui-dialog #bb-modal-infos .professor-infos .lastname p, html .slider.open #bb-modal-infos .professor-infos .lastname p, .widget-dockable-frame.widget-dockable-fullsize .slider.open #bb-modal-infos .professor-infos .lastname p {
  margin-right: 6px;
}
.modal .confirm-message, html .ui-dialog .confirm-message, html .slider.open .confirm-message, .widget-dockable-frame.widget-dockable-fullsize .slider.open .confirm-message {
  text-align: center;
}
.modal .confirm-btn .primary, html .ui-dialog .confirm-btn .primary, html .slider.open .confirm-btn .primary, .widget-dockable-frame.widget-dockable-fullsize .slider.open .confirm-btn .primary {
  width: max-content;
  text-align: center;
  margin: 0px 36px 12px;
}
.table {
  margin: 6px 0;
  overflow-x: auto;
  border: 1px solid var(--color-dark);
}
.table .title {
  color: var(--color-primary);
  background-color: var(--color-darker);
  padding: 10px 12px;
  font-size: large;
  display: flex;
  width: fit-content;
}
@media screen and (max-width: 950px) {
  .table table {
    margin-bottom: 24px;
  }
}
.table h3 {
  font-weight: normal;
  margin-top: 48px;
  margin-bottom: 0px;
}
.table p {
  font-size: small;
  margin: 0;
  color: var(--color-dark);
}
.table h3, .table p {
  text-align: left;
}
.table th {
  background-color: var(--color-light);
  color: var(--color-darker);
  height: 32px;
  padding: 8px 0;
}
.table td {
  padding: 16px;
}
.table th, .table td {
  text-align: center;
  font-size: small;
}
.table .head {
  text-transform: uppercase;
}
.table tr:nth-child(odd) {
  background-color: var(--grey);
}
.table tr:nth-child(odd) .product-number {
  background-color: #fff;
}
.table tr:nth-child(even) {
  background-color: #fff;
}
.table tr:nth-child(even) .product-number {
  background-color: var(--grey);
}
.article-table table td:first-of-type {
  background-color: var(--color-light);
}
#campus-license .license-head, #campus-license .game-head, #cart-tables .license-head, #cart-tables .game-head, .table-mobile .license-head, .table-mobile .game-head, .table .license-head, .table .game-head, .div-grid .license-head, .div-grid .game-head {
  display: flex;
  justify-content: center;
}
#campus-license .license-head::before, #campus-license .game-head::before, #cart-tables .license-head::before, #cart-tables .game-head::before, .table-mobile .license-head::before, .table-mobile .game-head::before, .table .license-head::before, .table .game-head::before, .div-grid .license-head::before, .div-grid .game-head::before {
  font-family: "CCMP";
  content: "";
  font-size: 36px;
  align-self: flex-end;
  margin-right: 8px;
}
#copy-license .copy-head, #cart-tables .copy-head, .table-mobile .copy-head, .table .copy-head, .div-grid .copy-head {
  display: flex;
  justify-content: center;
}
#copy-license .copy-head::before, #cart-tables .copy-head::before, .table-mobile .copy-head::before, .table .copy-head::before, .div-grid .copy-head::before {
  font-family: "CCMP";
  content: "";
  font-size: 36px;
  align-self: flex-end;
  margin-right: 8px;
}
@media screen and (max-width: 950px) {
  .blackboard-container .table-mobile .license-head, .blackboard-container .table-mobile .copy-head, .blackboard-container .table-mobile .game-head {
    align-items: center;
  }
}
.license-head, .copy-head, .game-head {
  border-bottom: solid 2px black;
  padding-bottom: 12px;
  position: relative;
}
@media screen and (max-width: 950px) {
  .license-head, .copy-head, .game-head {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 950px) {
  .license-head p, .copy-head p, .game-head p {
    display: none;
  }
}
.license-head h1, .copy-head h1, .game-head h1 {
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 24px;
}
.license-head h1:after, .copy-head h1:after, .game-head h1:after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #000;
  height: 24px;
  bottom: -24px;
  right: 0;
}
.license-head h1:before, .copy-head h1:before, .game-head h1:before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #000;
  height: 24px;
  bottom: -24px;
  left: 0;
}
.div-grid {
  margin-top: 30px;
  margin-bottom: 30px;
}
.div-grid p {
  margin: 2px 0px 8px 0px;
  font-size: small;
}
.div-grid .cart-title {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
@media screen and (max-width: 950px) {
  .div-grid .cart-title {
    display: none;
  }
}
.div-grid .cart-title label {
  min-height: min-content;
}
.div-grid .cart-title p {
  font-size: 26px;
  font-weight: 200;
  margin-left: 18px;
}
.div-grid .cart-title .title {
  color: var(--color-primary);
  background-color: var(--color-darker);
  padding: 10px 12px;
  font-size: large;
  display: flex;
  width: fit-content;
}
.div-grid .header, .div-grid html .ui-widget-header, html .div-grid .ui-widget-header, .div-grid html .slider.open .widget-dockable-header, html .slider.open .div-grid .widget-dockable-header {
  display: grid;
  margin-top: 24px;
  text-transform: uppercase;
  grid-template-columns: 210px 180px 140px 40px 100px;
  text-align: center;
  margin-bottom: 12px;
  font-size: small;
  font-weight: 500;
}
@media screen and (max-width: 950px) {
  .div-grid .header, .div-grid html .ui-widget-header, html .div-grid .ui-widget-header, .div-grid html .slider.open .widget-dockable-header, html .slider.open .div-grid .widget-dockable-header {
    width: 100vw;
  }
  .div-grid .header div, .div-grid html .ui-widget-header div, html .div-grid .ui-widget-header div, .div-grid html .slider.open .widget-dockable-header div, html .slider.open .div-grid .widget-dockable-header div {
    display: none;
  }
}
.div-grid .content:nth-child(odd) {
  background-color: var(--color-lighter);
}
.div-grid .content:nth-child(odd) .product-number {
  background-color: var(--grey);
}
.div-grid .content:nth-child(even) {
  background-color: var(--grey);
}
.div-grid .content:nth-child(even) .product-number {
  background-color: var(--color-lighter);
}
.div-grid .content {
  width: 670px;
  display: grid;
  position: relative;
}
@media screen and (max-width: 950px) {
  .div-grid .content {
    width: 100vw;
  }
}
.div-grid .content div {
  display: grid;
  font-size: small;
  align-content: center;
}
.div-grid .content .product-name {
  grid-area: 0.25;
  width: 180px;
  padding: 16px 16px 6px 16px;
}
@media screen and (max-width: 950px) {
  .div-grid .content .product-name {
    grid-area: 0.1666666667;
    margin-bottom: 6px;
    width: auto;
  }
}
.div-grid .content .product-number {
  grid-area: 0.3333333333;
  margin: 0px 16px 6px 16px;
}
@media screen and (max-width: 950px) {
  .div-grid .content .product-number {
    grid-area: 0.3333333333;
  }
}
.div-grid .content .product-type {
  grid-area: 0.375;
  padding: 0px 16px 16px 16px;
}
@media screen and (max-width: 950px) {
  .div-grid .content .product-type {
    grid-area: 0.375;
  }
}
.div-grid .content .schools-col {
  text-align: center;
  padding: 16px;
  width: 150px;
  grid-area: 0.0416666667;
}
.div-grid .content .price-col {
  padding: 16px;
  width: 90px;
  grid-area: 0.0208333333;
}
.div-grid .content .tva-col {
  padding: 16px;
  width: 30px;
  grid-area: 0.0125;
}
.div-grid .content .total-col {
  padding: 16px;
  width: 90px;
  grid-area: 0.0083333333;
}
@media screen and (max-width: 950px) {
  .div-grid .content .total-col {
    grid-area: 0.0833333333;
    width: auto;
  }
}
.div-grid .content .cross {
  display: flex;
  justify-content: center;
}
.div-grid .content .cross:after, .div-grid .content .cross:before {
  margin-left: 0px;
}
.div-grid .content .cancel {
  position: absolute;
  top: 0;
  right: 0;
}
.div-grid .content .product-number {
  padding: 2px 4px;
  width: max-content;
}
@media screen and (max-width: 950px) {
  .div-grid .content .product-number {
    background-color: var(--color-darker) !important;
    color: var(--color-primary) !important;
    height: fit-content;
  }
}
.div-grid .content .tva-col {
  align-content: center;
}
@media screen and (max-width: 950px) {
  .div-grid .content .tva-col {
    display: none;
  }
}
.div-grid .content .tva-col p {
  text-align: center;
}
@media screen and (max-width: 950px) {
  .div-grid .content .schools-col {
    display: none;
  }
}
.div-grid .content .schools-col .schools-select {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.div-grid .content .schools-col .schools-select .cancel {
  margin-left: 4px;
}
.div-grid .content .schools-col .add-campus {
  font-size: 12px;
  margin-right: 20px;
  color: var(--color-primary);
  text-decoration: none;
}
.div-grid .content select {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: none;
  border: solid 1px lightgray;
  width: 124px;
}
.div-grid .content .price-col {
  padding-top: 0px;
  align-content: center;
}
@media screen and (max-width: 950px) {
  .div-grid .content .price-col {
    display: none;
  }
}
.div-grid .content .price-col p {
  text-align: center;
}
.div-grid .content .price-col .price {
  margin-bottom: 0px;
  align-items: flex-end;
}
.div-grid .content .price-col .check {
  margin: 6px 0px 0px 0px;
  display: flex;
}
@media screen and (max-width: 950px) {
  .div-grid .content .price-col .check {
    margin-right: 20px;
  }
}
.div-grid .content .price-col .check .checkbox {
  cursor: auto;
}
.div-grid .content .price-col .check .checkmark {
  cursor: pointer;
}
.div-grid .content .price-col .check p {
  font-size: smaller;
  margin-left: 0px;
  text-align: left;
  font-size: 9px;
  margin-bottom: 0px;
  margin-top: 0px;
}
@media screen and (max-width: 950px) {
  .div-grid .content .copy-col {
    display: none;
  }
}
.div-grid .content .total-col {
  position: relative;
  height: 100%;
  padding: 0;
}
.div-grid .content .total-col a {
  position: absolute;
  top: 0;
  right: 0;
}
.div-grid .content .total-col p {
  text-align: center;
}
@media screen and (max-width: 950px) {
  .div-grid .content .total-col p {
    text-align: right;
  }
}
.div-grid .content .total-col .check {
  display: none;
}
@media screen and (max-width: 950px) {
  .div-grid .content .total-col .check {
    display: flex;
    justify-content: flex-end;
    margin-right: 36px;
  }
}
@media screen and (max-width: 500px) {
  .div-grid .content .total-col .check {
    margin-right: 24px;
  }
}
@media screen and (max-width: 950px) {
  .div-grid .content .total-col .check .checkbox {
    margin-left: 8px;
  }
}
@media screen and (max-width: 950px) {
  .div-grid .content .total-col .price-final {
    font-weight: 500;
    text-align: right;
    margin-right: 42px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 500px) {
  .div-grid .content .total-col .price-final {
    margin-right: 30px;
  }
}
.div-grid .content .total-col #copies {
  width: 36px;
  padding-right: 0px;
}
@media screen and (max-width: 950px) {
  .div-grid .content .total-col #copies {
    margin-top: 18px;
    display: block;
    margin-right: 42px;
  }
}
@media screen and (max-width: 500px) {
  .div-grid .content .total-col #copies {
    margin-right: 30px;
  }
}
.div-grid .content .total-col .copies {
  display: none;
}
@media screen and (max-width: 950px) {
  .div-grid .content .total-col .copies {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-right: 36px;
  }
  .div-grid .content .total-col .copies p {
    align-self: flex-end;
    font-size: 12px;
    margin-right: 6px;
  }
}
@media screen and (max-width: 500px) {
  .div-grid .content .total-col .copies {
    margin-right: 24px;
  }
}
.cross {
  width: 18px;
  height: 18px;
  background-color: #DE5355;
}
.cross:after, .cross:before {
  position: absolute;
  content: " ";
  height: 12px;
  width: 2px;
  background-color: #fff;
  margin-top: 3px;
  margin-left: -1px;
}
.cross:before {
  transform: rotate(45deg);
}
.cross:after {
  transform: rotate(-45deg);
}
.selection-container .menu-mobile, .cart-container .menu-mobile {
  display: none;
}
@media screen and (max-width: 950px) {
  .selection-container .menu-mobile, .cart-container .menu-mobile {
    background-color: var(--color-lighter);
    display: block;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: none;
    border: solid 4px var(--color-darker);
    text-align: center;
    padding: 0px 18px;
    position: fixed;
    bottom: -6px;
    left: -10px;
    right: -10px;
  }
}
.selection-container .menu-mobile p, .cart-container .menu-mobile p {
  margin-bottom: 12px;
}
@media screen and (max-width: 950px) {
  .selection-container .menu-mobile button, .selection-container .menu-mobile .widget-menu-button, .selection-container .menu-mobile html .widget-actionbutton, html .selection-container .menu-mobile .widget-actionbutton, .selection-container .menu-mobile html .widget-button, html .selection-container .menu-mobile .widget-button, .selection-container .menu-mobile html .widget-submitbutton, html .selection-container .menu-mobile .widget-submitbutton, .selection-container .menu-mobile html .widget-filepicker-add, html .selection-container .menu-mobile .widget-filepicker-add, .selection-container .menu-mobile html input[type="submit"], html .selection-container .menu-mobile input[type="submit"], .selection-container .menu-mobile html input::file-selector-button, html .selection-container .menu-mobile input::file-selector-button, .cart-container .menu-mobile button, .cart-container .menu-mobile .widget-menu-button, .cart-container .menu-mobile html .widget-actionbutton, html .cart-container .menu-mobile .widget-actionbutton, .cart-container .menu-mobile html .widget-button, html .cart-container .menu-mobile .widget-button, .cart-container .menu-mobile html .widget-submitbutton, html .cart-container .menu-mobile .widget-submitbutton, .cart-container .menu-mobile html .widget-filepicker-add, html .cart-container .menu-mobile .widget-filepicker-add, .cart-container .menu-mobile html input[type="submit"], html .cart-container .menu-mobile input[type="submit"], .cart-container .menu-mobile html input::file-selector-button, html .cart-container .menu-mobile input::file-selector-button {
    font-size: 14px;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    margin-bottom: 18px;
    margin: 0px 0px 12px 0px;
    padding: 12px 16px;
  }
}
@media screen and (max-width: 950px) {
  .selection-container .menu-mobile .selection-content, .cart-container .menu-mobile .selection-content {
    padding: 12px 24px 16px 24px;
    display: flex;
    margin-bottom: 16px;
  }
  .selection-container .menu-mobile .selection-content p, .cart-container .menu-mobile .selection-content p {
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 12px;
  }
  .selection-container .menu-mobile .selection-content .content-right, .cart-container .menu-mobile .selection-content .content-right {
    display: block;
    margin: 0px 12px 0px 16px;
  }
  .selection-container .menu-mobile .selection-content .primary, .cart-container .menu-mobile .selection-content .primary {
    padding: 12px 30px;
  }
  .selection-container .menu-mobile .selection-content .check, .cart-container .menu-mobile .selection-content .check {
    align-items: center;
    margin-right: 12px;
  }
  .selection-container .menu-mobile .selection-content .check .checkbox input:checked ~ .checkmark, .cart-container .menu-mobile .selection-content .check .checkbox input:checked ~ .checkmark {
    background-color: var(--color-dark);
  }
  .selection-container .menu-mobile .selection-content .check .checkmark, .cart-container .menu-mobile .selection-content .check .checkmark {
    border-color: var(--color-dark);
  }
  .selection-container .menu-mobile .selection-content select, .cart-container .menu-mobile .selection-content select {
    height: 24px;
    margin-right: 12px;
    margin-top: 12px;
  }
  .selection-container .menu-mobile .selection-content .select-field, .cart-container .menu-mobile .selection-content .select-field {
    max-width: 150px;
    padding: 4px;
  }
  .selection-container .menu-mobile .selection-content .my-selection, .cart-container .menu-mobile .selection-content .my-selection {
    margin-top: 4px;
    display: flex;
    align-items: center;
  }
  .selection-container .menu-mobile .selection-content .my-selection p, .cart-container .menu-mobile .selection-content .my-selection p {
    margin: 0px;
    display: flex;
    align-items: center;
  }
  .selection-container .menu-mobile .selection-content a, .cart-container .menu-mobile .selection-content a {
    text-decoration: none;
    color: var(--color-primary);
    font-size: 16px;
  }
  .selection-container .menu-mobile .selection-content a:hover, .cart-container .menu-mobile .selection-content a:hover {
    text-decoration: underline;
  }
}
.selection-container .menu-mobile .btn, .cart-container .menu-mobile .btn {
  background-color: var(--grey);
}
.selection-container .menu-mobile #selection-list, .cart-container .menu-mobile #selection-list {
  display: block;
  padding-top: 0px;
  margin-bottom: 0px;
}
.selection-container .menu-mobile #selection-list .content-right, .cart-container .menu-mobile #selection-list .content-right {
  margin-top: 8px;
  text-align: left;
}
.selection-container .menu-mobile #selection-list .content-right a, .cart-container .menu-mobile #selection-list .content-right a {
  margin-left: 38px;
}
@media screen and (max-width: 500px) {
  .selection-container .menu-mobile #selection-list, .cart-container .menu-mobile #selection-list {
    bottom: 0;
  }
}
.selection-container .cart-menu-mobile, .cart-container .cart-menu-mobile {
  display: none;
}
@media screen and (max-width: 950px) {
  .selection-container .cart-menu-mobile, .cart-container .cart-menu-mobile {
    display: block;
    background-color: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: none;
    border: solid 4px var(--color-darker);
    text-align: center;
    padding: 0px 18px;
    position: fixed;
    bottom: -6px;
    left: -10px;
    right: -10px;
    z-index: 2;
  }
  .selection-container .cart-menu-mobile p, .cart-container .cart-menu-mobile p {
    font-size: 14px;
    text-align: left;
    margin: 12px 12px 12px 12px;
  }
  .selection-container .cart-menu-mobile .primary, .selection-container .cart-menu-mobile .btn, .selection-container .cart-menu-mobile .light-primary, .cart-container .cart-menu-mobile .primary, .cart-container .cart-menu-mobile .btn, .cart-container .cart-menu-mobile .light-primary {
    width: calc(100% - 24px);
    margin: 0px 12px 12px 12px;
  }
  .selection-container .cart-menu-mobile .total-price, .cart-container .cart-menu-mobile .total-price {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
  }
  .selection-container .cart-menu-mobile .total-price p, .cart-container .cart-menu-mobile .total-price p {
    margin: 6px 12px;
  }
  .selection-container .cart-menu-mobile .my-selection, .cart-container .cart-menu-mobile .my-selection {
    display: flex;
    text-align: left;
  }
  .selection-container .cart-menu-mobile .light-primary, .cart-container .cart-menu-mobile .light-primary {
    background-color: var(--color-lightprimary);
  }
  .selection-container .cart-menu-mobile #cb, .cart-container .cart-menu-mobile #cb {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .selection-container .cart-menu-mobile #cb:after, .cart-container .cart-menu-mobile #cb:after {
    font-family: "CCMP";
    content: "";
    font-size: 30px;
    align-self: center;
    margin-left: 8px;
    font-weight: 500;
  }
  .selection-container .cart-menu-mobile #send:after, .cart-container .cart-menu-mobile #send:after {
    font-family: "CCMP";
    content: "";
    font-size: 30px;
    align-self: center;
    margin-left: 8px;
    font-weight: 500;
  }
  .selection-container .cart-menu-mobile #voucher, .cart-container .cart-menu-mobile #voucher {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .selection-container .cart-menu-mobile #voucher:after, .cart-container .cart-menu-mobile #voucher:after {
    font-family: "CCMP";
    content: "";
    font-size: 30px;
    align-self: center;
    margin-left: 8px;
    font-weight: 500;
  }
  .selection-container .cart-menu-mobile select, .cart-container .cart-menu-mobile select {
    width: 160px;
    height: 24px;
    margin: 0px 0px 24px 0px;
  }
}
.account-form-container {
  max-width: var(--content-width);
  width: 100%;
  min-height: 400px;
}
@media screen and (max-width: 950px) {
  .account-form-container {
    overflow: hidden;
  }
}
@media screen and (max-width: 950px) {
  .account-form-container .index {
    margin: 0 12px;
  }
}
.account-form-container .form {
  background-color: var(--color-lighter);
  padding: 12px;
  margin: 46px 0 40px 0;
}
@media screen and (max-width: 950px) {
  .account-form-container .form {
    width: calc(100% - 24px);
  }
}
.account-form-container .form h1 {
  border-bottom: solid 8px var(--color-primary);
  font-weight: 500;
}
.account-form-container .form h2 {
  margin: 40px 0px 30px 40px;
}
@media screen and (max-width: 950px) {
  .account-form-container .form h2 {
    margin: 40px 0px 30px 12px;
  }
}
.account-form-container .form button, .account-form-container .form .widget-menu-button, .account-form-container .form html .widget-actionbutton, html .account-form-container .form .widget-actionbutton, .account-form-container .form html .widget-button, html .account-form-container .form .widget-button, .account-form-container .form html .widget-submitbutton, html .account-form-container .form .widget-submitbutton, .account-form-container .form html .widget-filepicker-add, html .account-form-container .form .widget-filepicker-add, .account-form-container .form html input[type="submit"], html .account-form-container .form input[type="submit"], .account-form-container .form html input::file-selector-button, html .account-form-container .form input::file-selector-button {
  height: 20px;
  display: flex;
  align-items: center;
  margin-left: 0px;
}
.account-form-container .form .custom-select {
  margin: 0px;
  margin-right: 20px;
  width: 80px;
  justify-content: start;
}
.account-form-container .form .custom-select .select-box {
  width: 300px;
}
.account-form-container .form #select-role {
  width: 288px;
  margin-right: 14px;
}
@media screen and (max-width: 950px) {
  .account-form-container .form #select-role {
    width: 140px;
  }
}
.account-form-container .form #select-spec {
  width: 280px;
  margin-bottom: 20px;
}
.account-form-container .form #select-country {
  min-width: 200px;
  margin-right: 0px;
  align-items: inherit;
}
.account-form-container .form .name, .account-form-container .form .role, .account-form-container .form .phone, .account-form-container .form .check {
  display: flex;
  align-items: baseline;
}
.account-form-container .form .search {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.account-form-container .form p {
  font-size: 14px;
  font-style: italic;
}
@media screen and (max-width: 950px) {
  .account-form-container .form p {
    font-size: 12px;
  }
}
.account-form-container .form .ast {
  color: red;
  font-size: 14px;
  margin-left: 2px;
  margin-top: -3px;
}
.account-form-container .form .name input {
  width: 180px;
}
.account-form-container .form .names {
  margin-bottom: 20px;
  display: flex;
}
.account-form-container .form .names .first, .account-form-container .form .names .last {
  margin-right: 14px;
  display: flex;
}
.account-form-container .form .names .first input, .account-form-container .form .names .last input {
  margin: 0px;
}
@media screen and (max-width: 950px) {
  .account-form-container .form .names .first input, .account-form-container .form .names .last input {
    width: 100px;
  }
}
.account-form-container .form .mail, .account-form-container .form .pro, .account-form-container .form .copy-code, .account-form-container .form .shool-register {
  display: flex;
  margin-right: 14px;
}
.account-form-container .form .mail input, .account-form-container .form .pro input, .account-form-container .form .copy-code input, .account-form-container .form .shool-register input {
  margin-right: 0px;
}
.account-form-container .form input {
  width: 280px;
  height: 30px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 8px;
}
@media screen and (max-width: 950px) {
  .account-form-container .form input {
    width: 140px;
  }
}
.account-form-container .form input.error {
  border: 1px solid red;
}
.account-form-container .form .check-mail {
  margin-bottom: 20px;
}
.account-form-container .form .check-mail .check {
  align-items: center;
  margin-left: 0px;
}
.account-form-container .form .check-mail .check .checkbox {
  margin-right: 10px;
}
.account-form-container .form .check-mail .check p {
  font-style: normal;
}
.account-form-container .form .security {
  display: flex;
  align-items: center;
  margin: 20px 0px 50px 0px;
}
.account-form-container .form .security .code {
  background-image: url("../../../assets/styles/images/captcha.png");
  background-size: contain;
  width: 136px;
  height: 80px;
}
.account-form-container .form .security .copy-code input {
  width: 180px;
  margin-bottom: 0px;
  margin-left: 30px;
}
.account-form-container .form .confirm {
  display: flex;
}
.account-form-container .form .register-school input {
  margin-right: 0px;
}
.account-form-container .form .register-school .name, .account-form-container .form .register-school .dept, .account-form-container .form .register-school .website, .account-form-container .form .register-school .phone, .account-form-container .form .register-school .street {
  display: flex;
  align-items: flex-start;
}
.account-form-container .form .register-school select {
  width: 200px;
}
.account-form-container .form .register-school .adress {
  display: flex;
}
.account-form-container .form .register-school .adress div {
  margin-right: 12px;
  display: flex;
}
.account-form-container .form .register-school .adress input {
  width: 150px;
}
@media screen and (max-width: 950px) {
  .account-form-container .form .register-school .adress input {
    width: 100px;
  }
}
@media screen and (max-width: 950px) {
  .article-container .index, .account-form-container .index, .container.articles .index {
    margin: 0px 12px;
  }
}
.article-container .left, .account-form-container .left, .container.articles .left {
  display: block;
  width: 700px;
  margin: 24px 0 0 0;
}
@media screen and (max-width: 950px) {
  .article-container .left, .account-form-container .left, .container.articles .left {
    width: 100%;
  }
}
.article-container .left a, .account-form-container .left a, .container.articles .left a {
  color: var(--color-primary);
  text-decoration: none;
}
.article-container .left .title, .account-form-container .left .title, .container.articles .left .title {
  margin-top: 30px;
  margin-bottom: 30px;
  color: var(--color-primary);
  background-color: var(--color-darker);
  padding: 8px 12px;
  width: fit-content;
}
@media screen and (max-width: 950px) {
  .article-container .left .title, .account-form-container .left .title, .container.articles .left .title {
    margin-left: 12px;
  }
}
.article-container .left .title p, .account-form-container .left .title p, .container.articles .left .title p {
  margin: 0px;
}
.article-container .left .article-header, .article-container .left .subscribing, .article-container .left .standard, .article-container .left .iframe, .article-container .left .download-area, .article-container .left .text-image, .account-form-container .left .article-header, .account-form-container .left .subscribing, .account-form-container .left .standard, .account-form-container .left .iframe, .account-form-container .left .download-area, .account-form-container .left .text-image, .container.articles .left .article-header, .container.articles .left .subscribing, .container.articles .left .standard, .container.articles .left .iframe, .container.articles .left .download-area, .container.articles .left .text-image {
  background-color: var(--color-lighter);
  border-top: 1px solid var(--color-lighter);
}
@media (prefers-color-scheme: dark) {
  .article-container .left .article-header, .article-container .left .subscribing, .article-container .left .standard, .article-container .left .iframe, .article-container .left .download-area, .article-container .left .text-image, .account-form-container .left .article-header, .account-form-container .left .subscribing, .account-form-container .left .standard, .account-form-container .left .iframe, .account-form-container .left .download-area, .account-form-container .left .text-image, .container.articles .left .article-header, .container.articles .left .subscribing, .container.articles .left .standard, .container.articles .left .iframe, .container.articles .left .download-area, .container.articles .left .text-image {
    background-color: var(--color-dark);
    border-top: 1px solid var(--color-dark);
  }
}
.article-container .left .article-header h1, .article-container .left .subscribing h1, .article-container .left .standard h1, .article-container .left .iframe h1, .article-container .left .download-area h1, .article-container .left .text-image h1, .account-form-container .left .article-header h1, .account-form-container .left .subscribing h1, .account-form-container .left .standard h1, .account-form-container .left .iframe h1, .account-form-container .left .download-area h1, .account-form-container .left .text-image h1, .container.articles .left .article-header h1, .container.articles .left .subscribing h1, .container.articles .left .standard h1, .container.articles .left .iframe h1, .container.articles .left .download-area h1, .container.articles .left .text-image h1 {
  border-bottom: 8px solid var(--color-primary);
  padding: 12px 6px 6px 12px;
  margin: 0 0 20px 0;
  font-weight: 500;
}
.article-container .left .article-header h2, .article-container .left .subscribing h2, .article-container .left .standard h2, .article-container .left .iframe h2, .article-container .left .download-area h2, .article-container .left .text-image h2, .account-form-container .left .article-header h2, .account-form-container .left .subscribing h2, .account-form-container .left .standard h2, .account-form-container .left .iframe h2, .account-form-container .left .download-area h2, .account-form-container .left .text-image h2, .container.articles .left .article-header h2, .container.articles .left .subscribing h2, .container.articles .left .standard h2, .container.articles .left .iframe h2, .container.articles .left .download-area h2, .container.articles .left .text-image h2 {
  color: var(--color-primary);
  margin: 45px 30px 15px 30px;
  font-weight: 500;
  font-size: 30px;
}
.article-container .left .article-header p, .article-container .left .subscribing p, .article-container .left .standard p, .article-container .left .iframe p, .article-container .left .download-area p, .article-container .left .text-image p, .account-form-container .left .article-header p, .account-form-container .left .subscribing p, .account-form-container .left .standard p, .account-form-container .left .iframe p, .account-form-container .left .download-area p, .account-form-container .left .text-image p, .container.articles .left .article-header p, .container.articles .left .subscribing p, .container.articles .left .standard p, .container.articles .left .iframe p, .container.articles .left .download-area p, .container.articles .left .text-image p {
  padding: 0;
  margin: 10px 30px 20px 30px;
}
.article-container .left .standard, .article-container .left .iframe, .article-container .left .text-image, .account-form-container .left .standard, .account-form-container .left .iframe, .account-form-container .left .text-image, .container.articles .left .standard, .container.articles .left .iframe, .container.articles .left .text-image {
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.article-container .left .standard h3, .article-container .left .iframe h3, .article-container .left .text-image h3, .account-form-container .left .standard h3, .account-form-container .left .iframe h3, .account-form-container .left .text-image h3, .container.articles .left .standard h3, .container.articles .left .iframe h3, .container.articles .left .text-image h3 {
  margin: 40px 30px 10px 30px;
}
.article-container .left .standard .squared, .article-container .left .iframe .squared, .article-container .left .text-image .squared, .account-form-container .left .standard .squared, .account-form-container .left .iframe .squared, .account-form-container .left .text-image .squared, .container.articles .left .standard .squared, .container.articles .left .iframe .squared, .container.articles .left .text-image .squared {
  border: solid 0.5px var(--color-primary);
  margin: 0px 20px;
  padding: 0px 12px;
}
.article-container .left .standard .squared h3, .article-container .left .iframe .squared h3, .article-container .left .text-image .squared h3, .account-form-container .left .standard .squared h3, .account-form-container .left .iframe .squared h3, .account-form-container .left .text-image .squared h3, .container.articles .left .standard .squared h3, .container.articles .left .iframe .squared h3, .container.articles .left .text-image .squared h3 {
  margin-left: 12px;
}
.article-container .left .standard ul, .article-container .left .standard ol, .article-container .left .iframe ul, .article-container .left .iframe ol, .article-container .left .text-image ul, .article-container .left .text-image ol, .account-form-container .left .standard ul, .account-form-container .left .standard ol, .account-form-container .left .iframe ul, .account-form-container .left .iframe ol, .account-form-container .left .text-image ul, .account-form-container .left .text-image ol, .container.articles .left .standard ul, .container.articles .left .standard ol, .container.articles .left .iframe ul, .container.articles .left .iframe ol, .container.articles .left .text-image ul, .container.articles .left .text-image ol {
  padding: 0;
  margin: 16px 30px 16px 60px;
}
.article-container .left .standard ul > li, .article-container .left .iframe ul > li, .article-container .left .text-image ul > li, .account-form-container .left .standard ul > li, .account-form-container .left .iframe ul > li, .account-form-container .left .text-image ul > li, .container.articles .left .standard ul > li, .container.articles .left .iframe ul > li, .container.articles .left .text-image ul > li {
  list-style-type: disc;
  margin: 0.75em 0;
}
.article-container .left .standard ol > li, .article-container .left .iframe ol > li, .article-container .left .text-image ol > li, .account-form-container .left .standard ol > li, .account-form-container .left .iframe ol > li, .account-form-container .left .text-image ol > li, .container.articles .left .standard ol > li, .container.articles .left .iframe ol > li, .container.articles .left .text-image ol > li {
  list-style-type: decimal;
  margin: 0.75em 0;
}
.article-container .left .standard .image, .article-container .left .iframe .image, .article-container .left .text-image .image, .account-form-container .left .standard .image, .account-form-container .left .iframe .image, .account-form-container .left .text-image .image, .container.articles .left .standard .image, .container.articles .left .iframe .image, .container.articles .left .text-image .image {
  height: 200px;
  background-color: var(--grey);
  margin: 0px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-container .left .standard .video, .article-container .left .iframe .video, .article-container .left .text-image .video, .account-form-container .left .standard .video, .account-form-container .left .iframe .video, .account-form-container .left .text-image .video, .container.articles .left .standard .video, .container.articles .left .iframe .video, .container.articles .left .text-image .video {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 12px;
}
.article-container .left .standard .video iframe, .article-container .left .iframe .video iframe, .article-container .left .text-image .video iframe, .account-form-container .left .standard .video iframe, .account-form-container .left .iframe .video iframe, .account-form-container .left .text-image .video iframe, .container.articles .left .standard .video iframe, .container.articles .left .iframe .video iframe, .container.articles .left .text-image .video iframe {
  width: 426px;
  height: 240px;
}
.article-container .left .download-area .content, .account-form-container .left .download-area .content, .container.articles .left .download-area .content {
  display: flex;
}
@media screen and (max-width: 950px) {
  .article-container .left .download-area .content, .account-form-container .left .download-area .content, .container.articles .left .download-area .content {
    display: block;
    padding-bottom: 12px;
  }
}
.article-container .left .download-area .content p, .account-form-container .left .download-area .content p, .container.articles .left .download-area .content p {
  max-width: 400px;
}
.article-container .left .download-area .download-square, .account-form-container .left .download-area .download-square, .container.articles .left .download-area .download-square {
  border: solid 0.5px var(--color-primary);
  width: 300px;
  height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 24px 12px;
}
@media screen and (max-width: 950px) {
  .article-container .left .download-area .download-square, .account-form-container .left .download-area .download-square, .container.articles .left .download-area .download-square {
    margin: 24px auto;
  }
}
.article-container .left .download-area .download-square .primary, .account-form-container .left .download-area .download-square .primary, .container.articles .left .download-area .download-square .primary {
  width: 220px;
  margin: 12px;
}
@media screen and (max-width: 950px) {
  .article-container .left .download-area .download-square .primary, .account-form-container .left .download-area .download-square .primary, .container.articles .left .download-area .download-square .primary {
    margin: 12px auto;
  }
}
.article-container .left .text-image .content, .account-form-container .left .text-image .content, .container.articles .left .text-image .content {
  display: flex;
}
@media screen and (max-width: 950px) {
  .article-container .left .text-image .content, .account-form-container .left .text-image .content, .container.articles .left .text-image .content {
    display: block;
  }
}
.article-container .left .text-image .content p, .account-form-container .left .text-image .content p, .container.articles .left .text-image .content p {
  margin-top: 0px;
  max-width: 340px;
}
.article-container .left .text-image .content .image, .account-form-container .left .text-image .content .image, .container.articles .left .text-image .content .image {
  width: 400px;
}
@media screen and (max-width: 950px) {
  .article-container .left .text-image .content .image, .account-form-container .left .text-image .content .image, .container.articles .left .text-image .content .image {
    width: 300px;
    margin: 24px auto;
  }
}
.article-container .left .prices .price-tables, .account-form-container .left .prices .price-tables, .container.articles .left .prices .price-tables {
  display: flex;
  justify-content: space-between;
}
.article-container .left .prices .price-tables .prices-campus, .article-container .left .prices .price-tables .prices-copy, .account-form-container .left .prices .price-tables .prices-campus, .account-form-container .left .prices .price-tables .prices-copy, .container.articles .left .prices .price-tables .prices-campus, .container.articles .left .prices .price-tables .prices-copy {
  width: calc(100% - 52%);
}
.article-container .left .prices .price-tables .prices-campus .head, .article-container .left .prices .price-tables .prices-copy .head, .account-form-container .left .prices .price-tables .prices-campus .head, .account-form-container .left .prices .price-tables .prices-copy .head, .container.articles .left .prices .price-tables .prices-campus .head, .container.articles .left .prices .price-tables .prices-copy .head {
  background-color: var(--color-lighter);
  text-align: center;
  padding: 6px 0px 0px;
}
.article-container .left .prices .price-tables .prices-campus .head .campus-title, .article-container .left .prices .price-tables .prices-campus .head .copy-title, .article-container .left .prices .price-tables .prices-copy .head .campus-title, .article-container .left .prices .price-tables .prices-copy .head .copy-title, .account-form-container .left .prices .price-tables .prices-campus .head .campus-title, .account-form-container .left .prices .price-tables .prices-campus .head .copy-title, .account-form-container .left .prices .price-tables .prices-copy .head .campus-title, .account-form-container .left .prices .price-tables .prices-copy .head .copy-title, .container.articles .left .prices .price-tables .prices-campus .head .campus-title, .container.articles .left .prices .price-tables .prices-campus .head .copy-title, .container.articles .left .prices .price-tables .prices-copy .head .campus-title, .container.articles .left .prices .price-tables .prices-copy .head .copy-title {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-container .left .prices .price-tables .prices-campus .head .campus-title:before, .article-container .left .prices .price-tables .prices-campus .head .copy-title:before, .article-container .left .prices .price-tables .prices-copy .head .campus-title:before, .article-container .left .prices .price-tables .prices-copy .head .copy-title:before, .account-form-container .left .prices .price-tables .prices-campus .head .campus-title:before, .account-form-container .left .prices .price-tables .prices-campus .head .copy-title:before, .account-form-container .left .prices .price-tables .prices-copy .head .campus-title:before, .account-form-container .left .prices .price-tables .prices-copy .head .copy-title:before, .container.articles .left .prices .price-tables .prices-campus .head .campus-title:before, .container.articles .left .prices .price-tables .prices-campus .head .copy-title:before, .container.articles .left .prices .price-tables .prices-copy .head .campus-title:before, .container.articles .left .prices .price-tables .prices-copy .head .copy-title:before {
  font-family: "CCMP";
  content: "";
  font-size: 36px;
  align-self: flex-end;
  margin-right: 8px;
}
.article-container .left .prices .price-tables .prices-campus .head .campus-title p, .article-container .left .prices .price-tables .prices-campus .head .copy-title p, .article-container .left .prices .price-tables .prices-copy .head .campus-title p, .article-container .left .prices .price-tables .prices-copy .head .copy-title p, .account-form-container .left .prices .price-tables .prices-campus .head .campus-title p, .account-form-container .left .prices .price-tables .prices-campus .head .copy-title p, .account-form-container .left .prices .price-tables .prices-copy .head .campus-title p, .account-form-container .left .prices .price-tables .prices-copy .head .copy-title p, .container.articles .left .prices .price-tables .prices-campus .head .campus-title p, .container.articles .left .prices .price-tables .prices-campus .head .copy-title p, .container.articles .left .prices .price-tables .prices-copy .head .campus-title p, .container.articles .left .prices .price-tables .prices-copy .head .copy-title p {
  font-size: 14px;
  margin: 4px 0px 0px 0px;
}
.article-container .left .prices .price-tables .prices-campus .head .copy-title:before, .article-container .left .prices .price-tables .prices-copy .head .copy-title:before, .account-form-container .left .prices .price-tables .prices-campus .head .copy-title:before, .account-form-container .left .prices .price-tables .prices-copy .head .copy-title:before, .container.articles .left .prices .price-tables .prices-campus .head .copy-title:before, .container.articles .left .prices .price-tables .prices-copy .head .copy-title:before {
  content: "";
}
.article-container .left .prices .price-tables .prices-campus .head p, .article-container .left .prices .price-tables .prices-copy .head p, .account-form-container .left .prices .price-tables .prices-campus .head p, .account-form-container .left .prices .price-tables .prices-copy .head p, .container.articles .left .prices .price-tables .prices-campus .head p, .container.articles .left .prices .price-tables .prices-copy .head p {
  font-size: 10px;
  margin-bottom: 0px;
}
.article-container .left .prices .price-tables .prices-campus .table, .article-container .left .prices .price-tables .prices-copy .table, .account-form-container .left .prices .price-tables .prices-campus .table, .account-form-container .left .prices .price-tables .prices-copy .table, .container.articles .left .prices .price-tables .prices-campus .table, .container.articles .left .prices .price-tables .prices-copy .table {
  margin-top: 0px;
  padding-top: 24px;
  background-color: var(--color-lighter);
}
.article-container .left .prices .price-tables .prices-campus .table .row, .article-container .left .prices .price-tables .prices-copy .table .row, .account-form-container .left .prices .price-tables .prices-campus .table .row, .account-form-container .left .prices .price-tables .prices-copy .table .row, .container.articles .left .prices .price-tables .prices-campus .table .row, .container.articles .left .prices .price-tables .prices-copy .table .row {
  display: flex;
  justify-content: space-around;
  height: 62px;
  background-color: var(--color-lighter);
}
.article-container .left .prices .price-tables .prices-campus .table .row:first-of-type, .article-container .left .prices .price-tables .prices-copy .table .row:first-of-type, .account-form-container .left .prices .price-tables .prices-campus .table .row:first-of-type, .account-form-container .left .prices .price-tables .prices-copy .table .row:first-of-type, .container.articles .left .prices .price-tables .prices-campus .table .row:first-of-type, .container.articles .left .prices .price-tables .prices-copy .table .row:first-of-type {
  height: 40px;
}
.article-container .left .prices .price-tables .prices-campus .table .row:last-of-type, .article-container .left .prices .price-tables .prices-copy .table .row:last-of-type, .account-form-container .left .prices .price-tables .prices-campus .table .row:last-of-type, .account-form-container .left .prices .price-tables .prices-copy .table .row:last-of-type, .container.articles .left .prices .price-tables .prices-campus .table .row:last-of-type, .container.articles .left .prices .price-tables .prices-copy .table .row:last-of-type {
  border-bottom: solid 0.5px var(--color-darker);
}
.article-container .left .prices .price-tables .prices-campus .table .row .type, .article-container .left .prices .price-tables .prices-copy .table .row .type, .account-form-container .left .prices .price-tables .prices-campus .table .row .type, .account-form-container .left .prices .price-tables .prices-copy .table .row .type, .container.articles .left .prices .price-tables .prices-campus .table .row .type, .container.articles .left .prices .price-tables .prices-copy .table .row .type {
  position: absolute;
  font-size: 10px;
  color: var(--color-lighter);
  background-color: var(--color-darker);
  padding: 0px 4px;
  margin: 0;
}
.article-container .left .prices .price-tables .prices-campus .table .row .sub, .article-container .left .prices .price-tables .prices-campus .table .row .non-sub, .article-container .left .prices .price-tables .prices-copy .table .row .sub, .article-container .left .prices .price-tables .prices-copy .table .row .non-sub, .account-form-container .left .prices .price-tables .prices-campus .table .row .sub, .account-form-container .left .prices .price-tables .prices-campus .table .row .non-sub, .account-form-container .left .prices .price-tables .prices-copy .table .row .sub, .account-form-container .left .prices .price-tables .prices-copy .table .row .non-sub, .container.articles .left .prices .price-tables .prices-campus .table .row .sub, .container.articles .left .prices .price-tables .prices-campus .table .row .non-sub, .container.articles .left .prices .price-tables .prices-copy .table .row .sub, .container.articles .left .prices .price-tables .prices-copy .table .row .non-sub {
  border: solid 0.5px var(--color-darker);
  border-bottom: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.article-container .left .prices .price-tables .prices-campus .table .row .sub, .article-container .left .prices .price-tables .prices-copy .table .row .sub, .account-form-container .left .prices .price-tables .prices-campus .table .row .sub, .account-form-container .left .prices .price-tables .prices-copy .table .row .sub, .container.articles .left .prices .price-tables .prices-campus .table .row .sub, .container.articles .left .prices .price-tables .prices-copy .table .row .sub {
  border-left: none;
  border-right: none;
}
.article-container .left .prices .price-tables .prices-campus .table .row .sub:first-of-type, .article-container .left .prices .price-tables .prices-copy .table .row .sub:first-of-type, .account-form-container .left .prices .price-tables .prices-campus .table .row .sub:first-of-type, .account-form-container .left .prices .price-tables .prices-copy .table .row .sub:first-of-type, .container.articles .left .prices .price-tables .prices-campus .table .row .sub:first-of-type, .container.articles .left .prices .price-tables .prices-copy .table .row .sub:first-of-type {
  color: var(--color-primary);
  font-weight: bold;
}
.article-container .left .prices .price-tables .prices-campus .table .row .non-sub, .article-container .left .prices .price-tables .prices-copy .table .row .non-sub, .account-form-container .left .prices .price-tables .prices-campus .table .row .non-sub, .account-form-container .left .prices .price-tables .prices-copy .table .row .non-sub, .container.articles .left .prices .price-tables .prices-campus .table .row .non-sub, .container.articles .left .prices .price-tables .prices-copy .table .row .non-sub {
  border-right: none;
  background-color: var(--grey);
}
.article-container .left .prices .price-tables .prices-campus .collections, .article-container .left .prices .price-tables .prices-copy .collections, .account-form-container .left .prices .price-tables .prices-campus .collections, .account-form-container .left .prices .price-tables .prices-copy .collections, .container.articles .left .prices .price-tables .prices-campus .collections, .container.articles .left .prices .price-tables .prices-copy .collections {
  background-color: var(--color-lighter);
  padding: 6px 12px;
  margin: 0px;
}
.article-container .left .prices .price-tables .prices-campus .collections p, .article-container .left .prices .price-tables .prices-copy .collections p, .account-form-container .left .prices .price-tables .prices-campus .collections p, .account-form-container .left .prices .price-tables .prices-copy .collections p, .container.articles .left .prices .price-tables .prices-campus .collections p, .container.articles .left .prices .price-tables .prices-copy .collections p {
  font-size: 12px;
  margin: 4px 0px;
}
.article-container .left .precision, .account-form-container .left .precision, .container.articles .left .precision {
  font-size: 10px;
  margin-top: 6px;
  background-color: var(--color-light);
}
.article-container .left .subscribing, .account-form-container .left .subscribing, .container.articles .left .subscribing {
  background-color: var(--color-lighter);
  margin-bottom: 40px;
}
.article-container .left .subscribing h2, .account-form-container .left .subscribing h2, .container.articles .left .subscribing h2 {
  padding-top: 12px;
}
.article-container .left .subscribing .download-formular, .account-form-container .left .subscribing .download-formular, .container.articles .left .subscribing .download-formular {
  display: flex;
  justify-content: space-between;
  padding: 0px 12px;
}
@media screen and (max-width: 950px) {
  .article-container .left .subscribing .download-formular, .account-form-container .left .subscribing .download-formular, .container.articles .left .subscribing .download-formular {
    display: block;
  }
}
@media screen and (max-width: 950px) {
  .article-container .left .subscribing .download-formular .primary, .account-form-container .left .subscribing .download-formular .primary, .container.articles .left .subscribing .download-formular .primary {
    margin-left: 0px;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 950px) {
  .article-container .left .subscribing .download-formular .organism, .account-form-container .left .subscribing .download-formular .organism, .container.articles .left .subscribing .download-formular .organism {
    margin-bottom: 12px;
  }
}
.article-container .left .subscribing .download-formular .organism p, .account-form-container .left .subscribing .download-formular .organism p, .container.articles .left .subscribing .download-formular .organism p {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}
.article-container .left .subscribing .download-file, .account-form-container .left .subscribing .download-file, .container.articles .left .subscribing .download-file {
  display: flex;
  justify-content: space-between;
  padding: 40px 12px 12px 12px;
}
@media screen and (max-width: 950px) {
  .article-container .left .subscribing .download-file, .account-form-container .left .subscribing .download-file, .container.articles .left .subscribing .download-file {
    display: block;
  }
  .article-container .left .subscribing .download-file .primary, .account-form-container .left .subscribing .download-file .primary, .container.articles .left .subscribing .download-file .primary {
    margin-left: 0px;
  }
}
.article-container .left .subscribing .download-file p, .account-form-container .left .subscribing .download-file p, .container.articles .left .subscribing .download-file p {
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 12px 0px;
}
@media screen and (max-width: 950px) {
  .article-container .left .subscribing .download-file p, .account-form-container .left .subscribing .download-file p, .container.articles .left .subscribing .download-file p {
    margin-bottom: 0px;
  }
}
.article-container .left .subscribing .primary, .account-form-container .left .subscribing .primary, .container.articles .left .subscribing .primary {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  max-width: 200px;
}
.article-container .left .subscribing .precision, .account-form-container .left .subscribing .precision, .container.articles .left .subscribing .precision {
  background-color: var(--color-lighter);
}
.article-container .left ul, .article-container .left ol, .account-form-container .left ul, .account-form-container .left ol, .container.articles .left ul, .container.articles .left ol {
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 12px 0px;
}
.article-container .left .video-list, .account-form-container .left .video-list, .container.articles .left .video-list {
  background-color: var(--color-lighter);
}
.article-container .left .video-list .list, .account-form-container .left .video-list .list, .container.articles .left .video-list .list {
  margin: 0px;
  padding: 12px 12px 0px 12px;
}
.article-container .left .video-list .list h3, .account-form-container .left .video-list .list h3, .container.articles .left .video-list .list h3 {
  margin-top: 0px;
}
.article-container .left .video-list .list .block, .account-form-container .left .video-list .list .block, .container.articles .left .video-list .list .block {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 12px;
}
@media screen and (max-width: 950px) {
  .article-container .left .video-list .list .block, .account-form-container .left .video-list .list .block, .container.articles .left .video-list .list .block {
    display: block;
    margin-bottom: 30px;
  }
}
.article-container .left .video-list .list .block .thumbnail, .account-form-container .left .video-list .list .block .thumbnail, .container.articles .left .video-list .list .block .thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--grey);
  min-width: 200px;
  margin-right: 20px;
}
@media screen and (max-width: 950px) {
  .article-container .left .video-list .list .block .thumbnail, .account-form-container .left .video-list .list .block .thumbnail, .container.articles .left .video-list .list .block .thumbnail {
    min-height: 200px;
    margin-bottom: 6px;
  }
}
.article-container .left .video-list .list .block .text p, .account-form-container .left .video-list .list .block .text p, .container.articles .left .video-list .list .block .text p {
  margin-top: 0px;
}
.article-container .right, .account-form-container .right, .container.articles .right {
  margin: 24px 0 0 0;
}
.blackboard-container {
  max-width: var(--content-width);
  width: 100%;
  margin-top: -132px;
}
@media screen and (max-width: 950px) {
  .blackboard-container h1 {
    margin-left: 12px;
    margin-top: -12px;
  }
}
.blackboard-container .header, .blackboard-container html .ui-widget-header, html .blackboard-container .ui-widget-header, .blackboard-container html .slider.open .widget-dockable-header, html .slider.open .blackboard-container .widget-dockable-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 950px) {
  .blackboard-container .header, .blackboard-container html .ui-widget-header, html .blackboard-container .ui-widget-header, .blackboard-container html .slider.open .widget-dockable-header, html .slider.open .blackboard-container .widget-dockable-header {
    display: none;
  }
}
.blackboard-container .header input, .blackboard-container html .ui-widget-header input, html .blackboard-container .ui-widget-header input, .blackboard-container html .slider.open .widget-dockable-header input, html .slider.open .blackboard-container .widget-dockable-header input {
  width: 450px;
}
@media screen and (max-width: 950px) {
  .blackboard-container .header.bb-cart, .blackboard-container html .bb-cart.ui-widget-header, html .blackboard-container .bb-cart.ui-widget-header, .blackboard-container html .slider.open .bb-cart.widget-dockable-header, html .slider.open .blackboard-container .bb-cart.widget-dockable-header {
    display: block;
    margin-top: -30px;
  }
  .blackboard-container .header.bb-cart .cart-title, .blackboard-container html .bb-cart.ui-widget-header .cart-title, html .blackboard-container .bb-cart.ui-widget-header .cart-title, .blackboard-container html .slider.open .bb-cart.widget-dockable-header .cart-title, html .slider.open .blackboard-container .bb-cart.widget-dockable-header .cart-title {
    margin-left: 12px;
  }
}
.blackboard-container .header .search-area, .blackboard-container html .ui-widget-header .search-area, html .blackboard-container .ui-widget-header .search-area, .blackboard-container html .slider.open .widget-dockable-header .search-area, html .slider.open .blackboard-container .widget-dockable-header .search-area, .blackboard-container .header-mobile .search-area {
  display: flex;
  margin-top: 16px;
}
.blackboard-container .header .search-area .custom-select, .blackboard-container html .ui-widget-header .search-area .custom-select, html .blackboard-container .ui-widget-header .search-area .custom-select, .blackboard-container html .slider.open .widget-dockable-header .search-area .custom-select, html .slider.open .blackboard-container .widget-dockable-header .search-area .custom-select, .blackboard-container .header-mobile .search-area .custom-select {
  margin: 0px;
}
.blackboard-container .header .search-area .custom-select .select-box, .blackboard-container html .ui-widget-header .search-area .custom-select .select-box, html .blackboard-container .ui-widget-header .search-area .custom-select .select-box, .blackboard-container html .slider.open .widget-dockable-header .search-area .custom-select .select-box, html .slider.open .blackboard-container .widget-dockable-header .search-area .custom-select .select-box, .blackboard-container .header-mobile .search-area .custom-select .select-box {
  width: 80px;
  font-size: 18px;
}
.blackboard-container .header .search-area .custom-select .select-box .selected, .blackboard-container html .ui-widget-header .search-area .custom-select .select-box .selected, html .blackboard-container .ui-widget-header .search-area .custom-select .select-box .selected, .blackboard-container html .slider.open .widget-dockable-header .search-area .custom-select .select-box .selected, html .slider.open .blackboard-container .widget-dockable-header .search-area .custom-select .select-box .selected, .blackboard-container .header-mobile .search-area .custom-select .select-box .selected {
  border: none;
  background-color: var(--grey);
}
.blackboard-container .header .search-area input, .blackboard-container html .ui-widget-header .search-area input, html .blackboard-container .ui-widget-header .search-area input, .blackboard-container html .slider.open .widget-dockable-header .search-area input, html .slider.open .blackboard-container .widget-dockable-header .search-area input, .blackboard-container .header-mobile .search-area input {
  margin: 0px;
  padding-left: 12px;
  height: 34px;
  border: none;
  outline: none;
}
.blackboard-container .header .right, .blackboard-container html .ui-widget-header .right, html .blackboard-container .ui-widget-header .right, .blackboard-container html .slider.open .widget-dockable-header .right, html .slider.open .blackboard-container .widget-dockable-header .right, .blackboard-container .header-mobile .right {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 950px) {
  .blackboard-container .header .right, .blackboard-container html .ui-widget-header .right, html .blackboard-container .ui-widget-header .right, .blackboard-container html .slider.open .widget-dockable-header .right, html .slider.open .blackboard-container .widget-dockable-header .right, .blackboard-container .header-mobile .right {
    margin-left: 12px;
    margin-bottom: 30px;
  }
}
.blackboard-container .header .right .cart, .blackboard-container html .ui-widget-header .right .cart, html .blackboard-container .ui-widget-header .right .cart, .blackboard-container html .slider.open .widget-dockable-header .right .cart, html .slider.open .blackboard-container .widget-dockable-header .right .cart, .blackboard-container .header-mobile .right .cart {
  cursor: pointer;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 60px;
}
.blackboard-container .header .right .cart:before, .blackboard-container html .ui-widget-header .right .cart:before, html .blackboard-container .ui-widget-header .right .cart:before, .blackboard-container html .slider.open .widget-dockable-header .right .cart:before, html .slider.open .blackboard-container .widget-dockable-header .right .cart:before, .blackboard-container .header-mobile .right .cart:before {
  font-family: "CCMP";
  content: "";
  font-size: 48px;
  line-height: 48px;
}
.blackboard-container .header .right .cart a, .blackboard-container html .ui-widget-header .right .cart a, html .blackboard-container .ui-widget-header .right .cart a, .blackboard-container html .slider.open .widget-dockable-header .right .cart a, html .slider.open .blackboard-container .widget-dockable-header .right .cart a, .blackboard-container .header-mobile .right .cart a {
  text-decoration: none;
  color: var(--color-darker);
}
.blackboard-container .header .right img, .blackboard-container html .ui-widget-header .right img, html .blackboard-container .ui-widget-header .right img, .blackboard-container html .slider.open .widget-dockable-header .right img, html .slider.open .blackboard-container .widget-dockable-header .right img, .blackboard-container .header-mobile .right img {
  width: 116px;
  margin-top: 6px;
}
.blackboard-container .header .cart-title, .blackboard-container html .ui-widget-header .cart-title, html .blackboard-container .ui-widget-header .cart-title, .blackboard-container html .slider.open .widget-dockable-header .cart-title, html .slider.open .blackboard-container .widget-dockable-header .cart-title, .blackboard-container .header-mobile .cart-title {
  display: flex;
  align-items: center;
}
.blackboard-container .header .cart-title .title, .blackboard-container html .ui-widget-header .cart-title .title, html .blackboard-container .ui-widget-header .cart-title .title, .blackboard-container html .slider.open .widget-dockable-header .cart-title .title, html .slider.open .blackboard-container .widget-dockable-header .cart-title .title, .blackboard-container .header-mobile .cart-title .title {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 18px;
  color: var(--color-primary);
  background-color: var(--color-darker);
  padding: 8px 12px;
  width: fit-content;
}
.blackboard-container .header .cart-title p, .blackboard-container html .ui-widget-header .cart-title p, html .blackboard-container .ui-widget-header .cart-title p, .blackboard-container html .slider.open .widget-dockable-header .cart-title p, html .slider.open .blackboard-container .widget-dockable-header .cart-title p, .blackboard-container .header-mobile .cart-title p {
  margin-left: 20px;
}
.header-mobile {
  display: none;
}
@media screen and (max-width: 950px) {
  .header-mobile {
    display: block;
  }
  .header-mobile .search-area {
    margin: 12px;
  }
  .header-mobile .search-area input {
    width: 250px;
  }
}
@media screen and (max-width: 950px) {
  .cart-container.bb {
    display: block;
  }
  .cart-container.bb .row {
    min-height: 80px;
  }
  .cart-container.bb .bb-cart-info {
    opacity: 0;
    padding: 8px 8px 6px;
    background-color: #FCF9E4;
    position: absolute;
    width: 250px;
    font-size: 10px;
    margin-left: 40px;
    margin-top: 0px;
  }
}
.cart-container .table {
  width: inherit;
  margin-top: 0px;
}
.cart-container .table .info-button {
  display: flex;
  margin-right: 250px;
  font-weight: 400;
}
.cart-container .table .info-button:before {
  font-size: 70px;
  display: flex;
  position: inherit;
  transform: inherit;
  cursor: pointer;
}
.cart-container .table .info-button .bb-cart-info {
  opacity: 0;
  padding: 8px 8px 6px;
  background-color: #FCF9E4;
  position: absolute;
  width: 250px;
  font-size: 10px;
  margin-left: 60px;
  margin-top: 30px;
}
.cart-container .table .product-col {
  width: 400px;
}
.cart-container .table .product-col p {
  max-width: none;
}
.cart-container .table .info-col {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cart-container .table .cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.cart-container .table .schools-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cart-container .table .schools-col .cancel .cross {
  position: inherit;
}
.cart-container .table .schools-col .add-campus {
  margin-right: 0px;
}
.cart-container .table .schools-col .schools-select {
  margin-top: 12px;
}
.cart-container .table .schools-col .school {
  text-transform: uppercase;
  margin-top: 20px;
}
.cart-container .right {
  margin: 66px 0 0 30px;
}
.cart-container .right .primary.bb {
  margin-top: 0px;
}
.cart-container .right .add-more {
  margin: 30px 12px 12px 12px;
  font-size: 14px;
}
.cart-container .right.notice {
  margin-top: 46px;
}
.caroussel {
  max-height: 510px;
  aspect-ratio: 1.5;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.caroussel .image-placeholder {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 100%;
  width: 100%;
}
.caroussel .image-placeholder:first-child {
  margin-left: 0;
}
.caroussel .image-placeholder:last-child {
  margin-right: 0;
}
.caroussel .image-placeholder > a {
  height: 100%;
  width: 100%;
  max-width: unset;
  display: block;
  position: absolute;
  left: 100%;
  flex-shrink: 0;
  opacity: 0;
  transition: all 1s ease-in-out;
}
.caroussel .image-placeholder > a > img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.caroussel div.increment, .caroussel div.decrement {
  height: 24px;
  width: 24px;
  position: absolute;
  top: calc(50% - 12px);
  margin: 0 62px;
  opacity: 25%;
  cursor: pointer;
  transition: 0.4s;
}
.caroussel:hover div.increment, .caroussel:hover div.decrement {
  opacity: 50%;
}
.caroussel div.increment:hover, .caroussel div.decrement:hover {
  opacity: 75%;
}
.caroussel div.increment {
  right: 0;
  border: 12px solid var(--color-lighter);
  border-right: transparent;
  border-bottom: transparent;
  transform: rotate(135deg);
}
.caroussel div.decrement {
  left: 0;
  border: 12px solid var(--color-lighter);
  border-right: transparent;
  border-bottom: transparent;
  transform: rotate(-45deg);
}
.caroussel .image-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  position: absolute;
  bottom: 0;
}
.caroussel .image-indicator:first-child {
  margin-left: 0;
}
.caroussel .image-indicator:last-child {
  margin-right: 0;
}
.caroussel .image-indicator div {
  background-color: var(--color-light);
  margin: 8px;
  transition: all 1s ease-in-out;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border: 0px solid var(--color-light);
  border-radius: 100%;
}
.caroussel .image-indicator div.big {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 4px solid var(--color-light);
  background-color: transparent;
}
.categories {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  max-width: var(--content-width);
  margin: 64px auto;
  justify-content: space-around;
}
.categories .card {
  text-align: left;
  font-weight: bold;
  color: #999;
  flex-grow: 1;
  width: 200px;
  background-image: url("../images/ccmp-background.jpeg");
  background-size: cover;
  background-position: right bottom;
  text-decoration: none;
}
.categories .card:hover {
  background-color: var(--color-primary);
  background-blend-mode: color-burn;
  color: var(--color-lighter);
}
.categories.side {
  flex-wrap: nowrap;
  flex-direction: column;
  align-self: flex-end;
  margin: 0px;
}
@media screen and (max-width: 950px) {
  .categories.side {
    display: none;
  }
}
.categories.side .card {
  background-image: none;
  background-color: var(--color-light);
  height: 26px;
  width: 240px;
  margin: 6px;
}
.collections {
  margin-top: 0;
}
.collections .card {
  background-position: center;
  background-repeat: no-repeat;
  margin: 8px;
}
.collections .card img {
  height: 100%;
  width: 100%;
  object-fit: scale-down;
  object-position: center;
}
.right .categories, .context .categories, .crm-context-panel .categories {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  justify-content: space-around;
}
.right .categories .card, .context .categories .card, .crm-context-panel .categories .card {
  margin: 0 0 6px 0;
  padding: 13px;
  text-align: left;
  font-weight: bold;
  color: #999;
  flex-grow: 1;
  width: 220px;
  height: auto;
  background-image: none;
  background-color: var(--color-light);
}
.right .categories .card:hover, .context .categories .card:hover, .crm-context-panel .categories .card:hover {
  background-color: var(--color-primary);
  background-blend-mode: color-burn;
  color: var(--color-lighter);
}
.collections {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  max-width: var(--content-width);
  margin: 0 auto;
}
.collections .card {
  background-position: center;
  background-repeat: no-repeat;
  margin: 8px;
}
.collections .card img {
  height: 100%;
  width: 100%;
  object-fit: scale-down;
  object-position: center;
}
nav.mobilenav {
  display: none;
}
.searchzone {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-grow: 1;
  width: auto;
  margin: 0 32px;
}
.searchzone a, .searchzone a:visited {
  text-decoration: none;
  font-size: 12px;
  margin-top: 6px;
}
@media screen and (max-width: 500px) {
  .searchzone {
    margin: 0 20px 0 12px;
  }
}
.searchBar {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-top: 16px;
}
.searchBar:first-child {
  margin-left: 0;
}
.searchBar:last-child {
  margin-right: 0;
}
.searchBar select {
  height: 36px;
  width: 170px;
  background-color: #f1f1f1;
  border: 8px solid #f1f1f1;
  border-right: 1px solid #000000;
  border-radius: 0;
  font-family: "Fira Sans";
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-overflow: ellipsis;
}
.searchBar input {
  height: 36px;
  padding: 0 16px;
  width: 170px;
  outline: none;
  flex-grow: 1;
  border: none;
  border-radius: 0;
}
.searchBar button, .searchBar .widget-menu-button, .searchBar html .widget-actionbutton, html .searchBar .widget-actionbutton, .searchBar html .widget-button, html .searchBar .widget-button, .searchBar html .widget-submitbutton, html .searchBar .widget-submitbutton, .searchBar html .widget-filepicker-add, html .searchBar .widget-filepicker-add, .searchBar html input[type="submit"], html .searchBar input[type="submit"], .searchBar html input::file-selector-button, html .searchBar input::file-selector-button {
  border: none;
  height: 36px;
  width: 36px;
  padding: 8px;
  background-color: var(--color-dark);
  cursor: pointer;
  position: relative;
  font-weight: 200;
}
.searchBar button::before, .searchBar .widget-menu-button::before, .searchBar html .widget-actionbutton::before, html .searchBar .widget-actionbutton::before, .searchBar html .widget-button::before, html .searchBar .widget-button::before, .searchBar html .widget-submitbutton::before, html .searchBar .widget-submitbutton::before, .searchBar html .widget-filepicker-add::before, html .searchBar .widget-filepicker-add::before {
  font-family: "CCMP";
  content: "";
  color: var(--color-lighter);
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.searchBar button::after, .searchBar .widget-menu-button::after, .searchBar html .widget-actionbutton::after, html .searchBar .widget-actionbutton::after, .searchBar html .widget-button::after, html .searchBar .widget-button::after, .searchBar html .widget-submitbutton::after, html .searchBar .widget-submitbutton::after, .searchBar html .widget-filepicker-add::after, html .searchBar .widget-filepicker-add::after {
  font-family: "CCMP";
  content: none;
  color: none;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.searchBar button:hover, .searchBar .widget-menu-button:hover, .searchBar html .widget-actionbutton:hover, html .searchBar .widget-actionbutton:hover, .searchBar html .widget-button:hover, html .searchBar .widget-button:hover, .searchBar html .widget-submitbutton:hover, html .searchBar .widget-submitbutton:hover, .searchBar html .widget-filepicker-add:hover, html .searchBar .widget-filepicker-add:hover {
  background-color: var(--color-darker);
}
.ui-menu.ui-autocomplete.ui-widget {
  font-family: "Fira Sans";
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  max-height: 20em;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ui-autocomplete-category {
  font-weight: bold;
  font-size: 11pt;
  padding: 0.5em;
  border-bottom: 1px solid #f1f1f1;
}
.ui-autocomplete.ui-widget .ui-menu-item {
  padding: 0.25em 0.25em 0.25em 1.5em;
  font-size: 11pt;
}
.ui-autocomplete.ui-widget .ui-menu-item em {
  background-color: rgba(255, 255, 0, 0.5);
}
.user {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin: 16px 0 0 0;
}
.user .user-account {
  display: flex;
  flex-direction: column;
  align-items: left;
  text-align: center;
  font-size: 12px;
  align-items: center;
  padding: 8px;
}
.user .user-account > div {
  height: 17px;
}
.user .user-account > div + div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 8em;
  color: var(--color-primary);
}
.user .user-account::before {
  font-size: 48px;
  line-height: 48px;
  font-family: "CCMP";
}
.user .user-account.cart::before {
  content: "";
}
.user .user-account.selection::before {
  content: "";
}
.user .user-account.account::before {
  content: "";
}
.user .user-account.mobile-menu {
  display: none;
}
.user .user-account.mobile-menu::before {
  content: "";
}
.user .user-account::before {
  content: "";
  width: 72px;
  height: 48px;
  margin-bottom: 8px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.user .user-account:first-child {
  margin-left: 0;
}
.user .user-account:last-child {
  margin-right: 0;
}
.user .user-account:hover {
  background-color: var(--color-dark);
}
#global-header .user-account {
  position: relative;
}
#global-header .user-account > div.important {
  display: inline-block !important;
  position: absolute;
  width: 20px;
  height: auto;
  line-height: 20px;
  color: var(--color-darker);
  overflow: hidden;
  background-color: var(--color-orange);
  border-radius: 50%;
  top: 6px;
  left: 20%;
  max-height: 20px;
  text-overflow: unset;
  overflow: hidden;
  white-space: unset;
}
#global-header.small .top .left .logo {
  height: 36px;
  vertical-align: middle;
}
#global-header.small .searchzone a {
  display: none;
}
#global-header.small .searchzone form {
  margin: 0;
}
#global-header.small .searchBar input {
  height: 30px;
}
#global-header.small ul.user {
  margin: 0;
}
#global-header.small nav > ul > li > a, #global-header.small nav > ul > li > span {
  padding: 10px 16px;
}
#global-header.small nav > ul > li > ul {
  top: 54px;
}
#global-header.small .user-account {
  position: relative;
}
#global-header.small .user-account::before {
  margin: 0;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
  width: 48px;
}
#global-header.small .user-account > div {
  display: none;
}
#global-header.small .user-account > div.important {
  left: 0;
}
#global-header.small .user-account > div.primary {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: auto;
  line-height: 20px;
  color: var(--color-darker);
  overflow: hidden;
  background-color: var(--color-primary);
  border-radius: 50%;
  top: 6px;
  right: 0;
  max-height: 20px;
  text-overflow: unset;
  overflow: hidden;
  white-space: unset;
}
#global-header nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background-color: var(--color-dark);
  box-sizing: border-box;
}
#global-header nav:first-child {
  margin-left: 0;
}
#global-header nav:last-child {
  margin-right: 0;
}
#global-header nav ul {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin: 0px auto 1px;
  min-width: 951px;
  list-style: none;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  justify-content: space-between;
}
#global-header nav ul:first-child {
  margin-left: 0;
}
#global-header nav ul:last-child {
  margin-right: 0;
}
#global-header nav ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
  padding: 0;
}
#global-header nav ul li a, #global-header nav ul li span {
  padding: 16px 16px;
}
#global-header nav ul li:first-child {
  margin-left: 0;
}
#global-header nav ul li:last-child {
  margin-right: 0;
}
#global-header nav ul li:hover {
  background-color: var(--color-darker);
  cursor: pointer;
}
#global-header nav ul li:hover ul {
  transform: scaleY(1);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: wrap;
  font-size: 14px;
  opacity: 1;
  transition: opacity 0.3s ease 0.1s allow-discrete, transform 0s ease 0.1s;
}
#global-header nav ul li:hover ul:first-child {
  margin-left: 0;
}
#global-header nav ul li:hover ul:last-child {
  margin-right: 0;
}
@starting-style {
  #global-header nav ul li:hover ul {
    opacity: 0;
    transform: scaleY(0);
  }
}
#global-header nav ul li ul {
  transform: scaleY(0);
  display: none;
  opacity: 0;
  position: absolute;
  background-color: var(--color-darker);
  padding: 0;
  top: 66px;
  left: 0;
  z-index: 10;
  opacity: 96%;
}
#global-header nav ul li ul li {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#global-header nav ul li ul li:first-child {
  margin-left: 0;
}
#global-header nav ul li ul li:last-child {
  margin-right: 0;
}
#global-header nav ul li ul li:hover {
  background-color: var(--color-dark);
}
#global-header nav ul li ul li::after {
  display: none;
}
#global-header ul.user > li:hover, #global-header ul.user > li:active {
  background-color: var(--color-dark);
}
#global-header ul.user > li ul.submenu {
  display: none;
  opacity: 0;
  position: absolute;
  background-color: var(--color-dark);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.75);
  z-index: 1;
  margin: 0;
  padding: 8px 0;
}
#global-header ul.user > li ul.submenu li {
  font-size: 15px;
  padding: 0;
}
#global-header ul.user > li ul.submenu li:hover {
  background-color: #1a1a1a;
}
#global-header ul.user > li ul.submenu li a, #global-header ul.user > li ul.submenu li span {
  display: block;
  padding: 10px 16px;
}
#global-header ul.user > li ul.submenu li.title {
  margin-top: 8px;
  font-size: smaller;
  opacity: 0.5;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#global-header ul.user > li:hover ul.submenu, #global-header ul.user > li:active ul.submenu {
  display: block;
  opacity: 1;
}
@starting-style {
  #global-header ul.user > li:hover ul.submenu, #global-header ul.user > li:active ul.submenu {
    opacity: 0;
  }
}
header {
  position: fixed;
  top: 0;
  z-index: 3;
  background-color: var(--color-darker);
  width: 100%;
  color: var(--color-light);
}
header * {
  transition: opacity 0.3s ease 0.1s allow-discrete, transform 0s ease 0.1s;
}
header a, header a:visited, header a:active {
  color: #fff;
  text-decoration: none;
}
header .top {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: var(--content-width);
  margin: 0 auto;
  box-sizing: border-box;
}
header .top .left {
  display: flex;
  flex-grow: 2;
  align-items: center;
}
header .top .left .logo {
  height: 48px;
}
header .top .left .logo#mobile {
  display: none;
}
header .top img {
  max-width: 150px;
  min-width: 130px;
}
@media screen and (max-width: 500px) {
  header .top img {
    min-width: 30px;
    margin-left: 12px;
  }
}
header .top #account-name {
  display: none;
}
@media screen and (max-width: 950px) {
  header .top #account-name {
    display: block !important;
    position: absolute;
    bottom: 2px;
  }
}
header .top #account-name p {
  margin: 0px;
}
header .top .name-hidden {
  display: none;
}
@media screen and (max-width: 950px) {
  header {
    padding: 10px 16px 0 16px;
    box-sizing: border-box;
  }
  header .top {
    flex-direction: column;
    width: 100%;
    margin: 1px auto;
  }
  header .top .left {
    display: flex;
    width: 100%;
  }
  header .top .left .logo#desktop {
    display: none;
  }
  header .top .left .logo#mobile {
    display: block;
  }
  header .top .user {
    justify-content: space-around;
    width: 100%;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    margin-top: 0px;
  }
  header .top .user > li {
    width: 25%;
  }
  header .top .user .user-account {
    position: relative;
  }
  header .top .user .user-account.mobile-menu {
    display: block;
  }
  header .top .user .user-account div {
    display: none;
  }
  header .top .user .user-account > div.primary {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: auto;
    line-height: 20px;
    color: var(--color-darker);
    overflow: hidden;
    background-color: var(--color-primary);
    border-radius: 50%;
    top: 6px;
    left: 50%;
    transform: translateX(16px);
    max-height: 20px;
    text-overflow: unset;
    overflow: hidden;
    white-space: unset;
  }
  header .top .user .user-account:hover {
    background-color: unset;
  }
  header .top .user-active {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    font-size: 14px;
  }
  header .top .user-active .lastname {
    text-transform: uppercase;
  }
  header .top .user-active p {
    margin: 0;
  }
  #global-header .searchzone a {
    display: none;
  }
  #global-header .searchzone form {
    margin: 0;
  }
  #global-header .searchBar input {
    height: 30px;
  }
  #global-header ul.user {
    margin: 0;
  }
  #global-header .user-account {
    position: relative;
  }
  #global-header .user-account::before {
    margin: 0;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    width: 48px;
  }
  #global-header .user-account > div {
    display: none;
  }
  #global-header .user-account > div.primary {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: auto;
    line-height: 20px;
    color: var(--color-darker);
    overflow: hidden;
    background-color: var(--color-primary);
    border-radius: 50%;
    top: 6px;
    right: 0;
    max-height: 20px;
    text-overflow: unset;
    overflow: hidden;
    white-space: unset;
  }
  #global-header nav {
    display: none;
  }
  nav.mobilenav {
    transition: all 0.3s ease-in-out;
    right: -100%;
    box-sizing: border-box;
    height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 4;
    display: block;
    position: fixed;
    top: 100px;
    background-color: var(--color-darker);
    width: 100%;
    padding: 16px;
  }
  nav.mobilenav a, nav.mobilenav a:visited, nav.mobilenav a:active {
    color: #fff;
    text-decoration: none;
  }
  nav.mobilenav .burger-menu {
    width: 36px;
    height: 36px;
    padding: 8px;
    background-image: url(../media/burger-menu.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    cursor: pointer;
    display: block;
    align-self: flex-end;
  }
  nav.mobilenav .user {
    color: var(--color-light);
    margin-bottom: 16px;
  }
  nav.mobilenav .searchBar {
    display: flex;
    margin: 0 auto;
    width: 100%;
  }
  nav.mobilenav .searchBar input {
    flex-grow: 1;
  }
  nav.mobilenav .searchBar .dropDown {
    display: none;
  }
  nav.mobilenav .sitemap-menu-root {
    color: var(--color-light);
    min-width: unset;
    margin: 0 0 2em 0;
    padding-left: 0;
    width: 100%;
    font-weight: 600;
  }
  nav.mobilenav .sitemap-menu-root li {
    padding: 0 12px;
    text-align: left;
    border-bottom: 1px solid #000;
    background-color: #ffffff08;
  }
  nav.mobilenav .sitemap-menu-root li span, nav.mobilenav .sitemap-menu-root li a {
    display: block;
    padding: 0.7em 0;
  }
  nav.mobilenav .sitemap-menu-root li.open {
    background-color: var(--color-dark);
  }
  nav.mobilenav .sitemap-menu-root li.open ul {
    display: block;
    position: relative;
    padding-left: 0;
    top: 0;
    font-weight: normal;
  }
  nav.mobilenav .sitemap-menu-root li.open ul li {
    width: 100%;
    max-width: unset;
  }
  nav.mobilenav .sitemap-menu-root li ul {
    display: none;
  }
  nav.mobilenav .sitemap-menu-root li::after {
    content: none;
  }
}
@media screen and (max-width: 950px) and (max-width: 950px) {
  header .top .toprightmenu {
    width: 100%;
  }
}
.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 32px;
  background-color: var(--color-dark);
  color: var(--color-light);
  box-sizing: border-box;
}
.footer a, .footer a:visited, .footer a:active {
  color: #fff;
  text-decoration: none;
  line-height: 24px;
}
.footer:first-child {
  margin-left: 0;
}
.footer:last-child {
  margin-right: 0;
}
.footer .top {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  min-width: var(--content-width);
}
.footer .top .left {
  display: flex;
  flex-direction: row;
}
.footer .top .left .links {
  display: flex;
  flex-direction: column;
  margin-right: 32px;
  font-size: 14px;
}
.footer .top .left .links h2 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.footer .top .sitemap-menu-root {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.footer .top .sitemap-menu-root > li {
  display: flex;
  flex-direction: column;
  margin-right: 4em;
  margin-bottom: 1.5em;
  font-size: 14px;
  height: initial;
}
.footer .top .sitemap-menu-root > li > span {
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.footer .top:first-child {
  margin-left: 0;
}
.footer .top:last-child {
  margin-right: 0;
}
.footer .top h2 {
  font-size: 18px;
}
.footer .top ul {
  list-style: none;
  padding: 0;
}
.footer .top .right img {
  height: 32px;
  max-width: 100%;
}
.footer .top .right #linkedin-logo {
  background-color: #fff;
  border-radius: 4px;
}
.footer .top .right .cci-logo {
  width: 200px;
  height: 56px;
}
.footer .bottom {
  display: flex;
  align-items: center;
}
.footer .bottom span {
  font-size: 20px;
  margin: 0 3px;
}
@media screen and (max-width: 950px) {
  .footer {
    align-items: flex-start;
  }
  .footer .top {
    min-width: unset;
    flex-direction: column;
  }
  .footer .top .left {
    flex-direction: column;
  }
  .footer .top li span, .footer .top li a {
    display: block;
    margin-bottom: 0.8em;
  }
  .footer .bottom {
    font-size: 12px;
  }
}
.page.login #page-menu {
  display: none;
}
.page.login #login-form {
  padding: 1em;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  max-width: 16em;
}
.page.login .widget-form-buttons {
  display: flex;
  flex-direction: column;
}
.page.login .widget-form-buttons a.button, .page.login .widget-form-buttons input[type=submit] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 40px;
  line-height: 40px;
  font-size: 1rem;
}
@media screen and (max-width: 950px) {
  .page.login .widget-form-buttons a.button, .page.login .widget-form-buttons input[type=submit] {
    height: 50px;
    line-height: 50px;
  }
}
.page.login .widget-form-buttons span {
  display: block;
  margin: 5px;
}
@media screen and (max-width: 950px) {
  .page.login .right {
    margin-top: 0;
    background-color: var(--color-lighter);
  }
  .page.login .container .article-head {
    display: none;
  }
  .page.login .left .standard {
    margin-bottom: 0;
  }
  .page.login #login-form {
    max-width: none;
    box-shadow: none;
    padding: 2em;
  }
}
@media screen and (max-width: 950px) {
  .profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel {
    display: none;
  }
}
.profile.crm-two-panel-page .crm-context-panel, .order.crm-two-panel-page .crm-context-panel {
  width: auto;
}
.profile.crm-two-panel-page .infobox, .profile.crm-two-panel-page .addressbox, .order.crm-two-panel-page .infobox, .order.crm-two-panel-page .addressbox {
  display: block;
  padding: 10px;
  columns: 2;
}
.profile.crm-two-panel-page .crm-order-address, .order.crm-two-panel-page .crm-order-address {
  padding: 0.8em 1.8em;
  display: inline-block;
  width: 75%;
  font-size: 13px;
}
.profile.crm-two-panel-page > .widget-layout, .order.crm-two-panel-page > .widget-layout {
  padding-top: 0;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr {
  display: flex;
  flex-direction: row;
  max-width: var(--content-width);
  width: 100%;
  gap: 18px;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 690px;
  position: relative;
  padding-bottom: 90px;
}
@media screen and (max-width: 950px) {
  .profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel {
    flex-basis: fit-content;
  }
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel h1, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel h1 {
  padding: 12px 6px 6px 12px;
  margin: 0 0 20px 0;
  font-weight: 500;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs {
  border: none;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs .widget-tab-panel-header, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs .widget-tab-panel-header {
  display: none;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav {
  background-color: transparent;
  border-bottom: solid 1px var(--color-darker);
  display: flex;
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
@media screen and (max-width: 950px) {
  .profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav {
    border: none;
  }
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav .widget-tab, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav .widget-tab {
  margin: 16px 16px 0 0;
  padding: 0 16px;
  font-size: large;
  background-color: var(--grey);
  border-radius: 0;
}
@media screen and (max-width: 950px) {
  .profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav .widget-tab, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav .widget-tab {
    height: 40px;
    margin-bottom: 12px;
  }
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav .widget-tab.ui-state-active, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav .widget-tab.ui-state-active {
  background-color: var(--color-darker);
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav .widget-tab.ui-state-active > a, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs ul.ui-tabs-nav .widget-tab.ui-state-active > a {
  color: var(--color-primary);
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs .profile-frame, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs .profile-frame {
  display: block;
  padding: 15px;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs .info, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs .info {
  display: block;
  padding: 15px;
  font-size: small;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs .ui-tabs-panel, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tabs .ui-tabs-panel {
  background-color: var(--color-lighter);
  padding: 0;
  margin: 8px 0 24px 0;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .info-grid, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .info-grid {
  display: grid;
  grid-template-columns: 220px 240px 150px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 2px;
  margin-top: 5px;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .crm-display-label, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .crm-display-label {
  display: block;
  font-size: small;
  color: var(--color-primary);
  padding: 16px 0 0 0;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .crm-display-value, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .crm-display-value {
  display: block;
  font-size: small;
  margin: 0;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview {
  font-size: small;
  border: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 950px) {
  .profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview {
    margin: 0 12px;
  }
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview > .widget-layout-vbox-item > table, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview > .widget-layout-vbox-item > table {
  border: none;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview td, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview td {
  padding: 16px;
  border: none;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview .widget-table-section.widget-table-header .widget-table-row, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview .widget-table-section.widget-table-header .widget-table-row {
  background-color: var(--color-light);
  font-weight: 500;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview .widget-table-section.widget-table-header td, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel .widget-tableview .widget-table-section.widget-table-header td {
  padding: 8px 16px;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel {
  height: fit-content;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 240px;
  position: sticky;
  top: 100px;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel .crm-actions, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel .crm-actions {
  color: var(--color-light);
  background-color: var(--color-dark);
  padding: 10px 30px 12px 15px;
  margin-top: 58px;
  margin-bottom: 0;
  line-height: 28px;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel .crm-actions a, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel .crm-actions a {
  color: var(--color-lighter);
  text-decoration: none;
}
.profile.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel .crm-actions a:hover, .order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel .crm-actions a:hover {
  text-decoration: underline;
}
.profile-container {
  display: flex;
  flex-direction: column;
  max-width: var(--content-width);
  width: 100%;
}
.profile-container .content {
  width: 100%;
}
.profile-container .primary-mobile {
  display: none;
}
.profile-container #devis tr td:first-of-type {
  color: var(--color-bluelink);
  font-weight: 500;
}
@media screen and (max-width: 950px) {
  .profile-container {
    width: 100%;
  }
  .profile-container .table {
    margin: 16px;
  }
  .profile-container #current-orders {
    margin-top: 24px;
  }
  .profile-container #current-orders td:first-of-type, .profile-container #current-orders th:first-of-type, .profile-container #current-orders td:last-of-type, .profile-container #current-orders th:last-of-type {
    display: none;
  }
  .profile-container #devis, .profile-container #past-orders {
    margin-top: 24px;
  }
  .profile-container #devis td:nth-of-type(3), .profile-container #devis th:nth-of-type(3), .profile-container #past-orders td:nth-of-type(3), .profile-container #past-orders th:nth-of-type(3) {
    display: none;
  }
  .profile-container .primary-mobile {
    display: flex;
    justify-content: center;
    background-color: var(--color-primary);
  }
}
.profile-container #copy-license table td:first-of-type, .profile-container #campus-license table td:first-of-type {
  text-align: left;
  min-width: 160px;
}
.profile-container #copy-license table td:first-of-type p, .profile-container #campus-license table td:first-of-type p {
  margin-top: 12px;
}
.profile-container #copy-license table td:last-of-type, .profile-container #copy-license table th:last-of-type, .profile-container #campus-license table td:last-of-type, .profile-container #campus-license table th:last-of-type {
  padding: 12px 12px 12px 0px;
}
@media screen and (max-width: 950px) {
  .profile-container #copy-license table td:last-of-type, .profile-container #copy-license table th:last-of-type, .profile-container #campus-license table td:last-of-type, .profile-container #campus-license table th:last-of-type {
    display: none;
  }
}
.profile-container #copy-license table .total-col, .profile-container #campus-license table .total-col {
  min-width: 70px;
  padding: 12px;
}
.profile-container #copy-license .primary, .profile-container #copy-license .primary-mobile, .profile-container #campus-license .primary, .profile-container #campus-license .primary-mobile {
  padding: 8px;
  margin: 0;
  width: 108px;
}
.profile-container #copy-license .head th, .profile-container #campus-license .head th {
  appearance: none;
}
@media screen and (max-width: 950px) {
  .profile-container #copy-license, .profile-container #campus-license {
    display: none;
  }
}
.profile-header {
  display: flex;
  margin-top: 6px;
  max-width: var(--content-width);
  width: 100%;
}
.profile-header .left-side {
  margin-right: 20px;
  min-width: 670px;
}
.profile-header .left-side .tabs {
  border-bottom: solid 1px var(--color-darker);
  display: flex;
  position: relative;
}
@media screen and (max-width: 950px) {
  .profile-header .left-side .tabs {
    border: none;
  }
}
.profile-header .left-side .tabs button, .profile-header .left-side .tabs .widget-menu-button, .profile-header .left-side .tabs html .widget-actionbutton, html .profile-header .left-side .tabs .widget-actionbutton, .profile-header .left-side .tabs html .widget-button, html .profile-header .left-side .tabs .widget-button, .profile-header .left-side .tabs html .widget-submitbutton, html .profile-header .left-side .tabs .widget-submitbutton, .profile-header .left-side .tabs html .widget-filepicker-add, html .profile-header .left-side .tabs .widget-filepicker-add, .profile-header .left-side .tabs html input[type="submit"], html .profile-header .left-side .tabs input[type="submit"], .profile-header .left-side .tabs html input::file-selector-button, html .profile-header .left-side .tabs input::file-selector-button {
  margin: 16px 16px 0 0;
  padding: 0 16px;
  height: 56px;
  font-size: large;
  background-color: var(--grey);
}
@media screen and (max-width: 950px) {
  .profile-header .left-side .tabs button, .profile-header .left-side .tabs .widget-menu-button, .profile-header .left-side .tabs html .widget-actionbutton, html .profile-header .left-side .tabs .widget-actionbutton, .profile-header .left-side .tabs html .widget-button, html .profile-header .left-side .tabs .widget-button, .profile-header .left-side .tabs html .widget-submitbutton, html .profile-header .left-side .tabs .widget-submitbutton, .profile-header .left-side .tabs html .widget-filepicker-add, html .profile-header .left-side .tabs .widget-filepicker-add, .profile-header .left-side .tabs html input[type="submit"], html .profile-header .left-side .tabs input[type="submit"], .profile-header .left-side .tabs html input::file-selector-button, html .profile-header .left-side .tabs input::file-selector-button {
    height: 40px;
    margin-bottom: 12px;
  }
}
.profile-header .left-side .tabs .active {
  color: var(--color-primary);
  background-color: var(--color-darker);
}
.profile-header .left-side .modify {
  display: none;
}
.profile-header .left-side .logout {
  display: none;
}
@media screen and (max-width: 950px) {
  .profile-header .left-side .logout {
    display: flex;
    align-items: center;
    font-size: 16px;
    text-decoration: none;
    color: var(--color-darker);
    margin-bottom: 12px;
    position: absolute;
    right: 0;
    margin-right: 12px;
  }
  .profile-header .left-side .logout:after {
    font-family: "CCMP";
    content: "";
    font-size: 30px;
    margin-left: 8px;
  }
}
@media screen and (max-width: 500px) {
  .profile-header .left-side .logout {
    font-size: 14px;
  }
}
.profile-header .left-side .infos-profile {
  background-color: var(--color-lighter);
  display: block;
  margin-top: 8px;
}
.profile-header .left-side .infos-profile .username {
  padding: 10px 0 10px 15px;
  font-weight: bold;
  font-size: large;
}
.profile-header .left-side .infos-profile .username span {
  text-transform: uppercase;
}
.profile-header .left-side .infos-profile ul {
  display: grid;
  grid-template-columns: 220px 240px 150px;
  column-gap: 16px;
  row-gap: 2px;
  padding-left: 15px;
  margin-top: 5px;
}
@media screen and (max-width: 950px) {
  .profile-header .left-side .infos-profile ul {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
    row-gap: 0px;
    column-gap: 10px;
  }
  .profile-header .left-side .infos-profile ul .mail {
    grid-area: 1;
  }
  .profile-header .left-side .infos-profile ul .tel {
    grid-area: 0.25;
  }
  .profile-header .left-side .infos-profile ul .adress {
    grid-area: 0.5;
  }
  .profile-header .left-side .infos-profile ul .campus {
    grid-area: 0.5;
  }
  .profile-header .left-side .infos-profile ul .spec {
    grid-area: 0.5;
  }
  .profile-header .left-side .infos-profile ul .modify {
    display: grid;
    grid-area: 0.25;
    text-align: right;
    align-self: flex-end;
  }
  .profile-header .left-side .infos-profile ul .modify a {
    text-decoration: none;
    color: var(--color-dark);
    padding: 12px;
  }
  .profile-header .left-side .infos-profile ul .modify a:hover {
    text-decoration: underline;
  }
}
.profile-header .left-side .infos-profile ul li {
  text-align: left;
  font-size: small;
}
.profile-header .left-side .infos-profile ul li p:first-child {
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: 0;
}
.profile-header .left-side .infos-profile ul li p {
  margin-top: 8px;
}
@media screen and (max-width: 950px) {
  .profile-header .left-side .infos-profile ul li p {
    margin-top: 0px;
  }
}
.profile-header .left-side .infos-profile ul img {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 950px) {
  .profile-header .left-side .infos-profile ul img {
    display: none;
  }
}
.profile-header .left-side .infos-profile ul .Linkedin {
  display: flex;
  align-items: center;
}
.profile-header .left-side .tel p {
  margin-top: 8px;
  margin-bottom: 0px;
}
.profile-header .left-side .tel p:last-of-type {
  margin-top: 0px;
}
.profile-header .menu {
  color: var(--color-light);
}
.profile-header .menu ul {
  background-color: var(--color-dark);
  padding: 10px 30px 12px 15px;
  margin-top: 81px;
  margin-bottom: 0;
  line-height: 28px;
  width: 210px;
}
.profile-header .menu ul li {
  list-style-type: none;
}
.profile-header .menu ul li a {
  color: var(--color-lighter);
  text-decoration: none;
}
.profile-header .menu ul li a:hover {
  text-decoration: underline;
}
.profile-header .menu .is-fixed {
  position: fixed;
}
@media screen and (max-width: 950px) {
  .profile-header {
    display: block;
    width: calc(100% - 24px);
  }
  .profile-header .left-side {
    margin: 0px 0px;
    min-width: 470px;
  }
  .profile-header .left-side .infos ul {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 6px;
  }
  .profile-header .menu {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .profile-header .left-side {
    min-width: 280px;
  }
  .profile-header .left-side .infos ul {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr);
    column-gap: 6px;
  }
}
.author-container {
  max-width: var(--content-width);
  width: 100%;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}
.author-container .title {
  color: var(--color-primary);
  background-color: var(--color-darker);
  padding: 13px 13px;
  font-size: large;
  display: flex;
  width: fit-content;
}
.author-container .content {
  margin-top: 20px;
  max-width: 670px;
}
@media screen and (max-width: 950px) {
  .author-container #yearly-sell, .author-container #my-rights {
    margin: 0px 16px;
  }
}
.author-container #my-rights {
  max-width: 570px;
}
.author-container .row {
  display: flex;
  background-color: var(--color-lighter);
  padding: 8px 0;
  margin: 20px auto 42px;
  font-size: small;
  justify-content: space-between;
}
@media screen and (max-width: 950px) {
  .author-container .row {
    display: block;
    padding: 12px;
  }
}
.author-container .row p {
  margin-left: 12px;
}
.author-container .row p select {
  margin-left: 12px;
}
.author-container .row p:first-child {
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: 0;
}
.author-container .row button, .author-container .row .widget-menu-button, .author-container .row html .widget-actionbutton, html .author-container .row .widget-actionbutton, .author-container .row html .widget-button, html .author-container .row .widget-button, .author-container .row html .widget-submitbutton, html .author-container .row .widget-submitbutton, .author-container .row html .widget-filepicker-add, html .author-container .row .widget-filepicker-add, .author-container .row html input[type="submit"], html .author-container .row input[type="submit"], .author-container .row html input::file-selector-button, html .author-container .row input::file-selector-button {
  margin: 8px 18px;
  height: min-content;
  padding: 12px 16px;
  background-color: #C6C6C6;
}
@media screen and (max-width: 950px) {
  .author-container .row button, .author-container .row .widget-menu-button, .author-container .row html .widget-actionbutton, html .author-container .row .widget-actionbutton, .author-container .row html .widget-button, html .author-container .row .widget-button, .author-container .row html .widget-submitbutton, html .author-container .row .widget-submitbutton, .author-container .row html .widget-filepicker-add, html .author-container .row .widget-filepicker-add, .author-container .row html input[type="submit"], html .author-container .row input[type="submit"], .author-container .row html input::file-selector-button, html .author-container .row input::file-selector-button {
    margin-top: 12px;
    width: 100%;
    margin: 12px auto;
  }
}
.author-container .row .primary {
  background-color: var(--color-primary);
}
.author-container .row .radio {
  margin-left: 14px;
  margin-right: 12px;
}
.author-container #declaration {
  flex-direction: column;
  margin-top: 0px;
}
.author-container #declaration button, .author-container #declaration .widget-menu-button, .author-container #declaration html .widget-actionbutton, html .author-container #declaration .widget-actionbutton, .author-container #declaration html .widget-button, html .author-container #declaration .widget-button, .author-container #declaration html .widget-submitbutton, html .author-container #declaration .widget-submitbutton, .author-container #declaration html .widget-filepicker-add, html .author-container #declaration .widget-filepicker-add, .author-container #declaration html input[type="submit"], html .author-container #declaration input[type="submit"], .author-container #declaration html input::file-selector-button, html .author-container #declaration input::file-selector-button {
  width: 210px;
  align-self: flex-end;
  margin: 18px 18px;
}
@media screen and (max-width: 950px) {
  .author-container #declaration button, .author-container #declaration .widget-menu-button, .author-container #declaration html .widget-actionbutton, html .author-container #declaration .widget-actionbutton, .author-container #declaration html .widget-button, html .author-container #declaration .widget-button, .author-container #declaration html .widget-submitbutton, html .author-container #declaration .widget-submitbutton, .author-container #declaration html .widget-filepicker-add, html .author-container #declaration .widget-filepicker-add, .author-container #declaration html input[type="submit"], html .author-container #declaration input[type="submit"], .author-container #declaration html input::file-selector-button, html .author-container #declaration input::file-selector-button {
    margin-top: 12px;
    width: 100%;
    margin: 12px auto;
  }
}
.author-container #rib-row {
  margin-bottom: 0;
}
.author-container #rib-row .rib-infos {
  display: flex;
  flex-direction: row;
}
.author-container #rib-row .rib-infos .rib {
  margin-left: 12px;
}
.author-container #download-row {
  align-items: center;
}
.author-container #download-row p {
  margin: 0 0 0 16px;
}
@media screen and (max-width: 500px) {
  .author-container p select {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 0px !important;
  }
}
.author-container #publishings td {
  padding: 16px 12px;
}
.author-container #publishings td:nth-of-type(2) {
  text-align: left;
}
@media screen and (max-width: 950px) {
  .author-container #publishings {
    display: none;
  }
  .author-container #publishings .product-ref {
    background-color: var(--color-darker);
    color: var(--color-primary);
    text-align: center;
  }
}
.cart .widget-section .widget-section-content {
  padding: 0;
}
.cart .cart-title {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.cart .cart-title .title {
  color: var(--color-primary);
  background-color: var(--color-darker);
  padding: 10px;
  font-size: 18px;
}
.cart .cart-title .count {
  font-size: 26px;
  font-weight: 200;
  margin-left: 18px;
}
.cart .cart-title .right {
  margin-left: auto;
}
.cart .cart-title .button {
  background-color: transparent;
}
.cart .cart-title .button a {
  padding: 0 8px;
}
.cart .widget-tableview {
  font-size: 13px;
}
.cart .widget-tableview a {
  color: var(--color-dark);
}
.cart .widget-tableview td {
  padding: 18px 12px;
  border: none;
  position: relative;
}
.cart .widget-tableview input[type="text"], .cart .widget-tableview button, .cart .widget-tableview .widget-menu-button, .cart .widget-tableview html .widget-actionbutton, html .cart .widget-tableview .widget-actionbutton, .cart .widget-tableview html .widget-button, html .cart .widget-tableview .widget-button, .cart .widget-tableview html .widget-submitbutton, html .cart .widget-tableview .widget-submitbutton, .cart .widget-tableview html .widget-filepicker-add, html .cart .widget-tableview .widget-filepicker-add, .cart .widget-tableview html input[type="submit"], html .cart .widget-tableview input[type="submit"], .cart .widget-tableview html input::file-selector-button, html .cart .widget-tableview input::file-selector-button {
  font-size: inherit;
  height: 26px;
  padding: 0 10px;
}
.cart .widget-tableview .widget-table-header {
  text-transform: uppercase;
}
.cart .widget-tableview .widget-table-header tr.widget-table-row.even {
  background-color: var(--color-light);
}
.cart .widget-tableview .widget-table-header td {
  padding: 16px 0 8px 0;
  font-weight: 500;
  text-align: center;
}
.cart .widget-tableview .row-delete-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background-color: #DE5355;
}
.cart .widget-tableview .row-delete-button::after {
  transform: rotate(-45deg);
}
.cart .widget-tableview .row-delete-button::after, .cart .widget-tableview .row-delete-button::before {
  position: absolute;
  content: " ";
  height: 12px;
  width: 2px;
  background-color: #fff;
  margin-top: 3px;
  margin-left: 8px;
  display: block;
}
.cart .widget-tableview .row-delete-button::before {
  transform: rotate(45deg);
}
.cart .widget-layout.flex {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.cart .product-reference {
  display: inline-block;
  margin: 6px 0;
  padding: 2px 4px;
  width: max-content;
}
.cart .product-support {
  display: inline-block;
  margin-top: 6px;
  background-color: var(--color-dark);
  color: #fff;
  font-size: 12px;
  padding: 3px;
}
.cart .ccmp-consultation-checkbox {
  font-size: 10px;
}
.cart tr.widget-table-row.even {
  background-color: var(--grey);
}
.cart tr.widget-table-row.even .product-reference {
  background-color: #fff;
}
.cart tr.widget-table-row.odd {
  background-color: #fff;
}
.cart tr.widget-table-row.odd .product-reference {
  background-color: var(--grey);
}
.cart .license-head {
  border-bottom: solid 2px black;
  padding-bottom: 12px;
  position: relative;
  display: flex;
  justify-content: center;
}
.cart .license-head::before {
  font-family: "CCMP";
  font-size: 36px;
  align-self: flex-end;
  margin-right: 8px;
}
.cart .license-head.campus::before {
  content: "";
}
.cart .license-head.copy::before {
  content: "";
}
.cart .license-head .license-title {
  margin-top: 24px;
}
.cart .license-head .license-title h2::after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #000;
  height: 24px;
  bottom: -24px;
  right: 0;
}
.cart .license-head .license-title h2::before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #000;
  height: 24px;
  bottom: -24px;
  left: 0;
}
.cart .license-head .license-title h2 {
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 24px;
}
.cart .license-head .license-title p {
  font-size: 13px;
  margin: 0;
}
.cart .fees, .cart .total {
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 6px 0px;
}
.cart .total {
  background-color: var(--color-primary);
}
.cart .ccmp-shopping-button-devis {
  display: block;
  text-align: right;
  font-size: 12px;
  margin-right: 6px;
  margin-top: 3px;
  font-weight: 300;
}
.cart .context {
  height: fit-content;
  position: sticky;
  top: 120px;
  padding-top: 10px;
  margin-top: 140px;
}
.cart .context .actions {
  padding: 64px 12px 12px 12px;
}
.cart .context .button {
  margin-top: 12px;
}
@media screen and (max-width: 950px) {
  .cart .context {
    display: block;
    margin-left: 0px;
    position: fixed;
    top: auto;
    bottom: -4px;
    left: -6px;
    right: -6px;
    border: 4px solid #000;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow: hidden;
  }
  .cart .context .actions {
    padding-top: 4px;
  }
  .cart .context .fees, .cart .context .total {
    display: inline-block;
    width: 50%;
    background-color: transparent;
    font-size: 16px;
  }
}
@media screen and (max-width: 950px) {
  .cart.order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel {
    display: block;
    margin-left: 0px;
    position: fixed;
    top: auto;
    bottom: -4px;
    left: -6px;
    right: -6px;
    border: 4px solid #000;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow: hidden;
    background-color: var(--color-lighter);
  }
  .cart.order.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel .actions {
    padding-top: 4px;
  }
}
.cart .subscription {
  display: flex;
  background-color: #1a1a1a;
  padding: 18px 12px;
  margin-bottom: 24px;
}
.cart .subscription p {
  color: white;
  margin: 0;
  font-size: 12px;
  max-width: 470px;
}
.container .wishlist-box {
  margin-bottom: 80px;
}
.cart h2 {
  color: var(--color-primary);
  margin: 10px 0 0 10px;
  font-weight: 500;
  font-size: 30px;
}
.container.product a.goback {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin: 18px 0 0 0;
  background-color: #d8d8d8;
  text-decoration: none;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  width: 200px;
  color: var(--color-dark);
}
.container.product a.goback span {
  flex: 1;
}
.container.product a.goback::before {
  font-family: "CCMP";
  font-size: 32px;
  line-height: 32px;
  flex: 0;
  margin-right: 8px;
  content: "";
}
.container.product p, .container.product li, .container.product a {
  font-size: 13px;
}
.container.product .main {
  background-color: #fff;
}
@media screen and (max-width: 950px) {
  .container.product .main {
    background-color: transparent;
  }
}
.container.product .main h1 {
  color: var(--color-primary);
  margin: 16px 24px;
  font-size: 24px;
  font-weight: 600;
}
.container.product .main h2 {
  background-color: var(--color-darker);
  color: var(--color-primary);
  padding: 0 24px;
  margin: 6px 0;
  font-weight: 500;
  display: flex;
  font-size: 20px;
}
@media screen and (max-width: 950px) {
  .container.product .main h2 {
    background-color: #333333;
  }
}
.container.product .main h2 img {
  display: none;
}
@media screen and (max-width: 950px) {
  .container.product .main h2 img {
    max-width: 54px;
    display: flex;
    margin-left: 18px;
    height: fit-content;
    align-self: center;
  }
}
@media screen and (max-width: 950px) {
  .container.product .main .language {
    display: none;
  }
}
.container.product .main h3 {
  margin-top: 0px;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0px;
}
.container.product .main ul {
  padding-left: 0;
}
.container.product .main li::before {
  content: "– ";
}
.container.product .main label {
  font-weight: bold;
}
.container.product .main .content {
  margin: 12px 24px 16px 24px;
  padding: 6px 0px;
}
@media screen and (max-width: 950px) {
  .container.product .main .content .category {
    display: none;
  }
}
.container.product .main .content .category-mobile {
  display: none;
}
@media screen and (max-width: 950px) {
  .container.product .main .content .category-mobile {
    display: block;
    margin-top: 12px;
  }
}
.container.product .main #ref {
  display: block;
}
.container.product .main #ref .ref-head {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 950px) {
  .container.product .main #ref .ref-head {
    flex-direction: row-reverse;
    align-items: center;
  }
  .container.product .main #ref .ref-head .sub-category {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .container.product .main #ref .ref-head div {
    margin-right: 12px;
    margin-left: 18px;
  }
}
.container.product .main #ref .flag {
  max-width: 35px;
  max-height: 40px;
  margin-top: 6px;
}
.container.product .main #ref .campus-logo {
  flex: 1;
  text-align: right;
}
@media screen and (max-width: 950px) {
  .container.product .main #ref .campus-logo {
    margin-top: 6px;
    max-width: 160px;
    max-height: 70px;
  }
}
.container.product .main .campus {
  margin-top: 12px;
}
.container.product .main .campus a {
  margin-top: 6px;
  text-decoration: none;
  color: var(--color-darker);
}
.container.product .main .campus a:hover {
  text-decoration: underline;
}
.container.product .main .author, .container.product .main .search-results-page .content .results .author-name, .search-results-page .content .results .container.product .main .author-name {
  margin-top: 12px;
}
.container.product .main .author ul, .container.product .main .search-results-page .content .results .author-name ul, .search-results-page .content .results .container.product .main .author-name ul {
  margin-top: 6px;
  list-style-type: none;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 500px) {
  .container.product .main .author ul, .container.product .main .search-results-page .content .results .author-name ul, .search-results-page .content .results .container.product .main .author-name ul {
    display: block;
  }
}
.container.product .main .author ul li, .container.product .main .search-results-page .content .results .author-name ul li, .search-results-page .content .results .container.product .main .author-name ul li {
  margin-right: 6px;
}
.container.product .main .author ul li:before, .container.product .main .search-results-page .content .results .author-name ul li:before, .search-results-page .content .results .container.product .main .author-name ul li:before {
  content: "";
}
.container.product .main .author a, .container.product .main .search-results-page .content .results .author-name a, .search-results-page .content .results .container.product .main .author-name a {
  margin-top: 6px;
  text-decoration: none;
  color: var(--color-darker);
}
.container.product .main .author a:hover, .container.product .main .search-results-page .content .results .author-name a:hover, .search-results-page .content .results .container.product .main .author-name a:hover {
  text-decoration: underline;
}
.container.product .main .empty-row {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--color-light);
  padding-top: 20px;
}
@media screen and (max-width: 950px) {
  .container.product .main .empty-row {
    background-color: var(--color-light);
  }
}
.container.product .main .no-dash li::before {
  content: "";
}
@media screen and (max-width: 950px) {
  .container.product .main #description iframe {
    display: none;
  }
}
.container.product .main #description:last-child {
  text-align: center;
}
.container.product .main #video, .container.product .main #video-row {
  display: none;
}
@media screen and (max-width: 950px) {
  .container.product .main #video, .container.product .main #video-row {
    display: flex;
    margin: 0px;
  }
  .container.product .main #video iframe, .container.product .main #video-row iframe {
    margin: 0px;
    width: 100%;
  }
}
.container.product .main p {
  margin: 6px 0 0 0;
}
.container.product .main .btn {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin: 18px 0px 54px 0px;
  background-color: var(--grey);
}
@media screen and (max-width: 950px) {
  .container.product .main .btn {
    display: none;
  }
}
.container.product .main .btn:before {
  font-family: "CCMP";
  content: "";
  font-size: 36px;
  margin-right: 12px;
  font-weight: 300;
}
.container.product .main .btn:hover {
  background-color: var(--color-dark);
}
.container.product .main iframe {
  display: flex;
  margin: auto;
  margin-top: 18px;
}
.container.product .context {
  height: fit-content;
  position: sticky;
  top: 100px;
}
.container.product .context .admin.button {
  background-color: var(--color-dark);
  color: var(--color-lighter);
}
@media screen and (max-width: 950px) {
  .container.product .context {
    display: block;
    margin-left: 0px;
    position: fixed;
    top: auto;
    bottom: -4px;
    left: -6px;
    right: -6px;
    border: 4px solid #000;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
    overflow: hidden;
  }
  .container.product .context .info {
    display: flex;
    gap: 5px;
    margin: 10px;
  }
  .container.product .context .info .infoblock {
    flex: 1;
  }
  .container.product .context .info .infoblock h2 {
    font-size: 13px;
    margin: 0;
  }
  .container.product .context .info .infoblock p {
    margin: 0;
  }
  .container.product .context .info .infoblock .ico::after {
    font-size: 32px;
    line-height: 32px;
  }
  .container.product .context .info .infoblock em {
    display: none;
  }
  .container.product .context .admin.button {
    display: none;
  }
}
.container.product .context .product-menu {
  padding: 2px 12px;
  background-color: #fff;
}
.container.product .context .product-menu h2 {
  font-weight: 500;
  margin-top: 6px;
  color: var(--color-primary);
  margin-bottom: 6px;
}
.container.product .context .product-menu p {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 13px;
}
.container.product .context .product-menu .license {
  display: flex;
  align-items: start;
}
.container.product .context .product-menu .license p {
  margin-bottom: 12px;
  line-height: 14px;
  margin-left: 6px;
}
.container.product .context .product-menu .license span {
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 950px) {
  .container.product .context .product-menu .license {
    align-items: center;
  }
  .container.product .context .product-menu .license p {
    margin-bottom: 0;
  }
}
.container.product .context .related-product {
  margin-top: 24px;
  background-color: #fff;
  padding-bottom: 6px;
}
@media screen and (max-width: 950px) {
  .container.product .context .related-product {
    margin: 36px 42px 36px 42px;
  }
}
.container.product .context .related-product h2 {
  background-color: var(--color-darker);
  color: #fff;
  padding: 12px 10px;
  font-weight: 500;
  display: block;
  margin: 0;
  font-size: 16px;
  padding: 12px;
}
@media screen and (max-width: 950px) {
  .container.product .context .related-product h2 {
    background-color: #333;
  }
}
.container.product .context .related-product p {
  padding: 12px 12px 6px 12px;
  margin: 0px;
}
.container.product .context .related-product button, .container.product .context .related-product .widget-menu-button, .container.product .context .related-product html .widget-actionbutton, html .container.product .context .related-product .widget-actionbutton, .container.product .context .related-product html .widget-button, html .container.product .context .related-product .widget-button, .container.product .context .related-product html .widget-submitbutton, html .container.product .context .related-product .widget-submitbutton, .container.product .context .related-product html .widget-filepicker-add, html .container.product .context .related-product .widget-filepicker-add, .container.product .context .related-product html input[type="submit"], html .container.product .context .related-product input[type="submit"], .container.product .context .related-product html input::file-selector-button, html .container.product .context .related-product input::file-selector-button {
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
  background-color: var(--grey);
  padding: 6px 12px;
  display: flex;
  height: auto;
}
@media screen and (max-width: 950px) {
  .container.product .context .related-product button, .container.product .context .related-product .widget-menu-button, .container.product .context .related-product html .widget-actionbutton, html .container.product .context .related-product .widget-actionbutton, .container.product .context .related-product html .widget-button, html .container.product .context .related-product .widget-button, .container.product .context .related-product html .widget-submitbutton, html .container.product .context .related-product .widget-submitbutton, .container.product .context .related-product html .widget-filepicker-add, html .container.product .context .related-product .widget-filepicker-add, .container.product .context .related-product html input[type="submit"], html .container.product .context .related-product input[type="submit"], .container.product .context .related-product html input::file-selector-button, html .container.product .context .related-product input::file-selector-button {
    font-size: 20px;
    padding: 12px 24px;
  }
}
.container.product .context .related-product button:hover, .container.product .context .related-product .widget-menu-button:hover, .container.product .context .related-product html .widget-actionbutton:hover, html .container.product .context .related-product .widget-actionbutton:hover, .container.product .context .related-product html .widget-button:hover, html .container.product .context .related-product .widget-button:hover, .container.product .context .related-product html .widget-submitbutton:hover, html .container.product .context .related-product .widget-submitbutton:hover, .container.product .context .related-product html .widget-filepicker-add:hover, html .container.product .context .related-product .widget-filepicker-add:hover {
  background-color: var(--color-dark);
}
.container.product .context .related-product span {
  font-weight: 300;
}
.container.product .menu-mobile {
  display: none;
}
@media screen and (max-width: 950px) {
  .container.product .menu-mobile {
    background-color: var(--color-lighter);
    display: block;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: none;
    border: solid 4px var(--color-darker);
    text-align: center;
    padding: 0px 18px;
    position: fixed;
    bottom: -6px;
    left: -10px;
    right: -10px;
  }
  .container.product .menu-mobile .head {
    display: flex;
    justify-content: space-evenly;
    text-align: left;
  }
  .container.product .menu-mobile .license:before {
    font-family: "CCMP";
    content: "";
    font-size: 36px;
    align-self: flex-end;
    margin-right: 8px;
  }
  .container.product .menu-mobile .price {
    margin-left: 12px;
  }
  .container.product .menu-mobile .price p {
    margin: 6px 0 6px 0;
  }
  .container.product .menu-mobile .price .sub, .container.product .menu-mobile .price .non-sub {
    margin: 0px;
  }
  .container.product .menu-mobile .price p:first-of-type {
    font-weight: 600;
    color: var(--color-primary);
  }
  .container.product .menu-mobile .btn, .container.product .menu-mobile .primary {
    padding: 6px 12px;
  }
}
@media screen and (max-width: 950px) {
  .container.product .menu-mobile button, .container.product .menu-mobile .widget-menu-button, .container.product .menu-mobile html .widget-actionbutton, html .container.product .menu-mobile .widget-actionbutton, .container.product .menu-mobile html .widget-button, html .container.product .menu-mobile .widget-button, .container.product .menu-mobile html .widget-submitbutton, html .container.product .menu-mobile .widget-submitbutton, .container.product .menu-mobile html .widget-filepicker-add, html .container.product .menu-mobile .widget-filepicker-add, .container.product .menu-mobile html input[type="submit"], html .container.product .menu-mobile input[type="submit"], .container.product .menu-mobile html input::file-selector-button, html .container.product .menu-mobile input::file-selector-button {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    margin-bottom: 18px;
    margin: 0px 0px 12px 0px;
  }
}
.selection-container {
  max-width: var(--content-width);
  width: 100%;
  display: flex;
}
@media screen and (max-width: 950px) {
  .selection-container {
    width: calc(100% - 24px);
    display: block;
  }
}
.selection-container .left {
  width: 100%;
}
@media screen and (max-width: 950px) {
  .selection-container .left {
    min-width: none;
    display: flex;
    justify-content: center;
  }
}
.selection-container .left .table {
  max-width: 780px;
}
@media screen and (max-width: 950px) {
  .selection-container .left .table {
    width: calc(100%);
  }
}
@media screen and (max-width: 950px) {
  .selection-container .left .table tr {
    background-color: var(--color-lighter);
  }
}
@media screen and (max-width: 950px) {
  .selection-container .left .table td {
    border-bottom: 18px solid transparent;
  }
}
.selection-container .left .table table {
  margin-bottom: 12px;
}
@media screen and (max-width: 950px) {
  .selection-container .left .table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 18px;
  }
}
.selection-container .left .table .copy-table .head, .selection-container .left .table .campus-table .head {
  background-color: var(--color-light);
  opacity: 0;
}
.selection-container .left .table table:first-of-type .head {
  opacity: 1;
  position: inherit;
}
@media screen and (max-width: 950px) {
  .selection-container .left .table .head {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .selection-container .left .table .title {
    display: none;
  }
}
.selection-container .left .table .copy-row ~ .copy-row {
  border-top: none;
}
.selection-container .left .table .space {
  content: "";
  color: var(--color-light);
  width: 100%;
}
.selection-container .left .selection-title {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 950px) {
  .selection-container .left .selection-title {
    margin-bottom: 18px;
    justify-content: space-between;
  }
}
.selection-container .left .selection-title p {
  margin-left: 20px;
  font-size: 20px;
}
.selection-container .left .selection-title .check {
  visibility: hidden;
}
@media screen and (max-width: 950px) {
  .selection-container .left .selection-title .check {
    visibility: visible;
    margin-right: 70px;
  }
}
.selection-container .left .license-col {
  max-width: 41px;
}
@media screen and (max-width: 950px) {
  .selection-container .left .license-col {
    display: none;
  }
}
.selection-container .left .license-col p::before {
  font-family: "CCMP";
  content: "";
  font-size: 42px;
}
.selection-container .left .license-col p {
  text-align: center;
  display: grid;
}
.selection-container .left #copy p::before {
  font-family: "CCMP";
  content: "";
  font-size: 42px;
}
.selection-container .left .product-col {
  max-width: 200px;
}
.selection-container .left .product-col .product-number {
  width: fit-content;
  padding: 0 3px;
  margin: 3px 0px;
  font-size: 14px;
}
@media screen and (max-width: 950px) {
  .selection-container .left .product-col .product-number {
    margin-top: 24px;
    background-color: var(--color-darker);
    color: var(--color-primary);
  }
}
@media screen and (max-width: 950px) {
  .selection-container .left .product-col .product-type {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .selection-container .left .price-col {
    display: none;
  }
}
.selection-container .left .price-col p {
  text-align: center;
}
.selection-container .left .price-col p:first-of-type {
  margin-bottom: 18px;
}
.selection-container .left .select-col {
  position: relative;
  text-align: center;
}
.selection-container .left .select-col .cancel {
  position: absolute;
  top: 0;
  right: 0;
}
.selection-container .left .select-col .check {
  margin-left: 0px;
  justify-content: center;
}
@media screen and (max-width: 950px) {
  .selection-container .left .select-col .check {
    justify-content: flex-end;
    margin-right: 54px;
  }
}
.selection-container .right {
  margin: 123px 0 0 30px;
  min-width: 200px;
}
@media screen and (max-width: 950px) {
  .selection-container .right {
    display: none;
  }
}
.selection-container .right .menu {
  background-color: #fff;
  margin-bottom: 18px;
  padding-bottom: 18px;
  padding-top: 18px;
}
.selection-container .right #side-menu, .selection-container .right #side-menu-2 {
  position: relative;
}
.selection-container .right #side-menu .info-button, .selection-container .right #side-menu-2 .info-button {
  position: absolute;
  right: 16px;
  top: 0;
}
.selection-container .right #side-infos, .selection-container .right #side-infos-2 {
  opacity: 0;
  background-color: #FCF9E4;
  width: 200px;
  margin: 0;
  padding: 0px;
  text-align: left;
  font-size: 12px;
  margin-bottom: 36px;
}
.selection-container .right #side-infos .info-button, .selection-container .right #side-infos-2 .info-button {
  margin-top: 0;
  display: flex;
  justify-content: flex-end;
  width: 220px;
  right: -4px;
}
.selection-container .right #side-infos p, .selection-container .right #side-infos-2 p {
  padding: 18px 8px 6px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.selection-container .right #side-infos .inter, .selection-container .right #side-infos-2 .inter {
  margin: 0;
  padding: 4px 0px;
}
.selection-container .right #side-infos .inter:after, .selection-container .right #side-infos-2 .inter:after {
  margin-right: 44px;
}
.selection-container .right button, .selection-container .right .widget-menu-button, .selection-container .right html .widget-actionbutton, html .selection-container .right .widget-actionbutton, .selection-container .right html .widget-button, html .selection-container .right .widget-button, .selection-container .right html .widget-submitbutton, html .selection-container .right .widget-submitbutton, .selection-container .right html .widget-filepicker-add, html .selection-container .right .widget-filepicker-add, .selection-container .right html input[type="submit"], html .selection-container .right input[type="submit"], .selection-container .right html input::file-selector-button, html .selection-container .right input::file-selector-button {
  width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  margin-left: 16px;
}
.selection-container .right #buy {
  margin-top: 6px;
}
.selection-container .right #list {
  margin-bottom: 12px;
}
.selection-container #cart::after {
  font-family: "CCMP";
  content: "";
  font-size: 42px;
  margin-left: 6px;
  font-weight: 500;
}
@media screen and (max-width: 950px) {
  .selection-container #cart::after {
    font-size: 36px;
  }
}
.selection-container #buy::after {
  font-family: "CCMP";
  content: "";
  font-size: 42px;
  margin-left: 6px;
  font-weight: 500;
}
@media screen and (max-width: 950px) {
  .selection-container #buy::after {
    font-size: 36px;
  }
}
.selection-container #selection::after {
  font-family: "CCMP";
  content: "";
  font-size: 42px;
  margin-left: 6px;
  font-weight: 500;
}
@media screen and (max-width: 950px) {
  .selection-container #selection::after {
    font-size: 36px;
  }
}
.selection-container #list::after {
  font-family: "CCMP";
  content: "";
  font-size: 42px;
  margin-left: 6px;
  font-weight: 500;
}
@media screen and (max-width: 950px) {
  .selection-container #list::after {
    font-size: 36px;
  }
}
.container .standard .ccmp-adherents-index {
  text-align: center;
  font-size: 20px;
}
.container .standard .ccmp-adherents-index strong a {
  background-color: var(--color-primary);
  color: var(--color-light);
  padding: 0 5px;
}
.ccmp-adherents-list {
  font-size: 13px;
  border-collapse: collapse;
  margin: 0 30px;
}
.ccmp-adherents-list tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ccmp-adherents-list tr td {
  width: 50%;
}
.ccmp-adherents-list tr td.organizationEntity {
  font-size: 11px;
  color: #777;
}
.schools-cont {
  max-width: var(--content-width);
  width: 100%;
  min-height: 400px;
  display: flex;
  flex-direction: row;
}
.schools-cont .left {
  display: block;
  width: 700px;
  margin-top: 24px;
}
@media screen and (max-width: 950px) {
  .schools-cont .left {
    width: 100%;
  }
  .schools-cont .left .index {
    margin-left: 12px;
  }
}
.schools-cont .left a {
  color: var(--color-primary);
  text-decoration: none;
}
.schools-cont .right {
  margin: 68px 0 24px 6px;
}
.schools-cont .schools-header {
  background-color: var(--color-lighter);
}
@media screen and (max-width: 950px) {
  .schools-cont .schools-header {
    margin: 0px 12px;
  }
}
.schools-cont .schools-header h1 {
  border-bottom: 8px solid var(--color-primary);
  padding: 12px 6px 6px 12px;
  font-weight: 500;
  margin-top: 28px;
}
.schools-cont .schools-header p {
  padding: 0px 6px 12px 12px;
  font-style: italic;
}
.schools-cont ol {
  display: flex;
  flex-direction: row;
  padding: 0px;
  margin-top: 4px;
}
.schools-cont ol li {
  margin-top: 0px;
  padding-right: 4px;
  padding-left: 4px;
  cursor: pointer;
}
.schools-cont ol li.current {
  background-color: var(--color-primary);
}
.schools-cont .alphabet {
  display: flex;
}
@media screen and (max-width: 950px) {
  .schools-cont .alphabet .letter-list {
    overflow: auto;
    white-space: nowrap;
    margin-left: 12px;
  }
}
.schools-cont .alphabet .search {
  border: 0;
  height: 18px;
  width: 188px;
  padding: 12px 6px;
  margin-left: 12px;
}
@media screen and (max-width: 950px) {
  .schools-cont .alphabet .search {
    width: 160px;
    margin-right: 12px;
  }
}
.schools-cont .alphabet .input:after {
  font-family: "CCMP";
  content: "";
  color: var(--color-darker);
  font-size: 20px;
  line-height: 26px;
  position: absolute;
  transform: translate(-150%, 0%);
}
@media screen and (max-width: 950px) {
  .schools-cont .alphabet .input:after {
    right: -10px;
  }
}
@media screen and (max-width: 950px) {
  .schools-cont .table table tr:first-of-type {
    display: none;
  }
}
.schools-cont .table table tr {
  height: 64px;
}
.schools-cont .table table td {
  text-align: left;
}
.schools-cont .table .primary {
  display: flex;
  align-items: center;
  padding: 12px;
}
.crm-two-panel-page #crm_context_panel {
  width: auto ! important;
}
.search-results-page .crm-locationbar {
  display: none;
}
#facet {
  margin-top: -30px;
}
#facet > h2 {
  display: none;
}
@media screen and (max-width: 950px) {
  #facet {
    border: solid 4px var(--color-darker);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top: none;
    padding: 0px 24px 16px 24px;
    margin: 6px -10px 0px -10px;
  }
}
#searched_keyword::before {
  content: "« ";
}
#searched_keyword::after {
  content: " »";
}
.filter {
  display: block;
  font-size: 10px;
  margin-top: 8px;
}
.filter .header, .filter html .ui-widget-header, html .filter .ui-widget-header, .filter html .slider.open .widget-dockable-header, html .slider.open .filter .widget-dockable-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-primary);
  padding: 4px;
}
.filter .header .name, .filter html .ui-widget-header .name, html .filter .ui-widget-header .name, .filter html .slider.open .widget-dockable-header .name, html .slider.open .filter .widget-dockable-header .name {
  font-size: 16px;
  font-weight: 600;
}
.filter .header .showmore a, .filter html .ui-widget-header .showmore a, html .filter .ui-widget-header .showmore a, .filter html .slider.open .widget-dockable-header .showmore a, html .slider.open .filter .widget-dockable-header .showmore a {
  color: var(--color-darker);
  text-decoration: none;
  margin-right: 5px;
}
.filter .header .showmore a:hover, .filter html .ui-widget-header .showmore a:hover, html .filter .ui-widget-header .showmore a:hover, .filter html .slider.open .widget-dockable-header .showmore a:hover, html .slider.open .filter .widget-dockable-header .showmore a:hover {
  text-decoration: underline;
}
.filter .content {
  display: flex;
  flex-direction: column;
  background-color: var(--color-lighter);
  margin-bottom: 16px;
}
@media (prefers-color-scheme: dark) {
  .filter .content {
    background-color: var(--color-dark);
  }
}
@media screen and (max-width: 950px) {
  .filter .content {
    background-color: var(--color-light);
  }
}
.filter .content .option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: var(--color-darker);
}
@media (prefers-color-scheme: dark) {
  .filter .content .option {
    color: var(--color-lighter);
  }
}
.filter .content .option .name {
  display: flex;
  font-weight: 600;
  margin-left: 8px;
}
@media screen and (max-width: 950px) {
  .filter .content .option .name {
    font-size: 12px;
  }
}
.filter .content .option .name .count {
  font-weight: 400;
  margin-left: 4px;
}
.search-results-page .highlight em {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, yellow 100%);
  padding: 0 0.15em;
  border-radius: 5px;
}
.search-results-page .summary {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.4em;
  max-height: 14em;
}
.search-results-page #collectionFrame:empty {
  display: none;
}
.search-results-page #collectionFrame {
  margin: 0 0 0 25px;
  padding: 2em;
  line-height: 1.5em;
  background-color: var(--color-lighter);
  box-shadow: 0px 4px 16px -4px color-mix(in srgb, var(--color-dark) 20%, transparent);
  border-radius: 8px;
}
@media (prefers-color-scheme: dark) {
  .search-results-page #collectionFrame {
    background-color: var(--color-dark);
  }
}
.search-results-page #collectionFrame p {
  margin-top: 0;
  margin-bottom: 1em;
}
.search-results-page #ccmp_searchForm {
  display: none;
}
.search-results-page.crm-two-panel-page .crm-context-panel {
  width: 220px !important;
}
.search-results-page .content {
  display: flex;
  /*  		flex-direction: row;*/
}
.search-results-page .content .results {
  display: flex;
  flex-direction: column;
  margin: 85px 0 32px 25px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results {
    margin-left: 0px;
    margin-top: 12px;
  }
}
.search-results-page .content .results .result {
  background-color: var(--color-lighter);
  margin-bottom: 75px;
}
.search-results-page .content .results .result .resulticon {
  border: 4px solid #fff;
  border-radius: 4px;
}
@media (prefers-color-scheme: dark) {
  .search-results-page .content .results .result {
    background-color: var(--color-dark);
  }
}
.search-results-page .content .results .result .btn-wishlist {
  text-decoration: none;
}
.search-results-page .content .results .result .bottom {
  display: flex;
  align-items: flex-end;
  margin: 16px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .bottom {
    display: none;
  }
}
.search-results-page .content .results .result .bottom .left {
  flex: auto;
}
.search-results-page .content .results .result .bottom .left .related {
  background-color: var(--color-light);
  padding: 6px 10px;
}
@media (prefers-color-scheme: dark) {
  .search-results-page .content .results .result .bottom .left .related {
    background-color: var(--color-darker);
  }
}
.search-results-page .content .results .result .bottom .left .related div {
  font-size: 12px;
}
.search-results-page .content .results .result .bottom .left .related p {
  margin-top: 6px;
  margin-bottom: 0px;
}
.search-results-page .content .results .result .bottom button, .search-results-page .content .results .result .bottom .widget-menu-button, .search-results-page .content .results .result .bottom html .widget-actionbutton, html .search-results-page .content .results .result .bottom .widget-actionbutton, .search-results-page .content .results .result .bottom html .widget-button, html .search-results-page .content .results .result .bottom .widget-button, .search-results-page .content .results .result .bottom html .widget-submitbutton, html .search-results-page .content .results .result .bottom .widget-submitbutton, .search-results-page .content .results .result .bottom html .widget-filepicker-add, html .search-results-page .content .results .result .bottom .widget-filepicker-add, .search-results-page .content .results .result .bottom html input[type="submit"], html .search-results-page .content .results .result .bottom input[type="submit"], .search-results-page .content .results .result .bottom html input::file-selector-button, html .search-results-page .content .results .result .bottom input::file-selector-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--grey);
  margin: 0 0 0 6px;
}
.search-results-page .content .results .result .bottom button:hover, .search-results-page .content .results .result .bottom .widget-menu-button:hover, .search-results-page .content .results .result .bottom html .widget-actionbutton:hover, html .search-results-page .content .results .result .bottom .widget-actionbutton:hover, .search-results-page .content .results .result .bottom html .widget-button:hover, html .search-results-page .content .results .result .bottom .widget-button:hover, .search-results-page .content .results .result .bottom html .widget-submitbutton:hover, html .search-results-page .content .results .result .bottom .widget-submitbutton:hover, .search-results-page .content .results .result .bottom html .widget-filepicker-add:hover, html .search-results-page .content .results .result .bottom .widget-filepicker-add:hover {
  background-color: var(--color-dark);
}
.search-results-page .content .results .result .bottom .icon {
  width: 24px;
  height: 24px;
}
.search-results-page .content .results .result .bottom .icon::after {
  font-family: "CCMP";
  content: "";
  line-height: 24px;
  font-size: 24px;
  margin-left: 8px;
}
.search-results-page .content .results .result .header, .search-results-page .content .results .result html .ui-widget-header, html .search-results-page .content .results .result .ui-widget-header, .search-results-page .content .results .result html .slider.open .widget-dockable-header, html .slider.open .search-results-page .content .results .result .widget-dockable-header {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  border-top: 2px solid var(--color-primary);
}
.search-results-page .content .results .result .header .name, .search-results-page .content .results .result html .ui-widget-header .name, html .search-results-page .content .results .result .ui-widget-header .name, .search-results-page .content .results .result html .slider.open .widget-dockable-header .name, html .slider.open .search-results-page .content .results .result .widget-dockable-header .name {
  color: var(--color-primary);
  font-size: 20px;
  font-weight: 600;
}
.search-results-page .content .results .result .header .name a, .search-results-page .content .results .result html .ui-widget-header .name a, html .search-results-page .content .results .result .ui-widget-header .name a, .search-results-page .content .results .result html .slider.open .widget-dockable-header .name a, html .slider.open .search-results-page .content .results .result .widget-dockable-header .name a {
  text-decoration: none;
}
.search-results-page .content .results .result .header .favorite, .search-results-page .content .results .result html .ui-widget-header .favorite, html .search-results-page .content .results .result .ui-widget-header .favorite, .search-results-page .content .results .result html .slider.open .widget-dockable-header .favorite, html .slider.open .search-results-page .content .results .result .widget-dockable-header .favorite {
  color: var(--color-primary);
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.search-results-page .content .results .result .header .favorite::after, .search-results-page .content .results .result html .ui-widget-header .favorite::after, html .search-results-page .content .results .result .ui-widget-header .favorite::after, .search-results-page .content .results .result html .slider.open .widget-dockable-header .favorite::after, html .slider.open .search-results-page .content .results .result .widget-dockable-header .favorite::after {
  font-family: "CCMP";
  content: "";
  line-height: 32px;
  font-size: 32px;
  opacity: 0.5;
}
.search-results-page .content .results .result .header .favorite:hover::after, .search-results-page .content .results .result html .ui-widget-header .favorite:hover::after, html .search-results-page .content .results .result .ui-widget-header .favorite:hover::after, .search-results-page .content .results .result html .slider.open .widget-dockable-header .favorite:hover::after, html .slider.open .search-results-page .content .results .result .widget-dockable-header .favorite:hover::after {
  content: "";
  opacity: 1;
}
.search-results-page .content .results .result .header .favorite.checked::after, .search-results-page .content .results .result html .ui-widget-header .favorite.checked::after, html .search-results-page .content .results .result .ui-widget-header .favorite.checked::after, .search-results-page .content .results .result html .slider.open .widget-dockable-header .favorite.checked::after, html .slider.open .search-results-page .content .results .result .widget-dockable-header .favorite.checked::after {
  content: "";
  opacity: 1;
}
.search-results-page .content .results .result .authors {
  display: flex;
  background-color: var(--grey);
  padding: 10px 16px;
  font-size: 12px;
}
@media (prefers-color-scheme: dark) {
  .search-results-page .content .results .result .authors {
    background-color: var(--color-darker);
  }
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .authors {
    display: none;
  }
}
.search-results-page .content .results .result .content {
  display: flex;
  margin: 16px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .content {
    border-top: solid 12px var(--grey);
    margin: 0;
  }
}
.search-results-page .content .results .result .content .left {
  display: flex;
  flex-direction: column;
  min-width: 120px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .content .left {
    display: none;
  }
}
.search-results-page .content .results .result .content .left div {
  margin-bottom: 12px;
}
.search-results-page .content .results .result .content .center {
  display: inline;
  margin: 0 16px;
}
.search-results-page .content .results .result .content .center a {
  display: inline;
  color: var(--color-primary);
}
.search-results-page .content .results .result .content .center a:hover {
  text-decoration: underline;
}
.search-results-page .content .results .result .content .right {
  display: flex;
  min-width: 200px;
  flex-direction: column;
  margin-top: 0px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .content .right {
    display: none;
  }
}
.search-results-page .content .results .result .content .right img {
  object-fit: scale-down;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .content .right img {
    display: none;
  }
}
.search-results-page .content .results .result .content .right button, .search-results-page .content .results .result .content .right .widget-menu-button, .search-results-page .content .results .result .content .right html .widget-actionbutton, html .search-results-page .content .results .result .content .right .widget-actionbutton, .search-results-page .content .results .result .content .right html .widget-button, html .search-results-page .content .results .result .content .right .widget-button, .search-results-page .content .results .result .content .right html .widget-submitbutton, html .search-results-page .content .results .result .content .right .widget-submitbutton, .search-results-page .content .results .result .content .right html .widget-filepicker-add, html .search-results-page .content .results .result .content .right .widget-filepicker-add, .search-results-page .content .results .result .content .right html input[type="submit"], html .search-results-page .content .results .result .content .right input[type="submit"], .search-results-page .content .results .result .content .right html input::file-selector-button, html .search-results-page .content .results .result .content .right input::file-selector-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--grey);
  margin: 0 0 0 10px;
}
.search-results-page .content .results .result .content .right button:hover, .search-results-page .content .results .result .content .right .widget-menu-button:hover, .search-results-page .content .results .result .content .right html .widget-actionbutton:hover, html .search-results-page .content .results .result .content .right .widget-actionbutton:hover, .search-results-page .content .results .result .content .right html .widget-button:hover, html .search-results-page .content .results .result .content .right .widget-button:hover, .search-results-page .content .results .result .content .right html .widget-submitbutton:hover, html .search-results-page .content .results .result .content .right .widget-submitbutton:hover, .search-results-page .content .results .result .content .right html .widget-filepicker-add:hover, html .search-results-page .content .results .result .content .right .widget-filepicker-add:hover {
  background-color: var(--color-dark);
}
.search-results-page .content .results .result .content .right button .icon, .search-results-page .content .results .result .content .right .widget-menu-button .icon, .search-results-page .content .results .result .content .right html .widget-actionbutton .icon, html .search-results-page .content .results .result .content .right .widget-actionbutton .icon, .search-results-page .content .results .result .content .right html .widget-button .icon, html .search-results-page .content .results .result .content .right .widget-button .icon, .search-results-page .content .results .result .content .right html .widget-submitbutton .icon, html .search-results-page .content .results .result .content .right .widget-submitbutton .icon, .search-results-page .content .results .result .content .right html .widget-filepicker-add .icon, html .search-results-page .content .results .result .content .right .widget-filepicker-add .icon, .search-results-page .content .results .result .content .right html input[type="submit"] .icon, html .search-results-page .content .results .result .content .right input[type="submit"] .icon, .search-results-page .content .results .result .content .right html input::file-selector-button .icon, html .search-results-page .content .results .result .content .right input::file-selector-button .icon {
  width: 24px;
  height: 24px;
}
.search-results-page .content .results .result .content .right button .icon::after, .search-results-page .content .results .result .content .right .widget-menu-button .icon::after, .search-results-page .content .results .result .content .right html .widget-actionbutton .icon::after, html .search-results-page .content .results .result .content .right .widget-actionbutton .icon::after, .search-results-page .content .results .result .content .right html .widget-button .icon::after, html .search-results-page .content .results .result .content .right .widget-button .icon::after, .search-results-page .content .results .result .content .right html .widget-submitbutton .icon::after, html .search-results-page .content .results .result .content .right .widget-submitbutton .icon::after, .search-results-page .content .results .result .content .right html .widget-filepicker-add .icon::after, html .search-results-page .content .results .result .content .right .widget-filepicker-add .icon::after, .search-results-page .content .results .result .content .right html input[type="submit"] .icon::after, html .search-results-page .content .results .result .content .right input[type="submit"] .icon::after, .search-results-page .content .results .result .content .right html input::file-selector-button .icon::after, html .search-results-page .content .results .result .content .right input::file-selector-button .icon::after {
  font-family: "CCMP";
  content: "";
  line-height: 24px;
  font-size: 24px;
  margin-left: 8px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .content .right button .icon, .search-results-page .content .results .result .content .right .widget-menu-button .icon, .search-results-page .content .results .result .content .right html .widget-actionbutton .icon, html .search-results-page .content .results .result .content .right .widget-actionbutton .icon, .search-results-page .content .results .result .content .right html .widget-button .icon, html .search-results-page .content .results .result .content .right .widget-button .icon, .search-results-page .content .results .result .content .right html .widget-submitbutton .icon, html .search-results-page .content .results .result .content .right .widget-submitbutton .icon, .search-results-page .content .results .result .content .right html .widget-filepicker-add .icon, html .search-results-page .content .results .result .content .right .widget-filepicker-add .icon, .search-results-page .content .results .result .content .right html input[type="submit"] .icon, html .search-results-page .content .results .result .content .right input[type="submit"] .icon, .search-results-page .content .results .result .content .right html input::file-selector-button .icon, html .search-results-page .content .results .result .content .right input::file-selector-button .icon {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .content .right .file-btn {
    display: none;
  }
}
.search-results-page .content .results .result .content .right .btn-mobile {
  display: none;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .content .right .btn-mobile {
    display: grid;
    height: 66px;
    width: 66px;
    padding: 6px;
  }
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .content .right #select {
    grid-area: 1;
    background-color: var(--color-lighter);
    margin: 0px;
  }
  .search-results-page .content .results .result .content .right #select::after {
    font-family: "CCMP";
    content: "";
    line-height: 24px;
    font-size: 42px;
    margin: 0;
    font-weight: 500;
  }
  .search-results-page .content .results .result .content .right #select:hover::after {
    color: var(--color-primary);
  }
  .search-results-page .content .results .result .content .right #search {
    grid-area: 0.25;
    margin: 0px;
  }
  .search-results-page .content .results .result .content .right #search::after {
    font-family: "CCMP";
    content: "";
    line-height: 24px;
    font-size: 42px;
    margin: 0;
    font-weight: 500;
  }
  .search-results-page .content .results .result .content .right #consult {
    grid-area: 1;
    background-color: var(--color-lightprimary);
    margin: 0px;
  }
  .search-results-page .content .results .result .content .right #consult::after {
    font-family: "CCMP";
    content: "";
    line-height: 24px;
    font-size: 42px;
    margin: 0;
    font-weight: 500;
  }
  .search-results-page .content .results .result .content .right #cart {
    grid-area: 0.25;
    background-color: var(--color-primary);
    margin: 0px;
  }
  .search-results-page .content .results .result .content .right #cart::after {
    font-family: "CCMP";
    content: "";
    line-height: 24px;
    font-size: 42px;
    margin: 0;
    font-weight: 500;
  }
}
.search-results-page .content .results .result .note, .search-results-page .content .results .result .subjects {
  margin: 10px 16px;
}
.search-results-page .content .results .pagination {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .pagination {
    display: none;
  }
}
.search-results-page .content .results .pagination .number {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-left: 8px;
  font-weight: 600;
  cursor: pointer;
}
.search-results-page .content .results .pagination .number.current {
  background-color: var(--color-primary);
  color: var(--color-lighter);
}
.search-results-page .content .results .pagination .number:hover {
  background-color: var(--color-primary);
  color: var(--color-lighter);
}
.search-results-page.crm-two-panel-page > .widget-layout {
  display: flex;
  flex-direction: column;
  padding-top: 32px;
  max-width: var(--content-width);
  overflow-x: hidden;
}
@media screen and (max-width: 950px) {
  .search-results-page.crm-two-panel-page > .widget-layout {
    margin: 12px 0;
    padding-top: 12px;
    width: 100%;
  }
}
.search-results-page.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr {
  display: flex;
}
.search-results-page.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-main-panel {
  order: 2;
  flex-basis: 0;
}
.search-results-page.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel {
  order: 1;
}
@media screen and (max-width: 950px) {
  .search-results-page.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel {
    position: absolute;
    top: 60px;
    display: none;
    width: 100vw !important;
    z-index: 1;
    background-color: var(--color-light);
  }
  .search-results-page.crm-two-panel-page > .widget-layout .maximum > table > tbody > tr .crm-context-panel.open {
    display: block;
  }
}
.search-results-page .ccmp-detailed-info-frame {
  background-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-lighter));
  color: var(--color-dark);
  font-weight: 600;
  padding: 20px;
  border-radius: 8px;
}
.search-results-page .recap {
  color: var(--color-primary);
  background-color: var(--color-darker);
  padding: 10px;
  white-space: nowrap;
}
@media screen and (max-width: 950px) {
  .search-results-page .recap {
    display: none;
  }
}
.search-results-page .ccmp-results-info {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  margin-top: 25px;
}
@media screen and (max-width: 950px) {
  .search-results-page .ccmp-results-info {
    text-align: left;
    margin-left: 20px;
  }
}
.search-results-page .header, .search-results-page html .ui-widget-header, html .search-results-page .ui-widget-header, .search-results-page html .slider.open .widget-dockable-header, html .slider.open .search-results-page .widget-dockable-header {
  display: flex;
  justify-content: space-between;
}
.search-results-page .header .right, .search-results-page html .ui-widget-header .right, html .search-results-page .ui-widget-header .right, .search-results-page html .slider.open .widget-dockable-header .right, html .slider.open .search-results-page .widget-dockable-header .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.search-results-page .header .right .sorting, .search-results-page html .ui-widget-header .right .sorting, html .search-results-page .ui-widget-header .right .sorting, .search-results-page html .slider.open .widget-dockable-header .right .sorting, html .slider.open .search-results-page .widget-dockable-header .right .sorting {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  margin-top: 16px;
  align-items: center;
}
.search-results-page .header .right .sorting .top, .search-results-page html .ui-widget-header .right .sorting .top, html .search-results-page .ui-widget-header .right .sorting .top, .search-results-page html .slider.open .widget-dockable-header .right .sorting .top, html .slider.open .search-results-page .widget-dockable-header .right .sorting .top {
  margin-right: 10px;
}
@media screen and (max-width: 950px) {
  .search-results-page .header .right .sorting, .search-results-page html .ui-widget-header .right .sorting, html .search-results-page .ui-widget-header .right .sorting, .search-results-page html .slider.open .widget-dockable-header .right .sorting, html .slider.open .search-results-page .widget-dockable-header .right .sorting {
    display: none;
  }
}
.search-results-page .header .right .sorting .options, .search-results-page html .ui-widget-header .right .sorting .options, html .search-results-page .ui-widget-header .right .sorting .options, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options, html .slider.open .search-results-page .widget-dockable-header .right .sorting .options {
  margin-top: 0px;
  display: flex;
}
.search-results-page .header .right .sorting .options button:first-of-type, .search-results-page html .ui-widget-header .right .sorting .options button:first-of-type, .search-results-page html .ui-widget-header .right .sorting .options .widget-menu-button:first-of-type, .search-results-page html .ui-widget-header .right .sorting .options html .widget-actionbutton:first-of-type, html .search-results-page html .ui-widget-header .right .sorting .options .widget-actionbutton:first-of-type, .search-results-page html .ui-widget-header .right .sorting .options html .widget-button:first-of-type, html .search-results-page html .ui-widget-header .right .sorting .options .widget-button:first-of-type, .search-results-page html .ui-widget-header .right .sorting .options html .widget-submitbutton:first-of-type, html .search-results-page html .ui-widget-header .right .sorting .options .widget-submitbutton:first-of-type, .search-results-page html .ui-widget-header .right .sorting .options html .widget-filepicker-add:first-of-type, html .search-results-page html .ui-widget-header .right .sorting .options .widget-filepicker-add:first-of-type, html .search-results-page .ui-widget-header .right .sorting .options button:first-of-type, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options button:first-of-type, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-menu-button:first-of-type, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .widget-actionbutton:first-of-type, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-actionbutton:first-of-type, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .widget-button:first-of-type, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-button:first-of-type, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .widget-submitbutton:first-of-type, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-submitbutton:first-of-type, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .widget-filepicker-add:first-of-type, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-filepicker-add:first-of-type, html .slider.open .search-results-page .widget-dockable-header .right .sorting .options button:first-of-type, .search-results-page .header .right .sorting .options .widget-menu-button:first-of-type, .search-results-page .header .right .sorting .options html .widget-actionbutton:first-of-type, html .search-results-page .header .right .sorting .options .widget-actionbutton:first-of-type, .search-results-page .header .right .sorting .options html .widget-button:first-of-type, html .search-results-page .header .right .sorting .options .widget-button:first-of-type, .search-results-page .header .right .sorting .options html .widget-submitbutton:first-of-type, html .search-results-page .header .right .sorting .options .widget-submitbutton:first-of-type, .search-results-page .header .right .sorting .options html .widget-filepicker-add:first-of-type, html .search-results-page .header .right .sorting .options .widget-filepicker-add:first-of-type {
  margin-right: 6px;
}
.search-results-page .header .right .sorting .options button, .search-results-page html .ui-widget-header .right .sorting .options button, .search-results-page html .ui-widget-header .right .sorting .options .widget-menu-button, .search-results-page html .ui-widget-header .right .sorting .options html .widget-actionbutton, html .search-results-page html .ui-widget-header .right .sorting .options .widget-actionbutton, .search-results-page html .ui-widget-header .right .sorting .options html .widget-button, html .search-results-page html .ui-widget-header .right .sorting .options .widget-button, .search-results-page html .ui-widget-header .right .sorting .options html .widget-submitbutton, html .search-results-page html .ui-widget-header .right .sorting .options .widget-submitbutton, .search-results-page html .ui-widget-header .right .sorting .options html .widget-filepicker-add, html .search-results-page html .ui-widget-header .right .sorting .options .widget-filepicker-add, .search-results-page html .ui-widget-header .right .sorting .options html input[type="submit"], html .search-results-page html .ui-widget-header .right .sorting .options input[type="submit"], .search-results-page html .ui-widget-header .right .sorting .options html input::file-selector-button, html .search-results-page html .ui-widget-header .right .sorting .options input::file-selector-button, html .search-results-page .ui-widget-header .right .sorting .options button, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options button, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-menu-button, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .widget-actionbutton, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-actionbutton, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .widget-button, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-button, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .widget-submitbutton, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-submitbutton, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .widget-filepicker-add, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .widget-filepicker-add, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html input[type="submit"], html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options input[type="submit"], .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html input::file-selector-button, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options input::file-selector-button, html .slider.open .search-results-page .widget-dockable-header .right .sorting .options button, .search-results-page .header .right .sorting .options .widget-menu-button, .search-results-page .header .right .sorting .options html .widget-actionbutton, html .search-results-page .header .right .sorting .options .widget-actionbutton, .search-results-page .header .right .sorting .options html .widget-button, html .search-results-page .header .right .sorting .options .widget-button, .search-results-page .header .right .sorting .options html .widget-submitbutton, html .search-results-page .header .right .sorting .options .widget-submitbutton, .search-results-page .header .right .sorting .options html .widget-filepicker-add, html .search-results-page .header .right .sorting .options .widget-filepicker-add, .search-results-page .header .right .sorting .options html input[type="submit"], html .search-results-page .header .right .sorting .options input[type="submit"], .search-results-page .header .right .sorting .options html input::file-selector-button, html .search-results-page .header .right .sorting .options input::file-selector-button {
  margin: 0;
  background-color: var(--color-darker);
  color: var(--grey);
  padding: 8px;
  height: 32px;
}
.search-results-page .header .right .sorting .options button.current, .search-results-page html .ui-widget-header .right .sorting .options button.current, .search-results-page html .ui-widget-header .right .sorting .options .current.widget-menu-button, .search-results-page html .ui-widget-header .right .sorting .options html .current.widget-actionbutton, html .search-results-page html .ui-widget-header .right .sorting .options .current.widget-actionbutton, .search-results-page html .ui-widget-header .right .sorting .options html .current.widget-button, html .search-results-page html .ui-widget-header .right .sorting .options .current.widget-button, .search-results-page html .ui-widget-header .right .sorting .options html .current.widget-submitbutton, html .search-results-page html .ui-widget-header .right .sorting .options .current.widget-submitbutton, .search-results-page html .ui-widget-header .right .sorting .options html .current.widget-filepicker-add, html .search-results-page html .ui-widget-header .right .sorting .options .current.widget-filepicker-add, html .search-results-page .ui-widget-header .right .sorting .options button.current, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options button.current, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .current.widget-menu-button, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .current.widget-actionbutton, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .current.widget-actionbutton, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .current.widget-button, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .current.widget-button, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .current.widget-submitbutton, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .current.widget-submitbutton, .search-results-page html .slider.open .widget-dockable-header .right .sorting .options html .current.widget-filepicker-add, html .search-results-page html .slider.open .widget-dockable-header .right .sorting .options .current.widget-filepicker-add, html .slider.open .search-results-page .widget-dockable-header .right .sorting .options button.current, .search-results-page .header .right .sorting .options .current.widget-menu-button, .search-results-page .header .right .sorting .options html .current.widget-actionbutton, html .search-results-page .header .right .sorting .options .current.widget-actionbutton, .search-results-page .header .right .sorting .options html .current.widget-button, html .search-results-page .header .right .sorting .options .current.widget-button, .search-results-page .header .right .sorting .options html .current.widget-submitbutton, html .search-results-page .header .right .sorting .options .current.widget-submitbutton, .search-results-page .header .right .sorting .options html .current.widget-filepicker-add, html .search-results-page .header .right .sorting .options .current.widget-filepicker-add {
  background-color: var(--color-primary);
  color: var(--color-lighter);
}
.search-results-page #filter-button {
  display: none;
}
@media screen and (max-width: 950px) {
  .search-results-page #filter-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: absolute;
    top: -8px;
    right: 8px;
  }
  .search-results-page #filter-button p {
    margin-right: 6px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .search-results-page #filter-button span {
    transform: rotate(-90deg);
    font-size: 30px;
    margin-left: 6px;
    margin-right: 12px;
    margin-top: 0;
  }
}
@media screen and (max-width: 950px) {
  .search-results-page .content {
    display: block;
  }
}
.search-results-page .content aside, .search-results-page .content .aside {
  min-width: 220px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content aside, .search-results-page .content .aside {
    position: relative;
  }
}
.search-results-page .content .footer {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 8px 16px;
}
.search-results-page .content .footer .content {
  border: none;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .footer .left-center {
    display: flex;
  }
}
.search-results-page .content .footer .left, .search-results-page .content .footer .center {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .footer .left, .search-results-page .content .footer .center {
    display: block;
    font-size: 16px;
  }
}
.search-results-page .content .footer .left .title, .search-results-page .content .footer .center .title {
  color: var(--color-primary);
  margin-right: 8px;
}
.search-results-page .content .footer .left .content, .search-results-page .content .footer .center .content {
  padding: 0;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .footer .left .content, .search-results-page .content .footer .center .content {
    width: 200px;
  }
}
.search-results-page .content .footer .left .icon::after, .search-results-page .content .footer .center .icon::after {
  font-family: "CCMP";
  content: "";
  line-height: 24px;
  font-size: 24px;
  margin-left: 8px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .footer .left .icon::after, .search-results-page .content .footer .center .icon::after {
    font-size: 36px;
  }
}
.search-results-page .content .footer .left .external, .search-results-page .content .footer .center .external {
  position: absolute;
  bottom: -10px;
  left: 0;
  transform: translate(0, 100%);
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .footer .left .external, .search-results-page .content .footer .center .external {
    display: none;
  }
}
.search-results-page .content .footer .right {
  display: flex;
}
.search-results-page .content .footer .right #consult {
  background-color: var(--color-lightprimary);
}
.search-results-page .content .footer .right #cart {
  background-color: var(--color-primary);
}
.search-results-page .content .footer .right button, .search-results-page .content .footer .right .widget-menu-button, .search-results-page .content .footer .right html .widget-actionbutton, html .search-results-page .content .footer .right .widget-actionbutton, .search-results-page .content .footer .right html .widget-button, html .search-results-page .content .footer .right .widget-button, .search-results-page .content .footer .right html .widget-submitbutton, html .search-results-page .content .footer .right .widget-submitbutton, .search-results-page .content .footer .right html .widget-filepicker-add, html .search-results-page .content .footer .right .widget-filepicker-add, .search-results-page .content .footer .right html input[type="submit"], html .search-results-page .content .footer .right input[type="submit"], .search-results-page .content .footer .right html input::file-selector-button, html .search-results-page .content .footer .right input::file-selector-button {
  display: flex;
  align-items: center;
  padding: 8px;
  margin: 0;
  font-size: 12px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .footer .right button .description, .search-results-page .content .footer .right .widget-menu-button .description, .search-results-page .content .footer .right html .widget-actionbutton .description, html .search-results-page .content .footer .right .widget-actionbutton .description, .search-results-page .content .footer .right html .widget-button .description, html .search-results-page .content .footer .right .widget-button .description, .search-results-page .content .footer .right html .widget-submitbutton .description, html .search-results-page .content .footer .right .widget-submitbutton .description, .search-results-page .content .footer .right html .widget-filepicker-add .description, html .search-results-page .content .footer .right .widget-filepicker-add .description, .search-results-page .content .footer .right html input[type="submit"] .description, html .search-results-page .content .footer .right input[type="submit"] .description, .search-results-page .content .footer .right html input::file-selector-button .description, html .search-results-page .content .footer .right input::file-selector-button .description {
    display: none;
  }
}
.search-results-page .content .footer .right button .icon::after, .search-results-page .content .footer .right .widget-menu-button .icon::after, .search-results-page .content .footer .right html .widget-actionbutton .icon::after, html .search-results-page .content .footer .right .widget-actionbutton .icon::after, .search-results-page .content .footer .right html .widget-button .icon::after, html .search-results-page .content .footer .right .widget-button .icon::after, .search-results-page .content .footer .right html .widget-submitbutton .icon::after, html .search-results-page .content .footer .right .widget-submitbutton .icon::after, .search-results-page .content .footer .right html .widget-filepicker-add .icon::after, html .search-results-page .content .footer .right .widget-filepicker-add .icon::after, .search-results-page .content .footer .right html input[type="submit"] .icon::after, html .search-results-page .content .footer .right input[type="submit"] .icon::after, .search-results-page .content .footer .right html input::file-selector-button .icon::after, html .search-results-page .content .footer .right input::file-selector-button .icon::after {
  font-family: "CCMP";
  line-height: 24px;
  font-size: 24px;
  margin-left: 8px;
}
.search-results-page .content .footer .right button#consult .icon::after, .search-results-page .content .footer .right #consult.widget-menu-button .icon::after, .search-results-page .content .footer .right html #consult.widget-actionbutton .icon::after, html .search-results-page .content .footer .right #consult.widget-actionbutton .icon::after, .search-results-page .content .footer .right html #consult.widget-button .icon::after, html .search-results-page .content .footer .right #consult.widget-button .icon::after, .search-results-page .content .footer .right html #consult.widget-submitbutton .icon::after, html .search-results-page .content .footer .right #consult.widget-submitbutton .icon::after, .search-results-page .content .footer .right html #consult.widget-filepicker-add .icon::after, html .search-results-page .content .footer .right #consult.widget-filepicker-add .icon::after {
  content: "";
}
.search-results-page .content .footer .right button#cart, .search-results-page .content .footer .right #cart.widget-menu-button, .search-results-page .content .footer .right html #cart.widget-actionbutton, html .search-results-page .content .footer .right #cart.widget-actionbutton, .search-results-page .content .footer .right html #cart.widget-button, html .search-results-page .content .footer .right #cart.widget-button, .search-results-page .content .footer .right html #cart.widget-submitbutton, html .search-results-page .content .footer .right #cart.widget-submitbutton, .search-results-page .content .footer .right html #cart.widget-filepicker-add, html .search-results-page .content .footer .right #cart.widget-filepicker-add {
  margin-left: 8px;
}
.search-results-page .content .footer .right button#cart .icon::after, .search-results-page .content .footer .right #cart.widget-menu-button .icon::after, .search-results-page .content .footer .right html #cart.widget-actionbutton .icon::after, html .search-results-page .content .footer .right #cart.widget-actionbutton .icon::after, .search-results-page .content .footer .right html #cart.widget-button .icon::after, html .search-results-page .content .footer .right #cart.widget-button .icon::after, .search-results-page .content .footer .right html #cart.widget-submitbutton .icon::after, html .search-results-page .content .footer .right #cart.widget-submitbutton .icon::after, .search-results-page .content .footer .right html #cart.widget-filepicker-add .icon::after, html .search-results-page .content .footer .right #cart.widget-filepicker-add .icon::after {
  content: "";
}
.search-results-page .content .footer .right button:hover, .search-results-page .content .footer .right .widget-menu-button:hover, .search-results-page .content .footer .right html .widget-actionbutton:hover, html .search-results-page .content .footer .right .widget-actionbutton:hover, .search-results-page .content .footer .right html .widget-button:hover, html .search-results-page .content .footer .right .widget-button:hover, .search-results-page .content .footer .right html .widget-submitbutton:hover, html .search-results-page .content .footer .right .widget-submitbutton:hover, .search-results-page .content .footer .right html .widget-filepicker-add:hover, html .search-results-page .content .footer .right .widget-filepicker-add:hover {
  background-color: var(--grey);
}
/*** WIDGETS ***/
.positionHelper {
  z-index: 10001;
}
.BabLoginCadreBackground {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1em;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
/*.widget-submitbutton {
    @extend button, .primary;
	margin: 0;
}*/
.radioset-hidelastoption .widget-layout-hbox-item:last-child {
  display: none;
}
html .widget-discarded {
  transform: scaleY(0);
  display: none;
}
/*.widget-lineedit,
.widget-select,
.widget-checkbox,
.widget-textedit,
.widget-datepicker,
.widget-multiselect,
input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]),
select {
    @extend .form-control;
}



.widget-checkbox,
input[type=checkbox] {
    width:16px !important;
    height:16px !important;
    min-height:16px !important;
}
*/
input[type="checkbox"]:checked {
  background: var(--color-primary);
  color: var(--color-lighter);
}
input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background: var(--color-lighter);
  height: 22px;
  width: 22px;
  border: 2px solid var(--color-primary);
  color: white;
}
input[type="checkbox"]:after {
  content: " ";
  position: relative;
  left: 33%;
  top: 20%;
  width: 25%;
  height: 40%;
  border: solid var(--color-lighter);
  border-width: 0 2px 2px 0;
  transform: rotate(40deg);
  display: none;
}
input[type="checkbox"]:checked:after {
  display: block;
}
.widget-label {
  display: inline;
}
.widget-table-row.even {
  background-color: var(--grey);
}
.widget-table-row a.widget-link {
  text-decoration: underline;
}
.widget-table-row a.widget-link.button {
  text-decoration: none;
}
.widget-table-header .widget-table-row, .widget-table-footer .widget-table-row {
  background-color: var(--color-light);
}
.widget-table-header .widget-table-row a.widget-link, .widget-table-footer .widget-table-row a.widget-link {
  text-decoration: none;
}
html .widget-layout-flow-item:has(> .widget-discarded), html .widget-layout-vbox-item:has(> .widget-discarded), html .widget-layout-item:has(> .widget-discarded) {
  display: none;
}
html .widget-label.widget-description {
  font-weight: 500;
  font-size: 95%;
}
html .widget-list-element {
  padding: 8px 0;
  border-bottom: 1px dotted #ccc;
}
html .widget-delayed-action-loading > *, html .widget-delayeditem.loading > * {
  opacity: 1;
}
html a.button {
  display: flex;
  align-items: center;
  text-decoration: none;
  background-color: var(--grey);
  color: var(--color-dark);
  text-align: center;
  margin: 0;
  height: 36px;
  padding: 0 16px;
  font-size: 1rem;
  font-weight: 600;
  border: 1px solid #fff;
}
html a.button.small {
  padding: 0 10px;
  height: 24px;
  margin: 0;
}
html a.button.rounded {
  border-radius: 50%;
}
html a.button.info {
  width: 24px;
  height: 24px !important;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  padding: 0 !important;
  display: inline-block;
}
html a.button.info.incomplete:before {
  content: "?";
}
html a.button.info.incomplete {
  background-color: #7C9DC5;
  border-color: #7C9DC5;
}
html a.button.info.complete:before {
  content: "✓";
}
html a.button.info.complete {
  background-color: #6fbc8d;
  border-color: #6fbc8d;
}
html a.button:hover {
  background-color: #333;
  color: #fff;
}
html .widget-form-buttons {
  display: flex;
  justify-content: end;
  align-items: center;
}
html input[type="text"], html input[type="number"], html input[type="password"] {
  border: 1px solid #ccc;
  box-sizing: border-box;
  height: 36px;
  padding: 0 8px;
  font-size: 1rem;
}
html textarea, html .widget-textedit {
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 0 8px;
  font-size: 1rem;
}
html select, html .widget-select, html .ui-multiselect {
  position: relative;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  height: 36px;
  padding: 0px 8px;
  font-size: 1rem;
}
html .ui-multiselect {
  margin: 0;
  min-width: 100%;
}
html .ui-multiselect span.ui-icon {
  position: absolute;
  top: 14px;
  right: 5px;
  color: var(--color-dark) !important;
}
html .ui-multiselect-menu, html .widget-suggestlineedit-menu {
  border-radius: 0 !important;
  padding: 0;
  position: absolute;
  transform: translateY(-175px);
  min-width: 22em;
}
html .ui-multiselect-checkboxes li {
  font-size: 1em;
  padding: 0;
}
html .widget-suggestlineedit-menu li {
  padding: 4px;
  border: none;
}
html .widget-suggestlineedit-menu li .widget-suggestlineedit-link {
  font-size: 1em;
}
html .widget-suggestlineedit-menu li .widget-suggestlineedit-info {
  margin-top: 0.5em;
}
html .widget-suggestlineedit-menu li em {
  font-style: normal;
}
html select[multiple=multiple] {
  height: unset;
}
html button, html .widget-menu-button, html .widget-actionbutton, html .widget-button, html .widget-submitbutton, html .widget-filepicker-add, html input[type="submit"], html input::file-selector-button {
  font-family: unset;
}
html .widget-actionbutton, html .widget-button, html .widget-submitbutton, html .widget-filepicker-add, html input[type="submit"], html input::file-selector-button {
  margin: 0;
  height: 36px;
  padding: 0 16px;
  font-size: 1rem;
  font-family: unset;
}
html .ui-corner-all {
  border-radius: 0;
}
html .ui-widget, html .ui-widget input, html .ui-widget select, html .ui-widget textarea, html .ui-widget button, html .ui-widget .widget-menu-button, html .ui-widget .widget-actionbutton, html .ui-widget .widget-button, html .ui-widget .widget-submitbutton, html .ui-widget .widget-filepicker-add, html .ui-widget input[type="submit"], html .ui-widget input::file-selector-button {
  font-family: unset;
  font-size: 1rem;
}
html .ui-state-default, html .ui-widget-content .ui-state-default {
  border: none;
  background: var(--color-lighter);
  color: var(--color-dark);
}
html .ui-multiselect.ui-state-active, html .ui-widget-content .ui-multiselect.ui-state-active {
  border: none;
  background: var(--color-light);
  color: var(--color-dark);
}
html .ui-state-active, html .ui-widget-content .ui-state-active {
  border: none;
  background: var(--color-primary);
  color: var(--color-light);
}
html .ui-widget-header {
  border: none;
}
html .ui-dialog {
  min-width: 300px;
  padding: 0;
  border-radius: 0;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.65), 0 0 1px rgba(255, 255, 255, 0.65);
}
html .ui-dialog.ui-widget.ui-widget-content {
  border: none;
}
html .ui-dialog .ui-dialog-content {
  padding: 16px;
  min-width: 268px;
  max-height: calc(100vh - 135px) !important;
}
html .ui-dialog .ui-dialog-content .alert {
  margin: -16px -16px 10px -16px;
}
html .ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 6px 16px;
}
html .ui-dialog .container {
  display: block;
  max-width: none;
  margin-top: 0;
}
html .ui-dialog-titlebar {
  border-radius: 0;
}
html .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close {
  background: transparent;
  border: none;
  border-radius: 0;
  width: 32px;
  height: 32px;
  top: 7px;
  margin: 0;
}
html .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close:hover {
  background: white;
}
html .dialog-header-text {
  display: block;
  font-size: 95%;
  margin: 8px 0;
  max-width: 20em;
}
/* 
html .widget-list-element {
     @extend.list-group-item;
}


.widget-bordered {
     @extend .border;
}


.widget-toolbar {
    @extend .btn-toolbar;
}
.widget-toolbar > .widget-layout {
    @extend .btn-group;
}

.widget-toolbar:not(.crm-locationbar) > .widget-layout > .widget-layout-flow-item {
    @extend .btn;
}


.section-header-tag {
    @extend .badge
} 




.crm-locationbar {
    @extend .breadcrumb;
    
}
.crm-locationbar > .widget-layout > * {
    @extend .breadcrumb-item;
}




.widget-tableview .widget-layout-grid {
     @extend .table, .table-striped, .table-hover;
}
.widget-tableview .widget-layout-grid thead > tr > td {
    font-weight: bold;
}


.widget-pageselector {
    @extend .pagination;
}
.widget-pageselector .widget-page-previous,
.widget-pageselector .widget-page-next {
    @extend .page-item;
}

.widget-pageselector .widget-page-number,
.widget-pageselector .widget-page-number-current,
.widget-pageselector .widget-page-previous,
.widget-pageselector .widget-page-next {
    @extend .page-item, .page-link;
}
.widget-pageselector .widget-page-number,
.widget-pageselector .widget-page-number-current,
.widget-pageselector .widget-page-next {
    margin: 0 0 0 -1px;
}

  


.ui-state-default {
}

.ui-multiselect.ui-state-default {
    @extend .form-control;
}

.ui-multiselect-menu {
    @extend .dropdown-menu;
}

.ui-multiselect-checkboxes > li > label > span {
    vertical-align: middle;
}

.ui-multiselect-checkboxes > li > label > input {
    vertical-align: middle;
    margin: 0px 5px 0 5px;
}

.ui-multiselect {
	@extend .form-control;
}

.ui-widget, 
.ui-widget input, 
.ui-widget select,
.ui-widget textarea, 
.ui-widget button {
	font-family:$font-family-base;
}

.ui-tabs-nav {
	@extend .nav;
}




.ui-state-active a {
	color: #a21a5c !important;
	border: 1px solid #ddd !important;	
	border-top: #888 3px solid !important;
	border-top-color: #a21a5c !important;	
	border-bottom-color: transparent !important;  
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
    background: #fff !important;
}







.BabLoginMenuBackground input[type=submit],
.BabLoginMenuBackground input[type=button],
.BabLoginMenuBackground button {
     @extend .widget-submitbutton;
}



 
table.BabLoginCadreBackground > tbody > tr > td > table.BabLoginMenuBackground,     
td.BabLoginCadreBackground > table.BabLoginMenuBackground                           
{
     @extend .table;
     > tbody > tr > td {
        border-top: none;
    }
}
 

.BabLoginCadreBackground > table:not(.BabLoginMenuBackground) {
    @extend .table;
}

 
.crm-page,  {
    @extend .container
}

.search .section.section-basic,
.bab_SearchResults,
form[name="searchForm"]
 {
	@extend .container
}

.navbar-nav > li {
    @extend .nav-item;
} 

.navbar-nav a {
    @extend .nav-link;
} 

.nav-tabs li {
    @extend .nav-item;
}
.nav-tabs li a {
    @extend .nav-link;
} 
.nav-tabs li.active a {
    @extend .nav-link, .active;
}

.bab_toolbarItem {
    @extend .btn;
} 


.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
	z-index:10000 !important;

}
*/
#page-menu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  max-width: var(--content-width);
  margin: 16px 0;
  padding-bottom: 2px;
}
#page-menu span, #page-menu a {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 4px;
}
#page-menu span {
  background-color: var(--color-infoblue);
  color: var(--color-lighter);
}
#page-content {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#page-content > * {
  width: 100%;
  max-width: var(--content-width);
}
#page-content > *.fullwidth {
  max-width: 100%;
}
[id^="widget_babpage"] {
  background-color: #fff;
  padding: 0;
  box-sizing: border-box;
}
[id^="widget_babpage"] h1 {
  border-bottom: 8px solid var(--color-primary);
  padding: 12px 6px 6px 12px;
  margin: 0 0 20px 0;
  font-weight: 500;
}
[id^="widget_babpage"] h2 {
  color: var(--color-primary);
  margin: 45px 30px 15px 30px;
  font-weight: 500;
  font-size: 30px;
}
[id^="widget_babpage"] .widget-form {
  margin: 20px;
}
.BabSiteAdminTitleFontBackground > td {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
.BabForumBackground1 > td, .BabSiteAdminFontBackground > td {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
html .alert-dismissible .close {
  position: absolute;
  right: 6px;
  top: 4px;
  text-decoration: none;
  width: 28px;
  text-align: center;
  font-size: 28px;
  line-height: 28px;
}
html .alert {
  padding: 30px;
  position: relative;
}
html td .alert {
  padding: 10px;
  margin: 16px 0 0 0;
}
body.babbodypopup {
  padding: 0;
  border: none;
  display: block;
}
.bab-page-message {
  margin-top: 2em;
  padding: 2em;
  background-color: #ffe2a2;
  border: 1px solid #ffca59;
  font-size: large;
}
/*
.authors-bloc {
    @extend .authors;
}

*/
.authors .author-name .author::after, .authors .author-name .search-results-page .content .results .author-name::after, .search-results-page .content .results .authors .author-name .author-name::after {
  content: ", ";
}
.authors .author-name:last-child .author::after, .authors .author-name:last-child .search-results-page .content .results .author-name::after, .search-results-page .content .results .authors .author-name:last-child .author-name::after {
  content: "";
}
.header-description li {
  list-style-type: revert;
}
.bab_repeat {
  width: 1140px;
  margin: 0 auto;
}
.myIcons {
  display: flex;
  justify-content: space-between;
}
.linkSize {
  line-height: 1;
  display: block;
  text-align: center;
}
.iconique {
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  margin: 10px;
}
.editlinks-hoverbutton {
  position: relative !important;
  z-index: 4 !important;
}
.hoverMe {
  display: none;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-property: background-color;
  /* Safari */
  -webkit-transition-duration: 5s;
  /* Safari */
  -webkit-transition-delay: 0;
  /* Safari */
  transition-property: background-color;
  transition-duration: 1000ms;
  transition-delay: 500ms;
}
.iconique a:hover {
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow, transform;
}
.iconique a:hover .hoverMe {
  display: block;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
.index-page .page-header {
  height: 100vh;
}
@media screen and (max-height: 670px) {
  .index-page .page-header {
    height: 100vh;
  }
  .main-raised {
    margin: -25px 30px 0px !important;
  }
}
.titleicon {
  max-width: 132px;
}
.content .column .row, .row > .column {
  padding: 8px;
}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 140px;
  display: none;
  /* Hide columns by default */
}
/* Clear floats after rows */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* The "show" class is added to the filtered elements */
.show {
  display: block;
}
/* Add a grey background color on mouse-over */
.btn:hover {
  background-color: #ddd;
}
/* Add a dark background color to the active button */
.btn.active {
  background-color: #666;
  color: white;
}
.navbar .navbar-brand {
  height: 85px !important;
  background-image: url(../images/logonb.png) !important;
  width: 280px;
  background-repeat: no-repeat;
}
.navbar.navbar-transparent .navbar-brand {
  background-image: url(../images/logo.png) !important;
}
.navbar > .container, .navbar > .crm-page {
  flex: 0 0 1 !important;
  flex-basis: auto !important;
}
.portlets-edit-mode .bab-portlet-container.portlets-configurable {
  min-width: 100px;
}
.bab-portlets-container-social-network .nav-item {
  float: left;
}
.bab-portlets-container-social-network .widget-layout, .bab-portlets-container-social-network .widget-frame.portlet-frame {
  margin: 0 !important;
}
select {
  height: auto;
}
.bab-portlets-container-section-1 h2, .bab-portlets-container-section-1 p {
  padding: 20px !important;
  color: #777;
}
.BabTopicsTitleBackground {
  font-size: 18px;
  font-weight: bold;
}
.section-tabs {
  background: #EEE;
}
#find h1.title {
  display: none;
}
.card .card-header {
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(111, 66, 193, 0.6) !important;
  background: linear-gradient(45deg, #b7a2e0 0%, #9b7bd5 100%);
  border-radius: 3px;
  padding: 1rem 15px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  color: #fff;
}
.fader {
  color: #fff;
  font-size: 18px;
}
.fader:hover {
  color: #fff;
}
.edito-fader {
  font-size: 18px;
}
.hideMe {
  display: none;
}
.edito-fader a {
  color: #777;
  font-style: normal !important;
}
.associatedImg {
  float: left;
  max-width: 225px;
  margin-right: 15px;
}
.myApp {
  position: fixed;
  top: 185px;
  right: 30px;
  z-index: 10;
  animation: bounce 1s ease 2s;
}
@keyframes bounce {
  from {
    top: 185px;
  }
  50% {
    top: 155px;
  }
  to {
    top: 185px;
  }
}
td.cellule_collection a, td.cellule_collection a:visited {
  display: inline-block;
  padding: 8px 21px;
  background-color: var(--color-primary);
  line-height: 24px;
}
td.cellule_collection a:hover {
  background-color: var(--color-dark);
}
td.cellule_collection a span {
  color: white !important;
  font-size: 12px !important;
}
h2.msgerror {
  box-sizing: border-box;
  padding: 30px;
  position: relative;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  width: min(100%, var(--content-width));
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0;
}
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
a.btn-voir, a button, a .widget-menu-button, a html .widget-actionbutton, html a .widget-actionbutton, a html .widget-button, html a .widget-button, a html .widget-submitbutton, html a .widget-submitbutton, a html .widget-filepicker-add, html a .widget-filepicker-add, a html input[type="submit"], html a input[type="submit"], a html input::file-selector-button, html a input::file-selector-button, a:visited button, a:visited .widget-menu-button, a:visited html .widget-actionbutton, html a:visited .widget-actionbutton, a:visited html .widget-button, html a:visited .widget-button, a:visited html .widget-submitbutton, html a:visited .widget-submitbutton, a:visited html .widget-filepicker-add, html a:visited .widget-filepicker-add, a:visited html input[type="submit"], html a:visited input[type="submit"], a:visited html input::file-selector-button, html a:visited input::file-selector-button, a:active button, a:active .widget-menu-button, a:active html .widget-actionbutton, html a:active .widget-actionbutton, a:active html .widget-button, html a:active .widget-button, a:active html .widget-submitbutton, html a:active .widget-submitbutton, a:active html .widget-filepicker-add, html a:active .widget-filepicker-add, a:active html input[type="submit"], html a:active input[type="submit"], a:active html input::file-selector-button, html a:active input::file-selector-button {
  text-decoration: none;
}
header {
  left: 0;
}
#rightcontent {
  display: none;
}
.search-results-page .sorting a.selected {
  background-color: #6fbc8d;
  color: #fff;
}
.search-results-page .sorting a:first-of-type {
  margin-left: 6px;
}
.search-results-page .sorting a {
  margin: 0;
  background-color: #1a1a1a;
  color: #d8d8d8;
  padding: 8px;
  height: 32px;
}
.search-results-page .sorting .top {
  margin-right: 10px;
}
.search-results-page .right {
  position: relative;
}
.search-results-page .right .sorting {
  position: absolute;
  right: 0;
  font-size: 12px;
  margin-top: 16px;
}
#ccmp_search_sort_score, #ccmp_search_sort_date {
  font-weight: bold;
  font-size: 14px;
}
.search-results-page .content .results .pagination {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .pagination {
    display: none;
  }
}
.search-results-page .content .results .widget-page-number, .search-results-page .content .results .widget-page-previous, .search-results-page .content .results .widget-page-next, .search-results-page .content .results .widget-page-number-current {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-left: 2px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  color: #333;
  text-decoration: none;
  display: inline-block;
}
.search-results-page .content .results .widget-page-number-current {
  background-color: #6fbc8d;
  color: #fff;
}
.search-results-page .content .results .widget-page-number:hover, .search-results-page .content .results .widget-page-previous:hover, .search-results-page .content .results .widget-page-next:hover, .search-results-page .content .results .widget-page-number-current:hover {
  background-color: #6fbc8d;
  color: #fff;
}
.search-results-page .filter ul {
  padding: 0;
}
.search-results-page .content .results .result {
  width: 695px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result {
    width: 100vw;
  }
}
.search-results-page .content .results .result .center {
  width: 310px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .results .result .center {
    width: auto;
    margin: 16px !important;
  }
}
.search-results-page .content .footer .right #consult {
  width: 140px;
}
.search-results-page .content .footer .right #cart {
  width: 140px;
}
@media screen and (max-width: 950px) {
  .search-results-page .content .footer .right .description {
    display: none !important;
  }
  .search-results-page .content .footer .right #consult {
    width: 44px;
  }
  .search-results-page .content .footer .right #cart {
    width: 44px;
  }
  .ccmp-detailed-info-frame {
    display: none;
  }
  #ccmp_search_sort_buttons {
    display: none !important;
  }
}
a.option.name {
  text-decoration: none;
  color: #333;
  font-weight: 600;
}
a.option.name .number {
  font-weight: 300;
  display: inline-block;
  padding-left: 4px;
}
p.admin-site {
  margin: 0;
}
#trigger-overlay {
  margin: 0;
  border: none;
  padding: 8px 15px 7px 16px;
  outline: none;
  background: #0e6bbb;
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 12;
  font-size: 24px;
  color: white;
  border-radius: 50%;
  transition-duration: 0.2s;
}
#trigger-overlay:hover {
  border-radius: 10%;
}
/* Menu style */
.overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  /*	transform: translateY(-30px); */
  transition-duration: 0.1s;
  /*	transition: opacity 0.5s, visibility 0s 0.5s; */
  /* Overlay closing cross */
}
.overlay.open {
  /*		transform: translateY(0);*/
  opacity: 1;
  visibility: visible;
  z-index: 1000;
  backdrop-filter: contrast(0.5) saturate(0);
}
.overlay nav {
  width: 350px;
  max-height: 100vh;
  overflow-x: auto;
  text-align: left;
  position: relative;
  padding: 0;
  display: block;
  background: #0e6bbb;
}
.overlay nav h4 {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 4px 16px 2px 64px;
  margin: 0;
}
.overlay nav h5 {
  padding: 4px 16px 10px 64px;
  margin: 0;
  color: #fff;
}
.overlay nav ul {
  min-width: 0;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0 auto 20px auto;
  display: inline-block;
  position: relative;
}
.overlay nav ul li {
  display: block;
  text-align: left;
  padding: 0;
}
.overlay nav ul li a {
  padding: 3px 16px 3px 16px;
  margin-left: 48px;
  text-decoration: none;
  font-weight: 300;
  display: block;
  color: #fff;
}
.overlay nav ul li a:hover, .overlay nav ul li a:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
.overlay .overlay-close {
  position: absolute;
  left: 14px;
  top: 14px;
  width: 25px;
  height: 25px;
  margin: 0;
  overflow: hidden;
  border: none;
  background: url(../images/cross.png) no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
  opacity: 0.3;
}
.overlay .overlay-close:hover {
  opacity: 1;
}
.sitemap-container .standard ul.sitemap-menu li {
  list-style: none;
}
.sitemap-container .standard ul.sitemap-menu > li > span {
  font-weight: 500;
  font-size: 105%;
  text-transform: uppercase;
}
@media screen and (max-width: 950px) {
  .sitemap-container .standard ul.sitemap-menu {
    margin-left: 12px;
  }
  .sitemap-container .standard ul.sitemap-menu ul {
    margin-left: 30px;
  }
}
/*# sourceMappingURL=style.css.map */