/*
    deprecated variables, please only use those found in theme.scss
*/
/**
 * These colors are sorted by Hue, Lightness and Saturation.
 * *NOTE* the order is mixed and ascending.
 * The exception is for lightness under 10% and over 90%.
 * Those are grouped together with grays but sorted again by
 * Hue, Lightness and Saturation, again.
 **/
@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes slidein {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes wkb-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes wkb-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.cdm-workbench-icon-wrapper {
  text-align: center;
  display: inline-block;
}
.cdm-workbench-icon-wrapper .cdm-workbench-icon.hoverable:hover, .cdm-workbench-icon-wrapper .cdm-workbench-icon.hoverable:focus {
  cursor: pointer;
  outline: none;
}
.cdm-workbench-icon-wrapper .cdm-workbench-icon.hoverable:hover.bodystyle path, .cdm-workbench-icon-wrapper .cdm-workbench-icon.hoverable:focus.bodystyle path {
  fill: #f8982a !important;
  fill-rule: nonzero;
}
.cdm-workbench-icon-wrapper .cdm-workbench-icon.hoverable:hover.tabstyle path, .cdm-workbench-icon-wrapper .cdm-workbench-icon.hoverable:focus.tabstyle path {
  fill: #606060 !important;
  fill-rule: nonzero;
}
.cdm-workbench-icon-wrapper .cdm-workbench-icon.cdm-workbench-icon-disabled path {
  fill: #f5f5f5;
}
.cdm-workbench-icon-wrapper .cdm-workbench-icon.spin {
  -webkit-animation: wkb-spin 2s infinite linear;
          animation: wkb-spin 2s infinite linear;
}
.cdm-workbench-icon-wrapper .cdm-workbench-icon.spinreverse {
  animation: wkb-spin 2s infinite linear reverse;
}
/*
    deprecated variables, please only use those found in theme.scss
*/
/**
 * These colors are sorted by Hue, Lightness and Saturation.
 * *NOTE* the order is mixed and ascending.
 * The exception is for lightness under 10% and over 90%.
 * Those are grouped together with grays but sorted again by
 * Hue, Lightness and Saturation, again.
 **/
@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes slidein {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.cdm-workbenchtranslate {
  font-size: 1.66667rem;
  margin: 0.833333rem;
}
.cdm-workbenchtranslate p {
  border: 2px solid #f8982a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 3px 3px 5px #cccccc;
          box-shadow: 3px 3px 5px #cccccc;
}
.cdm-workbenchtranslate p span {
  margin: 1.66667rem;
}
html {
    /** sets the base font-size for rem units. needed for @veeva/corgix */
    font-size: 12px;
}

html,
body {
    margin: 0;
}