/* no css here, just imports */
/* side padding within page white box, used in several classes */
/*-- + --*/
/*consolidate with folder*/
/*-- compact view subtract 58px --*/
/* Sample media query:
    @include size(mobile) {
      padding: 0;
    }
    @include size(tablet) {
      padding: 0;
    }
    @include size(desktop) {
      padding: 0;
    }
    @include size(desktop-xl) {
      padding: 0;
    }
*/
/* Global styles */
button:focus, .btn:focus {
  outline: none !important; }

body {
  min-width: 768px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.9);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-feature-settings: "lnum" 1, "pnum" 1, "kern" 1, "liga" 1;
  -ms-font-feature-settings: "lnum" 1, "pnum" 1, "kern" 1, "liga" 1;
  -o-font-feature-settings: "lnum" 1, "pnum" 1, "kern" 1, "liga" 1;
  -webkit-font-feature-settings: "lnum" 1, "pnum" 1, "kern" 1, "liga" 1;
  font-feature-settings: "lnum" 1, "pnum" 1, "kern" 1, "liga" 1;
  font-kerning: normal; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  line-height: 1.3; }

h1 {
  font-size: 40px; }

h2, .h2 {
  font-size: 32px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 16px; }

h6, .h6 {
  font-size: 14px; }

h1, h2, h3, .h1, .h2, .h3 {
  font-family: "Bitter", serif;
  font-weight: 300; }

h5, .h5 {
  font-weight: 600; }

a, .link-style, .searchUsers .searchUserResult .userCard .username, a.h3, a.h4, a.h5, a.h6 {
  cursor: pointer;
  color: #4A90E2;
  text-decoration: none; }
  a:focus, a:hover, .link-style:focus, .searchUsers .searchUserResult .userCard .username:focus, .link-style:hover, .searchUsers .searchUserResult .userCard .username:hover, a.h3:focus, a.h3:hover, a.h4:focus, a.h4:hover, a.h5:focus, a.h5:hover, a.h6:focus, a.h6:hover {
    color: #23527c;
    text-decoration: underline; }

a.brokenLink {
  text-decoration: line-through;
  opacity: 0.5; }

strong {
  font-weight: 600; }

hr {
  margin: 0; }

video {
  width: 100%; }

.tooltip.in {
  /* override bootstrap tooltip opacity */
  opacity: 1.0; }

.form-control {
  font-size: 13px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.text-link {
  color: #4A90E2;
  cursor: pointer; }
  .text-link:hover {
    color: #2275d7;
    text-decoration: underline; }

table.loading, .filesListSection.loading {
  opacity: 0.5; }

.light-text {
  color: #999; }

.progress-bar {
  transition-duration: 100ms; }

.btn-group-sm > .btn, .btn-sm {
  font-size: 13px; }

.navbar {
  z-index: 99; }

header {
  z-index: 98;
  /* ensure headers always appear above content */ }

.ui-front, .tooltip {
  z-index: 100;
  /* ensure search suggestions dropdown is higher than navbar and header */ }

#content {
  min-height: 100%;
  position: absolute;
  width: 100%;
  min-width: inherit; }

.float-right {
  float: right; }

.block-align-right {
  width: 100%;
  text-align: right; }

.fixed-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #f2f2f2;
  padding: 10px 20px; }

.infoMessage {
  background-image: url(../../img/000560-circle-question-mark.png);
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.4; }
  .infoMessage:hover {
    opacity: 1.0; }

.no-padding {
  padding: 0 !important; }

.no-border, .no-border > tr > td {
  border: none !important; }

.dropdown-menu {
  padding-top: 5px;
  padding-bottom: 5px; }
  .dropdown-menu .divider {
    margin: 5px 0; }
  .dropdown-menu .alertCounter {
    top: 7px; }

.pointer, .dropdown-menu li a {
  cursor: pointer; }

button, .btn, .btnAction, .selectionInput, .footprintInput .userBox {
  outline: none;
  font-size: 13px; }

.btn {
  padding: 7px 12px; }

.btn-md {
  padding: 4px 12px 5px; }

.container-fluid {
  min-width: 600px;
  max-width: 1280px;
  position: relative; }
  .container-fluid.pageContainer, .container-fluid.no-padding {
    padding: 0; }

.themeBg {
  background-image: url(../../img/theme/theme_bg.jpg);
  background-color: #EB912D;
  background-size: cover;
  background-position: center center; }
  .themeBg.onWhite {
    background-image: none;
    background-color: white; }

.fullHeight {
  min-height: 100%;
  position: absolute;
  width: 100%; }

.overflowEllipsis, .contentItem .contentItemLink, .contentItem .contentItemLabel, .vllinkdlg table.result-list tbody tr td:nth-child(1), .userCardDetails .usernameWrapper, .userCard .userCardDetails .phone, .userCard .userCardDetails .mobile, .userCardMini .userCardDetails .phone, .userCardMini .userCardDetails .mobile, .userCard .userCardDetails .title, .userCardMini .userCardDetails .title, .userCard .userCardDetails .username, .userCardMini .userCardDetails .username, .searchFilters .btn span, .searchFilters .btn-link span, .search-header ul.searchScope li a, .navbar .userNav .btn .userNameContainer .userName, .searchOption .userNameWrapper, .searchOption .itemName, .searchOption .itemPath, .result-list .userNameWrapper, .result-list .itemName, .result-list .itemPath, .siteFileHeader .siteTitleContainer .headerRow .headerTitle h3, .siteFolderHeader .siteTitleContainer .headerRow .headerTitle h3, .siteTransferredHeader .siteTitleContainer .headerRow .headerTitle h3, .personHeader .headerRow .headerTitle ul.personDetails li, .siteHomeHeader .headerRow .headerTitle h3, .allSitesHeader .headerRow .headerTitle h3, .personHeader .headerRow .headerTitle h3, .siteHomeHeader .headerRow .headerTitle h2, .siteHomeHeader .headerRow .headerTitle .h2, .allSitesHeader .headerRow .headerTitle h2, .allSitesHeader .headerRow .headerTitle .h2, .personHeader .headerRow .headerTitle h2, .personHeader .headerRow .headerTitle .h2, .tableCellEllipsis, table.table.adminTable tr td, table.table tr .date, table.table tr .owner, table.table tr .kind, table.table tr .description, table.table tr .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.tableCellEllipsis, table.table.adminTable tr td, table.table tr .date, table.table tr .owner, table.table tr .kind, table.table tr .description, table.table tr .name {
  /* forces text in a table to ... off if it exceeds the cell width. No wrapping */
  max-width: 0; }

/*http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/*/
table.table tr td {
  /* scoped just to file/folder listing tables, not all tables */ }
  table.table tr td a {
    color: rgba(0, 0, 0, 0.9); }

.error {
  color: #e90c00; }

.personLink {
  cursor: pointer;
  display: inline-block;
  height: auto;
  line-height: 1.1;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
  margin-bottom: -3px;
  padding-bottom: 1px; }
  .personLink:hover {
    color: #4A90E2;
    text-decoration: underline; }
  .personLink.inactive {
    max-width: 66%; }

.scrollWrapper.filedrag .drag-border {
  display: none;
  opacity: 0.0;
  z-index: 999999; }

.scrollWrapper.filedrag .dragDropper {
  display: none; }

.scrollWrapper.fileDragEnable.filedrag {
  transition: all 0.2s; }
  .scrollWrapper.fileDragEnable.filedrag.hover {
    transition: all 0.2s; }
    .scrollWrapper.fileDragEnable.filedrag.hover .drag-border {
      height: 4px;
      width: 4px;
      display: block;
      position: fixed;
      background-color: #4A90E2;
      opacity: 0.8; }
      .scrollWrapper.fileDragEnable.filedrag.hover .drag-border.top {
        width: 100%;
        top: 0; }
      .scrollWrapper.fileDragEnable.filedrag.hover .drag-border.right {
        height: 100%;
        right: 0; }
      .scrollWrapper.fileDragEnable.filedrag.hover .drag-border.bottom {
        width: 100%;
        bottom: 0; }
      .scrollWrapper.fileDragEnable.filedrag.hover .drag-border.left {
        height: 100%;
        left: 0; }
    .scrollWrapper.fileDragEnable.filedrag.hover.nodrag {
      /* Style overrides in case user doesn't have permission to upload to a location */
      cursor: not-allowed;
      background-color: rgba(120, 66, 66, 0.16); }
      .scrollWrapper.fileDragEnable.filedrag.hover.nodrag .dragDropper {
        background-color: #e90c00; }
        .scrollWrapper.fileDragEnable.filedrag.hover.nodrag .dragDropper span:before {
          /* message displayed in the message box that appears */
          content: 'You don\'t have permission to upload here'; }
      .scrollWrapper.fileDragEnable.filedrag.hover.nodrag .drag-border {
        background-color: #e90c00; }
    .scrollWrapper.fileDragEnable.filedrag.hover .dragDropper {
      display: block;
      position: absolute;
      z-index: 9999;
      opacity: 0.9;
      text-align: center;
      color: white;
      background-color: #4a90e2;
      bottom: 30px;
      margin: 0 auto;
      padding: 20px;
      border-radius: 4px;
      width: 300px;
      left: 50%;
      margin-left: calc(-1*($message-width/2));
      /*adjust left to center */ }
      .scrollWrapper.fileDragEnable.filedrag.hover .dragDropper span:before {
        /* message displayed in the message box that appears */
        content: 'Drag and drop your files and folders here to upload!'; }

:fullscreen .hidefullscreen {
  display: none; }

body.pdfJsCustom {
  background-color: transparent;
  background-image: none; }

#mainToolbarContainer {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }

.toolbarWrapper {
  background-color: rgba(0, 0, 0, 0.1); }

#toolbarContainer {
  background-image: none;
  background-color: transparent;
  margin: 0 auto; }

.pdfViewer .page {
  border: none;
  border-image: none;
  margin-top: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
  .pdfViewer .page a {
    position: absolute;
    height: 100%;
    width: 100%; }

#toolbarSidebar {
  display: none; }

#sidebarContent {
  top: 0; }

.toolbarLabel, .toolbarField {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.8); }

.toolbarField {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent; }
  .toolbarField:hover, .toolbarField:focus {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4); }
  .toolbarField.pageNumber {
    padding: 2px 6px 2px;
    padding-right: 2px;
    margin-top: 5px;
    width: 25px;
    -moz-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms; }
    .toolbarField.pageNumber:hover, .toolbarField.pageNumber:focus {
      padding-right: 6px;
      width: 25px;
      -moz-transition: all 200ms ease;
      -webkit-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      transition: all 200ms; }

.dropdownToolbarButton {
  margin: 6px 2px 4px 0;
  border: 1px solid transparent; }

#scaleSelectContainer select#scaleSelect {
  height: 24px;
  padding: 3px 4px 4px; }

.doorHanger::before, .doorHanger::after {
  border: none;
  content: normal; }

.toolbarButton, .dropdownToolbarButton, .secondaryToolbarButton,
.overlayButton, .splitToolbarButton > .toolbarButton {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 300;
  border: 1px solid rgba(255, 255, 255, 0);
  box-shadow: none;
  color: rgba(255, 255, 255, 0.8); }
  .toolbarButton:hover, .toolbarButton:focus, .toolbarButton.toggled, .dropdownToolbarButton:hover, .dropdownToolbarButton:focus, .dropdownToolbarButton.toggled, .secondaryToolbarButton:hover, .secondaryToolbarButton:focus, .secondaryToolbarButton.toggled,
  .overlayButton:hover,
  .overlayButton:focus,
  .overlayButton.toggled, .splitToolbarButton > .toolbarButton:hover, .splitToolbarButton > .toolbarButton:focus, .splitToolbarButton > .toolbarButton.toggled {
    border: 1px solid rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.1);
    color: white; }
  .toolbarButton.toggled, .dropdownToolbarButton.toggled, .secondaryToolbarButton.toggled,
  .overlayButton.toggled, .splitToolbarButton > .toolbarButton.toggled {
    background-color: rgba(255, 255, 255, 0.3); }

.dropdownToolbarButton,
.overlayButton,
.splitToolbarButton:hover > .toolbarButton {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0);
  color: white; }
  .dropdownToolbarButton:hover, .dropdownToolbarButton:active,
  .overlayButton:hover,
  .overlayButton:active,
  .splitToolbarButton:hover > .toolbarButton:hover,
  .splitToolbarButton:hover > .toolbarButton:active {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1); }

.splitToolbarButtonSeparator {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.2); }

.findbar {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
  border: none;
  border-radius: 4px;
  margin-top: 0; }
  .findbar .toolbarLabel, .findbar .toolbarField {
    color: rgba(0, 0, 0, 0.9);
    font-weight: 400;
    text-shadow: none;
    padding: 4px 4px 3px;
    border-radius: 4px; }
  .findbar .toolbarField {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: white; }
  .findbar .splitToolbarButton > .toolbarButton {
    border: 1px solid rgba(0, 0, 0, 0.1); }
    .findbar .splitToolbarButton > .toolbarButton:hover {
      background-color: #CCE4FF;
      border: 1px solid rgba(0, 0, 0, 0.2); }
  .findbar .splitToolbarButtonSeparator {
    background-color: rgba(0, 0, 0, 0.2); }
  .findbar #findInput.notFound {
    background-color: #FFD7D7; }
  .findbar #findResultsCount {
    margin-top: 5px;
    background-color: transparent;
    border-color: transparent;
    font-weight: 700; }
    .findbar #findResultsCount::after {
      content: ' matches'; }
  .findbar #findMsg {
    color: #EB912D; }
    .findbar #findMsg.hidden {
      padding: 0;
      width: 0; }

button.providerOption {
  width: auto;
  max-width: 100%;
  padding: 14px 18px 14px 50px;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  border: 2px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  background-size: 28px;
  background-position: 12px center;
  background-repeat: no-repeat; }
  button.providerOption.okta {
    background-image: url("../../img/icon-login-okta.svg"); }
  button.providerOption.google {
    background-image: url("../../img/icon-login-google.svg"); }

.brandLarge h3 {
  background-image: url(../../img/theme/Logo-Veeva-inverted.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 50px;
  text-indent: -9999px; }

.loginContainer {
  margin-top: 200px; }
  .loginContainer .content {
    border: solid 1px black;
    border-radius: 8px;
    padding: 20px 40px 60px 40px; }
  .loginContainer .welcome {
    font-family: "Bitter", serif;
    font-weight: 300;
    font-size: 36px; }
  .loginContainer .providerOption {
    width: 100%;
    color: #4A90E2; }

input.homeSearch {
  transition: all 0.2s ease;
  width: 100%;
  max-width: 600px;
  margin: 50px auto;
  margin-bottom: 0px;
  padding: 15px 20px 15px 50px;
  height: auto;
  text-align: left;
  font-size: 16px;
  border: none;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
  border-radius: 8px;
  background-image: url(../../img/icon-SearchBar.png);
  background-repeat: no-repeat;
  background-position: 18px center;
  background-size: 18px; }
  input.homeSearch:focus {
    transition: all 0.2s ease;
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14); }

button.btn-home {
  transition: all 0.2s ease;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
  border: none;
  border-radius: 8px;
  padding: 12px 50px;
  margin: 50px auto 30px;
  font-size: 16px;
  color: #4A90E2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#dadada));
  background-image: -webkit-linear-gradient(top, white, #dadada);
  background-image: -moz-linear-gradient(top, white, #dadada);
  background-image: -ms-linear-gradient(top, white, #dadada);
  background-image: -o-linear-gradient(top, white, #dadada);
  background-image: linear-gradient(top, white, #dadada); }
  button.btn-home:hover {
    transition: all 0.2s ease;
    color: #4A90E2;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14); }

.homepageButton.mySite {
  transition: all 0.2s ease;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  display: inline-block;
  margin: 0 auto;
  padding: 15px;
  border: none;
  border-radius: 8px; }
  .homepageButton.mySite a.buttonlabel {
    display: flex; }
    .homepageButton.mySite a.buttonlabel div:not(.userPhoto) {
      padding-left: 40px;
      font-size: 16px;
      font-weight: 400; }
  .homepageButton.mySite:hover {
    transition: all 0.2s ease; }
    .homepageButton.mySite:hover .buttonlabel {
      color: white;
      text-decoration: none; }

.onWhite .brandLarge h3 {
  background-image: url(../../img/theme/Logo-Veeva.png); }

.onWhite input.homeSearch {
  border: 1px solid #e7e7e7;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.34); }
  .onWhite input.homeSearch:focus {
    transition: all 0.2s ease;
    border: 1px solid #EB912D;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px; }

.onWhite button.btn-home {
  box-shadow: none;
  border: 1px solid #e7e7e7; }

.onWhite .homepageButton.mySite a.buttonlabel {
  color: #4A90E2; }

.onWhite .homepageButton.mySite:hover .buttonlabel {
  color: #4A90E2; }

.onWhite .homepageButton.mySite:focus {
  outline: none !important; }

.velvetHammerTable {
  border: 1px solid #E4E4E4;
  margin: 30px 100px 0 100px;
  padding: 0 24px; }
  .velvetHammerTable .reasonRow td {
    padding: 16px 6px 10px 6px !important; }
  .velvetHammerTable .reasonRow .reason {
    background-position: center 20px !important; }
  .velvetHammerTable .review-reasons {
    right: 240px !important; }
  .velvetHammerTable tfoot td {
    padding-left: 52px !important;
    font-size: 16px;
    font-weight: 400; }
    .velvetHammerTable tfoot td a {
      color: #4A90E2 !important; }

.feedback {
  width: 90%;
  max-width: 600px;
  margin: 80px auto 20px;
  padding: 20px 15px;
  border-top: 1px solid #e5e5e5;
  font-size: 16px;
  font-color: rgba(0, 0, 0, 0.9); }
  .feedback a {
    color: #4A90E2; }

/**
  Handle all of the template swapping code for loading multiple modules
**/
#templateDiv0,
#templateDiv1,
#templateDiv2,
#templateDiv3,
#templateDiv4,
#templateDiv5,
#templateDiv6,
#templateDiv7 {
  position: absolute;
  min-height: 100%;
  width: 100%; }

/** active template swapping **/
.currentTemplate0 #templateDiv1,
.currentTemplate0 #templateDiv2,
.currentTemplate0 #templateDiv3,
.currentTemplate0 #templateDiv4,
.currentTemplate0 #templateDiv5,
.currentTemplate0 #templateDiv6,
.currentTemplate0 #templateDiv7,
.currentTemplate1 #templateDiv0,
.currentTemplate1 #templateDiv2,
.currentTemplate1 #templateDiv3,
.currentTemplate1 #templateDiv4,
.currentTemplate1 #templateDiv5,
.currentTemplate1 #templateDiv6,
.currentTemplate1 #templateDiv7,
.currentTemplate2 #templateDiv0,
.currentTemplate2 #templateDiv1,
.currentTemplate2 #templateDiv3,
.currentTemplate2 #templateDiv4,
.currentTemplate2 #templateDiv5,
.currentTemplate2 #templateDiv6,
.currentTemplate2 #templateDiv7,
.currentTemplate3 #templateDiv0,
.currentTemplate3 #templateDiv1,
.currentTemplate3 #templateDiv2,
.currentTemplate3 #templateDiv4,
.currentTemplate3 #templateDiv5,
.currentTemplate3 #templateDiv6,
.currentTemplate3 #templateDiv7,
.currentTemplate4 #templateDiv0,
.currentTemplate4 #templateDiv1,
.currentTemplate4 #templateDiv2,
.currentTemplate4 #templateDiv3,
.currentTemplate4 #templateDiv5,
.currentTemplate4 #templateDiv6,
.currentTemplate4 #templateDiv7,
.currentTemplate5 #templateDiv0,
.currentTemplate5 #templateDiv1,
.currentTemplate5 #templateDiv2,
.currentTemplate5 #templateDiv3,
.currentTemplate5 #templateDiv4,
.currentTemplate5 #templateDiv6,
.currentTemplate5 #templateDiv7,
.currentTemplate6 #templateDiv0,
.currentTemplate6 #templateDiv1,
.currentTemplate6 #templateDiv2,
.currentTemplate6 #templateDiv3,
.currentTemplate6 #templateDiv4,
.currentTemplate6 #templateDiv5,
.currentTemplate6 #templateDiv7,
.currentTemplate7 #templateDiv0,
.currentTemplate7 #templateDiv1,
.currentTemplate7 #templateDiv2,
.currentTemplate7 #templateDiv3,
.currentTemplate7 #templateDiv4,
.currentTemplate7 #templateDiv5,
.currentTemplate7 #templateDiv6 {
  display: none; }

/** the template loader had loading/error pages.
  We handle them ourselves **/
.infuser-loading {
  display: none !important; }

.infuser-error {
  display: none !important; }

.scrollWrapper {
  position: absolute;
  min-height: 100%;
  width: 100%;
  overflow-x: hidden; }
  .scrollWrapper.userDetails {
    overflow: hidden; }

.whiteBg {
  background: white; }

.sectionTabs {
  display: none;
  /*Hide tabs by default, expose when needed (all sites, site home) */ }

.sep, .searchScope .sep {
  display: inline-block;
  width: 24px;
  height: 12px;
  background-image: url(../../img/icon-chevron-white-inverted.png);
  background-repeat: no-repeat;
  -webkit-background-size: 16px;
  background-size: 16px;
  background-position: center center; }

header {
  position: absolute;
  width: 100%;
  padding-top: 50px;
  /* add margin to push down under nav bar */ }
  header h2, header .h2 {
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); }
    header h2 .personLink, header .h2 .personLink {
      margin-bottom: -5px; }
  header h3, header .breadcrumbs, header .sectionTabs {
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
  header .headerTitleDivider, header .headerTitleOwner {
    font-size: 14px; }
    header .headerTitleDivider .personLink, header .headerTitleOwner .personLink {
      display: inline;
      font-family: "Lato", sans-serif; }
      header .headerTitleDivider .personLink:hover, header .headerTitleOwner .personLink:hover {
        color: white; }
  header .headerTitleName {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 100px);
    vertical-align: bottom; }
  header .headerTitleDivider {
    margin: 0 2px; }
  header .container-fluid {
    min-height: 100%; }
  header .pageHeaderContainer {
    position: absolute;
    top: 0;
    width: calc(100% - 30px); }
  header .headerIcon {
    background-color: rgba(255, 255, 255, 0.2); }
  header .tabsAndActions {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px); }
  header.fixed {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    position: fixed;
    margin: 0;
    top: -50px;
    left: 0; }
  header.compact {
    position: fixed;
    top: -50px; }

.contentSpacer {
  /* Push main content areas down below fixed headers */
  position: relative; }
  .contentSpacer.allsites {
    margin-top: 214px; }
    .contentSpacer.allsites.compact {
      margin-top: 114px; }
  .contentSpacer.site {
    margin-top: 214px; }
    .contentSpacer.site.compact {
      margin-top: 156px; }
  .contentSpacer.person {
    margin-top: 266px; }
    .contentSpacer.person.compact {
      margin-top: 156px; }
  .contentSpacer.folder {
    margin-top: 150px; }
  .contentSpacer.fileView {
    margin-top: 120px; }
  .contentSpacer.page {
    margin-top: 120px; }
  .contentSpacer.search {
    margin-top: 82px; }
  .contentSpacer.hasBanner.site {
    margin-top: 246px; }
    .contentSpacer.hasBanner.site.compact {
      margin-top: 188px; }
  .contentSpacer.hasBanner.folder {
    margin-top: 182px; }
  .contentSpacer.hasBanner.fileView {
    margin-top: 152px; }
  .contentSpacer.hasBanner.page {
    margin-top: 152px; }

.headerIcon {
  width: 74px;
  height: 74px;
  border-radius: 9999px;
  float: left;
  text-align: center;
  box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1);
  -webkit-background-size: 80px;
  background-size: 80px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../../img/icons/icon-site-lg-inverted-512.png); }
  .headerIcon.no-shadow {
    box-shadow: none; }

.siteHomeHeader, .allSitesHeader, .personHeader {
  -moz-transition: height 0.2s ease;
  -webkit-transition: height 0.2s ease;
  -o-transition: height 0.2s ease;
  transition: height 0.2s ease;
  height: 214px; }
  .siteHomeHeader .headerRow, .allSitesHeader .headerRow, .personHeader .headerRow {
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s;
    padding: 32px 0 0;
    color: white; }
    .siteHomeHeader .headerRow .headerIcon, .allSitesHeader .headerRow .headerIcon, .personHeader .headerRow .headerIcon {
      /*for Site Overview */
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      margin-right: 20px;
      margin-left: 5px; }
    .siteHomeHeader .headerRow .headerTitle, .allSitesHeader .headerRow .headerTitle, .personHeader .headerRow .headerTitle {
      color: white;
      float: left;
      width: calc(100% - 105px);
      /* subtract width of icon */ }
      .siteHomeHeader .headerRow .headerTitle h2, .siteHomeHeader .headerRow .headerTitle .h2, .allSitesHeader .headerRow .headerTitle h2, .allSitesHeader .headerRow .headerTitle .h2, .personHeader .headerRow .headerTitle h2, .personHeader .headerRow .headerTitle .h2 {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 36px;
        font-weight: 300;
        height: 46px; }
      .siteHomeHeader .headerRow .headerTitle h3, .allSitesHeader .headerRow .headerTitle h3, .personHeader .headerRow .headerTitle h3 {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        font-family: "Lato", sans-serif;
        font-size: 18px;
        font-weight: 300;
        height: 21px;
        /* necessary for reserving the space when there's no description */
        margin-top: 6px;
        color: white;
        opacity: 1.0;
        line-height: 1.2; }
  .siteHomeHeader.compact, .allSitesHeader.compact, .personHeader.compact {
    /* Style adjustments for the compacted header when scrolled down */
    -moz-transition: height 0.2s ease;
    -webkit-transition: height 0.2s ease;
    -o-transition: height 0.2s ease;
    transition: height 0.2s ease;
    height: 156px; }
    .siteHomeHeader.compact .headerRow, .allSitesHeader.compact .headerRow, .personHeader.compact .headerRow {
      padding: 14px 0;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s; }
      .siteHomeHeader.compact .headerRow .headerTitle h2, .siteHomeHeader.compact .headerRow .headerTitle .h2, .allSitesHeader.compact .headerRow .headerTitle h2, .allSitesHeader.compact .headerRow .headerTitle .h2, .personHeader.compact .headerRow .headerTitle h2, .personHeader.compact .headerRow .headerTitle .h2 {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        margin-top: 12px;
        font-size: 24px;
        height: 30px; }
      .siteHomeHeader.compact .headerRow .headerTitle h3, .allSitesHeader.compact .headerRow .headerTitle h3, .personHeader.compact .headerRow .headerTitle h3 {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        margin-top: 3px;
        font-size: 16px;
        width: calc(100% - 200px); }
    .siteHomeHeader.compact .tabsAndActions, .allSitesHeader.compact .tabsAndActions, .personHeader.compact .tabsAndActions {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      margin-top: -39px; }

.personHeader {
  height: 266px; }
  .personHeader .headerRow {
    padding: 22px 0 11px; }
    .personHeader .headerRow .headerIcon {
      /*for Person Overview */
      position: relative;
      width: 144px;
      height: 144px;
      box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
      background-size: cover;
      background-image: url("../../img/site-icons/People-inverted.png"); }
    .personHeader .headerRow .headerTitle {
      width: calc(100% - 175px);
      /* subtract width of icon */ }
      .personHeader .headerRow .headerTitle .h2, .personHeader .headerRow .headerTitle .h2 {
        margin-top: 6px;
        margin-bottom: 0;
        font-size: 36px;
        font-weight: 300; }
      .personHeader .headerRow .headerTitle h3 {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 300;
        margin-top: 0px;
        height: 29px; }
      .personHeader .headerRow .headerTitle ul.personDetails {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        list-style: none;
        margin: 10px 0 0;
        padding: 0;
        width: 100%;
        max-width: 800px;
        position: relative;
        display: flex; }
        .personHeader .headerRow .headerTitle ul.personDetails .person-detail-column {
          display: flex;
          flex-direction: column;
          width: 33%; }
        .personHeader .headerRow .headerTitle ul.personDetails li {
          height: 20px;
          float: left;
          font-weight: 300;
          color: rgba(255, 255, 255, 0.9);
          line-height: 22px;
          padding-left: 18px;
          background-size: 14px;
          background-repeat: no-repeat;
          background-position: left 3px; }
          .personHeader .headerRow .headerTitle ul.personDetails li.office-phone {
            background-image: url(../../img/icon-phone-tiny.png); }
          .personHeader .headerRow .headerTitle ul.personDetails li.mobile {
            background-image: url(../../img/icon-mobile-tiny.png); }
          .personHeader .headerRow .headerTitle ul.personDetails li.email {
            background-image: url(../../img/icons/icon-email.svg);
            background-position-y: 75%; }
          .personHeader .headerRow .headerTitle ul.personDetails li.office-location {
            background-image: url(../../img/icons/icon-wfh-office.svg); }
          .personHeader .headerRow .headerTitle ul.personDetails li.home-location {
            background-image: url(../../img/icons/icon-wfh-home.svg); }
          .personHeader .headerRow .headerTitle ul.personDetails li.orgwiki {
            background-image: url(../../img/icon-orgwiki-tiny.png); }
          .personHeader .headerRow .headerTitle ul.personDetails li.linkedin {
            background-image: url(../../img/icon-linked-tiny.png); }
          .personHeader .headerRow .headerTitle ul.personDetails li.role-product {
            padding-left: 0; }
          .personHeader .headerRow .headerTitle ul.personDetails li a {
            text-decoration: none;
            color: rgba(255, 255, 255, 0.9); }
            .personHeader .headerRow .headerTitle ul.personDetails li a:hover {
              color: white;
              font-weight: 400; }
          .personHeader .headerRow .headerTitle ul.personDetails li .noInfo {
            opacity: 0.3; }
          .personHeader .headerRow .headerTitle ul.personDetails li .bold {
            font-weight: 600; }
        .personHeader .headerRow .headerTitle ul.personDetails.hidePersonDetails {
          display: none; }
  .personHeader .tabsAndActions {
    padding: 0 0 0 170px; }
  .personHeader.compact {
    /* Style adjustments for the compacted header when scrolled down */
    height: 156px; }
    .personHeader.compact .pageHeaderContainer .headerRow .headerIcon {
      margin-right: 20px;
      width: 74px;
      height: 74px; }
    .personHeader.compact .pageHeaderContainer .headerRow .headerTitle h2, .personHeader.compact .pageHeaderContainer .headerRow .headerTitle .h2 {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      margin-top: 12px;
      font-size: 24px; }
    .personHeader.compact .pageHeaderContainer .headerRow .headerTitle h3, .personHeader.compact .pageHeaderContainer .headerRow .headerTitle .personDetails {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      opacity: 0.0;
      height: 0; }
    .personHeader.compact .tabsAndActions {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      margin-top: -39px;
      padding-left: 100px; }

.allSitesHeader {
  /* OVERRIDES FOR ALL SITES PAGE HEADER */
  height: 214px;
  transition: all 0.2s; }
  .allSitesHeader .headerRow {
    padding: 32px 0 19px; }
    .allSitesHeader .headerRow .pageTitle {
      transition: all 0.2s ease;
      height: 50px;
      margin-top: 15px;
      text-indent: -9999em;
      background-image: url(../../img/theme/Logo-Veeva-inverted.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
  .allSitesHeader.onWhite .headerRow .pageTitle {
    background-image: url(../../img/theme/Logo-Veeva.png); }
  .allSitesHeader .tabsAndActions {
    padding-bottom: 10px; }
  .allSitesHeader.compact {
    /* Style adjustments for the compacted header when scrolled down */
    /* THIS IS NOT YET IMPLEMENTED FOR ALL SITES */
    height: 114px; }
    .allSitesHeader.compact .headerRow {
      padding: 14px 0; }
      .allSitesHeader.compact .headerRow .pageTitle {
        transition: all 0.2s ease;
        height: 30px;
        margin-top: 0; }
    .allSitesHeader.compact .tabsAndActions {
      margin-top: -36px;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s; }

.siteHomeHeader .headerTitle .headerTitleOwner {
  font-size: 18px; }

.siteHomeHeader.compact .headerTitle .headerTitleOwner {
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s;
  font-size: 16px; }

.transferredSites {
  float: left;
  margin-top: 15px; }
  .transferredSites .transferredSites-site {
    display: flex;
    align-items: center; }
    .transferredSites .transferredSites-site .headerIcon {
      height: 60px;
      width: 60px;
      background-size: 60px; }
      .transferredSites .transferredSites-site .headerIcon:hover {
        cursor: pointer; }
    .transferredSites .transferredSites-site .headerTitle {
      float: left; }
      .transferredSites .transferredSites-site .headerTitle a {
        font-size: 18px;
        font-weight: 500; }
      .transferredSites .transferredSites-site .headerTitle:hover {
        cursor: pointer; }
    .transferredSites .transferredSites-site .dropdown {
      margin-left: auto; }
      .transferredSites .transferredSites-site .dropdown button {
        margin-left: 10px; }
      .transferredSites .transferredSites-site .dropdown .dropdown-menu {
        top: 0;
        left: 45px; }

.siteFileHeader, .siteFolderHeader, .siteTransferredHeader {
  background-color: #406DA8; }
  .siteFileHeader .sectionTabs, .siteFolderHeader .sectionTabs, .siteTransferredHeader .sectionTabs {
    display: block; }
  .siteFileHeader .siteTitleContainer .headerRow, .siteFolderHeader .siteTitleContainer .headerRow, .siteTransferredHeader .siteTitleContainer .headerRow {
    padding: 0;
    position: relative; }
    .siteFileHeader .siteTitleContainer .headerRow .headerIcon, .siteFolderHeader .siteTitleContainer .headerRow .headerIcon, .siteTransferredHeader .siteTitleContainer .headerRow .headerIcon {
      margin-right: 10px;
      margin-left: 5px; }
    .siteFileHeader .siteTitleContainer .headerRow .headerTitle, .siteFolderHeader .siteTitleContainer .headerRow .headerTitle, .siteTransferredHeader .siteTitleContainer .headerRow .headerTitle {
      height: 70px;
      padding-top: 10px;
      padding-left: 55px; }
      .siteFileHeader .siteTitleContainer .headerRow .headerTitle h3, .siteFolderHeader .siteTitleContainer .headerRow .headerTitle h3, .siteTransferredHeader .siteTitleContainer .headerRow .headerTitle h3 {
        font-family: "Lato", sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: white;
        margin: 0; }
        .siteFileHeader .siteTitleContainer .headerRow .headerTitle h3 a, .siteFolderHeader .siteTitleContainer .headerRow .headerTitle h3 a, .siteTransferredHeader .siteTitleContainer .headerRow .headerTitle h3 a {
          color: rgba(255, 255, 255, 0.9); }
          .siteFileHeader .siteTitleContainer .headerRow .headerTitle h3 a:hover, .siteFolderHeader .siteTitleContainer .headerRow .headerTitle h3 a:hover, .siteTransferredHeader .siteTitleContainer .headerRow .headerTitle h3 a:hover {
            color: white;
            text-decoration: none; }
    .siteFileHeader .siteTitleContainer .headerRow .leftDescription, .siteFolderHeader .siteTitleContainer .headerRow .leftDescription, .siteTransferredHeader .siteTitleContainer .headerRow .leftDescription {
      padding-right: 0; }
    .siteFileHeader .siteTitleContainer .headerRow .rightActions, .siteFolderHeader .siteTitleContainer .headerRow .rightActions, .siteTransferredHeader .siteTitleContainer .headerRow .rightActions {
      height: 70px; }
      .siteFileHeader .siteTitleContainer .headerRow .rightActions .parentActionButtons, .siteFolderHeader .siteTitleContainer .headerRow .rightActions .parentActionButtons, .siteTransferredHeader .siteTitleContainer .headerRow .rightActions .parentActionButtons {
        position: absolute;
        bottom: 0;
        right: 15px; }

.siteFolderHeader, .siteTransferredHeader {
  height: 150px; }
  .siteFolderHeader .siteTitleContainer .headerRow .headerIcon, .siteTransferredHeader .siteTitleContainer .headerRow .headerIcon {
    /*for Site Overview */
    margin-top: 13px;
    width: 74px;
    height: 74px;
    -webkit-background-size: 80px;
    background-size: 80px; }
  .siteFolderHeader .siteTitleContainer .headerRow .headerTitle, .siteTransferredHeader .siteTitleContainer .headerRow .headerTitle {
    height: 100px;
    padding-top: 20px;
    padding-left: 79px; }
    .siteFolderHeader .siteTitleContainer .headerRow .headerTitle h3, .siteTransferredHeader .siteTitleContainer .headerRow .headerTitle h3 {
      font-family: "Bitter", serif;
      font-size: 24px;
      font-weight: 300; }
  .siteFolderHeader .siteTitleContainer .headerRow .rightActions, .siteTransferredHeader .siteTitleContainer .headerRow .rightActions {
    height: 100px; }

.siteFileHeader {
  height: 120px; }
  .siteFileHeader .siteTitleContainer .headerRow .headerIcon {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-left: 5px;
    -webkit-background-size: 52px;
    background-size: 52px; }

.breadcrumb-container {
  width: 100%;
  height: 24px; }
  .breadcrumb-container .breadcrumbs {
    height: auto;
    padding: 3px 0 0;
    margin: 0;
    background: none;
    font-family: "Lato", sans-serif;
    font-size: 14px; }
    .breadcrumb-container .breadcrumbs .bcLevel, .breadcrumb-container .breadcrumbs .sep {
      display: inline-block;
      overflow: hidden;
      height: 24px; }
    .breadcrumb-container .breadcrumbs .bcLevel {
      font-weight: 400;
      color: rgba(255, 255, 255, 0.8);
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-left: 9px; }
    .breadcrumb-container .breadcrumbs .bcLink {
      color: white; }
      .breadcrumb-container .breadcrumbs .bcLink:first-child {
        padding-left: 0; }
      .breadcrumb-container .breadcrumbs .bcLink:hover {
        color: white;
        text-decoration: underline; }
    .breadcrumb-container .breadcrumbs .bcLocation {
      color: rgba(255, 255, 255, 0.4);
      background-image: url(../../img/icon-item-lock.png);
      background-position: right 2px;
      background-size: 10px;
      background-repeat: no-repeat;
      padding-left: 10px;
      padding-right: 14px;
      cursor: default; }
      .breadcrumb-container .breadcrumbs .bcLocation:first-child {
        padding-left: 0px;
        background-position: right 2px; }
    .breadcrumb-container .breadcrumbs .sep {
      width: 6px;
      position: absolute;
      background-size: 14px;
      background-position: -4px 2px;
      opacity: 0.8; }
    .breadcrumb-container .breadcrumbs .sep:last-child {
      display: none; }
    .breadcrumb-container .breadcrumbs.level1 .bcLevel {
      max-width: calc(100% - 79px); }
    .breadcrumb-container .breadcrumbs.level2 .bcLevel {
      max-width: calc((100% - 79px) / 2); }
    .breadcrumb-container .breadcrumbs.level3 .bcLevel {
      max-width: calc((100% - 79px) / 3); }
    .breadcrumb-container .breadcrumbs.level4 .bcLevel {
      max-width: calc((100% - 79px) / 4); }
    .breadcrumb-container .breadcrumbs.level5 .bcLevel {
      max-width: calc((100% - 79px) / 5); }

.pageContainer .pageHeaderContainer {
  color: white; }

.contentContainer .pageDocTitle {
  padding: 10px 30px 0; }
  .contentContainer .pageDocTitle h2, .contentContainer .pageDocTitle .h2 {
    margin-bottom: 0; }

.archive-banner {
  display: flex;
  height: 32px;
  padding: 0 105px;
  background-color: #F3E9B9;
  transition: all 0.2s; }
  .archive-banner .container-fluid {
    display: flex;
    min-width: 1118px; }
    .archive-banner .container-fluid .row {
      display: flex;
      align-items: center; }
      .archive-banner .container-fluid .row .icon-archive {
        background-image: url(../../img/icons/icon-archive-overlay-dark.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 13px;
        height: 13px;
        width: 13px; }
      .archive-banner .container-fluid .row .updated-date {
        margin-left: 4px;
        font-size: 12px; }

.review-reasons {
  opacity: 1;
  position: absolute;
  padding: 8px 12px 0 8px;
  background-color: #FDFDFD;
  color: rgba(0, 0, 0, 0.9);
  font-size: 12px;
  border: 1px solid #D8D8D8;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: all 250ms ease; }
  .review-reasons.inactive {
    opacity: 0;
    visibility: hidden; }
  .review-reasons ul {
    list-style-type: none;
    padding-left: 4px; }
    .review-reasons ul li {
      text-align: left; }
      .review-reasons ul li b {
        margin-left: 6px; }

.needs-review-banner {
  display: flex;
  height: 32px;
  padding: 0 105px;
  background-color: #FF0000;
  transition: all 0.2s; }
  .needs-review-banner.nonOwner {
    background-color: #F6DCDF; }
    .needs-review-banner.nonOwner .icon-warning {
      background-image: url(../../img/icons/icon-warning-triangle.svg) !important; }
    .needs-review-banner.nonOwner .review-label {
      color: #000 !important; }
      .needs-review-banner.nonOwner .review-label .label-hover {
        color: #4A90E2 !important; }
        .needs-review-banner.nonOwner .review-label .label-hover .review-reasons {
          top: 2.5em;
          left: 16em !important; }
      .needs-review-banner.nonOwner .review-label .request-review {
        margin-left: 4px;
        color: #4A90E2;
        cursor: pointer; }
        .needs-review-banner.nonOwner .review-label .request-review:hover {
          text-decoration: underline; }
  .needs-review-banner .container-fluid {
    display: flex;
    max-width: 1320px;
    width: 100%;
    padding-left: 50px; }
    .needs-review-banner .container-fluid .row {
      display: flex;
      width: 100%;
      align-items: center; }
      .needs-review-banner .container-fluid .row .icon-warning {
        margin-top: 2px;
        background-image: url(../../img/icons/icon-warning-triangle-inverted.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        height: 20px;
        width: 20px; }
      .needs-review-banner .container-fluid .row .review-label {
        margin-left: 3px;
        font-size: 12px;
        color: #FFFFFF; }
        .needs-review-banner .container-fluid .row .review-label .label-hover {
          cursor: pointer; }
          .needs-review-banner .container-fluid .row .review-label .label-hover .review-reasons {
            top: 2.5em;
            left: 26em; }
      .needs-review-banner .container-fluid .row .review-actions {
        margin-left: auto; }
        .needs-review-banner .container-fluid .row .review-actions button {
          height: 20px;
          margin-left: 6px;
          font-size: 11px;
          line-height: 0; }

.browseView {
  max-width: 1280px;
  margin: 0 auto; }
  .browseView .overviewPageLeftCol.constrainedWidth, .browseView h5.overviewPageLeftCol.folderDescription {
    margin: 0 auto;
    float: none; }
  .browseView .archiveDivider {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    cursor: pointer; }
    .browseView .archiveDivider .arrow {
      display: inline-block;
      margin-bottom: 2px;
      padding: 3px;
      border: solid rgba(0, 0, 0, 0.9);
      border-width: 0 3px 3px 0; }
    .browseView .archiveDivider .right {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }
    .browseView .archiveDivider .down {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
    .browseView .archiveDivider span {
      flex-grow: 0;
      margin: 0 10px 0 0; }
    .browseView .archiveDivider hr {
      flex-grow: 1; }

.vault-banner {
  display: flex;
  height: 32px;
  padding: 0 105px;
  transition: all 0.2s;
  background-color: #eee; }
  .vault-banner .container-fluid {
    display: flex;
    width: 100%;
    padding-left: 50px;
    max-width: 1320px; }
    .vault-banner .container-fluid .row {
      display: flex;
      width: 100%;
      align-items: center; }
  .vault-banner .icon-annotations {
    background-image: url(../../img/icon-annotations.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    height: 13px;
    width: 13px;
    margin-right: 5px; }

.pageDocTitle h2, .pageDocTitle .h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef; }

.tabsAndActions, .sectionTabContainer {
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s;
  margin: 0; }
  .tabsAndActions .sectionTabs, .sectionTabContainer .sectionTabs {
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s;
    display: block;
    width: 100%;
    margin-left: -20px; }
    .tabsAndActions .sectionTabs .btn, .sectionTabContainer .sectionTabs .btn {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      font-size: 18px;
      padding: 5px 20px 6px 20px;
      min-height: 40px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border: none;
      background: none;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 300;
      border-bottom: 6px solid rgba(255, 255, 255, 0); }
    .tabsAndActions .sectionTabs .btn:hover, .sectionTabContainer .sectionTabs .btn:hover {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      color: white;
      font-weight: 300;
      border-bottom: 6px solid rgba(255, 255, 255, 0.3); }
    .tabsAndActions .sectionTabs .btn:focus, .sectionTabContainer .sectionTabs .btn:focus {
      outline: none; }
    .tabsAndActions .sectionTabs .btn.selected, .tabsAndActions .sectionTabs .btn.active, .sectionTabContainer .sectionTabs .btn.selected, .sectionTabContainer .sectionTabs .btn.active {
      color: white;
      font-weight: 400;
      text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
      border-bottom: 6px solid rgba(255, 255, 255, 0.9); }
  .tabsAndActions .btn-group.open .dropdown-toggle, .sectionTabContainer .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white; }

.onWhite .tabsAndActions .parentActionButtons .parentActionButton:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #333; }

.onWhite .tabsAndActions .parentActionButtons .parentActionButton.typeNew {
  background-image: url(../../img/icon-add.png); }

.sectionTabContainer {
  margin-bottom: 20px; }
  .sectionTabContainer .sectionTabs {
    border-bottom: 1px solid #e7e7e7;
    margin-left: 0; }
    .sectionTabContainer .sectionTabs .btn {
      font-weight: 400;
      background: none;
      color: rgba(0, 0, 0, 0.5);
      border-bottom: 6px solid rgba(0, 0, 0, 0); }
    .sectionTabContainer .sectionTabs .btn:hover {
      font-weight: 400;
      color: black;
      border-bottom: 6px solid rgba(0, 0, 0, 0.3); }
    .sectionTabContainer .sectionTabs .btn.selected, .sectionTabContainer .sectionTabs .btn.active {
      color: black;
      text-shadow: none;
      border-bottom: 6px solid #4A90E2;
      box-shadow: none; }

h3.suggestionsHeader {
  margin-top: 14px; }

.suggestionsSubHeader {
  font-weight: 400; }

.tableOptions.containerTableOptions {
  margin-top: 20px; }

.footprintInput.containerFootprintInput {
  min-width: 330px; }

.alertCounter {
  background-color: #e90c00;
  color: white;
  font-size: 10px;
  font-weight: 700;
  border-radius: 999px;
  padding: 3px 5px;
  min-width: 20px;
  text-align: center;
  z-index: 97; }

li .alertCounter, .tab .alertCounter {
  position: absolute;
  right: 6px;
  top: 5px; }

/* PAGE EDITOR STYLES */
.pageTitleContainer {
  position: fixed;
  width: 100%;
  height: 120px;
  z-index: 1;
  background: #406DA8;
  padding: 20px 0 0; }
  .pageTitleContainer input, .pageTitleContainer h2, .pageTitleContainer .h2 {
    color: white;
    font-family: "Bitter", serif;
    font-size: 32px; }
  .pageTitleContainer input {
    /* kill all form styles */
    background: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.3); }
    .pageTitleContainer input:focus {
      outline: none;
      border-bottom: 1px dotted rgba(255, 255, 255, 0.5); }
  .pageTitleContainer .pageTitleInput, .pageTitleContainer .pageTitle {
    width: calc(100% - 200px);
    display: inline-block;
    margin: 0; }
  .pageTitleContainer h2.pageTitle, .pageTitleContainer .h2.pageTitle {
    margin-top: 0px; }
  .pageTitleContainer .pageOptionContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 0 35px;
    background: rgba(0, 0, 0, 0.2); }
    .pageTitleContainer .pageOptionContainer .pageTemplateOption {
      color: white; }
    .pageTitleContainer .pageOptionContainer label {
      font-weight: 400; }
    .pageTitleContainer .pageOptionContainer select.form-control {
      height: 23px;
      padding: 0; }
  .pageTitleContainer .error {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    padding: 15px 30px;
    border: 1px solid red;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.95); }

.pageToolBar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: white;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
  .pageToolBar #ckeditortop {
    position: relative;
    max-width: 900px;
    margin: 0 auto; }
    .pageToolBar #ckeditortop .cke_chrome {
      border: none;
      box-shadow: none; }
    .pageToolBar #ckeditortop #cke_pageContent {
      min-width: 750px; }

.contentSpacer.page-editor {
  /* pushes content down under the fixed header. */
  height: 120px; }

#errorWrapper {
  padding: 12px;
  font-size: 13px;
  background: #e90c00; }
  #errorWrapper button {
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 4px;
    border: none;
    background: white;
    box-shadow: none; }
  #errorWrapper #errorMoreInfo {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.9);
    margin-top: 15px;
    padding: 8px;
    border: none;
    border-radius: 4px; }

.searchScope .sep {
  background-image: url(../../img/icon-chevron-right.png);
  width: 14px; }

/* Theming color choices */
/* DUPLICATED IN ckedit.scss */
.Blue {
  background-color: #406DA8;
  background-image: -webkit-gradient(linear, left top, right top, from(#406DA8), to(#2b4971));
  background-image: -webkit-linear-gradient(left, #406DA8, #2b4971);
  background-image: -moz-linear-gradient(left, #406DA8, #2b4971);
  background-image: -ms-linear-gradient(left, #406DA8, #2b4971);
  background-image: -o-linear-gradient(left, #406DA8, #2b4971);
  background-image: linear-gradient(left, #406DA8, #2b4971);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#406DA8', end-colourStr='#2b4971', gradientType='1'); }

.Black {
  background-color: #5a5a5a;
  background-image: -webkit-gradient(linear, left top, right top, from(#5a5a5a), to(#343434));
  background-image: -webkit-linear-gradient(left, #5a5a5a, #343434);
  background-image: -moz-linear-gradient(left, #5a5a5a, #343434);
  background-image: -ms-linear-gradient(left, #5a5a5a, #343434);
  background-image: -o-linear-gradient(left, #5a5a5a, #343434);
  background-image: linear-gradient(left, #5a5a5a, #343434);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#5a5a5a', end-colourStr='#343434', gradientType='1'); }

.Aqua {
  background-color: #0AAE89;
  background-image: -webkit-gradient(linear, left top, right top, from(#0AAE89), to(#066650));
  background-image: -webkit-linear-gradient(left, #0AAE89, #066650);
  background-image: -moz-linear-gradient(left, #0AAE89, #066650);
  background-image: -ms-linear-gradient(left, #0AAE89, #066650);
  background-image: -o-linear-gradient(left, #0AAE89, #066650);
  background-image: linear-gradient(left, #0AAE89, #066650);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#0AAE89', end-colourStr='#066650', gradientType='1'); }

.Orange {
  background-color: #D78933;
  background-image: -webkit-gradient(linear, left top, right top, from(#D78933), to(#9e621f));
  background-image: -webkit-linear-gradient(left, #D78933, #9e621f);
  background-image: -moz-linear-gradient(left, #D78933, #9e621f);
  background-image: -ms-linear-gradient(left, #D78933, #9e621f);
  background-image: -o-linear-gradient(left, #D78933, #9e621f);
  background-image: linear-gradient(left, #D78933, #9e621f);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#D78933', end-colourStr='#9e621f', gradientType='1'); }

.Purple {
  background-color: #74469C;
  background-image: -webkit-gradient(linear, left top, right top, from(#74469C), to(#4d2e67));
  background-image: -webkit-linear-gradient(left, #74469C, #4d2e67);
  background-image: -moz-linear-gradient(left, #74469C, #4d2e67);
  background-image: -ms-linear-gradient(left, #74469C, #4d2e67);
  background-image: -o-linear-gradient(left, #74469C, #4d2e67);
  background-image: linear-gradient(left, #74469C, #4d2e67);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#74469C', end-colourStr='#4d2e67', gradientType='1'); }

.Red {
  background-color: #9E2828;
  background-image: -webkit-gradient(linear, left top, right top, from(#9E2828), to(#611919));
  background-image: -webkit-linear-gradient(left, #9E2828, #611919);
  background-image: -moz-linear-gradient(left, #9E2828, #611919);
  background-image: -ms-linear-gradient(left, #9E2828, #611919);
  background-image: -o-linear-gradient(left, #9E2828, #611919);
  background-image: linear-gradient(left, #9E2828, #611919);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#9E2828', end-colourStr='#611919', gradientType='1'); }

.Green {
  background-color: #56980A;
  background-image: -webkit-gradient(linear, left top, right top, from(#56980A), to(#2d5005));
  background-image: -webkit-linear-gradient(left, #56980A, #2d5005);
  background-image: -moz-linear-gradient(left, #56980A, #2d5005);
  background-image: -ms-linear-gradient(left, #56980A, #2d5005);
  background-image: -o-linear-gradient(left, #56980A, #2d5005);
  background-image: linear-gradient(left, #56980A, #2d5005);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#56980A', end-colourStr='#2d5005', gradientType='1'); }

.Yellow {
  background-color: #BCAE00;
  background-image: -webkit-gradient(linear, left top, right top, from(#BCAE00), to(#706700));
  background-image: -webkit-linear-gradient(left, #BCAE00, #706700);
  background-image: -moz-linear-gradient(left, #BCAE00, #706700);
  background-image: -ms-linear-gradient(left, #BCAE00, #706700);
  background-image: -o-linear-gradient(left, #BCAE00, #706700);
  background-image: linear-gradient(left, #BCAE00, #706700);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#BCAE00', end-colourStr='#706700', gradientType='1'); }

/* http://uigradients.com/ */
.Starfall {
  background-color: #F0C27B;
  background-image: -webkit-gradient(linear, left top, right top, from(#F0C27B), to(#4B1248));
  background-image: -webkit-linear-gradient(left, #F0C27B, #4B1248);
  background-image: -moz-linear-gradient(left, #F0C27B, #4B1248);
  background-image: -ms-linear-gradient(left, #F0C27B, #4B1248);
  background-image: -o-linear-gradient(left, #F0C27B, #4B1248);
  background-image: linear-gradient(left, #F0C27B, #4B1248);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#F0C27B', end-colourStr='#4B1248', gradientType='1'); }

.Parklife {
  background-color: #ADD100;
  background-image: -webkit-gradient(linear, left top, right top, from(#ADD100), to(#7B920A));
  background-image: -webkit-linear-gradient(left, #ADD100, #7B920A);
  background-image: -moz-linear-gradient(left, #ADD100, #7B920A);
  background-image: -ms-linear-gradient(left, #ADD100, #7B920A);
  background-image: -o-linear-gradient(left, #ADD100, #7B920A);
  background-image: linear-gradient(left, #ADD100, #7B920A);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#ADD100', end-colourStr='#7B920A', gradientType='1'); }

.Ash {
  background-color: #606C88;
  background-image: -webkit-gradient(linear, left top, right top, from(#606C88), to(#3F4C6B));
  background-image: -webkit-linear-gradient(left, #606C88, #3F4C6B);
  background-image: -moz-linear-gradient(left, #606C88, #3F4C6B);
  background-image: -ms-linear-gradient(left, #606C88, #3F4C6B);
  background-image: -o-linear-gradient(left, #606C88, #3F4C6B);
  background-image: linear-gradient(left, #606C88, #3F4C6B);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#606C88', end-colourStr='#3F4C6B', gradientType='1'); }

.Reef {
  background-color: #19b6c1;
  background-image: -webkit-gradient(linear, left top, right top, from(#19b6c1), to(#03599a));
  background-image: -webkit-linear-gradient(left, #19b6c1, #03599a);
  background-image: -moz-linear-gradient(left, #19b6c1, #03599a);
  background-image: -ms-linear-gradient(left, #19b6c1, #03599a);
  background-image: -o-linear-gradient(left, #19b6c1, #03599a);
  background-image: linear-gradient(left, #19b6c1, #03599a);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#19b6c1', end-colourStr='#03599a', gradientType='1'); }

.Candy {
  background-color: #FC354C;
  background-image: -webkit-gradient(linear, left top, right top, from(#FC354C), to(#0ABFBC));
  background-image: -webkit-linear-gradient(left, #FC354C, #0ABFBC);
  background-image: -moz-linear-gradient(left, #FC354C, #0ABFBC);
  background-image: -ms-linear-gradient(left, #FC354C, #0ABFBC);
  background-image: -o-linear-gradient(left, #FC354C, #0ABFBC);
  background-image: linear-gradient(left, #FC354C, #0ABFBC);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#FC354C', end-colourStr='#0ABFBC', gradientType='1'); }

.Dusk {
  background-color: #C04848;
  background-image: -webkit-gradient(linear, left top, right top, from(#C04848), to(#480048));
  background-image: -webkit-linear-gradient(left, #C04848, #480048);
  background-image: -moz-linear-gradient(left, #C04848, #480048);
  background-image: -ms-linear-gradient(left, #C04848, #480048);
  background-image: -o-linear-gradient(left, #C04848, #480048);
  background-image: linear-gradient(left, #C04848, #480048);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#C04848', end-colourStr='#480048', gradientType='1'); }

.Calm {
  background-color: #5f2c82;
  background-image: -webkit-gradient(linear, left top, right top, from(#5f2c82), to(#49a09d));
  background-image: -webkit-linear-gradient(left, #5f2c82, #49a09d);
  background-image: -moz-linear-gradient(left, #5f2c82, #49a09d);
  background-image: -ms-linear-gradient(left, #5f2c82, #49a09d);
  background-image: -o-linear-gradient(left, #5f2c82, #49a09d);
  background-image: linear-gradient(left, #5f2c82, #49a09d);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#5f2c82', end-colourStr='#49a09d', gradientType='1'); }

.Titanium {
  background-color: #283048;
  background-image: -webkit-gradient(linear, left top, right top, from(#283048), to(#859398));
  background-image: -webkit-linear-gradient(left, #283048, #859398);
  background-image: -moz-linear-gradient(left, #283048, #859398);
  background-image: -ms-linear-gradient(left, #283048, #859398);
  background-image: -o-linear-gradient(left, #283048, #859398);
  background-image: linear-gradient(left, #283048, #859398);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#283048', end-colourStr='#859398', gradientType='1'); }

.Moss {
  background-color: #134E5E;
  background-image: -webkit-gradient(linear, left top, right top, from(#134E5E), to(#71B280));
  background-image: -webkit-linear-gradient(left, #134E5E, #71B280);
  background-image: -moz-linear-gradient(left, #134E5E, #71B280);
  background-image: -ms-linear-gradient(left, #134E5E, #71B280);
  background-image: -o-linear-gradient(left, #134E5E, #71B280);
  background-image: linear-gradient(left, #134E5E, #71B280);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#134E5E', end-colourStr='#71B280', gradientType='1'); }

.Sunrise {
  background-color: #FF512F;
  background-image: -webkit-gradient(linear, left top, right top, from(#FF512F), to(#F09819));
  background-image: -webkit-linear-gradient(left, #FF512F, #F09819);
  background-image: -moz-linear-gradient(left, #FF512F, #F09819);
  background-image: -ms-linear-gradient(left, #FF512F, #F09819);
  background-image: -o-linear-gradient(left, #FF512F, #F09819);
  background-image: linear-gradient(left, #FF512F, #F09819);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#FF512F', end-colourStr='#F09819', gradientType='1'); }

.Sprite {
  /*Emerald Water */
  background-color: #348F50;
  background-image: -webkit-gradient(linear, left top, right top, from(#348F50), to(#56B4D3));
  background-image: -webkit-linear-gradient(left, #348F50, #56B4D3);
  background-image: -moz-linear-gradient(left, #348F50, #56B4D3);
  background-image: -ms-linear-gradient(left, #348F50, #56B4D3);
  background-image: -o-linear-gradient(left, #348F50, #56B4D3);
  background-image: linear-gradient(left, #348F50, #56B4D3);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#348F50', end-colourStr='#56B4D3', gradientType='1'); }

.PeoplePerson {
  background-color: #267871;
  background-image: -webkit-gradient(linear, left top, right top, from(#267871), to(#136A8A));
  background-image: -webkit-linear-gradient(left, #267871, #136A8A);
  background-image: -moz-linear-gradient(left, #267871, #136A8A);
  background-image: -ms-linear-gradient(left, #267871, #136A8A);
  background-image: -o-linear-gradient(left, #267871, #136A8A);
  background-image: linear-gradient(left, #267871, #136A8A);
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#267871', end-colourStr='#136A8A', gradientType='1'); }

.allSitesView {
  background-color: #EB912D; }

/* SITE ICON OPTION DEFINITIONS */
/* DUPLICATED IN ckedit.scss */
.Default {
  background-image: url("../../img/site-icons/Default.png") !important; }

.Default.inverted {
  background-image: url("../../img/site-icons/Default-inverted.png") !important; }

.Education {
  background-image: url("../../img/site-icons/Education.png") !important; }

.Education.inverted {
  background-image: url("../../img/site-icons/Education-inverted.png") !important; }

.Mountain {
  background-image: url("../../img/site-icons/Mountain.png") !important; }

.Mountain.inverted {
  background-image: url("../../img/site-icons/Mountain-inverted.png") !important; }

.Lock {
  background-image: url("../../img/site-icons/Lock.png") !important; }

.Lock.inverted {
  background-image: url("../../img/site-icons/Lock-inverted.png") !important; }

.Shield {
  background-image: url("../../img/site-icons/Shield.png") !important; }

.Shield.inverted {
  background-image: url("../../img/site-icons/Shield-inverted.png") !important; }

.Privacy {
  background-image: url("../../img/site-icons/Privacy.png") !important; }

.Privacy.inverted {
  background-image: url("../../img/site-icons/Privacy-inverted.png") !important; }

.News {
  background-image: url("../../img/site-icons/News.png") !important; }

.News.inverted {
  background-image: url("../../img/site-icons/News-inverted.png") !important; }

.Bullhorn {
  background-image: url("../../img/site-icons/Bullhorn.png") !important; }

.Bullhorn.inverted {
  background-image: url("../../img/site-icons/Bullhorn-inverted.png") !important; }

.Chat {
  background-image: url("../../img/site-icons/Chat.png") !important; }

.Chat.inverted {
  background-image: url("../../img/site-icons/Chat-inverted.png") !important; }

.Headset {
  background-image: url("../../img/site-icons/Headset.png") !important; }

.Headset.inverted {
  background-image: url("../../img/site-icons/Headset-inverted.png") !important; }

.Star {
  background-image: url("../../img/site-icons/Star.png") !important; }

.Star.inverted {
  background-image: url("../../img/site-icons/Star-inverted.png") !important; }

.Key {
  background-image: url("../../img/site-icons/Key.png") !important; }

.Key.inverted {
  background-image: url("../../img/site-icons/Key-inverted.png") !important; }

.Beaker {
  background-image: url("../../img/site-icons/Beaker.png") !important; }

.Beaker.inverted {
  background-image: url("../../img/site-icons/Beaker-inverted.png") !important; }

.Globe {
  background-image: url("../../img/site-icons/Globe.png") !important; }

.Globe.inverted {
  background-image: url("../../img/site-icons/Globe-inverted.png") !important; }

.Location {
  background-image: url("../../img/site-icons/Location.png") !important; }

.Location.inverted {
  background-image: url("../../img/site-icons/Location-inverted.png") !important; }

.Calendar {
  background-image: url("../../img/site-icons/Calendar.png") !important; }

.Calendar.inverted {
  background-image: url("../../img/site-icons/Calendar-inverted.png") !important; }

.Radar {
  background-image: url("../../img/site-icons/Radar.png") !important; }

.Radar.inverted {
  background-image: url("../../img/site-icons/Radar-inverted.png") !important; }

.Target {
  background-image: url("../../img/site-icons/Target.png") !important; }

.Target.inverted {
  background-image: url("../../img/site-icons/Target-inverted.png") !important; }

.Rocket {
  background-image: url("../../img/site-icons/Rocket.png") !important; }

.Rocket.inverted {
  background-image: url("../../img/site-icons/Rocket-inverted.png") !important; }

.Gem {
  background-image: url("../../img/site-icons/Gem.png") !important; }

.Gem.inverted {
  background-image: url("../../img/site-icons/Gem-inverted.png") !important; }

.Chart {
  background-image: url("../../img/site-icons/Chart.png") !important; }

.Chart.inverted {
  background-image: url("../../img/site-icons/Chart-inverted.png") !important; }

.Graph {
  background-image: url("../../img/site-icons/Graph.png") !important; }

.Graph.inverted {
  background-image: url("../../img/site-icons/Graph-inverted.png") !important; }

.Office {
  background-image: url("../../img/site-icons/Office.png") !important; }

.Office.inverted {
  background-image: url("../../img/site-icons/Office-inverted.png") !important; }

.Person {
  background-image: url("../../img/site-icons/Person.png") !important; }

.Person.inverted {
  background-image: url("../../img/site-icons/Person-inverted.png") !important; }

.People {
  background-image: url("../../img/site-icons/People.png") !important; }

.People.inverted {
  background-image: url("../../img/site-icons/People-inverted.png") !important; }

.Gear {
  background-image: url("../../img/site-icons/Gear.png") !important; }

.Gear.inverted {
  background-image: url("../../img/site-icons/Gear-inverted.png") !important; }

.Court {
  background-image: url("../../img/site-icons/Court.png") !important; }

.Court.inverted {
  background-image: url("../../img/site-icons/Court-inverted.png") !important; }

.Scale {
  background-image: url("../../img/site-icons/Scale.png") !important; }

.Scale.inverted {
  background-image: url("../../img/site-icons/Scale-inverted.png") !important; }

.searchWorking {
  position: relative;
  padding: 30px 0;
  text-align: center;
  font-style: italic; }
  .searchWorking .uil-ellipsis-css {
    display: inline-block;
    margin: 0 auto 20px; }
  .searchWorking span {
    display: inline-block;
    margin-left: 40px; }

.searchTable .archived .withIcon {
  opacity: 0.6;
  position: relative; }

.searchTable .archived .withIcon::before {
  content: '';
  position: absolute;
  top: 18px;
  left: 20px;
  width: 15px;
  height: 15px;
  background-image: url(../../img/icons/icon-archive-overlay-dark.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px; }

.searchTable .includeArchivedFilter input {
  vertical-align: text-bottom;
  margin-bottom: 1px; }

.searchTable .includeArchivedFilter label {
  font-weight: 400;
  padding-right: 15px;
  padding-left: 5px; }

.searchResults tr.archive {
  opacity: 60%; }

.searchResults .searchScope {
  padding-top: 30px;
  padding-bottom: 0;
  padding-left: 0; }

.searchResults h4.itemCountLabel {
  margin-top: 0; }

.searchResults .searchFilterDropdownButton {
  padding-top: 0;
  padding-left: 0;
  font-size: 15px; }

.searchResults .dividerBelowSearchFilters {
  margin-top: 0; }

.searchResultsFilters {
  text-align: left;
  padding-top: 20px; }
  .searchResultsFilters span {
    color: rgba(0, 0, 0, 0.9); }
  .searchResultsFilters span:hover {
    text-decoration: none; }
  .searchResultsFilters .btn-link.dropdown-toggle {
    text-decoration: none; }
  .searchResultsFilters .searchFilter {
    margin-right: 10px;
    vertical-align: sub; }

.searchDiv {
  width: 100%;
  max-width: 600px;
  margin: auto; }

.searchSuggestions {
  position: absolute;
  padding-left: inherit;
  margin-top: 0px;
  width: calc(100% - 50px);
  max-width: inherit;
  z-index: 10;
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
  .searchSuggestions .searchSuggestion {
    margin: 0;
    padding: 0 6px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .searchSuggestions .searchSuggestion.active {
      cursor: pointer;
      background-color: #f5f5f5; }
    .searchSuggestions .searchSuggestion a:hover {
      text-decoration: none; }
  .searchSuggestions .searchSuggestion:first-child {
    margin-top: 0; }
  .searchSuggestions .searchSuggestion:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .searchSuggestions .searchSuggestion.loadingMore {
    margin-top: 4px;
    color: #999;
    font-size: 13px;
    list-style: none; }
    .searchSuggestions .searchSuggestion.loadingMore .uil-ellipsis-css {
      float: left;
      margin-right: 22px;
      margin-left: 2px;
      margin-top: 2px; }

.searchInput {
  float: none !important;
  width: 100% !important; }

.searchMatch {
  font-weight: 700; }

.searchOption, .result-list {
  position: relative;
  display: block;
  width: 100%;
  padding: 6px 0 6px 0;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.9); }
  .searchOption .userPhoto, .searchOption .siteIcon, .searchOption .fileIcon, .result-list .userPhoto, .result-list .siteIcon, .result-list .fileIcon {
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    border-radius: 999px; }
  .searchOption .userPhoto, .result-list .userPhoto {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background-size: cover;
    background-image: url(../../img/icon-user.png);
    background-color: #666; }
  .searchOption .siteIcon, .result-list .siteIcon {
    top: 6px;
    background-size: 20px; }
  .searchOption .fileIcon, .result-list .fileIcon {
    top: 6px;
    border-radius: 0; }
  .searchOption .userNameWrapper, .searchOption .itemName, .searchOption .itemPath, .result-list .userNameWrapper, .result-list .itemName, .result-list .itemPath {
    padding: 4px 10px 4px 25px;
    max-width: 380px; }
  .searchOption .itemPath, .result-list .itemPath {
    margin-top: 0;
    padding-top: 0;
    font-size: 10px;
    color: #999; }
  .searchOption .userTitle, .searchOption .siteDetails, .result-list .userTitle, .result-list .siteDetails {
    font-weight: 300;
    color: #999; }
  .searchOption.ui-state-active, .result-list.ui-state-active {
    background-color: #f5f5f5; }
  .searchOption.divider, .result-list.divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ui-menu.ui-autocomplete {
  border: 1px solid lightblue;
  /*padding: 3px;*/ }

.ui-helper-hidden-accessible {
  display: none; }

.dropdown-menu > li.selected > a {
  font-weight: 700; }

.dropdown-menu.filterDropdown li > a {
  display: flex;
  justify-content: space-between; }

.queryCorrected {
  margin: 15px 0 0;
  font-size: 16px; }

.dropdown-menu.searchScopeMenu .searchHitCount {
  margin-left: 10px; }

/*!
 * jQuery UI Menu @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 4px 1em 3px .6em;
  background-color: white; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  /*margin: -1px;*/
  text-decoration: none;
  background-color: #eee; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2.5em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.searchUsers {
  display: flow-root; }
  .searchUsers h4 {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 12px; }
  .searchUsers p.morePeople, .searchUsers p.refineSearch {
    clear: both; }
  .searchUsers p.refineSearch {
    border-top: 1px solid #e7e7e7;
    padding-top: 12px;
    margin: 15px 0; }
  .searchUsers .searchUserResult {
    width: calc(33% - 14px);
    min-width: 300px;
    max-width: 330px;
    margin: 0 14px 14px 0;
    float: left; }
    .searchUsers .searchUserResult .userCard {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      cursor: pointer;
      border-radius: 4px;
      box-shadow: 0 0 0px rgba(0, 0, 0, 0); }
    .searchUsers .searchUserResult:hover .userCard {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
    .searchUsers .searchUserResult a:hover {
      text-decoration: none; }

.searchDetail {
  white-space: pre-wrap;
  color: #C8820E;
  font-size: 10px; }

.searchPresets button.btn.btn-link {
  background-color: grey;
  color: white;
  border-radius: 5px;
  font-size: 15px;
  margin-right: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .searchPresets button.btn.btn-link.active {
    background-color: #4a90e2; }
  .searchPresets button.btn.btn-link:focus, .searchPresets button.btn.btn-link:hover {
    text-decoration: none;
    color: white; }

.inlineViewer {
  border: none;
  width: 100%; }

.inlineViewer.iframe-glass {
  position: absolute;
  height: calc(100% - 120px);
  width: 100%;
  background: transparent; }

iframe.inlineViewer {
  position: absolute;
  height: calc(100% - 120px);
  width: 100%;
  left: 0; }

.modal-body iframe.inlineViewer {
  position: relative;
  height: 500px;
  width: 100%; }

.fileViewer {
  /*border-top: 2px solid #efefef;*/
  margin: auto;
  padding: 0; }
  .fileViewer .fileWrapper {
    text-align: center; }
  .fileViewer .alert {
    width: 50%;
    min-width: 400px;
    height: auto;
    margin: 100px auto;
    text-align: center; }
  .fileViewer .video-preview {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% - 120px);
    background-color: black; }
  .fileViewer img {
    max-width: 100%;
    margin: 0 auto; }

/* File viewer nav bar */
.navbar.fileView {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
  .navbar.fileView .nav-center {
    margin: 0 auto;
    float: left; }
  .navbar.fileView .nav-right {
    margin: 10px auto;
    float: right; }
  .navbar.fileView.fileView {
    height: 50px; }

.btn-video {
  transition: all 0.2s ease;
  opacity: 0.8;
  border: none;
  background: none;
  color: white;
  height: 40px;
  width: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px; }
  .btn-video:hover {
    transition: all 0.2s ease;
    opacity: 1.0; }

.videoControls {
  position: absolute;
  bottom: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  transition: opacity 0.2s ease;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1; }
  .videoControls.noControls {
    opacity: 0;
    display: none; }
  .videoControls.hideControls {
    opacity: 0; }
  .videoControls input[type=range] {
    margin-right: 8px; }
  .videoControls .videoControls-playback {
    display: flex;
    align-items: center;
    width: calc(100% - 290px); }
    .videoControls .videoControls-playback .time-element {
      display: flex;
      align-items: center; }
      .videoControls .videoControls-playback .time-element .time-total {
        margin-left: 4px; }
  .videoControls .videoControls-speed {
    display: flex;
    align-items: center;
    width: 140px; }
    .videoControls .videoControls-speed .control-speed-value {
      min-width: 40px;
      text-align: left; }
  .videoControls .videoControls-volume {
    display: flex;
    align-items: center;
    width: 100px; }
  .videoControls .videoControls-other {
    display: flex;
    align-items: center;
    width: 50px; }

button.control-play {
  width: 50px; }
  button.control-play.state-play {
    background-image: url("../../img/icon-play.svg"); }
  button.control-play.state-pause {
    background-image: url("../../img/icon-pause.svg"); }

button.control-volume.volume-on {
  background-image: url("../../img/icon-volume.svg"); }

button.control-volume.volume-off {
  background-image: url("../../img/icon-volumemute.svg"); }

button.control-fullscreen {
  background-image: url("../../img/icon-expand.svg"); }

:fullscreen button.control-fullscreen {
  background-image: url("../../img/icon-contract.svg"); }

.control-speed-value {
  color: rgba(255, 255, 255, 0.6); }

button.control-speed-down {
  background-image: url("../../img/icon-speed-decrease.svg"); }

button.control-speed-up {
  background-image: url("../../img/icon-speed-increase.svg"); }

.speedmeter {
  height: 21px;
  width: 36px;
  border: none;
  background: none;
  background-image: url(../../img/icon-speedometer-sprite-white.svg);
  background-size: 332px;
  background-repeat: no-repeat;
  background-position-y: 0; }
  .speedmeter.value0 {
    background-position-x: 0; }
  .speedmeter.value1 {
    background-position-x: -76px; }
  .speedmeter.value2 {
    background-position-x: -152px; }
  .speedmeter.value3 {
    background-position-x: -190px; }
  .speedmeter.value4 {
    background-position-x: -228px; }
  .speedmeter.value5 {
    background-position-x: -266px; }
  .speedmeter.value6 {
    background-position-x: -304px; }

.mainContent {
  position: relative; }
  .mainContent.hideOverflow {
    overflow: hidden; }
  .mainContent .leftNav {
    position: absolute;
    height: 100%;
    min-height: 100vh;
    width: 270px;
    padding: 36px 0 30px 30px;
    background-color: rgba(0, 0, 0, 0.05); }
    .mainContent .leftNav .sectionHeader {
      text-transform: uppercase;
      border-bottom: 1px solid #ddd;
      padding-bottom: 8px;
      margin-bottom: 4px; }
    .mainContent .leftNav .leftTabs {
      list-style: none;
      padding-inline-start: 0; }
      .mainContent .leftNav .leftTabs .tab {
        position: relative;
        padding: 6px 12px;
        margin-left: -12px;
        margin-right: 0;
        margin-bottom: 12px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        cursor: pointer; }
        .mainContent .leftNav .leftTabs .tab:hover {
          font-weight: 700; }
        .mainContent .leftNav .leftTabs .tab.active {
          background-color: white;
          font-weight: 600; }
        .mainContent .leftNav .leftTabs .tab.disabled {
          opacity: 0.2;
          cursor: default; }
          .mainContent .leftNav .leftTabs .tab.disabled:hover {
            font-weight: 400; }
  .mainContent .rightContentContainer {
    width: 100%;
    padding-left: 270px; }
    .mainContent .rightContentContainer .rightContent {
      position: relative;
      height: auto;
      min-height: 440px;
      padding: 30px 30px; }

.pageHeader h3 {
  padding: 0;
  margin: 0; }

.pageHeader a.link-style, .pageHeader .searchUsers .searchUserResult .userCard a.username, .searchUsers .searchUserResult .userCard .pageHeader a.username, .pageHeader span.pageHeaderLink {
  float: right;
  padding-top: 12px; }

.infoContainer {
  position: relative;
  /*padding-left: 75px;*/ }
  .infoContainer .objectTitle {
    padding-top: 12px; }
  .infoContainer h5 {
    margin-bottom: 2px; }
  .infoContainer .infoDescription {
    padding-bottom: 20px; }

.addPermissions {
  margin: 15px 15px 8px -10px; }
  .addPermissions .selectionSuggestions {
    margin-top: 33px; }

.specialMessage {
  padding: 8px 0 0; }
  .specialMessage span {
    color: #e90c00; }

p.aside {
  font-size: 10px;
  color: #999; }

.detailPermissionsTable {
  padding: 8px 0; }
  .detailPermissionsTable h5 {
    font-size: 13px;
    margin: 0;
    padding: 7px 0 6px; }
  .detailPermissionsTable.permissionSwitch {
    border-bottom: 1px solid #e7e7e7; }
    .detailPermissionsTable.permissionSwitch h5 {
      padding-top: 8px; }
    .detailPermissionsTable.permissionSwitch .permissionSwitch {
      padding-top: 4px; }

ul.permItem {
  list-style: none;
  position: relative;
  padding: 6px 4px;
  margin: 0;
  border-radius: 4px; }
  ul.permItem:hover:not(ul.permItem.statusDeleted), ul.permItem:hover:not(ul.permItem.statusNew) {
    background-color: rgba(0, 0, 0, 0.05); }
  ul.permItem > li {
    display: inline-block;
    float: left;
    position: relative; }
    ul.permItem > li.permPhoto {
      width: 30px; }
      ul.permItem > li.permPhoto div.permUserPhoto {
        position: relative;
        width: 22px;
        height: 22px;
        margin-top: 1px;
        margin-left: 3px;
        border-radius: 999px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../../img/icon-user.png);
        background-color: rgba(0, 0, 0, 0.4); }
      ul.permItem > li.permPhoto.OrgwikiGroup div.permUserPhoto {
        background-image: url(../../img/icon-orgwiki-mark-180.svg); }
      ul.permItem > li.permPhoto.typeGroup .permUserPhoto {
        background-image: url(../../img/site-icons/People-inverted.png); }
    ul.permItem > li.permName {
      width: calc(100% - 215px);
      font-weight: 300;
      padding-right: 5px;
      padding-top: 3px; }
      ul.permItem > li.permName a, ul.permItem > li.permName user, ul.permItem > li.permName.Group {
        font-weight: 400; }
      ul.permItem > li.permName.OrgwikiGroup {
        line-height: 1.4rem;
        overflow-x: hidden;
        text-overflow: ellipsis;
        overflow-y: hidden; }
        ul.permItem > li.permName.OrgwikiGroup .name {
          font-weight: 400; }
        ul.permItem > li.permName.OrgwikiGroup .OrgwikiEmail {
          white-space: nowrap; }
        ul.permItem > li.permName.OrgwikiGroup .deleted-inactive {
          display: inline-block;
          padding: 1px 8px 2px;
          border: 1px solid #808080;
          margin: 0 0 0 4px;
          font-size: 11px;
          font-weight: 700;
          line-height: 13px;
          color: #808080;
          border-radius: 99px;
          text-transform: uppercase;
          background-color: #f6f6f6; }
      ul.permItem > li.permName span.fixEllips {
        display: block;
        height: 21px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
    ul.permItem > li.permRole {
      width: 160px;
      text-align: right;
      padding-right: 5px; }
      ul.permItem > li.permRole .primaryLabel {
        display: inline-block;
        margin-top: 3px; }
      ul.permItem > li.permRole span.primaryLabel {
        margin-right: 10px; }
      ul.permItem > li.permRole .btn-inline {
        padding: 2px 10px 3px;
        color: rgba(0, 0, 0, 0.9); }
        ul.permItem > li.permRole .btn-inline.disabled {
          cursor: text;
          opacity: 1;
          color: rgba(0, 0, 0, 0.9); }
      ul.permItem > li.permRole.primaryLabel {
        padding: 2px 14px 3px 0; }
    ul.permItem > li.action {
      width: 25px;
      height: 25px; }
      ul.permItem > li.action .infoMessage {
        width: 25px;
        height: 25px; }

.userList {
  margin: 0;
  padding: 0; }

.userRow {
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 4px; }
  .userRow li {
    list-style: none; }
  .userRow li.action {
    padding: 0;
    width: 30px;
    height: 34px;
    float: right; }
  .userRow li.primaryOwner {
    float: right;
    padding: 8px 10px;
    font-weight: 600;
    color: #999; }

.userIndividual {
  display: inline-block;
  padding: 8px 10px; }
  .userIndividual.Group {
    font-weight: 600; }
  .userIndividual.None, .userIndividual.Email {
    opacity: 0.5; }
  .userIndividual .userPhoto {
    top: initial;
    position: relative;
    float: left;
    transform: none;
    background-color: #999;
    background-image: url(../../img/site-icons/Person-inverted.png);
    background-size: cover;
    background-position: center center; }

.objectDetails .infoContainer {
  padding-left: 75px; }

.objectDetails .objectTitle h3 {
  margin: 15px 0 20px 0; }

.objectDetails .objectDescription {
  white-space: pre-wrap;
  margin-bottom: 10px; }

.objectDetails .icon {
  position: absolute;
  left: 0;
  top: 12px;
  width: 60px;
  height: 60px;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.05);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px; }
  .objectDetails .icon.archived {
    opacity: 0.6; }
    .objectDetails .icon.archived::before {
      content: '';
      position: absolute;
      top: 30px;
      left: 28px;
      width: 26px;
      height: 26px;
      background-image: url(../../img/icons/icon-archive-overlay-dark.svg);
      background-color: #f3f3f3;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 27px;
      border-radius: 3px; }

.infoDetails {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  padding: 8px 0; }
  .infoDetails ul {
    margin: 0;
    padding: 4px 0; }
    .infoDetails ul li {
      display: inline-block;
      width: auto; }
    .infoDetails ul li:first-child {
      font-weight: 600;
      width: 110px; }

/* Overrides for object details to accommodate Icon and other discrepancies */
.siteDetails .icon {
  background-image: url(../../img/icons/icon-site-lg-80.png);
  background-size: 55px; }

.folderDetails .icon-folder {
  background-image: url(../../img/icons/icon-folder-lg-80.png); }

.folderDetails .icon-topic {
  background-image: url(../../img/icons/icon-topic-lg-80.png); }

.pageDetails .icon {
  background-image: url(../../img/icons/icon-page-lg-80.png); }

.fileDetails .icon {
  background-image: url(../../img/icons/icon-file-lg-80.png); }

.linkDetails .icon {
  background-image: url(../../img/icons/icon-link-lg-80.png); }

.linkDetails .objectTitle h3 {
  margin: 10px 0 0px 0; }

.linkDetails .objectTitle h6.objectURL {
  margin: 5px 0 20px 0;
  font-size: 13px; }
  .linkDetails .objectTitle h6.objectURL a {
    color: #4A90E2; }
    .linkDetails .objectTitle h6.objectURL a:hover {
      color: #4A90E2; }

.stats tr, .stats td, .stats table {
  border: 1pt solid black; }

.dropdown-menu > li > a {
  display: block;
  padding: 5px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: rgba(0, 0, 0, 0.9);
  white-space: nowrap; }

.dropdown-menu > li > a:focus {
  background-color: rgba(0, 0, 0, 0.2); }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0; }

.dropdown-menu > .highlight > a {
  background-color: #444;
  color: white; }

.dropdown-menu li.active, .dropdown-menu li.active a {
  font-weight: 400; }

.dropdown-menu li.dropdown-header {
  padding: 5px 15px;
  color: black;
  font-weight: 700;
  border-bottom: 1px solid #e7e7e7; }

.admin-mode {
  background-color: #EB912D;
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 2px;
  height: 14px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 400;
  color: white;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px; }

.userNav button .alertCounter {
  position: absolute;
  top: 6px;
  left: 26px;
  font-weight: 400; }

.userNav li.withCounter {
  padding-right: 20px; }
  .userNav li.withCounter .alertCounter {
    top: initial;
    right: 9px;
    margin-top: -24px;
    font-weight: 400; }

.userPhoto {
  width: 30px;
  height: 30px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  border-radius: 999px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../img/icon-user.png);
  box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.2); }

.navbar {
  position: absolute;
  width: 100%;
  min-height: 50px;
  min-width: 768px;
  border-radius: 0;
  border: none;
  margin-bottom: 0; }
  .navbar .navbar-left {
    float: left !important;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    box-shadow: none; }
  .navbar .navbar-header {
    display: table;
    width: 25%;
    margin-right: 0;
    margin-left: 0;
    float: left; }
    .navbar .navbar-header .navBurger button.dropdown-toggle {
      float: left;
      text-indent: -9999px;
      background-color: rgba(255, 255, 255, 0);
      border: none;
      border-radius: 999px;
      width: 32px;
      margin-right: 0px;
      margin-top: 8px;
      height: 32px;
      background-image: url(../../img/icon-menu-inverted.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 18px;
      opacity: 0.8;
      transition: all 0.2s; }
      .navbar .navbar-header .navBurger button.dropdown-toggle:hover {
        opacity: 1.0;
        transition: all 0.2s; }
    .navbar .navbar-header .navbar-brand {
      width: 80px;
      height: 48px;
      margin-top: 0px;
      margin-left: 18px !important;
      padding: 0;
      background-image: url("../../img/veeva-vshare.png");
      background-size: 80px;
      background-repeat: no-repeat;
      background-position: center center; }
  .navbar .userNav {
    padding: 0 15px; }
    .navbar .userNav .btn {
      position: absolute;
      right: 0;
      height: 50px;
      max-width: 100%;
      padding: 0px 10px;
      border: none;
      border-radius: 0;
      background-color: transparent;
      color: white;
      font-weight: 300; }
      .navbar .userNav .btn .userNameContainer {
        height: 50px;
        width: 100%;
        text-align: left;
        padding: 14px 5px 0 40px; }
        .navbar .userNav .btn .userNameContainer .userName {
          padding: 0 8px 0 0;
          color: white;
          width: 100%;
          max-width: 100%; }
      .navbar .userNav .btn .caret {
        right: 10px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute; }
    .navbar .userNav .btn:hover {
      background-color: rgba(255, 255, 255, 0.1); }
    .navbar .userNav .btn:active {
      color: white; }
  .navbar .navBurger.open button.dropdown-toggle, .navbar .userNav.open button.dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.1); }
  .navbar .dropdown-menu.userMenu, .navbar .dropdown-menu.recentMenu, .navbar .dropdown-menu.searchScopeMenu {
    background: #5F5F5F;
    margin: 0; }
    .navbar .dropdown-menu.userMenu a, .navbar .dropdown-menu.recentMenu a, .navbar .dropdown-menu.searchScopeMenu a {
      color: rgba(255, 255, 255, 0.8); }
      .navbar .dropdown-menu.userMenu a:hover, .navbar .dropdown-menu.recentMenu a:hover, .navbar .dropdown-menu.searchScopeMenu a:hover {
        background-color: #444;
        color: white; }
    .navbar .dropdown-menu.userMenu .divider, .navbar .dropdown-menu.recentMenu .divider, .navbar .dropdown-menu.searchScopeMenu .divider {
      background-color: rgba(255, 255, 255, 0.1); }
  .navbar .dropdown-menu.userMenu {
    top: 50px;
    /* manually position dropdown for user menu */ }
  .navbar .dropdown-menu.searchScopeMenu {
    top: 30px;
    /* manually position dropdown for search scope options */ }
    .navbar .dropdown-menu.searchScopeMenu input.nameSearch {
      font-size: 13px;
      padding: 5px 8px 4px 10px;
      margin: 7px 8px;
      border: none;
      border-radius: 4px;
      color: rgba(0, 0, 0, 0.9); }
  .navbar .search-header {
    display: table;
    width: 50% !important;
    margin: 6px auto 0; }
  .navbar .navbar-right {
    display: table;
    width: 20%;
    text-align: right;
    float: right !important;
    margin-right: 0px; }

body.new-share .navbar .navbar-header .navbar-brand {
  background-image: url("../../img/veeva-vshare-new.png"); }

.search-header {
  margin: 7px 0 0;
  font-size: 15px; }
  .search-header .searchField {
    width: 100%;
    position: relative;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .search-header .searchField .searchInput, .search-header .searchField .dropdown-toggle.searchScope {
      height: 32px;
      font-size: 13px;
      border: none; }
    .search-header .searchField .dropdown-toggle.searchScope {
      position: absolute;
      z-index: 101;
      padding: 6px 14px 7px 35px;
      background-image: url(../../img/icon-SearchBar.png);
      background-repeat: no-repeat;
      background-position: 10px center;
      background-size: 18px; }
      .search-header .searchField .dropdown-toggle.searchScope .caret {
        position: absolute;
        right: 9px;
        top: 15px; }
      .search-header .searchField .dropdown-toggle.searchScope.disabled, .search-header .searchField .dropdown-toggle.searchScope[disabled] {
        cursor: default;
        padding: 6px 4px 7px 35px;
        opacity: 1.0; }
        .search-header .searchField .dropdown-toggle.searchScope.disabled .caret, .search-header .searchField .dropdown-toggle.searchScope[disabled] .caret {
          display: none; }
    .search-header .searchField .searchInput {
      background-color: white;
      position: relative;
      width: 100%;
      font-size: 13px;
      padding: 0px 10px 0 54px;
      border-radius: 4px; }
      .search-header .searchField .searchInput:active, .search-header .searchField .searchInput:focus {
        border-bottom-right-radius: 0; }
    .search-header .searchField ul.searchSuggestions {
      margin-left: 50px; }
  .search-header ul.searchScope {
    max-width: 380px; }
    .search-header ul.searchScope li.dropdown-header {
      padding: 3px 15px; }
    .search-header ul.searchScope li a {
      max-width: 380px; }

.navbar-inverse {
  background-color: #5F5F5F;
  color: rgba(255, 255, 255, 0.9); }

.navbar-transparent {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.9); }
  .navbar-transparent .navbar-header .navbar-brand {
    background-image: url("../../img/veeva-vshare-white.png"); }
  .navbar-transparent .searchField {
    border: none; }
    .navbar-transparent .searchField .searchInput {
      transition: all 1.2s ease;
      transition-delay: 1s;
      color: rgba(255, 255, 255, 0.8);
      background-color: rgba(255, 255, 255, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.15);
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
    .navbar-transparent .searchField ::-webkit-input-placeholder {
      transition: all 1.2s ease;
      transition-delay: 1s;
      color: rgba(255, 255, 255, 0.4); }
    .navbar-transparent .searchField ::-moz-placeholder {
      transition: all 1.2s ease;
      transition-delay: 1s;
      color: rgba(255, 255, 255, 0.4); }
    .navbar-transparent .searchField :-ms-input-placeholder {
      transition: all 1.2s ease;
      transition-delay: 1s;
      color: rgba(255, 255, 255, 0.4); }
    .navbar-transparent .searchField .dropdown-toggle.searchScope {
      transition: all 1.2s;
      transition-delay: 1s;
      background-color: transparent;
      background-image: url(../../img/icon-search-inverted.png); }
      .navbar-transparent .searchField .dropdown-toggle.searchScope .caret {
        transition: all 1.2s;
        transition-delay: 1s;
        color: rgba(255, 255, 255, 0.8); }
  .navbar-transparent .searchField.active .searchInput, .navbar-transparent .searchField.active .searchInput:focus, .navbar-transparent .searchField.active .searchInput:active, .navbar-transparent .searchField:hover .searchInput, .navbar-transparent .searchField:hover .searchInput:focus, .navbar-transparent .searchField:hover .searchInput:active {
    transition: all 0.2s;
    transition-delay: 0s;
    color: rgba(0, 0, 0, 0.9);
    background-color: white;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); }
    .navbar-transparent .searchField.active .searchInput::-webkit-input-placeholder, .navbar-transparent .searchField.active .searchInput:focus::-webkit-input-placeholder, .navbar-transparent .searchField.active .searchInput:active::-webkit-input-placeholder, .navbar-transparent .searchField:hover .searchInput::-webkit-input-placeholder, .navbar-transparent .searchField:hover .searchInput:focus::-webkit-input-placeholder, .navbar-transparent .searchField:hover .searchInput:active::-webkit-input-placeholder {
      transition: all 0.2s;
      transition-delay: 0s;
      color: #999; }
    .navbar-transparent .searchField.active .searchInput::-moz-placeholder, .navbar-transparent .searchField.active .searchInput:focus::-moz-placeholder, .navbar-transparent .searchField.active .searchInput:active::-moz-placeholder, .navbar-transparent .searchField:hover .searchInput::-moz-placeholder, .navbar-transparent .searchField:hover .searchInput:focus::-moz-placeholder, .navbar-transparent .searchField:hover .searchInput:active::-moz-placeholder {
      transition: all 0.2s;
      transition-delay: 0s;
      color: #999; }
    .navbar-transparent .searchField.active .searchInput:-ms-input-placeholder, .navbar-transparent .searchField.active .searchInput:focus:-ms-input-placeholder, .navbar-transparent .searchField.active .searchInput:active:-ms-input-placeholder, .navbar-transparent .searchField:hover .searchInput:-ms-input-placeholder, .navbar-transparent .searchField:hover .searchInput:focus:-ms-input-placeholder, .navbar-transparent .searchField:hover .searchInput:active:-ms-input-placeholder {
      transition: all 0.2s;
      transition-delay: 0s;
      color: #999; }
  .navbar-transparent .searchField.active .dropdown-toggle.searchScope, .navbar-transparent .searchField:hover .dropdown-toggle.searchScope {
    transition: all 0.2s;
    transition-delay: 0s;
    background-image: url(../../img/icon-SearchBar.png); }
    .navbar-transparent .searchField.active .dropdown-toggle.searchScope .caret, .navbar-transparent .searchField:hover .dropdown-toggle.searchScope .caret {
      transition: all 0.2s;
      transition-delay: 0s;
      color: rgba(0, 0, 0, 0.9); }

.searchScopeMenu {
  top: 30px; }
  .searchScopeMenu input.nameSearch {
    font-size: 13px;
    padding: 5px 8px 4px 10px;
    margin: 7px 8px;
    border: none;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.9); }

body.new-share .navbar-transparent .navbar-header .navbar-brand {
  background-image: url("../../img/veeva-vshare-new.png"); }

.searchFilters {
  height: 32px;
  text-align: center;
  margin: -8px auto 0; }
  .searchFilters .btn, .searchFilters .btn-link {
    font-size: 13px;
    color: black;
    padding: 7px 10px 7px; }
    .searchFilters .btn:hover, .searchFilters .btn:focus, .searchFilters .btn-link:hover, .searchFilters .btn-link:focus {
      text-decoration: none !important; }
    .searchFilters .btn.active, .searchFilters .btn-link.active {
      text-decoration: none;
      color: white; }

.navbar .searchFilters .btn, .navbar .searchFilters .btn-link {
  color: rgba(255, 255, 255, 0.6); }
  .navbar .searchFilters .btn:hover, .navbar .searchFilters .btn:focus, .navbar .searchFilters .btn-link:hover, .navbar .searchFilters .btn-link:focus {
    color: white !important; }
  .navbar .searchFilters .btn.active, .navbar .searchFilters .btn-link.active {
    color: white !important; }

nav::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); }

@media (min-width: 768px) {
  .search-header.navbar-form {
    position: relative;
    width: 460px; }
    .search-header.navbar-form .form-group {
      width: calc(100% - 100px); }
    .search-header.navbar-form .input-group {
      width: 100%; } }

.messageAlert {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 98;
  min-width: 400px;
  max-width: 600px;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  border: 4px solid rgba(198, 191, 42, 0.9);
  background-color: white; }
  .messageAlert h5 {
    margin-top: 5px; }
  .messageAlert .messageAlertTitle, .messageAlert .messageAlertBody, .messageAlert .messageAlertFooter {
    padding: 10px 15px; }
  .messageAlert .messageAlertFooter {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: right; }

.uploadStatus {
  position: fixed;
  z-index: 1;
  bottom: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  left: 50%;
  border-radius: 4px;
  padding: 12px 20px 18px;
  transform: translateX(-50%); }
  .uploadStatus .uploadStatusLink {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: #6495ed; }
  .uploadStatus .progressBar {
    position: absolute;
    bottom: 0;
    background-color: #1e90ff;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 0 0 4px 4px; }
  .uploadStatus .progressBarRemaining {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    right: 0;
    width: 0;
    max-width: calc(100% - 6px);
    height: 6px;
    border-radius: 0 0 4px 0; }
  .uploadStatus.complete {
    color: white;
    background-color: rgba(119, 198, 42, 0.9); }
    .uploadStatus.complete .progressBar {
      background-color: #008000; }
  .uploadStatus.failed {
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(198, 42, 42, 0.9); }
    .uploadStatus.failed button.uploadStatusLink {
      color: white; }
    .uploadStatus.failed .progressBar {
      background-color: rgba(135, 29, 29, 0.9); }
  .uploadStatus button.close {
    color: white;
    opacity: 0.8; }
    .uploadStatus button.close:hover {
      color: white;
      opacity: 1.0; }

.toaster .alert {
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  color: white; }
  .toaster .alert.alert-success {
    background: rgba(119, 198, 42, 0.9); }
  .toaster .alert.alert-warning {
    background: rgba(198, 191, 42, 0.9); }
  .toaster .alert.alert-danger {
    background: rgba(198, 42, 42, 0.9); }
  .toaster .alert .message {
    display: block;
    opacity: 0.8;
    overflow-wrap: break-word; }

.toaster button.close {
  color: white;
  opacity: 0.8; }
  .toaster button.close:hover {
    color: white;
    opacity: 1.0; }

.toaster a,
.uploadStatus.complete button.uploadStatusLink {
  color: white;
  text-decoration: underline;
  opacity: 0.8; }
  .toaster a:hover,
  .uploadStatus.complete button.uploadStatusLink:hover {
    opacity: 1.0; }

.breadcrumbs .sep:last-child, .searchScope .sep:last-child {
  display: none; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none !important; }

button.btn-link {
  color: #4A90E2; }
  button.btn-link:hover {
    color: #1b5dab; }

.btn-primary {
  background-color: #4A90E2;
  border-color: #3483de; }
  .btn-primary:focus {
    background-color: #4A90E2;
    border-color: #3483de; }
  .btn-primary:hover {
    background-color: #2275d7;
    border-color: #1f69c1; }
  .btn-primary.btn-inverted {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.8);
    color: #4A90E2; }
    .btn-primary.btn-inverted:hover, .btn-primary.btn-inverted:focus {
      background-color: white;
      border-color: white; }

.btn-success {
  background-color: #67AF18;
  border-color: #5a9915; }
  .btn-success:hover {
    background-color: #4d8212;
    border-color: #3f6c0f; }
  .btn-success.btn-inverted {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.8);
    color: #67AF18; }
    .btn-success.btn-inverted:hover, .btn-success.btn-inverted:focus {
      background-color: white;
      border-color: white; }

.btn-default {
  background-color: transparent;
  border: 1px solid transparent;
  color: rgba(0, 0, 0, 0.7); }
  .btn-default:hover {
    background-color: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.9);
    border: 1px solid transparent; }
  .btn-default.disabled {
    background-color: transparent;
    border-color: transparent;
    opacity: 0.3; }
    .btn-default.disabled:hover {
      border-color: transparent; }
  .btn-default.btn-inverted {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.95); }
    .btn-default.btn-inverted:hover {
      background-color: rgba(0, 0, 0, 0.7);
      color: white; }
  .btn-default.white {
    background-color: rgba(255, 255, 255, 0.9); }
    .btn-default.white:hover {
      background-color: white; }
  .btn-default.light {
    background-color: #EFEFEF;
    border-color: #CCC; }
    .btn-default.light:hover {
      background-color: #DDD; }

.btn.withIcon {
  padding: 7px 12px 7px 34px;
  background-position: 9px 7px; }
  .btn.withIcon.icon-back {
    background-image: url(../../img/icon-pagePrev.png);
    background-position: 9px 5px; }
  .btn.withIcon.icon-folder {
    background-image: url("../../img/icons/icon-folder.png"); }

.btn-pill {
  background-color: transparent;
  border: 1px solid #e7e7e7;
  border-radius: 999px;
  padding: 8px 20px;
  color: #4A90E2; }
  .btn-pill:hover {
    color: #4A90E2;
    background-color: #CCE4FF;
    text-decoration: underline; }
  .btn-pill:focus, .btn-pill:active {
    outline: none;
    color: #4A90E2; }
  .btn-pill.withIcon {
    padding-left: 35px;
    background-position: 11px center;
    background-repeat: no-repeat; }
    .btn-pill.withIcon.icon-plus {
      background-image: url(../../img/icon-add.png);
      background-size: 21px; }

button.disabled .caret {
  display: none; }

.parentActionButtons {
  width: 100%;
  position: relative;
  bottom: 0; }
  .parentActionButtons .parentActionButtonWrapper {
    float: right;
    width: 33px;
    position: relative; }
  .parentActionButtons .parentActionButton {
    transition: all 0.2s;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    border: 0;
    border-radius: 999px;
    float: right;
    background: none;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300; }
    .parentActionButtons .parentActionButton:hover {
      background-color: rgba(255, 255, 255, 0.1);
      color: white; }
    .parentActionButtons .parentActionButton.showLabel {
      text-indent: 0;
      width: auto;
      padding-left: 33px;
      padding-right: 15px;
      padding-top: 4px;
      background-position: 10px center;
      font-size: 16px;
      font-weight: 400; }
    .parentActionButtons .parentActionButton.typeNew {
      background-image: url(../../img/icon-Add-Inverted.png); }
    .parentActionButtons .parentActionButton.typeEdit {
      background-image: url(../../img/icon-Edit-inverted.png); }
    .parentActionButtons .parentActionButton.typeSink {
      background-image: url(../../img/icon-SinkVertical-inverted.png); }
    .parentActionButtons .parentActionButton.typeDownload {
      background-image: url(../../img/icon-Download-inverted.png); }
    .parentActionButtons .parentActionButton.typeVerify {
      background-image: url(../../img/icon-Verify-inverted.png); }
    .parentActionButtons .parentActionButton.typeShare {
      background-image: url(../../img/icon-Send-inverted.png); }
    .parentActionButtons .parentActionButton:disabled {
      opacity: 0.2; }
      .parentActionButtons .parentActionButton:disabled:hover {
        background-color: transparent; }
  .parentActionButtons .typeViewSwitchWrapper {
    float: right;
    position: relative;
    width: auto;
    height: 33px;
    margin-left: 10px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 999px; }
    .parentActionButtons .typeViewSwitchWrapper .typeSwitch {
      margin: 0;
      padding: 0;
      width: 28px;
      height: 31px;
      float: left;
      border: 0;
      border-radius: 0;
      cursor: pointer;
      background-size: 15px;
      background-position: center 6px;
      background-repeat: no-repeat;
      opacity: 0.8; }
      .parentActionButtons .typeViewSwitchWrapper .typeSwitch.active {
        background-color: rgba(255, 255, 255, 0.2);
        opacity: 1.0; }
      .parentActionButtons .typeViewSwitchWrapper .typeSwitch.disabled {
        opacity: 0.2; }
        .parentActionButtons .typeViewSwitchWrapper .typeSwitch.disabled:hover {
          opacity: 0.2;
          background-color: transparent;
          cursor: not-allowed; }
    .parentActionButtons .typeViewSwitchWrapper .typeSwitch:first-child {
      border-bottom-left-radius: 999px;
      border-top-left-radius: 999px;
      background-position-x: 9px; }
    .parentActionButtons .typeViewSwitchWrapper .typeSwitch.switchFiles {
      border-bottom-right-radius: 999px;
      border-top-right-radius: 999px;
      background-position-x: 5px; }
    .parentActionButtons .typeViewSwitchWrapper .switchOverview {
      background-image: url(../../img/icon-btn-overview.png); }
    .parentActionButtons .typeViewSwitchWrapper .switchList {
      background-image: url(../../img/icon-btn-list.png); }
    .parentActionButtons .typeViewSwitchWrapper .switchFiles {
      background-image: url(../../img/icon-btn-filemanager.png); }
  .parentActionButtons .typeDetailsWrapper {
    float: right;
    position: relative;
    width: auto;
    height: 42px;
    margin-left: 10px; }
    .parentActionButtons .typeDetailsWrapper.active {
      background-image: url(../../img/sectionTabArrow.png);
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: 14px; }
    .parentActionButtons .typeDetailsWrapper .typeDetails {
      border: 1px solid rgba(255, 255, 255, 0.4);
      background-image: url(../../img/icon-Info-Inverted.png);
      background-position: center center;
      margin-left: 0;
      transition: all 0.2s; }
      .parentActionButtons .typeDetailsWrapper .typeDetails.active {
        border: 1px solid white;
        background-position: center center;
        background-size: 33px;
        transition: all 0.2s;
        background-image: url(../../img/icon-Info-active.png); }
    .parentActionButtons .typeDetailsWrapper .notificationDot {
      position: absolute;
      top: -2px;
      right: -2px;
      background: #e90c00;
      width: 14px;
      height: 14px;
      border-radius: 999px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
    .parentActionButtons .typeDetailsWrapper .caret {
      position: absolute;
      right: 4px;
      top: 16px; }
    .parentActionButtons .typeDetailsWrapper #contentTabsTemplateInfoMenu {
      width: 300px;
      top: 33px;
      padding-top: 0; }
      .parentActionButtons .typeDetailsWrapper #contentTabsTemplateInfoMenu .quickInfo {
        padding: 12px 15px 0;
        margin-bottom: 5px;
        border-bottom: 1px solid #e7e7e7;
        font-size: 11px;
        background-color: #f5f5f5;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      .parentActionButtons .typeDetailsWrapper #contentTabsTemplateInfoMenu .flyoutDescription {
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        max-height: 39.6px;
        /* Fallback for non-webkit */
        margin: 0 auto;
        font-size: 11px;
        line-height: 1.2;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
      .parentActionButtons .typeDetailsWrapper #contentTabsTemplateInfoMenu li {
        position: relative; }
        .parentActionButtons .typeDetailsWrapper #contentTabsTemplateInfoMenu li a {
          padding: 8px 15px; }
          .parentActionButtons .typeDetailsWrapper #contentTabsTemplateInfoMenu li a span.permissionsOption {
            margin-top: -3px;
            position: absolute;
            right: 10px; }

.actionsBar {
  position: absolute;
  left: 36px;
  right: 0;
  z-index: 10;
  width: auto;
  height: 36px;
  background-color: white; }
  .actionsBar .leftActions {
    width: 100%; }
  .actionsBar .btnAction {
    height: 36px;
    padding: 7px 8px; }

.rightColContents .actionsBar {
  left: 24px; }

.userDocsActions .actionsBar {
  height: 57px;
  left: 34px;
  top: 20px; }
  .userDocsActions .actionsBar .leftActions {
    height: 57px; }
  .userDocsActions .actionsBar .btnAction {
    position: relative;
    height: 40px;
    top: 18px; }

.btnAction {
  height: 35px;
  margin: 0;
  padding: 6px 8px;
  border: none;
  background: none;
  transition: all 0.1s; }
  .btnAction .btnIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: auto;
    margin: auto; }
  .btnAction .btnLabel {
    height: 24px;
    padding: 3px 0;
    font-size: 13px;
    line-height: 1.5;
    display: inline-block;
    overflow: hidden; }
  .btnAction[disabled] {
    display: none; }
  .btnAction:hover {
    background-color: #eee; }

.clearButton[disabled] {
  display: none; }

.searchResultsFilters > .btn.btn-link.clearButton.active {
  color: white;
  background-color: #4a90e2;
  border-radius: 5px; }
  .searchResultsFilters > .btn.btn-link.clearButton.active:hover, .searchResultsFilters > .btn.btn-link.clearButton.active:focus {
    text-decoration: none; }

.clearFilters:focus {
  background-color: #2275d7; }

.action .btnAction {
  /* Action buttons in file table */
  opacity: 0.0; }
  .action .btnAction:hover {
    opacity: 1.0;
    background: none !important;
    background-color: transparent !important; }

.table > tbody > tr:hover .btnAction {
  opacity: 0.4; }
  .table > tbody > tr:hover .btnAction:hover {
    opacity: 1.0; }

.dropdown-menu > li > a {
  font-size: 13px; }

.btnAction {
  /* ICONS AND LABELS */ }
  .btnAction.copyItem .btnLabel:before {
    content: "Copy..."; }
  .btnAction.copyItem .btnIcon {
    background-image: url(../../img/icon-Copy.png); }
  .btnAction.moveItem .btnLabel:before {
    content: "Move..."; }
  .btnAction.moveItem .btnIcon {
    background-image: url(../../img/icon-Move.png); }
  .btnAction.archiveItem .btnLabel:before {
    content: "Archive..."; }
  .btnAction.archiveItem .btnIcon {
    background-image: url(../../img/icons/icon-archive.svg); }
  .btnAction.unarchiveItem .btnLabel:before {
    content: "Unarchive..."; }
  .btnAction.unarchiveItem .btnIcon {
    background-image: url(../../img/icons/icon-unarchive.svg); }
  .btnAction.reassignItem .btnLabel:before {
    content: "Reassign..."; }
  .btnAction.reassignItem .btnIcon {
    background-image: url(../../img/icon-Reassign.png); }
  .btnAction.downloadItem .btnLabel:before {
    content: "Download"; }
  .btnAction.downloadItem .btnIcon {
    background-image: url(../../img/icon-Download.png); }
  .btnAction.deleteItem .btnLabel:before {
    content: "Delete..."; }
  .btnAction.deleteItem .btnIcon {
    background-image: url(../../img/icon-Trash.png); }
  .btnAction.restoreItem .btnLabel:before {
    content: "Restore Selected Items"; }
  .btnAction.restoreItem .btnIcon {
    background-image: url(../../img/icon-Move.png); }
  .btnAction.purgeItem .btnLabel:before {
    content: "Permanently Delete Selected Items"; }
  .btnAction.purgeItem .btnIcon {
    background-image: url(../../img/icon-xdelete.png); }

.btn-action-usage {
  background-image: url("../../img/icon-stats.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding: 14px; }

.userCardComponent {
  min-width: 320px;
  height: 100px;
  overflow: hidden;
  box-shadow: 0px 1px 4px 0px rgba(125, 125, 125, 0.5);
  border-radius: 4px;
  background-color: white; }

.userCard, .userCardMini {
  position: relative;
  font-family: "Lato", sans-serif;
  text-align: left;
  height: 100px;
  padding: 10px 0 10px 10px; }
  .userCard .userCardPhoto, .userCardMini .userCardPhoto {
    width: 70px;
    height: 70px;
    position: relative;
    float: left;
    border: 1px solid #ddd;
    border-radius: 9999px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../../img/site-icons/People.png); }
  .userCard.typeGroup .userCardPhoto, .userCardMini.typeGroup .userCardPhoto {
    background-color: #999;
    background-image: url(../../img/site-icons/People-inverted.png); }
  .userCard.typeOrgwikiGroup .userCardPhoto, .userCardMini.typeOrgwikiGroup .userCardPhoto {
    background-color: #999;
    background-image: url(../../img/icon-orgwiki-mark-180.svg); }
  .userCard .userCardDetails, .userCardMini .userCardDetails {
    position: relative;
    margin: 0 0 0 80px;
    width: calc(100% - 80px);
    height: auto;
    min-height: 70px;
    color: rgba(0, 0, 0, 0.9); }
    .userCard .userCardDetails .username, .userCardMini .userCardDetails .username {
      font-size: 16px; }
    .userCard .userCardDetails .title, .userCardMini .userCardDetails .title {
      font-size: 13px;
      margin-bottom: 4px;
      display: block; }
    .userCard .userCardDetails .phone, .userCard .userCardDetails .mobile, .userCardMini .userCardDetails .phone, .userCardMini .userCardDetails .mobile {
      font-size: 12px; }
  .userCard.inUserSearch, .userCardMini.inUserSearch {
    height: 47px;
    padding: 6px 10px; }
    .userCard.inUserSearch .userCardPhoto, .userCardMini.inUserSearch .userCardPhoto {
      height: 35px;
      width: 35px; }
    .userCard.inUserSearch .userCardDetails, .userCardMini.inUserSearch .userCardDetails {
      margin: 3px 0 0 45px;
      min-height: 30px; }
      .userCard.inUserSearch .userCardDetails .username, .userCardMini.inUserSearch .userCardDetails .username {
        font-size: 13px; }
      .userCard.inUserSearch .userCardDetails .description, .userCardMini.inUserSearch .userCardDetails .description {
        font-size: 10px;
        color: #999;
        margin-top: -2px; }

.userCardMini {
  height: inherit;
  padding: 2px 0; }
  .userCardMini .userCardPhoto {
    width: 32px;
    height: 32px;
    border: none; }
  .userCardMini .userCardDetails {
    margin: 0 0 0 38px;
    width: calc(100% - 38px);
    min-height: 30px; }
    .userCardMini .userCardDetails .username {
      font-size: 13px; }
    .userCardMini .userCardDetails .title {
      font-size: 10px;
      margin-bottom: 0px; }

.userCardDetails .usernameWrapper {
  position: relative;
  max-width: 100%; }

.userCardDetails .phone, .userCardDetails .mobile {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: left center; }

.userCardDetails .phone {
  background-image: url(../../img/icon-phone-tiny-card.png); }

.userCardDetails .mobile {
  background-image: url(../../img/icon-mobile-tiny-card.png); }

.userCardDetails .reportCounter {
  height: 30px;
  min-width: 30px;
  border-radius: 999px;
  color: #666;
  cursor: default;
  font-size: 10px;
  border: none;
  padding: 0 1px 0 0;
  text-align: right; }

.userCardDetails .seniorityContainer {
  padding: 4px 10px 0 5px; }
  .userCardDetails .seniorityContainer .tenureWrapper {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding-bottom: 10px;
    padding-right: 1px; }

.tenureWrapper {
  overflow: hidden; }
  .tenureWrapper .item {
    display: inline-block;
    float: right;
    height: 10px;
    width: 10px;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 2px;
    text-shadow: none; }
    .tenureWrapper .item.contractor-c {
      color: #EB912D;
      font-family: "Lato", sans-serif;
      font-weight: 600;
      line-height: 1.3; }
    .tenureWrapper .item.current .glyphicon-star:before {
      color: #EB912D;
      border-color: #EB912D; }
    .tenureWrapper .item.current.oneYear .glyphicon-star:before {
      background-color: #EB912D; }
    .tenureWrapper .item.past .glyphicon-star:before {
      color: #7FBAFF;
      border-color: #7FBAFF; }
    .tenureWrapper .item.past.oneYear .glyphicon-star:before {
      background-color: #7FBAFF; }
    .tenureWrapper .item.past.fiveYear {
      width: 12px;
      font-size: 13px; }
    .tenureWrapper .item.oneYear .glyphicon-star:before, .tenureWrapper .item.zeroYear .glyphicon-star:before {
      content: " ";
      position: absolute;
      top: -10px;
      border: 2px solid;
      border-radius: 999px;
      height: 10px;
      width: 10px; }
    .tenureWrapper .item.fiveYear {
      border-color: rgba(0, 0, 0, 0);
      width: 12px;
      font-size: 13px;
      margin-top: -1px; }

.personHeader.header .headerTitle {
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s; }
  .personHeader.header .headerTitle .seniorityContainer {
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s;
    padding: 0;
    margin: 15px 0 0 10px; }
    .personHeader.header .headerTitle .seniorityContainer .tenureWrapper {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      margin-left: 8px;
      top: 11px;
      height: 28px; }
      .personHeader.header .headerTitle .seniorityContainer .tenureWrapper .item {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        height: 20px;
        width: 20px;
        font-size: 24px;
        line-height: 1.5;
        margin-left: 4px; }
        .personHeader.header .headerTitle .seniorityContainer .tenureWrapper .item.contractor-c {
          font-family: "Lato", sans-serif;
          line-height: 1.3; }
        .personHeader.header .headerTitle .seniorityContainer .tenureWrapper .item.oneYear .glyphicon-star:before, .personHeader.header .headerTitle .seniorityContainer .tenureWrapper .item.zeroYear .glyphicon-star:before {
          -moz-transition: all 0.2s ease;
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s;
          top: -22px;
          border: 2px solid;
          height: 20px;
          width: 20px; }
        .personHeader.header .headerTitle .seniorityContainer .tenureWrapper .item.fiveYear {
          width: 26px;
          font-size: 27px;
          margin-top: -3px; }
    .personHeader.header .headerTitle .seniorityContainer .reportCounter {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      opacity: 1.0;
      margin: 8px 0 0;
      text-align: right; }

.personHeader.header.compact .headerTitle {
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s;
  width: calc(100% - 120px); }
  .personHeader.header.compact .headerTitle .seniorityContainer {
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s; }
    .personHeader.header.compact .headerTitle .seniorityContainer .tenureWrapper {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      top: 5px; }
      .personHeader.header.compact .headerTitle .seniorityContainer .tenureWrapper .item {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        height: 16px;
        width: 16px;
        font-size: 20px;
        line-height: 1.1; }
        .personHeader.header.compact .headerTitle .seniorityContainer .tenureWrapper .item.oneYear .glyphicon-star:before, .personHeader.header.compact .headerTitle .seniorityContainer .tenureWrapper .item.zeroYear .glyphicon-star:before {
          -moz-transition: all 0.2s ease;
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s;
          top: -15px;
          height: 16px;
          width: 16px; }
        .personHeader.header.compact .headerTitle .seniorityContainer .tenureWrapper .item.fiveYear {
          width: 21px;
          font-size: 23px;
          margin-top: -1px; }
    .personHeader.header.compact .headerTitle .seniorityContainer .reportCounter {
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s;
      opacity: 0;
      margin-top: 0; }

.pendingReassignments .reassignHeader {
  display: flex;
  flex-direction: column; }
  .pendingReassignments .reassignHeader span {
    color: #4A4A4A; }
  .pendingReassignments .reassignHeader span:nth-of-type(1) {
    font-size: 20px; }
  .pendingReassignments .reassignHeader span:nth-of-type(2) {
    margin-top: 10px;
    font-size: 13px; }

.pendingReassignments .reassignmentTable {
  margin-top: 10px; }
  .pendingReassignments .reassignmentTable .reassignmentHeader {
    color: #4A4A4A;
    font-size: 13px; }
    .pendingReassignments .reassignmentTable .reassignmentHeader td {
      font-weight: 400; }
  .pendingReassignments .reassignmentTable .name {
    width: 35%; }
  .pendingReassignments .reassignmentTable .count {
    width: 15%; }
  .pendingReassignments .reassignmentTable .dueDate {
    width: 20%; }
    .pendingReassignments .reassignmentTable .dueDate .glyphicon {
      opacity: 1; }
  .pendingReassignments .reassignmentTable .resolve {
    width: 30%; }
  .pendingReassignments .reassignmentTable .reassignmentRow {
    color: #9B9B9B;
    font-size: 13px; }
    .pendingReassignments .reassignmentTable .reassignmentRow:not(:last-child) {
      border-bottom: 1px solid #E4E4E4; }
    .pendingReassignments .reassignmentTable .reassignmentRow .nameAndTitle {
      display: flex;
      flex-direction: column;
      white-space: pre-wrap;
      margin-right: 20px; }
      .pendingReassignments .reassignmentTable .reassignmentRow .nameAndTitle .inactiveUser {
        color: #4A90E2;
        font-size: 14px;
        font-weight: 500 !important; }
      .pendingReassignments .reassignmentTable .reassignmentRow .nameAndTitle .title {
        font-size: 10px; }
    .pendingReassignments .reassignmentTable .reassignmentRow .resolve button {
      min-width: 120px;
      line-height: initial; }
    .pendingReassignments .reassignmentTable .reassignmentRow .resolve button:nth-of-type(1) {
      margin-right: 20px; }

.reassignAll {
  display: flex;
  flex-direction: column; }
  .reassignAll .reassignHeader {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px; }
    .reassignAll .reassignHeader span {
      color: #4A4A4A; }
    .reassignAll .reassignHeader span:nth-of-type(1) {
      font-size: 20px; }
    .reassignAll .reassignHeader span:nth-of-type(2) {
      margin-top: 10px;
      font-size: 16px; }
  .reassignAll .row .previewHeader {
    color: #4A4A4A;
    font-size: 20px; }
  .reassignAll .itemDetailsTable {
    margin-top: 12px; }

/* OVERRIDES FOR CKEDITOR AND OFFICE 2013 THEME STYLES */
body .cke_reset_all, body .cke_reset_all * {
  font: normal 13px "Lato", sans-serif;
  font-family: "Lato", sans-serif !important;
  font-size: 13px;
  box-sizing: border-box !important;
  white-space: normal;
  /* button style overrides */
  /* VL Image Dialog styles */ }
  body .cke_reset_all div.cke_bottom, body .cke_reset_all * div.cke_bottom {
    background-color: white;
    padding: 0; }
  body .cke_reset_all .cke_dialog_contents, body .cke_reset_all .cke_dialog_contents_body, body .cke_reset_all * .cke_dialog_contents, body .cke_reset_all * .cke_dialog_contents_body {
    padding: 0 16px 16px 0; }
  body .cke_reset_all h4, body .cke_reset_all * h4 {
    font-size: 18px;
    margin: 10px 0;
    font-weight: 600; }
  body .cke_reset_all .cke_dialog_body, body .cke_reset_all * .cke_dialog_body {
    border: none;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    body .cke_reset_all .cke_dialog_body .cke_dialog_title, body .cke_reset_all * .cke_dialog_body .cke_dialog_title {
      /* styles for <h4> */
      font-size: 18px;
      font-weight: 500;
      border-bottom: 1px solid #e5e5e5; }
  body .cke_reset_all .cke_dialog_footer, body .cke_reset_all * .cke_dialog_footer {
    border-top: 1px solid #e5e5e5; }
  body .cke_reset_all .cke_dialog_ui_vbox_child, body .cke_reset_all * .cke_dialog_ui_vbox_child {
    padding: 0; }
  body .cke_reset_all a.cke_dialog_ui_button, body .cke_reset_all * a.cke_dialog_ui_button {
    min-height: 32px; }
  body .cke_reset_all a.cke_dialog_ui_button, body .cke_reset_all .btn, body .cke_reset_all * a.cke_dialog_ui_button, body .cke_reset_all * .btn {
    /* .btn pulled from bootstrap */
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    /*line-height: 1.42857143;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    /* .btn-default */
    color: #333;
    background-color: #fff;
    border-color: #ccc; }
    body .cke_reset_all a.cke_dialog_ui_button:hover, body .cke_reset_all a.cke_dialog_ui_button:focus, body .cke_reset_all .btn:hover, body .cke_reset_all .btn:focus, body .cke_reset_all * a.cke_dialog_ui_button:hover, body .cke_reset_all * a.cke_dialog_ui_button:focus, body .cke_reset_all * .btn:hover, body .cke_reset_all * .btn:focus {
      color: #333;
      background-color: #f2f2f2;
      border-color: #adadad;
      text-decoration: none; }
    body .cke_reset_all a.cke_dialog_ui_button span, body .cke_reset_all .btn span, body .cke_reset_all * a.cke_dialog_ui_button span, body .cke_reset_all * .btn span {
      /* override font size in buttons */
      font-size: 13px !important;
      padding: 0 !important; }
    body .cke_reset_all a.cke_dialog_ui_button.cke_dialog_ui_button_ok, body .cke_reset_all a.cke_dialog_ui_button.btn-primary, body .cke_reset_all .btn.cke_dialog_ui_button_ok, body .cke_reset_all .btn.btn-primary, body .cke_reset_all * a.cke_dialog_ui_button.cke_dialog_ui_button_ok, body .cke_reset_all * a.cke_dialog_ui_button.btn-primary, body .cke_reset_all * .btn.cke_dialog_ui_button_ok, body .cke_reset_all * .btn.btn-primary {
      /* .btn-primary for 'ok' buttons on ck dialogs */
      background-color: #4A90E2;
      border-color: #3483de;
      color: white;
      margin-left: 5px;
      outline: none; }
      body .cke_reset_all a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover, body .cke_reset_all a.cke_dialog_ui_button.btn-primary:hover, body .cke_reset_all .btn.cke_dialog_ui_button_ok:hover, body .cke_reset_all .btn.btn-primary:hover, body .cke_reset_all * a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover, body .cke_reset_all * a.cke_dialog_ui_button.btn-primary:hover, body .cke_reset_all * .btn.cke_dialog_ui_button_ok:hover, body .cke_reset_all * .btn.btn-primary:hover {
        background-color: #2275d7;
        border-color: #204d74; }
    body .cke_reset_all a.cke_dialog_ui_button.cke_disabled, body .cke_reset_all .btn.cke_disabled, body .cke_reset_all * a.cke_dialog_ui_button.cke_disabled, body .cke_reset_all * .btn.cke_disabled {
      background-color: #ddd;
      border-color: #ddd;
      cursor: not-allowed; }
      body .cke_reset_all a.cke_dialog_ui_button.cke_disabled span, body .cke_reset_all .btn.cke_disabled span, body .cke_reset_all * a.cke_dialog_ui_button.cke_disabled span, body .cke_reset_all * .btn.cke_disabled span {
        cursor: not-allowed; }
      body .cke_reset_all a.cke_dialog_ui_button.cke_disabled:hover, body .cke_reset_all a.cke_dialog_ui_button.cke_disabled:focus, body .cke_reset_all .btn.cke_disabled:hover, body .cke_reset_all .btn.cke_disabled:focus, body .cke_reset_all * a.cke_dialog_ui_button.cke_disabled:hover, body .cke_reset_all * a.cke_dialog_ui_button.cke_disabled:focus, body .cke_reset_all * .btn.cke_disabled:hover, body .cke_reset_all * .btn.cke_disabled:focus {
        background-color: #ddd;
        border-color: #ddd; }
  body .cke_reset_all a.cke_dialog_close_button, body .cke_reset_all * a.cke_dialog_close_button {
    top: 10px;
    right: 15px;
    padding: 13px;
    background-position: center center;
    border: none; }
    body .cke_reset_all a.cke_dialog_close_button:hover, body .cke_reset_all a.cke_dialog_close_button:focus, body .cke_reset_all * a.cke_dialog_close_button:hover, body .cke_reset_all * a.cke_dialog_close_button:focus {
      cursor: pointer;
      border: none;
      background-color: white; }
  body .cke_reset_all span.cke_dialog_ui_button, body .cke_reset_all * span.cke_dialog_ui_button {
    font-size: 13px; }
  body .cke_reset_all .cke_toolgroup, body .cke_reset_all .cke_combo_button, body .cke_reset_all * .cke_toolgroup, body .cke_reset_all * .cke_combo_button {
    margin: 0; }
  body .cke_reset_all .cke_combo_button, body .cke_reset_all * .cke_combo_button {
    /* styles dropdown menu */
    height: 30px;
    padding: 6px 4px 3px;
    margin: 1px 0; }
  body .cke_reset_all .cke_combo_text, body .cke_reset_all * .cke_combo_text {
    width: 106px; }
  body .cke_reset_all .cke_combo_off a.cke_combo_button:hover, body .cke_reset_all .cke_combo_off a.cke_combo_button:focus, body .cke_reset_all * .cke_combo_off a.cke_combo_button:hover, body .cke_reset_all * .cke_combo_off a.cke_combo_button:focus {
    border-color: #ccc;
    outline: 0; }
  body .cke_reset_all .cke_combo_off a.cke_combo_button:hover .cke_combo_open, body .cke_reset_all .cke_combo_off a.cke_combo_button:focus .cke_combo_open, body .cke_reset_all * .cke_combo_off a.cke_combo_button:hover .cke_combo_open, body .cke_reset_all * .cke_combo_off a.cke_combo_button:focus .cke_combo_open {
    background: #ccc;
    outline: 0; }
  body .cke_reset_all .cke_combo_open, body .cke_reset_all * .cke_combo_open {
    /* down arrow on toolbar dropdown */
    padding: 0 12px 0 7px;
    margin-top: -3px;
    margin-left: 4px;
    height: 21px; }
    body .cke_reset_all .cke_combo_open .cke_combo_arrow, body .cke_reset_all * .cke_combo_open .cke_combo_arrow {
      margin: 10px 0 0; }
  body .cke_reset_all a.cke_button, body .cke_reset_all * a.cke_button {
    /* buttons in the styling toolbar */
    height: 30px;
    padding: 6px; }
  body .cke_reset_all .cke_button_on, body .cke_reset_all * .cke_button_on {
    /* active toolbar button (not hover) */
    background: #ccc; }
  body .cke_reset_all a.cke_button_off:hover, body .cke_reset_all a.cke_button_off:focus, body .cke_reset_all a.cke_button_off:active, body .cke_reset_all a.cke_button_disabled:hover, body .cke_reset_all a.cke_button_disabled:focus, body .cke_reset_all a.cke_button_disabled:active, body .cke_reset_all * a.cke_button_off:hover, body .cke_reset_all * a.cke_button_off:focus, body .cke_reset_all * a.cke_button_off:active, body .cke_reset_all * a.cke_button_disabled:hover, body .cke_reset_all * a.cke_button_disabled:focus, body .cke_reset_all * a.cke_button_disabled:active {
    background: #efefef; }
  body .cke_reset_all textarea.cke_dialog_ui_input_textarea.cke_source, body .cke_reset_all * textarea.cke_dialog_ui_input_textarea.cke_source {
    /* source code input field */
    padding: 10px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    font-family: "Courier New", courier, monospace !important; }
    body .cke_reset_all textarea.cke_dialog_ui_input_textarea.cke_source:hover, body .cke_reset_all textarea.cke_dialog_ui_input_textarea.cke_source:focus, body .cke_reset_all * textarea.cke_dialog_ui_input_textarea.cke_source:hover, body .cke_reset_all * textarea.cke_dialog_ui_input_textarea.cke_source:focus {
      border: none;
      border-bottom: 1px solid #e5e5e5; }
  body .cke_reset_all .cke_dialog_ui_textarea label.cke_dialog_ui_labeled_label, body .cke_reset_all * .cke_dialog_ui_textarea label.cke_dialog_ui_labeled_label {
    /* eliminates empty label on 'view source' modal */
    display: none; }
  body .cke_reset_all .btn-primary, body .cke_reset_all * .btn-primary {
    background-color: #4A90E2;
    border-color: #3483de; }
    body .cke_reset_all .btn-primary:hover, body .cke_reset_all .btn-primary:focus, body .cke_reset_all * .btn-primary:hover, body .cke_reset_all * .btn-primary:focus {
      background-color: #2275d7; }
    body .cke_reset_all .btn-primary.btn-inverted, body .cke_reset_all * .btn-primary.btn-inverted {
      background: rgba(255, 255, 255, 0.9);
      border-color: rgba(255, 255, 255, 0.8);
      color: #4A90E2; }
      body .cke_reset_all .btn-primary.btn-inverted:hover, body .cke_reset_all .btn-primary.btn-inverted:focus, body .cke_reset_all * .btn-primary.btn-inverted:hover, body .cke_reset_all * .btn-primary.btn-inverted:focus {
        background: white;
        border-color: white; }
  body .cke_reset_all .btn-default, body .cke_reset_all * .btn-default {
    background-color: white;
    color: rgba(0, 0, 0, 0.9); }
    body .cke_reset_all .btn-default:hover, body .cke_reset_all .btn-default:focus, body .cke_reset_all * .btn-default:hover, body .cke_reset_all * .btn-default:focus {
      background-color: #f2f2f2; }
    body .cke_reset_all .btn-default.btn-inverted, body .cke_reset_all * .btn-default.btn-inverted {
      background: none;
      border-color: rgba(255, 255, 255, 0.6);
      color: rgba(255, 255, 255, 0.8); }
      body .cke_reset_all .btn-default.btn-inverted:hover, body .cke_reset_all .btn-default.btn-inverted:focus, body .cke_reset_all * .btn-default.btn-inverted:hover, body .cke_reset_all * .btn-default.btn-inverted:focus {
        border-color: white;
        color: white; }
  body .cke_reset_all hr, body .cke_reset_all * hr {
    margin: 20px auto;
    border-bottom: 1px solid #efefef; }
  body .cke_reset_all .row, body .cke_reset_all * .row {
    margin: 0 auto; }
    body .cke_reset_all .row:after, body .cke_reset_all .row:before, body .cke_reset_all * .row:after, body .cke_reset_all * .row:before {
      clear: both;
      display: table;
      content: " "; }
  body .cke_reset_all .col-xs-3, body .cke_reset_all * .col-xs-3 {
    width: 30%;
    float: left;
    position: relative;
    padding-right: 15px;
    padding-left: 15px; }
  body .cke_reset_all .col-xs-9, body .cke_reset_all * .col-xs-9 {
    width: 65%;
    float: left;
    position: relative;
    padding-right: 15px;
    padding-left: 15px; }
  body .cke_reset_all label, body .cke_reset_all * label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700; }
  body .cke_reset_all .form-inline button, body .cke_reset_all * .form-inline button {
    margin-bottom: 15px;
    margin-left: 15px; }
  body .cke_reset_all .form-group, body .cke_reset_all * .form-group {
    width: 100%;
    margin-bottom: 15px; }
    body .cke_reset_all .form-group.withPadding, body .cke_reset_all * .form-group.withPadding {
      padding-left: 15px;
      padding-right: 15px; }
    body .cke_reset_all .form-group label, body .cke_reset_all * .form-group label {
      font-weight: 600; }
  body .cke_reset_all .form-control, body .cke_reset_all * .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  body .cke_reset_all .dialog-icon, body .cke_reset_all * .dialog-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, 0.05);
    background-repeat: no-repeat;
    background-position: center center; }
    body .cke_reset_all .dialog-icon.upload, body .cke_reset_all * .dialog-icon.upload {
      background-size: 60px;
      background-image: url(../../img/icon-upload-xl.png); }
  body .cke_reset_all #vlimage-dialog, body .cke_reset_all * #vlimage-dialog {
    position: relative; }
    body .cke_reset_all #vlimage-dialog .dragDropper, body .cke_reset_all * #vlimage-dialog .dragDropper {
      padding: 30px; }
    body .cke_reset_all #vlimage-dialog .dragToUpload, body .cke_reset_all * #vlimage-dialog .dragToUpload {
      height: 100px; }
    body .cke_reset_all #vlimage-dialog .filedrag, body .cke_reset_all * #vlimage-dialog .filedrag {
      background-color: none; }
      body .cke_reset_all #vlimage-dialog .filedrag.hover, body .cke_reset_all * #vlimage-dialog .filedrag.hover {
        background-color: #B7D8FF; }
    body .cke_reset_all #vlimage-dialog .imageOptionsContainer, body .cke_reset_all * #vlimage-dialog .imageOptionsContainer {
      width: 100%; }
      body .cke_reset_all #vlimage-dialog .imageOptionsContainer .leftCol, body .cke_reset_all * #vlimage-dialog .imageOptionsContainer .leftCol {
        float: left;
        width: 60%;
        padding: 0 15px; }
        body .cke_reset_all #vlimage-dialog .imageOptionsContainer .leftCol .previewImage, body .cke_reset_all * #vlimage-dialog .imageOptionsContainer .leftCol .previewImage {
          display: block;
          max-width: 100%;
          height: auto;
          max-height: 400px;
          margin: 0px auto; }
      body .cke_reset_all #vlimage-dialog .imageOptionsContainer .rightCol, body .cke_reset_all * #vlimage-dialog .imageOptionsContainer .rightCol {
        float: right;
        width: 40%;
        padding: 0 15px;
        border-left: 1px solid #e5e5e5; }
  body .cke_reset_all .cke_dialog_contents_body, body .cke_reset_all * .cke_dialog_contents_body {
    /*
    // The following exceptions are not stable, and are therefore commented out pending a
    // better solution for hiding specific elements in the table dialogs. [bps]

        #cke_106_uiElement, #cke_89_uiElement, #cke_94_uiElement, #cke_97_uiElement,
        #cke_78_uiElement, #cke_81_uiElement {
          // Hide the following on New Table dialog:
          // Summary input, Height input
          // " " Cell Spacing, Cell Padding, Border Size, Alignment
          display:none;
        }

        #cke_86_uiElement, #cke_168_uiElement, #cke_114_uiElement {
          // Hide the following on the Table Properties dialog
          // Border Size, Alignment, Summary
          display: none;
        }

        #cke_185_uiElement, #cke_189_uiElement, #cke_222_uiElement {
          // Hide the following on the Table Cell Properties dialog
          // Height, Word Wrap, Border Color
          display:none;
        }
        */ }
    body .cke_reset_all .cke_dialog_contents_body .cke_dialog_ui_hbox_first, body .cke_reset_all .cke_dialog_contents_body .cke_dialog_ui_hbox_last, body .cke_reset_all * .cke_dialog_contents_body .cke_dialog_ui_hbox_first, body .cke_reset_all * .cke_dialog_contents_body .cke_dialog_ui_hbox_last {
      width: 50%; }
  body .cke_reset_all input, body .cke_reset_all select, body .cke_reset_all * input, body .cke_reset_all * select {
    height: 32px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    padding: 4px 8px; }
  body .cke_reset_all label, body .cke_reset_all * label {
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    margin-top: 10px; }
    body .cke_reset_all label .cke_required, body .cke_reset_all * label .cke_required {
      font-weight: 600; }

/* Link editor dialog */
.vllinkdlg .cke_dialog_tabs {
  display: none; }

.vllinkdlg .cke_dialog_contents {
  margin: 0; }

.vllinkdlg .cke_dialog .cke_resizer,
.vllinkdlg .cke_dialog .cke_resizer_ltr {
  margin-right: 0;
  margin-left: 0;
  bottom: 0;
  right: 2px;
  position: absolute; }

.vllinkdlg .cke_dialog .cke_resizer {
  margin-top: 25px; }

.vllinkdlg .TwoColContainer {
  /* variables */
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 600px;
  height: calc(100% - 104px);
  background-color: #f5f5f5; }
  .vllinkdlg .TwoColContainer .columnWrapper {
    position: relative;
    margin: 0 auto;
    height: 100%; }
  .vllinkdlg .TwoColContainer .leftColContainer {
    position: relative;
    height: 100%;
    float: left;
    width: 25%;
    padding-left: 0px; }
    .vllinkdlg .TwoColContainer .leftColContainer .leftColContents {
      padding: 25px 0 0 15px; }
  .vllinkdlg .TwoColContainer .rightColContainer {
    position: relative;
    overflow: auto;
    width: auto;
    margin-left: 25%;
    padding-right: 15px;
    background-color: white;
    box-shadow: none; }
    .vllinkdlg .TwoColContainer .rightColContainer .rightColContents {
      position: absolute;
      width: 100%;
      padding: 0; }
  .vllinkdlg .TwoColContainer .container-padding {
    padding: 0 30px; }
  .vllinkdlg .TwoColContainer hr {
    margin: 10px 0 15px; }

.vllinkdlg ul.navSection {
  list-style: none;
  padding: 0 0 20px;
  margin: 0 0 20px -8px; }
  .vllinkdlg ul.navSection li {
    cursor: pointer;
    padding: 6px 8px 6px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: rgba(26, 26, 26, 0.9); }
    .vllinkdlg ul.navSection li.active a, .vllinkdlg ul.navSection li.selected a, .vllinkdlg ul.navSection li:hover a {
      font-weight: 600;
      color: rgba(0, 0, 0, 0.9); }
    .vllinkdlg ul.navSection li.active, .vllinkdlg ul.navSection li.selected {
      background-color: white; }

.vllinkdlg .cke_dialog_page_contents {
  height: 100%; }
  .vllinkdlg .cke_dialog_page_contentstable[role="presentation"] {
    height: 100%; }

.vllinkdlg .hourglass {
  display: inline-block;
  width: calc(100% - 200px);
  text-align: center;
  margin-top: 50px; }

.vllinkdlg .cke_dialog_contents_body {
  padding: 0;
  margin: 0; }

.vllinkdlg .search-area {
  padding: 10px 10px;
  width: auto;
  border-bottom: 1px solid #e5e5e5; }
  .vllinkdlg .search-area .form-group, .vllinkdlg .search-area button {
    margin-bottom: 0 !important;
    margin-right: 5px;
    margin-left: 0 !important; }
  .vllinkdlg .search-area .pull-right {
    width: 210px; }
    .vllinkdlg .search-area .pull-right button, .vllinkdlg .search-area .pull-right select {
      float: right;
      height: 34px; }
    .vllinkdlg .search-area .pull-right select {
      width: 130px;
      margin-right: 5px; }
  .vllinkdlg .search-area .pull-left {
    width: calc(100% - 210px); }
    .vllinkdlg .search-area .pull-left input {
      width: 100%;
      background-image: url(../../img/icon-SearchBar.png);
      background-repeat: no-repeat;
      background-position: 11px center;
      background-size: 18px;
      padding-left: 36px; }

.vllinkdlg .link-area {
  padding: 0 10px;
  border: none; }
  .vllinkdlg .link-area label {
    font-size: 14px;
    font-weight: 600; }

.vllinkdlg .suggestedItemsHeader {
  font-weight: 600;
  font-size: 14px;
  padding: 8px 10px;
  background-color: #fafafa; }

.vllinkdlg table.result-list {
  height: 310px;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  overflow-y: scroll; }
  .vllinkdlg table.result-list tbody {
    display: block;
    width: 100%; }
    .vllinkdlg table.result-list tbody tr td {
      padding: 4px 10px 3px 20px;
      position: relative; }
    .vllinkdlg table.result-list tbody tr.selected, .vllinkdlg table.result-list tbody tr.item.selected:hover td {
      background-color: #CCE4FF; }
    .vllinkdlg table.result-list tbody tr.item td div, .vllinkdlg table.result-list tbody tr.item td span {
      cursor: pointer !important;
      overflow: hidden; }
    .vllinkdlg table.result-list tbody tr.item td span {
      white-space: inherit; }
    .vllinkdlg table.result-list tbody tr.item:hover td {
      background-color: #f5f5f5;
      cursor: pointer; }
    .vllinkdlg table.result-list tbody tr td:nth-child(1) {
      color: rgba(0, 0, 0, 0.9);
      padding-left: 10px;
      width: auto;
      min-width: 335px; }
    .vllinkdlg table.result-list tbody tr td:nth-child(2) {
      width: 125px;
      padding-left: 0; }
      .vllinkdlg table.result-list tbody tr td:nth-child(2) span {
        font-weight: 300; }
    .vllinkdlg table.result-list tbody tr td:nth-child(3) {
      width: 125px;
      padding-left: 0; }
      .vllinkdlg table.result-list tbody tr td:nth-child(3) span {
        font-weight: 300; }
    .vllinkdlg table.result-list tbody tr.morePeople td {
      border-bottom: 1px solid #e7e7e7; }
      .vllinkdlg table.result-list tbody tr.morePeople td a {
        color: #4A90E2;
        margin-left: 25px;
        cursor: pointer; }
        .vllinkdlg table.result-list tbody tr.morePeople td a:hover {
          color: #2275d7;
          text-decoration: underline; }

.vllinkdlg .location-text {
  color: rgba(0, 0, 0, 0.9); }

.vllinkdlg .cke_dialog_body #vllnkdlg-web input[type="text"] {
  margin-bottom: 20px; }

.vllinkdlg #vllnkdlg-web {
  padding: 20px; }

.vllinkdlg button {
  cursor: pointer; }

.cke_dialog_footer_buttons a.cke_dialog_ui_button span:hover {
  cursor: pointer; }

#cke_notifications_area_pageContent {
  position: fixed;
  left: 50%;
  transform: translate(-50%); }

#cke_pageContent {
  border: none; }

/* MAKE PAGE EDITOR 100% HEIGHT */
.pageWrapper.fullHeight {
  height: calc(100% - 120px);
  position: absolute; }
  .pageWrapper.fullHeight .container-fluid {
    height: calc(100% - 120px); }
    .pageWrapper.fullHeight .container-fluid .cke_chrome {
      height: 100%;
      box-shadow: none;
      /*move shadow to .cke_contents */ }
      .pageWrapper.fullHeight .container-fluid .cke_chrome .cke_inner {
        height: 100%; }
        .pageWrapper.fullHeight .container-fluid .cke_chrome .cke_inner .cke_contents {
          min-height: 100%; }
          .pageWrapper.fullHeight .container-fluid .cke_chrome .cke_inner .cke_contents .cke_wysiwyg_frame {
            height: 100%; }

.vllinkdlg {
  /* ADD ICONS FOR FILE TYPES AND SITES HERE
     REDUNDANT WITH MAIN SITE STYLES - DON'T CHANGE HERE WITHOUT CHANGING THERE */
  /* Theming color choices */
  /* DUPLICATED from _page.scss */
  /* http://uigradients.com/ */
  /* SITE ICON OPTION DEFINITIONS */
  /* DUPLICATED from _page.scss  */ }
  .vllinkdlg .icon-site {
    background-image: url("../../img/icons/icon-site.png"); }
  .vllinkdlg .icon-folder {
    background-image: url("../../img/icons/icon-folder.png"); }
  .vllinkdlg .icon-topic {
    background-image: url("../../img/icons/icon-topic.png"); }
  .vllinkdlg .icon-page {
    background-image: url("../../img/icons/icon-page.png"); }
  .vllinkdlg .icon-overview {
    background-image: url("../../img/icons/icon-overview.png"); }
  .vllinkdlg .icon-filegroup {
    background-image: url("../../img/icons/icon-filegroup.png"); }
  .vllinkdlg .icon-file {
    background-image: url("../../img/icons/icon-file.png"); }
  .vllinkdlg .icon-link {
    background-image: url("../../img/icons/icon-link.png"); }
  .vllinkdlg .icon-doc {
    background-image: url("../../img/icons/icon-doc.png"); }
  .vllinkdlg .icon-docx {
    background-image: url("../../img/icons/icon-docx.png"); }
  .vllinkdlg .icon-xls {
    background-image: url("../../img/icons/icon-xls.png"); }
  .vllinkdlg .icon-xlsx {
    background-image: url("../../img/icons/icon-xlsx.png"); }
  .vllinkdlg .icon-xlsm {
    background-image: url("../../img/icons/icon-xlsm.png"); }
  .vllinkdlg .icon-ppt {
    background-image: url("../../img/icons/icon-ppt.png"); }
  .vllinkdlg .icon-pptx {
    background-image: url("../../img/icons/icon-pptx.png"); }
  .vllinkdlg .icon-potx {
    background-image: url("../../img/icons/icon-potx.png"); }
  .vllinkdlg .icon-pdf {
    background-image: url("../../img/icons/icon-pdf.png"); }
  .vllinkdlg .icon-jpeg {
    background-image: url("../../img/icons/icon-jpeg.png"); }
  .vllinkdlg .icon-jpg {
    background-image: url("../../img/icons/icon-jpg.png"); }
  .vllinkdlg .icon-png {
    background-image: url("../../img/icons/icon-png.png"); }
  .vllinkdlg .icon-gif {
    background-image: url("../../img/icons/icon-gif.png"); }
  .vllinkdlg .icon-bmp {
    background-image: url("../../img/icons/icon-bmp.png"); }
  .vllinkdlg .icon-tif {
    background-image: url("../../img/icons/icon-tif.png"); }
  .vllinkdlg .icon-tiff {
    background-image: url("../../img/icons/icon-tiff.png"); }
  .vllinkdlg .icon-eps {
    background-image: url("../../img/icons/icon-eps.png"); }
  .vllinkdlg .icon-ai {
    background-image: url("../../img/icons/icon-ai.png"); }
  .vllinkdlg .icon-psd {
    background-image: url("../../img/icons/icon-psd.png"); }
  .vllinkdlg .icon-mov {
    background-image: url("../../img/icons/icon-mov.png"); }
  .vllinkdlg .icon-avi {
    background-image: url("../../img/icons/icon-avi.png"); }
  .vllinkdlg .icon-mp4 {
    background-image: url("../../img/icons/icon-mp4.png"); }
  .vllinkdlg .icon-m4v {
    background-image: url("../../img/icons/icon-m4v.png"); }
  .vllinkdlg .icon-mpeg {
    background-image: url("../../img/icons/icon-mpeg.png"); }
  .vllinkdlg .icon-mpg {
    background-image: url("../../img/icons/icon-mpg.png"); }
  .vllinkdlg .icon-wmv {
    background-image: url("../../img/icons/icon-wmv.png"); }
  .vllinkdlg .icon-wav {
    background-image: url("../../img/icons/icon-wav.png"); }
  .vllinkdlg .icon-mp3 {
    background-image: url("../../img/icons/icon-mp3.png"); }
  .vllinkdlg .icon-htm {
    background-image: url("../../img/icons/icon-htm.png"); }
  .vllinkdlg .icon-html {
    background-image: url("../../img/icons/icon-html.png"); }
  .vllinkdlg .icon-zip {
    background-image: url("../../img/icons/icon-zip.png"); }
  .vllinkdlg .Blue {
    background-color: #406DA8;
    background-image: -webkit-gradient(linear, left top, right top, from(#406DA8), to(#2b4971));
    background-image: -webkit-linear-gradient(left, #406DA8, #2b4971);
    background-image: -moz-linear-gradient(left, #406DA8, #2b4971);
    background-image: -ms-linear-gradient(left, #406DA8, #2b4971);
    background-image: -o-linear-gradient(left, #406DA8, #2b4971);
    background-image: linear-gradient(left, #406DA8, #2b4971);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#406DA8', end-colourStr='#2b4971', gradientType='1'); }
  .vllinkdlg .Black {
    background-color: #5a5a5a;
    background-image: -webkit-gradient(linear, left top, right top, from(#5a5a5a), to(#343434));
    background-image: -webkit-linear-gradient(left, #5a5a5a, #343434);
    background-image: -moz-linear-gradient(left, #5a5a5a, #343434);
    background-image: -ms-linear-gradient(left, #5a5a5a, #343434);
    background-image: -o-linear-gradient(left, #5a5a5a, #343434);
    background-image: linear-gradient(left, #5a5a5a, #343434);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#5a5a5a', end-colourStr='#343434', gradientType='1'); }
  .vllinkdlg .Aqua {
    background-color: #0AAE89;
    background-image: -webkit-gradient(linear, left top, right top, from(#0AAE89), to(#066650));
    background-image: -webkit-linear-gradient(left, #0AAE89, #066650);
    background-image: -moz-linear-gradient(left, #0AAE89, #066650);
    background-image: -ms-linear-gradient(left, #0AAE89, #066650);
    background-image: -o-linear-gradient(left, #0AAE89, #066650);
    background-image: linear-gradient(left, #0AAE89, #066650);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#0AAE89', end-colourStr='#066650', gradientType='1'); }
  .vllinkdlg .Orange {
    background-color: #D78933;
    background-image: -webkit-gradient(linear, left top, right top, from(#D78933), to(#9e621f));
    background-image: -webkit-linear-gradient(left, #D78933, #9e621f);
    background-image: -moz-linear-gradient(left, #D78933, #9e621f);
    background-image: -ms-linear-gradient(left, #D78933, #9e621f);
    background-image: -o-linear-gradient(left, #D78933, #9e621f);
    background-image: linear-gradient(left, #D78933, #9e621f);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#D78933', end-colourStr='#9e621f', gradientType='1'); }
  .vllinkdlg .Purple {
    background-color: #74469C;
    background-image: -webkit-gradient(linear, left top, right top, from(#74469C), to(#4d2e67));
    background-image: -webkit-linear-gradient(left, #74469C, #4d2e67);
    background-image: -moz-linear-gradient(left, #74469C, #4d2e67);
    background-image: -ms-linear-gradient(left, #74469C, #4d2e67);
    background-image: -o-linear-gradient(left, #74469C, #4d2e67);
    background-image: linear-gradient(left, #74469C, #4d2e67);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#74469C', end-colourStr='#4d2e67', gradientType='1'); }
  .vllinkdlg .Red {
    background-color: #9E2828;
    background-image: -webkit-gradient(linear, left top, right top, from(#9E2828), to(#611919));
    background-image: -webkit-linear-gradient(left, #9E2828, #611919);
    background-image: -moz-linear-gradient(left, #9E2828, #611919);
    background-image: -ms-linear-gradient(left, #9E2828, #611919);
    background-image: -o-linear-gradient(left, #9E2828, #611919);
    background-image: linear-gradient(left, #9E2828, #611919);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#9E2828', end-colourStr='#611919', gradientType='1'); }
  .vllinkdlg .Green {
    background-color: #56980A;
    background-image: -webkit-gradient(linear, left top, right top, from(#56980A), to(#2d5005));
    background-image: -webkit-linear-gradient(left, #56980A, #2d5005);
    background-image: -moz-linear-gradient(left, #56980A, #2d5005);
    background-image: -ms-linear-gradient(left, #56980A, #2d5005);
    background-image: -o-linear-gradient(left, #56980A, #2d5005);
    background-image: linear-gradient(left, #56980A, #2d5005);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#56980A', end-colourStr='#2d5005', gradientType='1'); }
  .vllinkdlg .Yellow {
    background-color: #BCAE00;
    background-image: -webkit-gradient(linear, left top, right top, from(#BCAE00), to(#706700));
    background-image: -webkit-linear-gradient(left, #BCAE00, #706700);
    background-image: -moz-linear-gradient(left, #BCAE00, #706700);
    background-image: -ms-linear-gradient(left, #BCAE00, #706700);
    background-image: -o-linear-gradient(left, #BCAE00, #706700);
    background-image: linear-gradient(left, #BCAE00, #706700);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#BCAE00', end-colourStr='#706700', gradientType='1'); }
  .vllinkdlg .Starfall {
    background-color: #F0C27B;
    background-image: -webkit-gradient(linear, left top, right top, from(#F0C27B), to(#4B1248));
    background-image: -webkit-linear-gradient(left, #F0C27B, #4B1248);
    background-image: -moz-linear-gradient(left, #F0C27B, #4B1248);
    background-image: -ms-linear-gradient(left, #F0C27B, #4B1248);
    background-image: -o-linear-gradient(left, #F0C27B, #4B1248);
    background-image: linear-gradient(left, #F0C27B, #4B1248);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#F0C27B', end-colourStr='#4B1248', gradientType='1'); }
  .vllinkdlg .Parklife {
    background-color: #ADD100;
    background-image: -webkit-gradient(linear, left top, right top, from(#ADD100), to(#7B920A));
    background-image: -webkit-linear-gradient(left, #ADD100, #7B920A);
    background-image: -moz-linear-gradient(left, #ADD100, #7B920A);
    background-image: -ms-linear-gradient(left, #ADD100, #7B920A);
    background-image: -o-linear-gradient(left, #ADD100, #7B920A);
    background-image: linear-gradient(left, #ADD100, #7B920A);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#ADD100', end-colourStr='#7B920A', gradientType='1'); }
  .vllinkdlg .Ash {
    background-color: #606C88;
    background-image: -webkit-gradient(linear, left top, right top, from(#606C88), to(#3F4C6B));
    background-image: -webkit-linear-gradient(left, #606C88, #3F4C6B);
    background-image: -moz-linear-gradient(left, #606C88, #3F4C6B);
    background-image: -ms-linear-gradient(left, #606C88, #3F4C6B);
    background-image: -o-linear-gradient(left, #606C88, #3F4C6B);
    background-image: linear-gradient(left, #606C88, #3F4C6B);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#606C88', end-colourStr='#3F4C6B', gradientType='1'); }
  .vllinkdlg .Reef {
    background-color: #19b6c1;
    background-image: -webkit-gradient(linear, left top, right top, from(#19b6c1), to(#03599a));
    background-image: -webkit-linear-gradient(left, #19b6c1, #03599a);
    background-image: -moz-linear-gradient(left, #19b6c1, #03599a);
    background-image: -ms-linear-gradient(left, #19b6c1, #03599a);
    background-image: -o-linear-gradient(left, #19b6c1, #03599a);
    background-image: linear-gradient(left, #19b6c1, #03599a);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#19b6c1', end-colourStr='#03599a', gradientType='1'); }
  .vllinkdlg .Candy {
    background-color: #FC354C;
    background-image: -webkit-gradient(linear, left top, right top, from(#FC354C), to(#0ABFBC));
    background-image: -webkit-linear-gradient(left, #FC354C, #0ABFBC);
    background-image: -moz-linear-gradient(left, #FC354C, #0ABFBC);
    background-image: -ms-linear-gradient(left, #FC354C, #0ABFBC);
    background-image: -o-linear-gradient(left, #FC354C, #0ABFBC);
    background-image: linear-gradient(left, #FC354C, #0ABFBC);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#FC354C', end-colourStr='#0ABFBC', gradientType='1'); }
  .vllinkdlg .Dusk {
    background-color: #C04848;
    background-image: -webkit-gradient(linear, left top, right top, from(#C04848), to(#480048));
    background-image: -webkit-linear-gradient(left, #C04848, #480048);
    background-image: -moz-linear-gradient(left, #C04848, #480048);
    background-image: -ms-linear-gradient(left, #C04848, #480048);
    background-image: -o-linear-gradient(left, #C04848, #480048);
    background-image: linear-gradient(left, #C04848, #480048);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#C04848', end-colourStr='#480048', gradientType='1'); }
  .vllinkdlg .Calm {
    background-color: #5f2c82;
    background-image: -webkit-gradient(linear, left top, right top, from(#5f2c82), to(#49a09d));
    background-image: -webkit-linear-gradient(left, #5f2c82, #49a09d);
    background-image: -moz-linear-gradient(left, #5f2c82, #49a09d);
    background-image: -ms-linear-gradient(left, #5f2c82, #49a09d);
    background-image: -o-linear-gradient(left, #5f2c82, #49a09d);
    background-image: linear-gradient(left, #5f2c82, #49a09d);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#5f2c82', end-colourStr='#49a09d', gradientType='1'); }
  .vllinkdlg .Titanium {
    background-color: #283048;
    background-image: -webkit-gradient(linear, left top, right top, from(#283048), to(#859398));
    background-image: -webkit-linear-gradient(left, #283048, #859398);
    background-image: -moz-linear-gradient(left, #283048, #859398);
    background-image: -ms-linear-gradient(left, #283048, #859398);
    background-image: -o-linear-gradient(left, #283048, #859398);
    background-image: linear-gradient(left, #283048, #859398);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#283048', end-colourStr='#859398', gradientType='1'); }
  .vllinkdlg .Moss {
    background-color: #134E5E;
    background-image: -webkit-gradient(linear, left top, right top, from(#134E5E), to(#71B280));
    background-image: -webkit-linear-gradient(left, #134E5E, #71B280);
    background-image: -moz-linear-gradient(left, #134E5E, #71B280);
    background-image: -ms-linear-gradient(left, #134E5E, #71B280);
    background-image: -o-linear-gradient(left, #134E5E, #71B280);
    background-image: linear-gradient(left, #134E5E, #71B280);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#134E5E', end-colourStr='#71B280', gradientType='1'); }
  .vllinkdlg .Sunrise {
    background-color: #FF512F;
    background-image: -webkit-gradient(linear, left top, right top, from(#FF512F), to(#F09819));
    background-image: -webkit-linear-gradient(left, #FF512F, #F09819);
    background-image: -moz-linear-gradient(left, #FF512F, #F09819);
    background-image: -ms-linear-gradient(left, #FF512F, #F09819);
    background-image: -o-linear-gradient(left, #FF512F, #F09819);
    background-image: linear-gradient(left, #FF512F, #F09819);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#FF512F', end-colourStr='#F09819', gradientType='1'); }
  .vllinkdlg .Sprite {
    /*Emerald Water */
    background-color: #348F50;
    background-image: -webkit-gradient(linear, left top, right top, from(#348F50), to(#56B4D3));
    background-image: -webkit-linear-gradient(left, #348F50, #56B4D3);
    background-image: -moz-linear-gradient(left, #348F50, #56B4D3);
    background-image: -ms-linear-gradient(left, #348F50, #56B4D3);
    background-image: -o-linear-gradient(left, #348F50, #56B4D3);
    background-image: linear-gradient(left, #348F50, #56B4D3);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#348F50', end-colourStr='#56B4D3', gradientType='1'); }
  .vllinkdlg .allSitesView {
    background-color: #EB912D; }
  .vllinkdlg .Default.inverted {
    background-image: url("../../img/site-icons/Default-inverted.png") !important; }
  .vllinkdlg .Education.inverted {
    background-image: url("../../img/site-icons/Education-inverted.png") !important; }
  .vllinkdlg .Mountain.inverted {
    background-image: url("../../img/site-icons/Mountain-inverted.png") !important; }
  .vllinkdlg .Lock.inverted {
    background-image: url("../../img/site-icons/Lock-inverted.png") !important; }
  .vllinkdlg .Shield.inverted {
    background-image: url("../../img/site-icons/Shield-inverted.png") !important; }
  .vllinkdlg .Privacy.inverted {
    background-image: url("../../img/site-icons/Privacy-inverted.png") !important; }
  .vllinkdlg .News.inverted {
    background-image: url("../../img/site-icons/News-inverted.png") !important; }
  .vllinkdlg .Bullhorn.inverted {
    background-image: url("../../img/site-icons/Bullhorn-inverted.png") !important; }
  .vllinkdlg .Chat.inverted {
    background-image: url("../../img/site-icons/Chat-inverted.png") !important; }
  .vllinkdlg .Headset.inverted {
    background-image: url("../../img/site-icons/Headset-inverted.png") !important; }
  .vllinkdlg .Star.inverted {
    background-image: url("../../img/site-icons/Star-inverted.png") !important; }
  .vllinkdlg .Key.inverted {
    background-image: url("../../img/site-icons/Key-inverted.png") !important; }
  .vllinkdlg .Beaker.inverted {
    background-image: url("../../img/site-icons/Beaker-inverted.png") !important; }
  .vllinkdlg .Globe.inverted {
    background-image: url("../../img/site-icons/Globe-inverted.png") !important; }
  .vllinkdlg .Location.inverted {
    background-image: url("../../img/site-icons/Location-inverted.png") !important; }
  .vllinkdlg .Calendar.inverted {
    background-image: url("../../img/site-icons/Calendar-inverted.png") !important; }
  .vllinkdlg .Radar.inverted {
    background-image: url("../../img/site-icons/Radar-inverted.png") !important; }
  .vllinkdlg .Target.inverted {
    background-image: url("../../img/site-icons/Target-inverted.png") !important; }
  .vllinkdlg .Rocket.inverted {
    background-image: url("../../img/site-icons/Rocket-inverted.png") !important; }
  .vllinkdlg .Gem.inverted {
    background-image: url("../../img/site-icons/Gem-inverted.png") !important; }
  .vllinkdlg .Chart.inverted {
    background-image: url("../../img/site-icons/Chart-inverted.png") !important; }
  .vllinkdlg .Graph.inverted {
    background-image: url("../../img/site-icons/Graph-inverted.png") !important; }
  .vllinkdlg .Office.inverted {
    background-image: url("../../img/site-icons/Office-inverted.png") !important; }
  .vllinkdlg .Person.inverted {
    background-image: url("../../img/site-icons/Person-inverted.png") !important; }
  .vllinkdlg .People.inverted {
    background-image: url("../../img/site-icons/People-inverted.png") !important; }
  .vllinkdlg .Gear.inverted {
    background-image: url("../../img/site-icons/Gear-inverted.png") !important; }
  .vllinkdlg .Court.inverted {
    background-image: url("../../img/site-icons/Court-inverted.png") !important; }
  .vllinkdlg .Scale.inverted {
    background-image: url("../../img/site-icons/Scale-inverted.png") !important; }

textarea.advancedEditor {
  height: 100%;
  font-family: Consolas, "Courier New", monospace;
  font-size: 13px; }

.cke_panel_list a:hover {
  text-decoration: none; }

.cke_panel_list h3 {
  font-weight: 400;
  font-family: "Lato", sans-serif;
  font-size: 24px; }

.pageContentContainer {
  margin: 0 0 20px;
  padding: 15px 30px 40px;
  font-size: 15px; }
  .pageContentContainer .sideBarContainer, .pageContentContainer.sideBarEditor {
    /* For use on Overview pages or other places where we want to have multi-column
       link lists that are highly structured. Add .callOutCard to style uniquely */
    width: 100%;
    min-width: 225px;
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 4px; }
    .pageContentContainer .sideBarContainer p, .pageContentContainer .sideBarContainer h3, .pageContentContainer .sideBarContainer h4, .pageContentContainer .sideBarContainer h5, .pageContentContainer.sideBarEditor p, .pageContentContainer.sideBarEditor h3, .pageContentContainer.sideBarEditor h4, .pageContentContainer.sideBarEditor h5 {
      margin-top: 0;
      margin-bottom: 15px; }
    .pageContentContainer .sideBarContainer ul, .pageContentContainer .sideBarContainer ol, .pageContentContainer.sideBarEditor ul, .pageContentContainer.sideBarEditor ol {
      margin-bottom: 15px; }
    .pageContentContainer .sideBarContainer.callOutCard, .pageContentContainer.sideBarEditor.callOutCard {
      padding: 10px 15px;
      border: 1px solid #e5e5e5;
      border-radius: 4px;
      background-color: #f5f5f5; }
    .pageContentContainer .sideBarContainer.cke_editable, .pageContentContainer.sideBarEditor.cke_editable {
      min-width: 297px;
      max-width: 422.4px;
      margin-top: 15px;
      border: 2px solid #e5e5e5;
      border-radius: 4px; }
  .pageContentContainer.cke_editable {
    margin: 0 auto;
    min-width: inherit;
    max-width: 900px;
    padding-top: 15px;
    background-color: transparent; }
  .pageContentContainer.pagePreview {
    overflow: scroll; }
  .pageContentContainer .elementContents {
    white-space: normal; }
  .pageContentContainer ul, .pageContentContainer ol {
    margin-bottom: 24px;
    padding-left: 30px; }
    .pageContentContainer ul li ul, .pageContentContainer ul li ol, .pageContentContainer ol li ul, .pageContentContainer ol li ol {
      margin-bottom: 0;
      padding-left: 20px; }
    .pageContentContainer ul li p, .pageContentContainer ol li p {
      margin: 0;
      /* eliminate paragraph margins inside list items */ }
  .pageContentContainer p, .pageContentContainer li {
    line-height: 1.5;
    margin-bottom: 4px; }
  .pageContentContainer p, .pageContentContainer pre {
    margin: 15px 0 24px; }
  .pageContentContainer .dropdown-menu p, .pageContentContainer .dropdown-menu li {
    margin-bottom: 0; }
  .pageContentContainer .dropdown-menu li.divider {
    margin-bottom: 9px; }
  .pageContentContainer code, .pageContentContainer pre {
    display: block;
    padding: 14px 16px;
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.9);
    background-color: #f5f5f5;
    border-radius: 4px;
    white-space: pre;
    max-width: 100%;
    overflow-x: scroll;
    word-break: normal;
    word-wrap: normal; }
  .pageContentContainer h1, .pageContentContainer h2, .pageContentContainer h3 {
    /* Grade down all larger headers to H3. H1 and H2 should be deprecated from pages */
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef; }
  .pageContentContainer h4, .pageContentContainer h5 {
    margin: 20px 0 10px;
    font-weight: 600; }
  .pageContentContainer h4 {
    font-size: 20px; }
  .pageContentContainer h6:after {
    content: " (Please don't use H6)";
    color: red; }
  .pageContentContainer a[href^="http"], .pageContentContainer a[href*="redirect"] {
    background: url(../../img/icons/icon-link.png) no-repeat center right;
    background-size: 15px;
    padding-right: 18px; }
  .pageContentContainer a[href*="theorgwiki.com/"] {
    background: url(../../img/icon-orgwiki-tiny.png) no-repeat center right;
    background-size: 15px;
    padding-right: 18px; }
  .pageContentContainer a[href^="https://veevaconnect.com/"] {
    background: url(../../img/veevaconnect-32x32.png) no-repeat center right;
    background-size: 15px;
    padding-right: 18px; }
  .pageContentContainer a[href*="veevavault.com/"] {
    background: url(../../img/vault-icon-28x28.png) no-repeat center right;
    background-size: 15px;
    padding-right: 18px; }
  .pageContentContainer a[href^="https://docs.google.com/spreadsheets/"] {
    background: url(../../img/gsheets-icon-28x28.png) no-repeat center right;
    background-size: 15px;
    padding-right: 18px; }
  .pageContentContainer a[href^="https://docs.google.com/document/"] {
    background: url(../../img/gdocs-icon-28x28.png) no-repeat center right;
    background-size: 15px;
    padding-right: 18px; }
  .pageContentContainer a.archived {
    background: url(../../img/icons/icon-archive-overlay.svg) no-repeat center right;
    background-size: 13px;
    padding-right: 16px; }
  .pageContentContainer .contentItem a[href^="http"], .pageContentContainer .contentItem a[href*="redirect"] {
    background: none;
    padding-right: 0; }
  .pageContentContainer hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e5e5e5; }
  .pageContentContainer blockquote {
    /* adapted from bootstrap */
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 300;
    border-left: 5px solid #eee; }
    .pageContentContainer blockquote ol:last-child, .pageContentContainer blockquote p:last-child, .pageContentContainer blockquote ul:last-child {
      margin-bottom: 0; }
  .pageContentContainer img {
    max-width: 100%;
    height: auto; }
  .pageContentContainer caption {
    text-align: center;
    color: rgba(0, 0, 0, 0.9); }
  .pageContentContainer table {
    width: 100%;
    border: 1px solid #e5e5e5;
    margin: 10px 0;
    border-spacing: 0;
    border-collapse: collapse;
    box-sizing: border-box; }
    .pageContentContainer table.table {
      /* exclude system tables from page content table styles where they may overlap */
      /* example: Groups tab on User pages */
      border: none; }
    .pageContentContainer table th {
      font-weight: 600;
      background-color: #f1f1f1; }
    .pageContentContainer table tr td, .pageContentContainer table tr th {
      padding: 4px 6px;
      vertical-align: top;
      text-align: left;
      border: 1px solid #e5e5e5; }
      .pageContentContainer table tr td p, .pageContentContainer table tr th p {
        margin: 0; }
      .pageContentContainer table tr td ul, .pageContentContainer table tr td ol, .pageContentContainer table tr th ul, .pageContentContainer table tr th ol {
        padding-left: 22px;
        margin-bottom: 10px; }

.card {
  /* For use on Overview pages or other places where we want to have multi-column
     link lists that are highly structured. Add .callOutCard to style uniquely */
  width: 100%;
  margin-bottom: 10px; }
  .card .cardTitle {
    width: 100%;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis; }
    .card .cardTitle h3, .card .cardTitle h4 {
      margin-top: 5px; }
  .card .cardBody {
    padding: 0; }
    .card .cardBody p, .card .cardBody h3, .card .cardBody h4, .card .cardBody h5 {
      margin-top: 0;
      margin-bottom: 15px; }
    .card .cardBody ul, .card .cardBody ol {
      padding: 0;
      margin-bottom: 15px; }
      .card .cardBody ul li, .card .cardBody ol li {
        display: inline-block;
        width: 100%;
        min-width: 200px;
        padding: 0 12px 0 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background-image: url(../../img/icon-chevron-right.png);
        background-repeat: no-repeat;
        background-position: 0 4px;
        background-size: 12px; }
        .card .cardBody ul li.wrapOk, .card .cardBody ol li.wrapOk {
          /* Exempts list item from the normal single line truncating
             in cases where that breaks things */
          white-space: normal;
          overflow: visible; }
      .card .cardBody ul.twoCol li, .card .cardBody ol.twoCol li {
        width: 49%; }
        @media only screen and (max-width: 600px -1) {
          .card .cardBody ul.twoCol li, .card .cardBody ol.twoCol li {
            width: 100%; } }
      .card .cardBody ul.threeCol li, .card .cardBody ol.threeCol li {
        width: 33%; }
        @media only screen and (max-width: 600px -1) {
          .card .cardBody ul.threeCol li, .card .cardBody ol.threeCol li {
            width: 100%; } }
        @media only screen and (min-width: 600px) and (max-width: 899px) {
          .card .cardBody ul.threeCol li, .card .cardBody ol.threeCol li {
            width: 49%; } }
  .card.callOutCard {
    padding: 10px 15px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #f5f5f5; }

.overviewPageRightCol .cardBody ul li, .overviewPageRightCol .cardBody ol li {
  white-space: normal;
  overflow: visible; }

.constrainedWidth, h5.folderDescription {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }
  .constrainedWidth ul, h5.folderDescription ul, .constrainedWidth ol, h5.folderDescription ol, .constrainedWidth p, h5.folderDescription p, .constrainedWidth pre, h5.folderDescription pre, .constrainedWidth blockquote, h5.folderDescription blockquote, .constrainedWidth h3, h5.folderDescription h3, .constrainedWidth h4, h5.folderDescription h4, .constrainedWidth h5, h5.folderDescription h5, .constrainedWidth hr, h5.folderDescription hr, .constrainedWidth img, h5.folderDescription img, .constrainedWidth table, h5.folderDescription table {
    max-width: 900px; }
  .constrainedWidth img, h5.folderDescription img, .constrainedWidth table, h5.folderDescription table, .constrainedWidth h1, h5.folderDescription h1, .constrainedWidth h2, h5.folderDescription h2 {
    width: auto;
    max-width: 100%; }
  .constrainedWidth .card ul, h5.folderDescription .card ul, .constrainedWidth .card ol, h5.folderDescription .card ol, .constrainedWidth .card p, h5.folderDescription .card p, .constrainedWidth .card pre, h5.folderDescription .card pre, .constrainedWidth .card blockquote, h5.folderDescription .card blockquote, .constrainedWidth .card h3, h5.folderDescription .card h3, .constrainedWidth .card h4, h5.folderDescription .card h4, .constrainedWidth .card h5, h5.folderDescription .card h5, .constrainedWidth .card hr, h5.folderDescription .card hr, .constrainedWidth .card img, h5.folderDescription .card img, .constrainedWidth .card table, h5.folderDescription .card table {
    width: auto;
    max-width: 100%; }

/*Default padding for file/folder rows in the table */
.withIcon, .contentItem .withIcon, .fileTable .withIcon, .folderTable .withIcon, .siteTable .withIcon {
  padding-left: 20px;
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat; }

.folderViewWrapper .permissions .permissionsOption {
  display: none; }
  .folderViewWrapper .permissions .permissionsOption.active {
    display: inline; }

.permissionsOption {
  display: none;
  color: #999;
  padding: 2px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  background-color: transparent; }
  .permissionsOption.active {
    display: inline;
    font-weight: 700;
    color: white;
    transition: all 0.2s ease;
    cursor: default; }
    .permissionsOption.active.everyoneOption {
      background-color: #67AF18; }
    .permissionsOption.active.privateOption {
      background-color: #e90c00; }
    .permissionsOption.active.limitedOption {
      background-color: #C8820E; }
  .permissionsOption.canChange:not(.active) {
    display: inline; }
    .permissionsOption.canChange:not(.active):hover {
      cursor: pointer;
      background-color: transparent; }
      .permissionsOption.canChange:not(.active):hover.everyoneOption {
        border-color: #67AF18; }
      .permissionsOption.canChange:not(.active):hover.privateOption {
        border-color: #e90c00; }
      .permissionsOption.canChange:not(.active):hover.limitedOption {
        border-color: #C8820E; }
  .permissionsOption.canChange.active.limitedOption:hover {
    cursor: pointer; }
  .permissionsOption.pendingActive {
    transition: all 1.0s ease; }
    .permissionsOption.pendingActive.everyoneOption {
      box-shadow: inset 0px 0px 8px 4px #67AF18; }
    .permissionsOption.pendingActive.privateOption {
      box-shadow: inset 0px 0px 8px 4px #e90c00; }
    .permissionsOption.pendingActive.limitedOption {
      box-shadow: inset 0px 0px 8px 4px #C8820E; }

button.deleteRow {
  transition: all 0.2s;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 4px;
  opacity: 0.8;
  background-image: url(../../img/icon-xdelete.png);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center center; }
  button.deleteRow:hover {
    transition: all 0.2s;
    opacity: 1;
    background-image: url(../../img/icon-xdelete-inverted.png);
    background-color: red; }
  button.deleteRow.disabled {
    opacity: 0.2;
    cursor: not-allowed; }
    button.deleteRow.disabled:hover {
      opacity: 0.2;
      background-image: url(../../img/icon-xdelete.png);
      background-color: transparent; }

table button.deleteRow {
  width: 30px;
  height: 32px; }

.statusDeleted {
  background-color: #FFD7D7;
  opacity: 0.3;
  transition: all 0.2s; }
  .statusDeleted:hover, .statusDeleted:focus {
    opacity: 1.0; }
  .statusDeleted button.deleteRow {
    background-image: url(../../img/icon-add.png); }
    .statusDeleted button.deleteRow:hover, .statusDeleted button.deleteRow:focus {
      background-image: url(../../img/icon-Add-Inverted.png);
      background-color: #56980A; }

.statusNew {
  background-color: #F4FFE9;
  opacity: 1.0;
  transition: all 0.1s; }
  .statusNew:hover {
    background-color: #e2ffc5 !important; }

.statusFailed {
  background-color: #FFD7D7;
  opacity: 1.0;
  transition: all 0.1s; }
  .statusFailed:hover {
    background-color: #ffbebe !important; }

table.table.searchTable tr .kind, table.table.fileTable tr .kind {
  width: 15%; }

table.table.searchTable tr .owner, table.table.fileTable tr .owner {
  width: 16%; }

table.table.searchTable tr .date, table.table.fileTable tr .date {
  width: 12%; }

table.table thead tr td {
  width: auto;
  white-space: nowrap;
  font-weight: 600;
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  table.table thead tr td.active {
    background-color: rgba(0, 0, 0, 0.03); }

table.table tr {
  font-weight: 300;
  font-size: 13px;
  border: none; }
  table.table tr td {
    width: auto;
    padding: 10px 0 8px 10px;
    cursor: default;
    border: none; }
  table.table tr.selected {
    background-color: #ddd; }
  table.table tr:focus {
    outline: none;
    border-top: 1px solid #4A90E2;
    border-bottom: 1px solid #4A90E2; }
    table.table tr:focus td {
      padding-top: 9px; }
  table.table tr .name {
    overflow: visible;
    /* Overrides .tableCellEllipsis to show tooltips. This might be bad? */
    font-weight: 400;
    width: auto; }
    table.table tr .name.withIcon {
      padding-left: 33px; }
  table.table tr .select {
    width: 25px;
    padding-right: 14px; }
    table.table tr .select input {
      margin-top: 0; }
  table.table tr .featured {
    width: 25px;
    padding: 0 !important; }
    table.table tr .featured .statusIcons {
      width: 35px;
      height: 35px;
      position: relative; }
      table.table tr .featured .statusIcons .featureImg, table.table tr .featured .statusIcons .archiveImg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-top: 1px;
        background-size: 14px;
        background-repeat: no-repeat;
        background-position: center center; }
      table.table tr .featured .statusIcons .featureImg {
        background-image: url(../../img/icon-star-fYes.png); }
      table.table tr .featured .statusIcons .archiveImg {
        background-image: url(../../img/icons/icon-archive-overlay.svg); }
    table.table tr .featured .featureImgHeader {
      position: relative;
      width: 100%;
      height: 35px;
      margin-top: 1px;
      background-image: url(../../img/icon-star-fYes.png);
      background-size: 14px;
      background-repeat: no-repeat;
      background-position: center center; }
  table.table tr .description {
    width: 43%;
    text-align: right;
    padding-right: 20px !important; }
    table.table tr .description .lastModDate {
      font-weight: 400; }
    table.table tr .description .ownerUserLink {
      color: #4A90E2; }
    table.table tr .description .ownerFullStop {
      margin-left: -2px; }
    table.table tr .description .updaterUserLink .personLink {
      color: #4A90E2; }
  table.table tr .kind {
    text-transform: capitalize; }
  table.table tr .owner {
    overflow: visible;
    /* Overrides .tableCellEllipsis to show tooltips. This might be bad? */ }
  table.table tr .date {
    overflow: visible;
    /* Overrides .tableCellEllipsis to show tooltips. This might be bad? */ }
  table.table tr .views {
    width: 10%;
    text-align: end;
    padding-right: 30px; }
    table.table tr .views.views-count {
      display: flex;
      justify-content: end;
      width: auto; }
    table.table tr .views .high-priority-icon {
      height: 16px;
      width: 14px;
      background-image: url(../../img/icons/icon-high-priority.png);
      background-size: 16px;
      background-repeat: no-repeat; }
      table.table tr .views .high-priority-icon.invisible {
        visibility: hidden; }
  table.table tr .rank {
    width: 40px;
    text-align: left; }
  table.table tr .action {
    width: 30px;
    padding: 0; }

table.table.table-hover tbody tr:hover {
  background-color: #f5f5f5; }
  table.table.table-hover tbody tr:hover.noHover {
    background-color: inherit; }

.featuredSitesTable {
  margin: 0 auto 20px;
  max-width: 1280px; }
  .featuredSitesTable .siteTable-site {
    font-size: 13px;
    padding: 18px 15px 0;
    border: 1px solid transparent;
    border-radius: 4px; }
    .featuredSitesTable .siteTable-site:hover .button-siteActions {
      opacity: 1.0; }
    .featuredSitesTable .siteTable-site:focus {
      outline: none; }
    .featuredSitesTable .siteTable-site.archived .headerIcon {
      opacity: 0.6; }
    .featuredSitesTable .siteTable-site.archived .headerIcon::before {
      content: '';
      position: absolute;
      top: 60px;
      left: 60px;
      width: 35px;
      height: 35px;
      background-image: url(../../img/icons/icon-archive-overlay-dark.svg);
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 35px; }
    .featuredSitesTable .siteTable-site .headerIcon {
      margin-right: 20px; }
    .featuredSitesTable .siteTable-site .headerTitle {
      float: left;
      width: calc(100% - 100px);
      border-bottom: 1px solid #e7e7e7;
      padding-bottom: 15px; }
      .featuredSitesTable .siteTable-site .headerTitle h3, .featuredSitesTable .siteTable-site .headerTitle .h3 {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        display: block;
        margin: 4px 0 0;
        font-family: "Bitter", serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .featuredSitesTable .siteTable-site .headerTitle p {
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s;
        font-family: "Lato", sans-serif;
        font-size: 13px;
        font-weight: 400;
        height: 36px;
        /* necessary for reserving the space when there's no description */
        margin-top: 0;
        margin-bottom: 0;
        opacity: 1.0;
        overflow: hidden;
        text-overflow: ellipsis; }
      .featuredSitesTable .siteTable-site .headerTitle user > span {
        color: #999; }
        .featuredSitesTable .siteTable-site .headerTitle user > span:hover {
          color: #4A90E2; }
    .featuredSitesTable .siteTable-site .button-siteActions {
      position: absolute;
      top: 25px;
      right: 0px;
      opacity: 0.5; }
      .featuredSitesTable .siteTable-site .button-siteActions button {
        height: 25px; }

table.table.fileTable {
  margin-bottom: 160px; }
  table.table.fileTable thead tr td.name {
    font-weight: 600; }
  table.table.fileTable.itemDetailsTable {
    margin-bottom: 0; }
  table.table.fileTable tbody tr .name {
    cursor: default; }
    table.table.fileTable tbody tr .name a {
      position: relative;
      cursor: pointer;
      /* add padding on <a> inside cell. Creates larger click target for file name */
      padding: 10px 0 8px; }
      table.table.fileTable tbody tr .name a:hover {
        color: #4A90E2;
        text-decoration: underline; }
  table.table.fileTable tbody tr .action button.option {
    padding: 8px 12px; }
  table.table.fileTable tr.overview {
    background-color: #FFFFED; }
    table.table.fileTable tr.overview:hover {
      background-color: #FFFFED; }
  table.table.fileTable tr:focus .action {
    padding: 0; }
  table.table.fileTable tr.upload-pending .name a {
    cursor: default;
    color: #ccc; }
    table.table.fileTable tr.upload-pending .name a:hover, table.table.fileTable tr.upload-pending .name a:focus {
      color: #ccc;
      text-decoration: none; }
    table.table.fileTable tr.upload-pending .name a::before {
      content: 'Uploading: '; }

.item-count {
  font-size: 20px;
  color: #4A4A4A; }

table.table.reviewTable,
table.table.archivedTable {
  margin-top: 20px; }
  table.table.reviewTable thead tr td, table.table.reviewTable thead tr .kind, table.table.reviewTable thead tr .owner, table.table.reviewTable thead tr .date, table.table.reviewTable thead tr .site, table.table.reviewTable thead tr .reach,
  table.table.archivedTable thead tr td,
  table.table.archivedTable thead tr .kind,
  table.table.archivedTable thead tr .owner,
  table.table.archivedTable thead tr .date,
  table.table.archivedTable thead tr .site,
  table.table.archivedTable thead tr .reach {
    color: rgba(0, 0, 0, 0.9); }
  table.table.reviewTable tr .kind, table.table.reviewTable tr .owner, table.table.reviewTable tr .date, table.table.reviewTable tr .site, table.table.reviewTable tr .reach,
  table.table.archivedTable tr .kind,
  table.table.archivedTable tr .owner,
  table.table.archivedTable tr .date,
  table.table.archivedTable tr .site,
  table.table.archivedTable tr .reach {
    color: #999; }
  table.table.reviewTable tr td,
  table.table.archivedTable tr td {
    border: none; }
  table.table.reviewTable tr.site td .withIcon,
  table.table.archivedTable tr.site td .withIcon {
    border-radius: 999px;
    width: 40px;
    height: 40px;
    background-size: 40px; }
  table.table.reviewTable tr.site td .siteName,
  table.table.archivedTable tr.site td .siteName {
    font-family: "Bitter", serif; }
  table.table.reviewTable td:not(.reason, .action),
  table.table.archivedTable td:not(.reason, .action) {
    padding-right: 10px !important; }
  table.table.reviewTable .reviewHeader:first-child,
  table.table.reviewTable .archivedHeader:first-child,
  table.table.archivedTable .reviewHeader:first-child,
  table.table.archivedTable .archivedHeader:first-child {
    border-bottom: 1px solid #E4E4E4; }
  table.table.reviewTable .reviewHeader td,
  table.table.reviewTable .archivedHeader td,
  table.table.archivedTable .reviewHeader td,
  table.table.archivedTable .archivedHeader td {
    vertical-align: bottom;
    padding: 10px 6px;
    white-space: nowrap;
    font-weight: 500; }
  table.table.reviewTable .reviewHeader .hammerHeader,
  table.table.reviewTable .archivedHeader .hammerHeader,
  table.table.archivedTable .reviewHeader .hammerHeader,
  table.table.archivedTable .archivedHeader .hammerHeader {
    font-size: 18px;
    color: #D24625; }
    table.table.reviewTable .reviewHeader .hammerHeader .hammerIcon,
    table.table.reviewTable .archivedHeader .hammerHeader .hammerIcon,
    table.table.archivedTable .reviewHeader .hammerHeader .hammerIcon,
    table.table.archivedTable .archivedHeader .hammerHeader .hammerIcon {
      display: inline-block;
      margin-bottom: -4px;
      margin-right: 10px;
      height: 24px;
      width: 35px;
      background-size: 35px;
      background-image: url(../../img/icons/icon-velvet-hammer.svg);
      background-repeat: no-repeat;
      background-position: center; }
  table.table.reviewTable .reviewHeader .select,
  table.table.reviewTable .archivedHeader .select,
  table.table.archivedTable .reviewHeader .select,
  table.table.archivedTable .archivedHeader .select {
    padding-left: 10px; }
  table.table.reviewTable .reviewHeader .kind,
  table.table.reviewTable .archivedHeader .kind,
  table.table.archivedTable .reviewHeader .kind,
  table.table.archivedTable .archivedHeader .kind {
    width: 12%; }
  table.table.reviewTable .reviewHeader .site, table.table.reviewTable .reviewHeader .owner,
  table.table.reviewTable .archivedHeader .site,
  table.table.reviewTable .archivedHeader .owner,
  table.table.archivedTable .reviewHeader .site,
  table.table.archivedTable .reviewHeader .owner,
  table.table.archivedTable .archivedHeader .site,
  table.table.archivedTable .archivedHeader .owner {
    width: 14%; }
  table.table.reviewTable .reviewHeader .reach,
  table.table.reviewTable .archivedHeader .reach,
  table.table.archivedTable .reviewHeader .reach,
  table.table.archivedTable .archivedHeader .reach {
    width: 7%; }
  table.table.reviewTable .reviewHeader .date,
  table.table.reviewTable .archivedHeader .date,
  table.table.archivedTable .reviewHeader .date,
  table.table.archivedTable .archivedHeader .date {
    width: 11%;
    overflow: hidden; }
  table.table.reviewTable .reviewHeader .reason,
  table.table.reviewTable .archivedHeader .reason,
  table.table.archivedTable .reviewHeader .reason,
  table.table.archivedTable .archivedHeader .reason {
    width: 7%; }
  table.table.reviewTable .reviewHeader .action,
  table.table.reviewTable .archivedHeader .action,
  table.table.archivedTable .reviewHeader .action,
  table.table.archivedTable .archivedHeader .action {
    width: 3%; }
  table.table.reviewTable .reasonRow .withIcon.archived,
  table.table.archivedTable .reasonRow .withIcon.archived {
    opacity: 0.6;
    position: relative; }
    table.table.reviewTable .reasonRow .withIcon.archived::before,
    table.table.archivedTable .reasonRow .withIcon.archived::before {
      content: '';
      position: absolute;
      top: 18px;
      left: 20px;
      width: 15px;
      height: 15px;
      background-image: url(../../img/icons/icon-archive-overlay-dark.svg);
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 15px; }
  table.table.reviewTable .reasonRow .select,
  table.table.archivedTable .reasonRow .select {
    padding-top: 27px;
    padding-left: 10px; }
  table.table.reviewTable .reasonRow .contentItem,
  table.table.archivedTable .reasonRow .contentItem {
    border-radius: 0; }
  table.table.reviewTable .reasonRow td,
  table.table.archivedTable .reasonRow td {
    padding: 20px 6px 12px 6px; }
  table.table.reviewTable .reasonRow .name .tooltip,
  table.table.archivedTable .reasonRow .name .tooltip {
    left: 54px !important;
    overflow: visible; }
  table.table.reviewTable .reasonRow .reach,
  table.table.archivedTable .reasonRow .reach {
    display: flex;
    justify-content: end;
    margin-right: 10px; }
    table.table.reviewTable .reasonRow .reach .high-priority-icon,
    table.table.archivedTable .reasonRow .reach .high-priority-icon {
      height: 16px;
      width: 14px;
      background-image: url(../../img/icons/icon-high-priority.png);
      background-size: 16px;
      background-repeat: no-repeat; }
      table.table.reviewTable .reasonRow .reach .high-priority-icon.invisible,
      table.table.archivedTable .reasonRow .reach .high-priority-icon.invisible {
        visibility: hidden; }
  table.table.reviewTable .reasonRow .reason,
  table.table.archivedTable .reasonRow .reason {
    background-image: url(../../img/icons/icon-review-reason-light.svg);
    background-repeat: no-repeat;
    background-position: center 24px;
    cursor: pointer; }
    table.table.reviewTable .reasonRow .reason:hover,
    table.table.archivedTable .reasonRow .reason:hover {
      background-image: url(../../img/icons/icon-review-reason.svg); }
    table.table.reviewTable .reasonRow .reason .review-reasons,
    table.table.archivedTable .reasonRow .reason .review-reasons {
      margin-top: -10px;
      right: 120px; }
  table.table.reviewTable .reasonRow .action button,
  table.table.archivedTable .reasonRow .action button {
    padding: 0 8px 0 0; }
  table.table.reviewTable .reason,
  table.table.archivedTable .reason {
    text-align: center; }
  table.table.reviewTable .vernHappy,
  table.table.archivedTable .vernHappy {
    background-image: url(../../img/vern-happy.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 189px; }
  table.table.reviewTable .noItems,
  table.table.archivedTable .noItems {
    text-align: center;
    color: #4A4A4A;
    font-size: 20px;
    font-weight: 400; }

table.table.searchTable, table.table.personalFileTable {
  border-top: none; }
  table.table.searchTable thead tr td, table.table.searchTable thead tr .kind, table.table.searchTable thead tr .owner, table.table.searchTable thead tr .date, table.table.personalFileTable thead tr td, table.table.personalFileTable thead tr .kind, table.table.personalFileTable thead tr .owner, table.table.personalFileTable thead tr .date {
    vertical-align: bottom;
    color: rgba(0, 0, 0, 0.9); }
  table.table.searchTable thead tr.itemTitle td, table.table.personalFileTable thead tr.itemTitle td {
    white-space: normal; }
  table.table.searchTable thead tr.itemTitle h4, table.table.searchTable thead tr.itemTitle p, table.table.personalFileTable thead tr.itemTitle h4, table.table.personalFileTable thead tr.itemTitle p {
    margin-bottom: 0; }
  table.table.searchTable thead tr.itemTitle p, table.table.personalFileTable thead tr.itemTitle p {
    margin-top: 4px;
    color: #999;
    font-weight: 300;
    font-size: 13px; }
  table.table.searchTable thead tr.itemTitle a, table.table.personalFileTable thead tr.itemTitle a {
    cursor: pointer;
    color: #4A90E2; }
    table.table.searchTable thead tr.itemTitle a:hover, table.table.personalFileTable thead tr.itemTitle a:hover {
      color: #4A90E2;
      text-decoration: underline; }
  table.table.searchTable tr .contentItem .contentItemLink, table.table.searchTable tr .contentItem .contentItemDetails, table.table.searchTable tr .contentItem .snippet, table.table.personalFileTable tr .contentItem .contentItemLink, table.table.personalFileTable tr .contentItem .contentItemDetails, table.table.personalFileTable tr .contentItem .snippet {
    white-space: normal; }
  table.table.searchTable tr .contentItem .snippet, table.table.personalFileTable tr .contentItem .snippet {
    margin-top: 7px;
    color: rgba(0, 0, 0, 0.7); }
    table.table.searchTable tr .contentItem .snippet b, table.table.personalFileTable tr .contentItem .snippet b {
      color: rgba(0, 0, 0, 0.7);
      font-weight: 600; }
  table.table.searchTable tr .kind, table.table.searchTable tr .owner, table.table.searchTable tr .date, table.table.personalFileTable tr .kind, table.table.personalFileTable tr .owner, table.table.personalFileTable tr .date {
    color: #999; }
  table.table.searchTable tr .owner, table.table.personalFileTable tr .owner {
    width: 15%; }
  table.table.searchTable tr .date, table.table.personalFileTable tr .date {
    text-align: right;
    width: 8%; }
  table.table.searchTable tr .action, table.table.personalFileTable tr .action {
    width: 50px;
    padding-top: 11px; }
  table.table.searchTable tr td, table.table.personalFileTable tr td {
    border: none;
    padding: 20px 0 12px; }
  table.table.searchTable tr .tooltip-inner, table.table.personalFileTable tr .tooltip-inner {
    white-space: pre; }
  table.table.searchTable tr.site td .withIcon, table.table.personalFileTable tr.site td .withIcon {
    border-radius: 999px;
    width: 40px;
    height: 40px;
    background-size: 40px; }
  table.table.searchTable tr.site td .siteName, table.table.personalFileTable tr.site td .siteName {
    font-family: "Bitter", serif; }

table.table.personalFileTable thead tr td {
  padding: 10px; }

table.table.personalFileTable tbody tr td {
  padding: 20px 10px 12px; }
  table.table.personalFileTable tbody tr td.name {
    width: auto; }
  table.table.personalFileTable tbody tr td.permissions {
    width: 30%;
    min-width: 250px; }
  table.table.personalFileTable tbody tr td.date {
    width: 10%; }
  table.table.personalFileTable tbody tr td .withIcon {
    margin-top: -5px; }
  table.table.personalFileTable tbody tr td.noPad {
    padding: 0; }

table.table.personalFileTable tbody.noBorder {
  border-top: none; }

table.table.personalFileTable tr.upload-pending .name a {
  cursor: default;
  color: #ccc; }
  table.table.personalFileTable tr.upload-pending .name a:hover, table.table.personalFileTable tr.upload-pending .name a:focus {
    color: #ccc;
    text-decoration: none; }
  table.table.personalFileTable tr.upload-pending .name a::before {
    content: 'Uploading: '; }

table.table.versionsTable tr td.name a {
  font-weight: 400; }
  table.table.versionsTable tr td.name a:hover {
    color: #4A90E2;
    text-decoration: underline; }

table.table.reportsTable tr td {
  vertical-align: middle;
  font-weight: 500; }

table.table.itemDetailsTable tbody tr td {
  border-bottom: 1px solid #e7e7e7; }

table.table.itemDetailsTable tr td.owner, table.table.itemDetailsTable tr th.owner {
  width: 15%;
  max-width: 150px; }
  table.table.itemDetailsTable tr td.owner .inactiveLabel, table.table.itemDetailsTable tr th.owner .inactiveLabel {
    margin-left: -3px; }

table.table.itemDetailsTable tr td.renderingStatus, table.table.itemDetailsTable tr th.renderingStatus {
  width: 20%;
  min-width: 120px; }
  table.table.itemDetailsTable tr td.renderingStatus .tooltip-inner, table.table.itemDetailsTable tr th.renderingStatus .tooltip-inner {
    white-space: pre-wrap;
    text-align: left; }

table.table.itemDetailsTable tr td.edit, table.table.itemDetailsTable tr th.edit {
  vertical-align: middle; }
  table.table.itemDetailsTable tr td.edit .editFileLink, table.table.itemDetailsTable tr th.edit .editFileLink {
    font-size: 14px; }

table.table.itemDetailsTable tr td.date, table.table.itemDetailsTable tr th.date {
  width: 20%; }

table.table.itemDetailsTable tr td.download, table.table.itemDetailsTable tr th.download {
  width: 100px;
  font-weight: 400; }
  table.table.itemDetailsTable tr td.download a, table.table.itemDetailsTable tr th.download a {
    color: #4A90E2; }

table.table.itemDetailsTable tr td .nameAndTitle, table.table.itemDetailsTable tr th .nameAndTitle {
  display: flex;
  flex-direction: column;
  white-space: pre-wrap;
  margin-right: 20px; }
  table.table.itemDetailsTable tr td .nameAndTitle .inactiveUser, table.table.itemDetailsTable tr th .nameAndTitle .inactiveUser {
    font-weight: 500;
    color: #4A90E2;
    font-size: 14px; }
  table.table.itemDetailsTable tr td .nameAndTitle .reassignor, table.table.itemDetailsTable tr th .nameAndTitle .reassignor {
    color: #4A90E2;
    font-size: 14px;
    font-weight: 500; }
  table.table.itemDetailsTable tr td .nameAndTitle .title, table.table.itemDetailsTable tr th .nameAndTitle .title {
    font-size: 10px; }

table.table.itemDetailsTable tr td.resolve, table.table.itemDetailsTable tr th.resolve {
  width: 20%;
  min-width: 170px; }

table.table.itemDetailsTable tr td.permissions, table.table.itemDetailsTable tr th.permissions {
  width: 20%; }

table.table.itemDetailsTable tr td.reassign, table.table.itemDetailsTable tr th.reassign {
  width: 25%;
  color: #67AF18;
  font-weight: 400;
  background-image: url(../../img/icon-arrow-right.png);
  background-size: 10px;
  background-position: 10px 15px;
  background-repeat: no-repeat;
  padding-left: 25px; }
  table.table.itemDetailsTable tr td.reassign.no-action, table.table.itemDetailsTable tr th.reassign.no-action {
    color: #C8820E;
    font-weight: 400; }

table.table.itemDetailsTable tr td.status, table.table.itemDetailsTable tr th.status {
  width: 40%; }

table.table.itemDetailsTable tr td:last-child {
  padding-right: 15px; }

table.table.itemDetailsTable .ignored {
  opacity: 0.7;
  background-color: #f5f5f5; }
  table.table.itemDetailsTable .ignored:hover {
    opacity: 1.0; }

table.table.itemDetailsTable .notified {
  opacity: 0.7;
  background-color: #FFFDE4; }
  table.table.itemDetailsTable .notified:hover {
    opacity: 1.0; }

table.table.itemDetailsTable thead tr td {
  font-weight: 600 !important; }

table.table.itemDetailsTable .result-list {
  padding: 0; }
  table.table.itemDetailsTable .result-list .siteIcon {
    top: inherit; }
  table.table.itemDetailsTable .result-list .fileIcon {
    top: inherit; }
  table.table.itemDetailsTable .result-list .itemName {
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 0;
    white-space: normal; }
  table.table.itemDetailsTable .result-list .itemName, table.table.itemDetailsTable .result-list .itemPath {
    max-width: inherit;
    white-space: inherit;
    padding-bottom: 0; }
    table.table.itemDetailsTable .result-list .itemName a:hover, table.table.itemDetailsTable .result-list .itemPath a:hover {
      color: #4A90E2;
      text-decoration: underline; }

.itemDetailsRow .itemDetailsCol.resolve {
  text-align: right; }

.itemDetailsRow.duplicateMaster {
  padding-bottom: 10px; }
  .itemDetailsRow.duplicateMaster .itemName {
    font-weight: 700 !important;
    margin-bottom: 10px; }

.itemDetailsRow.duplicateCopy {
  margin-bottom: 7px; }
  .itemDetailsRow.duplicateCopy .itemDetails {
    padding-left: 40px; }

.rightContent .searchTable {
  margin-top: -20px; }

.listDivider {
  margin-top: 30px; }

li.divider[role=separator]:first-child {
  display: none; }

thead .sortable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  thead .sortable:hover {
    background-color: #f5f5f5;
    cursor: pointer; }

.sortable .glyphicon {
  opacity: 0;
  width: 0;
  transition: all 0.2s ease; }

.sortable.active .glyphicon {
  opacity: 1;
  width: 13px;
  transition: all 0.2s ease; }

.tab-action-button {
  font-size: 20px;
  padding: 3px 5px;
  line-height: 1; }

/*---- DRAG AND DROP STYLES FOR SITES AND FOLDERS -----*/
.filedrag.fileDragEnable.hover {
  background-color: #B7D8FF;
  outline: 2px solid #4A90E2;
  transition: all 0.2s; }
  .filedrag.fileDragEnable.hover.nodrag {
    /* style overrides if a user doesn't have permission to drag into a folder */
    cursor: not-allowed;
    background-color: rgba(120, 66, 66, 0.16);
    outline-color: #e90c00; }

li.col-md-6.filedrag.fileDragEnable.hover {
  background-color: #B7D8FF;
  outline: 2px solid #4A90E2;
  transition: all 0.2s; }
  li.col-md-6.filedrag.fileDragEnable.hover.nodrag {
    /* style overrides if a user doesn't have permission to drag into a folder */
    cursor: not-allowed;
    background-color: rgba(120, 66, 66, 0.16);
    outline-color: #e90c00; }

/*---- STYLES FOR ITEMS IN LIST USER DOES NOT HAVE PERMISSION FOR -----*/
.nopermission td {
  color: #ccc; }

.nopermission .headerIcon {
  opacity: 0.5;
  background-image: url("../../img/site-icons/Lock-inverted.png") !important; }

.nopermission .action .btn-group {
  /* Hide the Actions button for locked items */
  display: none; }

.nopermission .pointer, .nopermission .name, .nopermission .headerIcon, .nopermission .h3 {
  cursor: default; }

.nopermission .name a, .nopermission .name a:hover, .nopermission .headerTitle a, .nopermission .headerTitle a:hover {
  cursor: default;
  text-decoration: none;
  color: #ccc; }

.nopermission .name a:before, .nopermission .withIcon:before {
  /* Add icon on top of item icon for locked items */
  /* .withIcon:before used in desktop app upload suggestions */
  content: "";
  display: block;
  width: 10px;
  height: 12px;
  position: absolute;
  left: -16px;
  top: 18px;
  background-image: url(../../img/icon-item-lock.png);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center center; }

/* ------ PAGINATION ------- */
.paginationContainer {
  text-align: center;
  padding-bottom: 20px; }
  .paginationContainer .paginationButton {
    border: none;
    background: none;
    box-shadow: none;
    opacity: 0.8;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.9);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    min-width: 20px;
    height: 24px; }
    .paginationContainer .paginationButton:hover {
      opacity: 1.0;
      color: #4A90E2;
      text-decoration: underline; }
    .paginationContainer .paginationButton.gotoStart, .paginationContainer .paginationButton.gotoLast {
      text-indent: -9999px;
      transition: all 0.2s ease; }
      .paginationContainer .paginationButton.gotoStart:hover, .paginationContainer .paginationButton.gotoLast:hover {
        transition: all 0.2s ease; }
    .paginationContainer .paginationButton.gotoPrevious, .paginationContainer .paginationButton.gotoNext {
      min-width: 50px;
      transition: all 0.2s ease; }
      .paginationContainer .paginationButton.gotoPrevious:hover, .paginationContainer .paginationButton.gotoNext:hover {
        transition: all 0.2s ease; }
    .paginationContainer .paginationButton.gotoStart {
      background-image: url(../../img/icon-pageFirst.png); }
      .paginationContainer .paginationButton.gotoStart:hover {
        background-position: 0px center;
        background-image: url(../../img/icon-pageFirst-blue.png); }
    .paginationContainer .paginationButton.gotoLast {
      background-image: url(../../img/icon-pageLast.png); }
      .paginationContainer .paginationButton.gotoLast:hover {
        background-position: 5px center;
        background-image: url(../../img/icon-pageLast-blue.png); }
    .paginationContainer .paginationButton.gotoNext {
      background-image: url(../../img/icon-pageNext.png);
      background-position: 33px center;
      padding-right: 30px;
      margin-left: 15px;
      text-align: left; }
      .paginationContainer .paginationButton.gotoNext:hover {
        background-position: 36px center;
        background-image: url(../../img/icon-pageNext-blue.png); }
    .paginationContainer .paginationButton.gotoPrevious {
      background-image: url(../../img/icon-pagePrev.png);
      background-position: 14px center;
      padding-left: 30px;
      margin-right: 15px;
      text-align: right; }
      .paginationContainer .paginationButton.gotoPrevious:hover {
        background-position: 11px center;
        background-image: url(../../img/icon-pagePrev-blue.png); }
    .paginationContainer .paginationButton[disabled] {
      display: none; }
  .paginationContainer.showBreadcrumbs {
    display: flex; }
    .paginationContainer.showBreadcrumbs .pagerBreadcrumbs {
      margin-right: auto;
      margin-top: 5px; }
    .paginationContainer.showBreadcrumbs .pagerButtons {
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }

/**
Move/copy dialog
**/
.tabContainer .tab {
  display: inline-block;
  margin-left: 10px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 2px 8px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }

.tabContainer .tab.selected {
  background-color: orange; }

.pickerSuggestions, .treeListing {
  list-style-type: none; }
  .pickerSuggestions .loadingElement, .treeListing .loadingElement {
    display: none; }
  .pickerSuggestions.loading .loadingElement, .treeListing.loading .loadingElement {
    display: list-item; }

.successToastLink {
  color: inherit;
  font-weight: bold; }

hr {
  padding-top: 20px; }

.archiveDivider {
  padding-bottom: 10px; }
  .archiveDivider span {
    font-weight: 600; }
    .archiveDivider span:not(.noHover) {
      cursor: pointer; }
  .archiveDivider .arrow {
    display: inline-block;
    margin-right: 3px;
    padding: 3px;
    border: solid rgba(0, 0, 0, 0.9);
    border-width: 0 3px 3px 0; }
    .archiveDivider .arrow.down {
      -webkit-transform: rotate(45deg); }
    .archiveDivider .arrow.right {
      -webkit-transform: rotate(-45deg); }

.personalFileTable .archived .withIcon {
  opacity: 0.6;
  position: relative; }

.personalFileTable .archived .withIcon::before {
  content: '';
  position: absolute;
  top: 18px;
  left: 20px;
  width: 15px;
  height: 15px;
  background-image: url(../../img/icons/icon-archive-overlay-dark.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px; }

.withIcon, .contentItem .withIcon, .fileTable .withIcon, .folderTable .withIcon, .siteTable .withIcon {
  /* used in the file list */
  background-size: 18px;
  background-position: 13px 10px;
  background-repeat: no-repeat; }

.siteTable .withIcon {
  /* used in the file list */
  background-position: 15px 10px; }

.folderTable .withIcon {
  /* used in the file list */ }

.fileTable .withIcon {
  /* used in the file list */
  background-position: 9px 10px; }

.contentItem .withIcon {
  background-size: 30px;
  background-position: center center;
  float: left;
  width: 30px;
  height: 30px;
  transition: all 0.2s; }

.icon-site {
  background-image: url("../../img/icons/icon-site.png"); }

.icon-lg.icon-site {
  background-image: url("../../img/icons/icon-site-lg.png"); }

.icon-xl.icon-site {
  background-image: url("../../img/icons/icon-site-lg-80.png"); }

.icon-folder {
  background-image: url("../../img/icons/icon-folder.png"); }

.icon-lg.icon-folder {
  background-image: url("../../img/icons/icon-folder-lg.png"); }

.icon-xl.icon-folder {
  background-image: url("../../img/icons/icon-folder-lg-80.png"); }

.icon-topic {
  background-image: url("../../img/icons/icon-topic.png"); }

.icon-lg.icon-topic {
  background-image: url("../../img/icons/icon-topic-lg.png"); }

.icon-xl.icon-topic {
  background-image: url("../../img/icons/icon-topic-lg-80.png"); }

.icon-page {
  background-image: url("../../img/icons/icon-page.png"); }

.icon-lg.icon-page {
  background-image: url("../../img/icons/icon-page-lg.png"); }

.icon-xl.icon-page {
  background-image: url("../../img/icons/icon-page-lg-80.png"); }

.icon-overview {
  background-image: url("../../img/icons/icon-overview.png"); }

.icon-lg.icon-overview {
  background-image: url("../../img/icons/icon-overview-lg.png"); }

.icon-xl.icon-overview {
  background-image: url("../../img/icons/icon-overview-lg-80.png"); }

.icon-filegroup {
  background-image: url("../../img/icons/icon-filegroup.png"); }

.icon-lg.icon-filegroup {
  background-image: url("../../img/icons/icon-filegroup-lg.png"); }

.icon-xl.icon-filegroup {
  background-image: url("../../img/icons/icon-filegroup-lg-80.png"); }

.icon-file {
  background-image: url("../../img/icons/icon-file.png"); }

.icon-lg.icon-file {
  background-image: url("../../img/icons/icon-file-lg.png"); }

.icon-xl.icon-file {
  background-image: url("../../img/icons/icon-file-lg-80.png"); }

.icon-link {
  background-image: url("../../img/icons/icon-link.png"); }

.icon-lg.icon-link {
  background-image: url("../../img/icons/icon-link-lg.png"); }

.icon-xl.icon-link {
  background-image: url("../../img/icons/icon-link-lg-80.png"); }

.icon-doc {
  background-image: url("../../img/icons/icon-doc.png"); }

.icon-lg.icon-doc {
  background-image: url("../../img/icons/icon-doc-lg.png"); }

.icon-xl.icon-doc {
  background-image: url("../../img/icons/icon-doc-lg-80.png"); }

.icon-docx {
  background-image: url("../../img/icons/icon-docx.png"); }

.icon-lg.icon-docx {
  background-image: url("../../img/icons/icon-docx-lg.png"); }

.icon-xl.icon-docx {
  background-image: url("../../img/icons/icon-docx-lg-80.png"); }

.icon-xls {
  background-image: url("../../img/icons/icon-xls.png"); }

.icon-lg.icon-xls {
  background-image: url("../../img/icons/icon-xls-lg.png"); }

.icon-xl.icon-xls {
  background-image: url("../../img/icons/icon-xls-lg-80.png"); }

.icon-xlsx {
  background-image: url("../../img/icons/icon-xlsx.png"); }

.icon-lg.icon-xlsx {
  background-image: url("../../img/icons/icon-xlsx-lg.png"); }

.icon-xl.icon-xlsx {
  background-image: url("../../img/icons/icon-xlsx-lg-80.png"); }

.icon-xlsm {
  background-image: url("../../img/icons/icon-xlsm.png"); }

.icon-lg.icon-xlsm {
  background-image: url("../../img/icons/icon-xlsm-lg.png"); }

.icon-xl.icon-xlsm {
  background-image: url("../../img/icons/icon-xlsm-lg-80.png"); }

.icon-ppt {
  background-image: url("../../img/icons/icon-ppt.png"); }

.icon-lg.icon-ppt {
  background-image: url("../../img/icons/icon-ppt-lg.png"); }

.icon-xl.icon-ppt {
  background-image: url("../../img/icons/icon-ppt-lg-80.png"); }

.icon-pptx {
  background-image: url("../../img/icons/icon-pptx.png"); }

.icon-lg.icon-pptx {
  background-image: url("../../img/icons/icon-pptx-lg.png"); }

.icon-xl.icon-pptx {
  background-image: url("../../img/icons/icon-pptx-lg-80.png"); }

.icon-potx {
  background-image: url("../../img/icons/icon-potx.png"); }

.icon-lg.icon-potx {
  background-image: url("../../img/icons/icon-potx-lg.png"); }

.icon-xl.icon-potx {
  background-image: url("../../img/icons/icon-potx-lg-80.png"); }

.icon-pdf {
  background-image: url("../../img/icons/icon-pdf.png"); }

.icon-lg.icon-pdf {
  background-image: url("../../img/icons/icon-pdf-lg.png"); }

.icon-xl.icon-pdf {
  background-image: url("../../img/icons/icon-pdf-lg-80.png"); }

.icon-jpeg {
  background-image: url("../../img/icons/icon-jpeg.png"); }

.icon-lg.icon-jpeg {
  background-image: url("../../img/icons/icon-jpeg-lg.png"); }

.icon-xl.icon-jpeg {
  background-image: url("../../img/icons/icon-jpeg-lg-80.png"); }

.icon-jpg {
  background-image: url("../../img/icons/icon-jpg.png"); }

.icon-lg.icon-jpg {
  background-image: url("../../img/icons/icon-jpg-lg.png"); }

.icon-xl.icon-jpg {
  background-image: url("../../img/icons/icon-jpg-lg-80.png"); }

.icon-png {
  background-image: url("../../img/icons/icon-png.png"); }

.icon-lg.icon-png {
  background-image: url("../../img/icons/icon-png-lg.png"); }

.icon-xl.icon-png {
  background-image: url("../../img/icons/icon-png-lg-80.png"); }

.icon-gif {
  background-image: url("../../img/icons/icon-gif.png"); }

.icon-lg.icon-gif {
  background-image: url("../../img/icons/icon-gif-lg.png"); }

.icon-xl.icon-gif {
  background-image: url("../../img/icons/icon-gif-lg-80.png"); }

.icon-bmp {
  background-image: url("../../img/icons/icon-bmp.png"); }

.icon-lg.icon-bmp {
  background-image: url("../../img/icons/icon-bmp-lg.png"); }

.icon-xl.icon-bmp {
  background-image: url("../../img/icons/icon-bmp-lg-80.png"); }

.icon-tif {
  background-image: url("../../img/icons/icon-tif.png"); }

.icon-lg.icon-tif {
  background-image: url("../../img/icons/icon-tif-lg.png"); }

.icon-xl.icon-tif {
  background-image: url("../../img/icons/icon-tif-lg-80.png"); }

.icon-tiff {
  background-image: url("../../img/icons/icon-tiff.png"); }

.icon-lg.icon-tiff {
  background-image: url("../../img/icons/icon-tiff-lg.png"); }

.icon-xl.icon-tiff {
  background-image: url("../../img/icons/icon-tiff-lg-80.png"); }

.icon-eps {
  background-image: url("../../img/icons/icon-eps.png"); }

.icon-lg.icon-eps {
  background-image: url("../../img/icons/icon-eps-lg.png"); }

.icon-xl.icon-eps {
  background-image: url("../../img/icons/icon-eps-lg-80.png"); }

.icon-ai {
  background-image: url("../../img/icons/icon-ai.png"); }

.icon-lg.icon-ai {
  background-image: url("../../img/icons/icon-ai-lg.png"); }

.icon-xl.icon-ai {
  background-image: url("../../img/icons/icon-ai-lg-80.png"); }

.icon-psd {
  background-image: url("../../img/icons/icon-psd.png"); }

.icon-lg.icon-psd {
  background-image: url("../../img/icons/icon-psd-lg.png"); }

.icon-xl.icon-psd {
  background-image: url("../../img/icons/icon-psd-lg-80.png"); }

.icon-mov {
  background-image: url("../../img/icons/icon-mov.png"); }

.icon-lg.icon-mov {
  background-image: url("../../img/icons/icon-mov-lg.png"); }

.icon-xl.icon-mov {
  background-image: url("../../img/icons/icon-mov-lg-80.png"); }

.icon-avi {
  background-image: url("../../img/icons/icon-avi.png"); }

.icon-lg.icon-avi {
  background-image: url("../../img/icons/icon-avi-lg.png"); }

.icon-xl.icon-avi {
  background-image: url("../../img/icons/icon-avi-lg-80.png"); }

.icon-mp4 {
  background-image: url("../../img/icons/icon-mp4.png"); }

.icon-lg.icon-mp4 {
  background-image: url("../../img/icons/icon-mp4-lg.png"); }

.icon-xl.icon-mp4 {
  background-image: url("../../img/icons/icon-mp4-lg-80.png"); }

.icon-m4v {
  background-image: url("../../img/icons/icon-m4v.png"); }

.icon-lg.icon-m4v {
  background-image: url("../../img/icons/icon-m4v-lg.png"); }

.icon-xl.icon-m4v {
  background-image: url("../../img/icons/icon-m4v-lg-80.png"); }

.icon-mpeg {
  background-image: url("../../img/icons/icon-mpeg.png"); }

.icon-lg.icon-mpeg {
  background-image: url("../../img/icons/icon-mpeg-lg.png"); }

.icon-xl.icon-mpeg {
  background-image: url("../../img/icons/icon-mpeg-lg-80.png"); }

.icon-mpg {
  background-image: url("../../img/icons/icon-mpg.png"); }

.icon-lg.icon-mpg {
  background-image: url("../../img/icons/icon-mpg-lg.png"); }

.icon-xl.icon-mpg {
  background-image: url("../../img/icons/icon-mpg-lg-80.png"); }

.icon-wmv {
  background-image: url("../../img/icons/icon-wmv.png"); }

.icon-lg.icon-wmv {
  background-image: url("../../img/icons/icon-wmv-lg.png"); }

.icon-xl.icon-wmv {
  background-image: url("../../img/icons/icon-wmv-lg-80.png"); }

.icon-wav {
  background-image: url("../../img/icons/icon-wav.png"); }

.icon-lg.icon-wav {
  background-image: url("../../img/icons/icon-wav-lg.png"); }

.icon-xl.icon-wav {
  background-image: url("../../img/icons/icon-wav-lg-80.png"); }

.icon-mp3 {
  background-image: url("../../img/icons/icon-mp3.png"); }

.icon-lg.icon-mp3 {
  background-image: url("../../img/icons/icon-mp3-lg.png"); }

.icon-xl.icon-mp3 {
  background-image: url("../../img/icons/icon-mp3-lg-80.png"); }

.icon-htm {
  background-image: url("../../img/icons/icon-htm.png"); }

.icon-lg.icon-htm {
  background-image: url("../../img/icons/icon-htm-lg.png"); }

.icon-xl.icon-htm {
  background-image: url("../../img/icons/icon-htm-lg-80.png"); }

.icon-html {
  background-image: url("../../img/icons/icon-html.png"); }

.icon-lg.icon-html {
  background-image: url("../../img/icons/icon-html-lg.png"); }

.icon-xl.icon-html {
  background-image: url("../../img/icons/icon-html-lg-80.png"); }

.icon-zip {
  background-image: url("../../img/icons/icon-zip.png"); }

.icon-lg.icon-zip {
  background-image: url("../../img/icons/icon-zip-lg.png"); }

.icon-xl.icon-zip {
  background-image: url("../../img/icons/icon-zip-lg-80.png"); }

.pendingReassignments .reassignmentTable .name {
  width: 35%; }

.pendingReassignments .reassignmentTable .count {
  width: 15%; }

.pendingReassignments .reassignmentTable .dueDate {
  width: 20%; }

.pendingReassignments .reassignmentTable .resolve {
  width: 30%; }

.pendingReassignments .reassignmentTable .reassignmentRow {
  color: #9B9B9B;
  font-size: 13px; }
  .pendingReassignments .reassignmentTable .reassignmentRow:not(:last-child) {
    border-bottom: 1px solid #E4E4E4; }
  .pendingReassignments .reassignmentTable .reassignmentRow .nameAndTitle {
    display: flex;
    flex-direction: column;
    white-space: pre-wrap;
    margin-right: 20px; }
    .pendingReassignments .reassignmentTable .reassignmentRow .nameAndTitle .inactiveUser,
    .pendingReassignments .reassignmentTable .reassignmentRow .nameAndTitle .reassignor {
      color: #4A90E2;
      font-size: 14px; }
    .pendingReassignments .reassignmentTable .reassignmentRow .nameAndTitle .title {
      font-size: 10px; }
  .pendingReassignments .reassignmentTable .reassignmentRow .resolve button {
    min-width: 120px;
    line-height: initial; }
  .pendingReassignments .reassignmentTable .reassignmentRow .resolve button:nth-of-type(1) {
    margin-right: 20px; }

.contentItem {
  position: relative;
  white-space: normal;
  width: auto;
  border: 1px solid transparent;
  border-radius: 4px; }
  .contentItem .withIcon {
    padding-left: 40px; }
  .contentItem.downloadable > div.withIcon:hover, .siteTable .contentItem.downloadable > div.withIcon:hover, .folderTable .contentItem.downloadable > div.withIcon:hover, .fileTable .contentItem.downloadable > div.withIcon:hover {
    /* Add download icon when hovering over search result icon */
    background-image: url(../../img/icon-Download.png);
    background-size: 24px;
    cursor: pointer;
    transition: all 0.2s; }
  .contentItem .contentItemName {
    margin-left: 45px;
    padding-right: 20px;
    overflow-x: hidden; }
  .contentItem .contentItemLink, .contentItem .contentItemLabel {
    display: block;
    color: #4A90E2;
    font-size: 16px; }
    .contentItem .contentItemLink:hover, .contentItem .contentItemLabel:hover {
      color: #1b5dab;
      text-decoration: underline; }
  .contentItem .contentItemLabel {
    color: rgba(0, 0, 0, 0.9);
    display: block; }
    .contentItem .contentItemLabel:hover {
      color: rgba(0, 0, 0, 0.9);
      text-decoration: none; }
  .contentItem .contentItemDetails {
    color: #999;
    font-size: 10px;
    min-height: 10px;
    white-space: nowrap; }
    .contentItem .contentItemDetails a {
      color: #999;
      font-size: 10px;
      font-weight: 400; }
      .contentItem .contentItemDetails a:hover {
        color: #4A90E2;
        text-decoration: underline; }
  .contentItem .contentItemActions {
    position: absolute;
    top: 5px;
    right: 0; }
    .contentItem .contentItemActions button {
      height: 25px;
      padding: 6px;
      opacity: 0.5;
      transition: all 0.2s ease; }
      .contentItem .contentItemActions button:hover, .contentItem .contentItemActions button:active {
        opacity: 1.0;
        transition: all 0.2s ease; }
    .contentItem .contentItemActions ul, .contentItem .contentItemActions ol {
      padding-left: initial; }
  .contentItem.compact {
    position: relative;
    padding: 6px 0; }
    .contentItem.compact button.fToggle {
      position: absolute;
      top: 8px;
      left: 3px;
      background: none;
      border: none;
      height: 14px;
      width: 14px;
      background-size: 14px;
      background-position: center center;
      background-repeat: no-repeat;
      background-image: url(../../img/icon-star-fNo.png); }
      .contentItem.compact button.fToggle.fYes {
        background-image: url(../../img/icon-star-fYes.png); }
    .contentItem.compact .withIcon {
      padding-left: 20px;
      width: 18px;
      height: 20px;
      background-size: 18px; }
    .contentItem.compact .contentItemName {
      margin-left: 24px; }
      .contentItem.compact .contentItemName .contentItemLink {
        font-size: 13px; }
    .contentItem.compact .contentItemLabel {
      font-size: 13px; }
  .contentItem:focus {
    outline: none; }

.filesListSection .tooltip-inner {
  max-width: 350px; }

.filesListSection .contentItem {
  padding: 10px 2px; }
  .filesListSection .contentItem.archived .withIcon {
    opacity: 0.6;
    position: relative; }
  .filesListSection .contentItem.archived .withIcon::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 20px;
    width: 15px;
    height: 15px;
    background-image: url(../../img/icons/icon-archive-overlay-dark.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px; }

.filesListSection .singleLevel .secondLevelWrapper {
  display: none; }

.filesListSection .twoLevel .contentItemLink {
  font-size: 18px;
  font-weight: 400; }

.filesListSection .twoLevel .secondLevelWrapper {
  margin-left: 45px;
  margin-top: 7px;
  padding-top: 4px;
  border-top: 1px solid #e7e7e7; }
  .filesListSection .twoLevel .secondLevelWrapper .contentItem {
    padding: 4px 2px 4px; }
  .filesListSection .twoLevel .secondLevelWrapper .contentItemLink {
    padding-right: initial;
    font-size: 13px;
    font-weight: 400; }
  .filesListSection .twoLevel .secondLevelWrapper .contentItemDetails {
    white-space: normal; }

.filesListSection .twoLevel .featuredDescription {
  color: rgba(0, 0, 0, 0.9);
  font-size: 13px;
  white-space: normal; }

.fileList {
  margin-bottom: 0; }
  .fileList.featured {
    padding: 0; }
  .fileList.folderOverview {
    padding: 0;
    margin-top: 10px; }
  .fileList .contentItem .contentItemLink {
    display: block; }
  .fileList .upload-pending .contentItemLink {
    cursor: default;
    color: #ccc; }
    .fileList .upload-pending .contentItemLink:hover, .fileList .upload-pending .contentItemLink:focus {
      color: #ccc;
      text-decoration: none; }
    .fileList .upload-pending .contentItemLink::before {
      content: 'Uploading: '; }
  .fileList .upload-pending:focus {
    outline: none; }
  .fileList .listItem {
    border-radius: 4px; }
  .fileList.compact {
    padding: 0; }
    .fileList.compact .listItem {
      min-height: 30px;
      margin-bottom: 3px; }
  .fileList.unFeaturedFilesList .listItem:hover {
    background-color: #f5f5f5;
    cursor: pointer; }
    .fileList.unFeaturedFilesList .listItem:hover button.fNo {
      background-image: url(../../img/icon-star-fMaybe.png); }
  .fileList.featured.compact {
    padding: 6px 0; }

.featuredFilesList {
  background-color: #ECF9FF;
  border-radius: 4px; }

.featuredFilesList, .unFeaturedFilesList {
  margin: 5px 0 0; }
  .featuredFilesList .contentItem.compact .withIcon, .unFeaturedFilesList .contentItem.compact .withIcon {
    margin-left: 18px;
    padding-left: 26px;
    background-size: 18px;
    height: 20px; }

.filedrag-placeholder {
  background-color: #ddf4ff; }

.nextSlot {
  background-color: #fbfeff;
  color: #999; }
  .nextSlot .contentItem .contentItemName {
    margin-left: 25px;
    cursor: default; }
    .nextSlot .contentItem .contentItemName .contentItemLabel {
      color: #999; }

.ui-sortable .withIcon, .ui-sortable .contentItemName {
  cursor: move; }

.ui-sortable .listItem:hover {
  font-weight: 700;
  background-color: rgba(159, 202, 252, 0.5); }
  .ui-sortable .listItem:hover.nextSlot {
    font-weight: 400;
    background-color: #fbfeff; }
  .ui-sortable .listItem:hover.dropTarget {
    background-color: transparent; }

h5.folderDescription {
  white-space: pre-wrap;
  font-weight: 400;
  margin: 30px auto; }

.filterBar {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 15px 30px;
  background-color: rgba(255, 255, 255, 0.95); }
  .filterBar.active {
    background-color: #FFFDE4; }
  .filterBar.fixed {
    position: fixed;
    width: calc(100% - 270px);
    max-width: 1010px;
    left: inherit;
    margin: 0px -30px 0;
    z-index: 97;
    top: 150px; }
  .filterBar.compact {
    transition: top 0.2s ease; }
  .filterBar.spaceHolder {
    opacity: 0;
    z-index: -1;
    position: relative;
    margin: -30px -30px 0;
    width: calc(100% + 60px); }
  .filterBar .filterPillsList {
    padding-top: 3px; }
  .filterBar .userItem {
    background-color: #EBE385; }
  .filterBar .filterClear {
    display: inline-block;
    margin-top: 6px;
    margin-left: 6px; }
  .filterBar .filterSettings {
    float: right;
    width: auto; }

.refreshContainer {
  margin: 10px 0;
  float: right;
  text-align: right; }
  .refreshContainer button {
    margin-top: -3px;
    margin-left: 4px; }

.scrollWrapper.fileViewWrapper .filterBar.fixed {
  top: 70px; }

.scrollWrapper.pageViewWrapper .filterBar.fixed {
  top: 70px; }

.scrollWrapper.folderViewWrapper .filterBar.fixed {
  top: 100px; }

.scrollWrapper.siteViewWrapper .filterBar.fixed {
  top: 164px; }

.scrollWrapper.siteViewWrapper .filterBar.compact {
  top: 106px; }

.scrollWrapper .filterBar.hasBanner {
  margin-top: 24px; }

.dropdown-fake {
  border: 1px solid #ccc;
  border-left: none;
  text-align: left;
  width: auto;
  min-width: 150px;
  padding-right: 30px;
  background-image: url(../../img/icon-chevron-down.png);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: right 10px center; }

.rowCountOptions {
  width: 100%;
  text-align: right;
  margin-top: 14px; }
  .rowCountOptions span {
    color: #4A90E2;
    cursor: pointer;
    padding: 0 4px 0 5px;
    border-right: 1px solid #e7e7e7; }
    .rowCountOptions span:last-child {
      border: none; }
    .rowCountOptions span:hover {
      font-weight: 600; }
    .rowCountOptions span strong {
      color: rgba(0, 0, 0, 0.9);
      font-weight: 600; }

.statsSection {
  margin: 10px 0 20px 0; }
  .statsSection.statsSection-Traffic .row.trafficFiguresWrapper {
    margin-right: 0;
    margin-left: 0;
    padding: 15px 0;
    border: 1px solid #e7e7e7;
    border-top: none;
    transition: all 0.2s; }
  .statsSection.statsSection-Traffic .trafficFiguresWrapper h4 {
    text-align: right;
    margin-top: 42px;
    margin-right: -20px; }
  .statsSection.statsSection-Traffic .trafficFiguresWrapper h3 {
    font-size: 60px;
    margin: 0; }
    .statsSection.statsSection-Traffic .trafficFiguresWrapper h3 span {
      font-size: 16px; }
  .statsSection.statsSection-Traffic .trafficFiguresWrapper p {
    margin: -10px 0 0 0;
    color: #999; }
  .statsSection.statsSection-Traffic .trafficFiguresWrapper.active {
    background-color: #FFFDE4; }
  .statsSection.statsSection-TopContent {
    margin-top: 0; }
    .statsSection.statsSection-TopContent table.table {
      border-top: none; }

table.statsTable {
  table-layout: fixed;
  border-top: none;
  opacity: 1;
  transition: opacity 0.2s ease; }
  table.statsTable label {
    font-weight: 400;
    margin-bottom: 0; }
  table.statsTable thead tr td {
    border: none; }
  table.statsTable tr {
    transition: all 0.2s; }
    table.statsTable tr td {
      width: auto;
      padding: 6px 4px 5px 4px;
      border-bottom: 1px solid #e7e7e7; }
      table.statsTable tr td input {
        margin-right: 2px; }
    table.statsTable tr .name a {
      color: #4A90E2; }
      table.statsTable tr .name a:hover {
        text-decoration: underline; }
    table.statsTable tr .hits, table.statsTable tr .reach {
      width: 60px;
      min-width: 60px;
      text-align: center;
      padding-left: 5px;
      padding-right: 5px; }
    table.statsTable tr .team {
      white-space: nowrap;
      font-weight: 400; }
  table.statsTable .filterActive {
    transition: all 0.2s ease; }
    table.statsTable .filterActive tr.firstLevel td, table.statsTable .filterActive tr.secondLevel td {
      transition: all 0.2s ease;
      opacity: 1.0; }
      table.statsTable .filterActive tr.firstLevel td.reach, table.statsTable .filterActive tr.firstLevel td.hits, table.statsTable .filterActive tr.secondLevel td.reach, table.statsTable .filterActive tr.secondLevel td.hits {
        transition: all 0.2s ease;
        opacity: 0; }
    table.statsTable .filterActive tr.firstLevel.active, table.statsTable .filterActive tr.firstLevel.semiactive, table.statsTable .filterActive tr.secondLevel.active, table.statsTable .filterActive tr.secondLevel.semiactive {
      background-color: #FFFDE4; }
      table.statsTable .filterActive tr.firstLevel.active td, table.statsTable .filterActive tr.firstLevel.semiactive td, table.statsTable .filterActive tr.secondLevel.active td, table.statsTable .filterActive tr.secondLevel.semiactive td {
        transition: all 0.2s ease;
        opacity: 1.0;
        background-color: #FFFDE4;
        font-weight: 700; }
        table.statsTable .filterActive tr.firstLevel.active td.reach, table.statsTable .filterActive tr.firstLevel.active td.hits, table.statsTable .filterActive tr.firstLevel.semiactive td.reach, table.statsTable .filterActive tr.firstLevel.semiactive td.hits, table.statsTable .filterActive tr.secondLevel.active td.reach, table.statsTable .filterActive tr.secondLevel.active td.hits, table.statsTable .filterActive tr.secondLevel.semiactive td.reach, table.statsTable .filterActive tr.secondLevel.semiactive td.hits {
          transition: all 0.2s ease;
          opacity: 1; }
        table.statsTable .filterActive tr.firstLevel.active td label, table.statsTable .filterActive tr.firstLevel.semiactive td label, table.statsTable .filterActive tr.secondLevel.active td label, table.statsTable .filterActive tr.secondLevel.semiactive td label {
          font-weight: 700; }
    table.statsTable .filterActive tr.firstLevel.semiactive td.reach, table.statsTable .filterActive tr.firstLevel.semiactive td.hits, table.statsTable .filterActive tr.secondLevel.semiactive td.reach, table.statsTable .filterActive tr.secondLevel.semiactive td.hits {
      opacity: 0; }
  table.statsTable .userIndividual {
    padding: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 100px); }
    table.statsTable .userIndividual .userPhoto {
      width: 20px;
      height: 20px;
      margin-right: 5px; }
  table.statsTable tr.secondLevelWrapper > td {
    padding: 0;
    border: none; }
  table.statsTable tr.secondLevelWrapper td table {
    table-layout: fixed;
    width: 100%; }
    table.statsTable tr.secondLevelWrapper td table tr td {
      border-bottom: 1px solid #e7e7e7; }
  table.statsTable tr.secondLevelWrapper:hover {
    background-color: transparent !important; }
  table.statsTable tr.secondLevel td:first-child {
    padding-left: 40px;
    width: auto; }
  table.statsTable .row-expander {
    /* controls the > expansion icon on sites */
    /* http://www.sitepoint.com/css3-transform-background-image/ */
    background-image: url(../../img/icon-chevron-right.png);
    content: "";
    position: relative;
    float: left;
    width: 15px;
    height: 15px;
    top: 3px;
    background-size: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.2s; }
    table.statsTable .row-expander:hover {
      cursor: pointer;
      opacity: 0.9; }
  table.statsTable .expanded .row-expander {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.2s; }

.statsDialog table.statsTable .filterActive tr.firstLevel td.reach, .statsDialog table.statsTable .filterActive tr.firstLevel td.hits, .statsDialog table.statsTable .filterActive tr.secondLevel td.reach, .statsDialog table.statsTable .filterActive tr.secondLevel td.hits {
  opacity: 1; }

.statsSection-Geography table.table.statsTable tr.firstLevel td input,
.statsSection-Organization table.table.statsTable tr.firstLevel td input {
  margin-left: 2px !important; }

.statsSection-Tenure table.table.statsTable label {
  width: 25%;
  min-width: 60px; }

.statsSection-Tenure table.table.statsTable span {
  color: #EB912D;
  font-size: 16px;
  line-height: 0; }

.pageHeader .arrow {
  display: inline-block;
  background-image: url(../../img/icon-chevron-right.png);
  content: "";
  width: 13px;
  height: 12px;
  background-size: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 2px;
  left: 6px;
  opacity: 0.9; }

.pageHeader.collapsed .arrow {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all 0.2s; }

.pageHeader.expanded .arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 0.2s; }

.pageHeader.expanded, .pageHeader.collapsed {
  cursor: pointer; }
  .pageHeader.expanded h4, .pageHeader.collapsed h4 {
    cursor: pointer; }

.pageHeader.nocollapse .arrow {
  display: none; }

.nostatsDataWrapper {
  margin: 15px 0;
  color: #999;
  font-style: italic; }

.tenureChart .amcharts-category-axis .amcharts-axis-label {
  fill: #EB912D;
  font-size: 18px; }

@-webkit-keyframes uil-ellipsis {
  0% {
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1; }
  12.5% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    left: 0px; }
  37.5% {
    left: 70px; }
  50% {
    left: 70px; }
  62.5% {
    left: 140px; }
  75% {
    left: 140px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  87.5% {
    left: 140px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    left: 140px;
    opacity: 0; } }

@-webkit-keyframes uil-ellipsis {
  0% {
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1; }
  12.5% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    left: 0px; }
  37.5% {
    left: 70px; }
  50% {
    left: 70px; }
  62.5% {
    left: 140px; }
  75% {
    left: 140px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  87.5% {
    left: 140px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    left: 140px;
    opacity: 0; } }

@-moz-keyframes uil-ellipsis {
  0% {
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1; }
  12.5% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    left: 0px; }
  37.5% {
    left: 70px; }
  50% {
    left: 70px; }
  62.5% {
    left: 140px; }
  75% {
    left: 140px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  87.5% {
    left: 140px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    left: 140px;
    opacity: 0; } }

@-ms-keyframes uil-ellipsis {
  0% {
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1; }
  12.5% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    left: 0px; }
  37.5% {
    left: 70px; }
  50% {
    left: 70px; }
  62.5% {
    left: 140px; }
  75% {
    left: 140px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  87.5% {
    left: 140px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    left: 140px;
    opacity: 0; } }

@-moz-keyframes uil-ellipsis {
  0% {
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1; }
  12.5% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    left: 0px; }
  37.5% {
    left: 70px; }
  50% {
    left: 70px; }
  62.5% {
    left: 140px; }
  75% {
    left: 140px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  87.5% {
    left: 140px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    left: 140px;
    opacity: 0; } }

@-webkit-keyframes uil-ellipsis {
  0% {
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1; }
  12.5% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    left: 0px; }
  37.5% {
    left: 70px; }
  50% {
    left: 70px; }
  62.5% {
    left: 140px; }
  75% {
    left: 140px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  87.5% {
    left: 140px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    left: 140px;
    opacity: 0; } }

@-o-keyframes uil-ellipsis {
  0% {
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1; }
  12.5% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    left: 0px; }
  37.5% {
    left: 70px; }
  50% {
    left: 70px; }
  62.5% {
    left: 140px; }
  75% {
    left: 140px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  87.5% {
    left: 140px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    left: 140px;
    opacity: 0; } }

@keyframes uil-ellipsis {
  0% {
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    left: 0px;
    opacity: 1; }
  12.5% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    left: 0px; }
  37.5% {
    left: 70px; }
  50% {
    left: 70px; }
  62.5% {
    left: 140px; }
  75% {
    left: 140px;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  87.5% {
    left: 140px;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    left: 140px;
    opacity: 0; } }

.uil-ellipsis-css {
  background: none;
  position: relative;
  display: inline-block;
  transform: scale(0.15);
  margin-bottom: 30px; }

.uil-ellipsis-css .ib {
  width: 100%;
  height: 100%;
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.uil-ellipsis-css .circle {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 70px;
  opacity: 0;
  text-align: center;
  -ms-animation: uil-ellipsis 1s linear infinite;
  -moz-animation: uil-ellipsis 1s linear infinite;
  -webkit-animation: uil-ellipsis 1s linear infinite;
  -o-animation: uil-ellipsis 1s linear infinite;
  animation: uil-ellipsis 1s linear infinite; }

.uil-ellipsis-css .circle > div {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  margin: 0px; }

.uil-ellipsis-css .circle:nth-of-type(2n+1) > div {
  background: #403d3d; }

.uil-ellipsis-css .circle:nth-of-type(2n) > div {
  background: #808a80; }

.circle:nth-of-type(1) {
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s; }

.circle:nth-of-type(2) {
  -ms-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s; }

.circle:nth-of-type(3) {
  -ms-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.circle:nth-of-type(4) {
  -ms-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s; }

.glass {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  z-index: 2;
  opacity: .75; }

.popupdialog {
  z-index: 3;
  background-color: white;
  position: fixed;
  height: 50%;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.userItem {
  position: relative;
  background-color: #e5e5e5;
  border-radius: 4px;
  margin: 0 1px 4px 0;
  padding: 3px 23px 3px 9px;
  display: inline-block;
  cursor: default; }
  .userItem .removeItem {
    position: absolute;
    right: 6px;
    top: 6px;
    height: 11px;
    width: 11px;
    border-radius: 999px;
    line-height: 12px;
    padding: 7px 6px 6px 7px;
    background-image: url(../../img/icon-pill-plus.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    /*for IE*/
    transition: all 0.2s; }
    .userItem .removeItem:hover {
      cursor: pointer;
      background-color: rgba(255, 0, 0, 0.3);
      transition: all 0.2s; }
  .userItem.error {
    background-color: #FFD7D7;
    color: #333 !important; }

.reassignFileDialog .userBox, .bulkDownloadFileDialog .userBox {
  padding-top: 7px; }
  .reassignFileDialog .userBox .userItem, .bulkDownloadFileDialog .userBox .userItem {
    display: inline; }
    .reassignFileDialog .userBox .userItem .removeItem, .bulkDownloadFileDialog .userBox .userItem .removeItem {
      top: 5px; }
  .reassignFileDialog .userBox.working, .bulkDownloadFileDialog .userBox.working {
    pointer-events: none;
    filter: opacity(50%); }

.reassignFileDialog .transferNotice, .bulkDownloadFileDialog .transferNotice {
  margin-bottom: 30px;
  font-weight: 600; }
  .reassignFileDialog .transferNotice .nameHighlight, .bulkDownloadFileDialog .transferNotice .nameHighlight {
    color: #58C71B; }

.selectionSuggestions {
  position: absolute;
  margin-top: -3px;
  min-width: 240px;
  max-width: calc(100% - 100px);
  width: auto;
  z-index: 10;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
  .selectionSuggestions .selectionSuggestion {
    font-size: 14px;
    background-color: white;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .selectionSuggestions .selectionSuggestion.active {
      cursor: pointer;
      background-color: #f5f5f5; }
  .selectionSuggestions .selectionSuggestion:first-child {
    margin-top: 0; }
  .selectionSuggestions .selectionSuggestion:last-child {
    margin-bottom: 0; }

.modal-content.ui-draggable .modal-header {
  cursor: move; }

.modal-header {
  padding: 10px 15px; }
  .modal-header .close {
    margin-top: 0; }

.modal-dialog.wideModal {
  width: 80%;
  min-width: 600px;
  max-width: 900px; }

.modal-body {
  /* Body override tweaks for unique dialogs */ }
  .modal-body.no-padding, .modal-body.folderPickerDialog, .modal-body.copyGroupsDialog, .modal-body.previousVersionDialog {
    padding: 0; }
  .modal-body.createFileDialog {
    padding: 0 15px; }
  .modal-body.statsDialog .scroller {
    overflow-x: hidden;
    padding: 0 15px; }
  .modal-body .scroller {
    max-height: 350px;
    overflow-y: scroll;
    padding-bottom: 130px;
    /*reserve space for dropdown menus at the end of a list */ }

.modal-footer .textMessage {
  padding: 5px 0;
  max-width: 70%;
  text-align: left; }

.dialogSearchInput, .folderOptions .dialogSearch input, .shareDialog .selectionInput, .shareDialog .userBox, .copyGroupsDialog .selectionInput, .copyGroupsDialog .userBox {
  /*search field in move/copy folder and copy groups dialogs */
  width: 100%;
  height: 38px;
  padding: 8px 14px 8px 40px;
  background-image: url(../../img/icon-SearchBar.png);
  background-repeat: no-repeat;
  background-position: 15px 11px;
  background-size: 18px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .dialogSearchInput:focus, .folderOptions .dialogSearch input:focus, .shareDialog .selectionInput:focus, .shareDialog .userBox:focus, .copyGroupsDialog .selectionInput:focus, .copyGroupsDialog .userBox:focus {
    outline: none;
    border-bottom: 3px solid #4A90E2;
    padding-bottom: 5px; }

.vault-doc-dialog .vault-url-error {
  color: red; }

.vault-doc-dialog .vault-url-success {
  color: green; }

.vault-doc-dialog .vault-doc-url {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .vault-doc-dialog .vault-doc-url label {
    flex-basis: 100%; }
  .vault-doc-dialog .vault-doc-url form {
    flex-grow: 1; }
    .vault-doc-dialog .vault-doc-url form.vaultDocUrlError {
      border-color: red; }
  .vault-doc-dialog .vault-doc-url .validate-doc {
    height: 34px;
    width: 42px;
    margin-left: 5px;
    background-image: url(../../img/icon-search-inverted.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 10px 8px; }
  .vault-doc-dialog .vault-doc-url .clear-validation {
    height: 14px;
    width: 14px;
    background-image: url(../../img/icon-xdelete-inverted.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 2px 2px;
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: 90%;
    border-radius: 100%;
    padding: 0;
    position: relative;
    right: 23px; }
    .vault-doc-dialog .vault-doc-url .clear-validation:hover {
      background-color: #5a6268;
      border-color: #5a6268; }

.vault-doc-dialog .vault-doc-message {
  padding: 10px 0;
  margin-bottom: 0;
  min-height: 200px; }

.vault-doc-dialog dl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 15px; }
  .vault-doc-dialog dl dt {
    width: 25%; }
    .vault-doc-dialog dl dt::after {
      content: ':'; }
  .vault-doc-dialog dl dd {
    width: 75%;
    overflow-wrap: break-word; }

.vault-doc-dialog-footer .back {
  padding-right: 35px;
  padding-left: 35px; }

/* COPY GROUPS DIALOG */
.copyGroupsDialog {
  padding-bottom: 30px; }

/* SHARE DIALOG */
.removed {
  background-color: rgba(157, 0, 0, 0.21); }

.viewersList {
  list-style: none;
  min-height: 250px;
  max-height: 350px;
  overflow-y: scroll; }
  .viewersList .userIndividual, .viewersList .userGroup {
    width: calc(100% - 50px); }
    .viewersList .userIndividual .userNameWrapper, .viewersList .userGroup .userNameWrapper {
      margin: 6px 10px 6px 40px; }
      .viewersList .userIndividual .userNameWrapper .userName, .viewersList .userGroup .userNameWrapper .userName {
        font-weight: 600; }
  .viewersList .userGroup .userPhoto {
    background-color: #666;
    background-image: url(../../img/site-icons/People-inverted.png);
    background-size: 33px; }
  .viewersList .action {
    width: 50px;
    height: 45px; }
    .viewersList .action button {
      height: 45px; }

.result-list .archived .withIcon {
  opacity: 0.6; }

.result-list .archived .withIcon::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 10px;
  height: 10px;
  background-image: url(../../img/icons/icon-archive-overlay-dark.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px; }

.shareDialog .contentItem {
  padding: 6px 0; }
  .shareDialog .contentItem .withIcon {
    padding-left: 30px; }

.shareDialog .contentItemName {
  margin-top: 4px;
  margin-left: 35px;
  width: calc(100% - 35px); }
  .shareDialog .contentItemName .contentItemLabel {
    display: inline; }
  .shareDialog .contentItemName .permissionsOption {
    display: inline; }

.shareDialog .headerIcon {
  border-radius: 999px;
  width: 30px;
  height: 30px;
  background-size: 30px;
  float: left;
  box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-image: url(../../img/icons/icon-site-lg-inverted-512.png); }

.shareDialog .contentError {
  padding: 10px 20px;
  background-color: #FFD7D7; }

.shareDialog .recipientWrapper {
  padding: 5px 105px 5px 15px;
  max-height: 95px;
  overflow-y: scroll; }

.shareDialog .permissionSwitch {
  padding: 5px 15px; }

.shareDialog .recipientList {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #e7e7e7; }
  .shareDialog .recipientList .shareRecipientInput {
    padding: 6px 0;
    border: none;
    outline: none; }
    .shareDialog .recipientList .shareRecipientInput:focus, .shareDialog .recipientList .shareRecipientInput:active {
      outline: none; }

.shareDialog .currentPermissions {
  padding: 15px;
  background-color: #E6F4FF;
  height: 250px;
  overflow-y: auto; }
  .shareDialog .currentPermissions .listHeader {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 12px;
    padding: 0 0 10px; }
  .shareDialog .currentPermissions ul.permItem > li.permName {
    width: calc(100% - 180px); }
    .shareDialog .currentPermissions ul.permItem > li.permName a {
      color: rgba(0, 0, 0, 0.9); }
      .shareDialog .currentPermissions ul.permItem > li.permName a:hover {
        color: #4A90E2; }
    .shareDialog .currentPermissions ul.permItem > li.permName .name {
      font-weight: 400; }
    .shareDialog .currentPermissions ul.permItem > li.permName.OrgwikiGroup span {
      white-space: nowrap; }
  .shareDialog .currentPermissions ul.permItem > li.permRole {
    width: 150px;
    padding-top: 3px;
    text-align: right; }

.shareDialog .recipientMessage {
  position: relative;
  min-height: 110px; }
  .shareDialog .recipientMessage textarea {
    border: none;
    width: 100%;
    height: 105px;
    padding: 15px;
    margin: 0;
    outline: none; }
    .shareDialog .recipientMessage textarea:focus, .shareDialog .recipientMessage textarea:active {
      outline: none; }
  .shareDialog .recipientMessage .notifyDisabled {
    display: flex;
    height: 110px;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.03);
    justify-content: center;
    color: #808080;
    font-style: italic; }

.shareDialog .messageWhenPrivate {
  width: 100%;
  height: 100px;
  padding: 15px; }

.shareDialog .userList {
  padding: 4px 13px;
  border-bottom: 1px solid #e7e7e7; }

.shareDialog .buttonPermissionSelection {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #EFEFEF;
  border-left: 1px solid #e7e7e7;
  border-radius: 0; }
  .shareDialog .buttonPermissionSelection:hover {
    background: #CCC; }

.emailNotification {
  text-align: left;
  padding-top: 6px; }
  .emailNotification .emailNotificationText {
    display: inline-block;
    padding-left: 5px; }
  .emailNotification input[type="checkbox"]:disabled + .emailNotificationText {
    color: #cdcdcd;
    cursor: not-allowed; }

.btn-loading {
  width: auto !important;
  height: 32px;
  transition: all 0.1s; }
  .btn-loading .btn-label {
    display: block;
    top: 6px;
    width: 100%;
    text-align: center; }
  .btn-loading .btn-spinner {
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 60px; }
    .btn-loading .btn-spinner .uil-ellipsis-css {
      transform: scale(0.12);
      top: 4px;
      left: -12px; }
  .btn-loading.active {
    transition: all 0.1s;
    background-color: #eee;
    border: none;
    cursor: default;
    padding-top: 0; }
    .btn-loading.active .btn-label {
      display: none; }
    .btn-loading.active .btn-spinner {
      display: block; }
    .btn-loading.active:hover {
      background-color: #eee; }

/* FOLDER PICKER FOR COPY/MOVE DIALOG */
.folderOptions {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #eee; }
  .folderOptions .newFolder {
    width: 120px;
    float: right;
    padding: 2px 0 0 2px; }
  .folderOptions .dialogSearch {
    float: left;
    width: calc(100% - 120px);
    border-right: 1px solid #eee; }

.folderPicker {
  height: 320px;
  padding: 0 30px 0 10px;
  overflow-y: scroll; }
  .folderPicker .branch > label .arrow {
    /* controls the > expansion icon on sites */
    /* http://www.sitepoint.com/css3-transform-background-image/ */
    background-image: url(../../img/icon-chevron-right.png);
    content: "";
    position: absolute;
    width: 13px;
    height: 20px;
    background-size: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 2px;
    left: 6px;
    opacity: 0.5; }
  .folderPicker .loading.branch.treeExpanded > label .arrow, .folderPicker .branch.treeCollapsed > label .arrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.2s; }
  .folderPicker .branch.treeExpanded > label .arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.2s; }
  .folderPicker .branch.loading > label .arrow {
    background-image: url(../../img/small-spinner.gif);
    width: 20px;
    background-size: 20px;
    left: 2px;
    opacity: 1.0; }
  .folderPicker .branch.treeUnknown > label .arrow {
    background-image: url(../../img/icon-expand-pending.png); }

ul.treeListing {
  position: relative;
  margin: 10px 0 0 0;
  padding: 0; }
  ul.treeListing li.parentList {
    /* Site list */
    position: relative;
    list-style: none;
    padding: 0; }
    ul.treeListing li.parentList label {
      position: relative;
      padding: 4px 0 3px 48px;
      border-radius: 4px;
      cursor: pointer;
      width: 100%;
      margin: 0; }
      ul.treeListing li.parentList label:hover {
        background-color: rgba(0, 0, 0, 0.05); }
      ul.treeListing li.parentList label.icon-site, ul.treeListing li.parentList label.icon-folder {
        background-position: 24px 3px; }
    ul.treeListing li.parentList.archived label.icon-site {
      background-image: url("../../img/icons/icon-archive-overlay-med-dark.svg"), url("../../img/icons/icon-site.png");
      background-position: 32px 10px, 24px 3px;
      background-size: 12px 12px, 18px 18px; }
    ul.treeListing li.parentList ul {
      margin: 0;
      padding: 0; }
      ul.treeListing li.parentList ul li.childList {
        /* Folder list */
        position: relative;
        list-style: none;
        cursor: pointer;
        padding: 0;
        padding-left: 24px; }
        ul.treeListing li.parentList ul li.childList label {
          padding-left: 48px; }
        ul.treeListing li.parentList ul li.childList.archived label.icon-folder {
          background-image: url("../../img/icons/icon-archive-overlay-med-dark.svg"), url("../../img/icons/icon-folder.png");
          background-position: 32px 10px, 24px 3px;
          background-size: 12px 12px, 18px 18px; }
  ul.treeListing li.childList > label {
    font-weight: 400; }
    ul.treeListing li.childList > label:hover {
      font-weight: 400; }
  ul.treeListing li.parentList.active > label, ul.treeListing li.childList.active > label {
    background-color: #B7D8FF;
    font-weight: 600; }
  ul.treeListing li.parentList.disabled > label, ul.treeListing li.childList.disabled > label {
    cursor: default;
    color: #999; }
    ul.treeListing li.parentList.disabled > label:hover, ul.treeListing li.childList.disabled > label:hover {
      background-color: transparent; }
  ul.treeListing li.childList.newFolderInline label {
    padding-top: 0;
    padding-bottom: 0; }
  ul.treeListing li.childList.newFolderInline input {
    height: 24px;
    padding: 3px 6px; }
  ul.treeListing .tooManyResults {
    padding: 4px 10px 4px 48px;
    font-style: italic; }
  ul.treeListing span.error {
    font-size: 10px;
    font-weight: 400; }

.pickerSuggestions .selected, .treeListing .selected {
  background-color: #add8e6; }

/* File/Previous Versions dialog */
table.table.versionsTable {
  margin-bottom: 0; }
  table.table.versionsTable thead .version, table.table.versionsTable tbody .version {
    width: auto;
    font-weight: 600;
    padding-left: 15px; }
  table.table.versionsTable thead .owner, table.table.versionsTable tbody .owner {
    width: 30%; }
  table.table.versionsTable thead .date, table.table.versionsTable tbody .date {
    width: 30%; }
  table.table.versionsTable thead .actions, table.table.versionsTable tbody .actions {
    width: 50px;
    padding: 3px 0 0 0; }
  table.table.versionsTable tbody .date {
    color: #999; }

.previousVersionDialog .pagePreview img {
  max-width: 100%; }

.reportsDialog .icon-lg {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  margin-left: 20px;
  margin-right: 10px; }

.requestReviewDialog .icon-review {
  background-image: url("../../img/icons/icon-review.svg"); }

.requestReviewDialog .icon-lg {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  margin-left: 20px;
  margin-right: 10px; }

.requestReviewDialog .col-xs-9 {
  display: flex;
  flex-direction: column;
  color: #4A4A4A; }

.requestReviewDialog .request-prompt {
  font-size: 15px;
  font-weight: 600; }

.requestReviewDialog .reasons {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
  margin-left: 6px; }
  .requestReviewDialog .reasons label {
    font-weight: 400; }
    .requestReviewDialog .reasons label span {
      margin-left: 6px; }

.requestReviewDialog .comments-header {
  margin: 6px 0;
  font-size: 14px; }

.requestReviewDialog .comments-box {
  height: 89px;
  resize: none; }

.archiveFileDialog .icon-archive {
  background-image: url("../../img/icons/icon-archive.svg"); }

.archiveFileDialog .icon-lg {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  margin-left: 20px;
  margin-right: 10px; }

.verifyFileDialog .icon-verify {
  background-image: url("../../img/icons/icon-verify.png"); }

.verifyFileDialog .icon-lg {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  margin-left: 20px;
  margin-right: 10px; }

.unarchiveFileDialog .icon-unarchive, .unarchiveMoveFileDialog .icon-unarchive {
  background-image: url("../../img/icons/icon-unarchive.svg"); }

.unarchiveFileDialog .icon-lg, .unarchiveMoveFileDialog .icon-lg {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  margin-left: 20px;
  margin-right: 10px; }

/* File uploader dialog */
.createFileDialog .dragToUpload {
  padding: 15px 0; }
  .createFileDialog .dragToUpload.hover {
    /*state for dragging files in */
    background-color: #B7D8FF; }

.btn-uploader, body .cke_reset_all .btn-uploader {
  /** relative allows the ::before to be positioned in percent **/
  position: relative;
  /** hides the "choose a file" and the filename text **/
  color: transparent !important;
  width: 150px; }
  .btn-uploader:hover, body .cke_reset_all .btn-uploader:hover {
    color: transparent !important; }

.btn-uploader::-webkit-file-upload-button, body .cke_reset_all .btn-uploader::-webkit-file-upload-button {
  visibility: hidden; }

.btn-uploader::before, body .cke_reset_all .btn-uploader::before {
  content: 'Select Files...';
  display: block;
  outline: none;
  -webkit-user-select: none;
  cursor: pointer;
  text-align: center;
  left: 50%;
  top: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: white; }

.btn-uploader.text-AddFile, body .cke_reset_all .text-AddFile.btn-uploader {
  width: auto; }
  .btn-uploader.text-AddFile::before {
    content: '+ Add your first file...'; }

.btn-uploader.text-AddVersion::before {
  content: 'Select File...'; }

.btn-uploader.text-AddVersion[multiple]::before {
  content: 'Select Files...'; }

.uploadIssue {
  text-align: center; }
  .uploadIssue h4 {
    margin: 15px 0; }
  .uploadIssue h6 {
    margin: 0; }

.conflictChooser .col-xs-6:first-child {
  padding-right: 7px; }

.conflictChooser .col-xs-6:nth-child(2) {
  padding-left: 7px; }

.conflictChooser .conflictOption {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-align: left; }
  .conflictChooser .conflictOption .result-list {
    margin: 0;
    padding: 5px 0 3px 0; }
    .conflictChooser .conflictOption .result-list .itemName {
      padding: 1px 10px 1px 25px;
      max-width: 380px !important; }
  .conflictChooser .conflictOption.primary {
    border-color: #4A90E2;
    background-color: white; }

/* Error page styles */
.errorPage {
  text-align: center;
  padding-top: 50px; }
  .errorPage .dialog-icon {
    margin: 30px auto; }
  .errorPage .errorType {
    font-size: 10px;
    color: #999;
    margin-top: 50px; }

/* Icons used throughout dialogs for new/edit states, as well as error messages and new folders */
.dialog-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.05);
  background-repeat: no-repeat;
  background-position: center center; }
  .dialog-icon.upload {
    background-size: 60px;
    background-image: url(../../img/icon-upload-xl.png); }
  .dialog-icon.site {
    background-size: 70px;
    background-image: url(../../img/icons/icon-site-lg-512.png); }
  .dialog-icon.folder {
    background-size: 70px;
    background-image: url(../../img/icons/icon-folder-lg-512.png); }
  .dialog-icon.link {
    background-size: 90px;
    background-image: url(../../img/icons/icon-link-lg-512.png); }
  .dialog-icon.vault {
    background-size: 60px;
    background-image: url(../../img/icon-vault.png);
    background-position-y: 20px; }
  .dialog-icon.missing {
    background-size: cover;
    background-image: url(../../img/gifs/notfound.gif); }
  .dialog-icon.nopreview {
    background-size: 70px;
    background-image: url(../../img/icons/icon-missing-lg-512.png); }
  .dialog-icon.brokenpreview {
    background-size: cover;
    background-image: url(../../img/gifs/brokenpreview.gif); }
  .dialog-icon.users {
    background-size: 70px;
    background-image: url(../../img/icon-users-512.png); }
  .dialog-icon.hamster {
    background-size: cover;
    background-image: url(../../img/gifs/spinning-wheel.gif); }
  .dialog-icon.denied {
    background-size: cover;
    background-image: url(../../img/gifs/accessdenied.gif); }
  .dialog-icon.zip {
    background-size: 70px;
    background-image: url(../../img/icons/icon-zip-lg-512.png); }
  .dialog-icon.purge {
    background-size: cover;
    background-image: url(../../img/gifs/atombomb.gif); }

.modal-body.shareWarning {
  display: flex;
  align-items: center; }
  .modal-body.shareWarning .dialog-icon {
    margin: 20px auto;
    border-radius: 0px;
    background-image: url(../../img/icon-email-warning.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .modal-body.shareWarning .dialog-text {
    width: 70%;
    padding: 0 2rem;
    font-size: 16px; }
    .modal-body.shareWarning .dialog-text strong {
      color: #C9302D; }

/* OVERRIDES FOR CKEDITOR AND OFFICE 2013 THEME STYLES */
body .cke_reset_all, body .cke_reset_all * {
  font: normal 13px "Lato", sans-serif;
  font-family: "Lato", sans-serif !important;
  font-size: 13px;
  box-sizing: border-box !important;
  white-space: normal;
  /* button style overrides */
  /* VL Image Dialog styles */ }
  body .cke_reset_all div.cke_bottom, body .cke_reset_all * div.cke_bottom {
    background-color: white;
    padding: 0; }
  body .cke_reset_all .cke_dialog_contents, body .cke_reset_all .cke_dialog_contents_body, body .cke_reset_all * .cke_dialog_contents, body .cke_reset_all * .cke_dialog_contents_body {
    padding: 0 16px 16px 0; }
  body .cke_reset_all h4, body .cke_reset_all * h4 {
    font-size: 18px;
    margin: 10px 0;
    font-weight: 600; }
  body .cke_reset_all .cke_dialog_body, body .cke_reset_all * .cke_dialog_body {
    border: none;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    body .cke_reset_all .cke_dialog_body .cke_dialog_title, body .cke_reset_all * .cke_dialog_body .cke_dialog_title {
      /* styles for <h4> */
      font-size: 18px;
      font-weight: 500;
      border-bottom: 1px solid #e5e5e5; }
  body .cke_reset_all .cke_dialog_footer, body .cke_reset_all * .cke_dialog_footer {
    border-top: 1px solid #e5e5e5; }
  body .cke_reset_all .cke_dialog_ui_vbox_child, body .cke_reset_all * .cke_dialog_ui_vbox_child {
    padding: 0; }
  body .cke_reset_all a.cke_dialog_ui_button, body .cke_reset_all * a.cke_dialog_ui_button {
    min-height: 32px; }
  body .cke_reset_all a.cke_dialog_ui_button, body .cke_reset_all .btn, body .cke_reset_all * a.cke_dialog_ui_button, body .cke_reset_all * .btn {
    /* .btn pulled from bootstrap */
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    /*line-height: 1.42857143;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    /* .btn-default */
    color: #333;
    background-color: #fff;
    border-color: #ccc; }
    body .cke_reset_all a.cke_dialog_ui_button:hover, body .cke_reset_all a.cke_dialog_ui_button:focus, body .cke_reset_all .btn:hover, body .cke_reset_all .btn:focus, body .cke_reset_all * a.cke_dialog_ui_button:hover, body .cke_reset_all * a.cke_dialog_ui_button:focus, body .cke_reset_all * .btn:hover, body .cke_reset_all * .btn:focus {
      color: #333;
      background-color: #f2f2f2;
      border-color: #adadad;
      text-decoration: none; }
    body .cke_reset_all a.cke_dialog_ui_button span, body .cke_reset_all .btn span, body .cke_reset_all * a.cke_dialog_ui_button span, body .cke_reset_all * .btn span {
      /* override font size in buttons */
      font-size: 13px !important;
      padding: 0 !important; }
    body .cke_reset_all a.cke_dialog_ui_button.cke_dialog_ui_button_ok, body .cke_reset_all a.cke_dialog_ui_button.btn-primary, body .cke_reset_all .btn.cke_dialog_ui_button_ok, body .cke_reset_all .btn.btn-primary, body .cke_reset_all * a.cke_dialog_ui_button.cke_dialog_ui_button_ok, body .cke_reset_all * a.cke_dialog_ui_button.btn-primary, body .cke_reset_all * .btn.cke_dialog_ui_button_ok, body .cke_reset_all * .btn.btn-primary {
      /* .btn-primary for 'ok' buttons on ck dialogs */
      background-color: #4A90E2;
      border-color: #3483de;
      color: white;
      margin-left: 5px;
      outline: none; }
      body .cke_reset_all a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover, body .cke_reset_all a.cke_dialog_ui_button.btn-primary:hover, body .cke_reset_all .btn.cke_dialog_ui_button_ok:hover, body .cke_reset_all .btn.btn-primary:hover, body .cke_reset_all * a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover, body .cke_reset_all * a.cke_dialog_ui_button.btn-primary:hover, body .cke_reset_all * .btn.cke_dialog_ui_button_ok:hover, body .cke_reset_all * .btn.btn-primary:hover {
        background-color: #2275d7;
        border-color: #204d74; }
    body .cke_reset_all a.cke_dialog_ui_button.cke_disabled, body .cke_reset_all .btn.cke_disabled, body .cke_reset_all * a.cke_dialog_ui_button.cke_disabled, body .cke_reset_all * .btn.cke_disabled {
      background-color: #ddd;
      border-color: #ddd;
      cursor: not-allowed; }
      body .cke_reset_all a.cke_dialog_ui_button.cke_disabled span, body .cke_reset_all .btn.cke_disabled span, body .cke_reset_all * a.cke_dialog_ui_button.cke_disabled span, body .cke_reset_all * .btn.cke_disabled span {
        cursor: not-allowed; }
      body .cke_reset_all a.cke_dialog_ui_button.cke_disabled:hover, body .cke_reset_all a.cke_dialog_ui_button.cke_disabled:focus, body .cke_reset_all .btn.cke_disabled:hover, body .cke_reset_all .btn.cke_disabled:focus, body .cke_reset_all * a.cke_dialog_ui_button.cke_disabled:hover, body .cke_reset_all * a.cke_dialog_ui_button.cke_disabled:focus, body .cke_reset_all * .btn.cke_disabled:hover, body .cke_reset_all * .btn.cke_disabled:focus {
        background-color: #ddd;
        border-color: #ddd; }
  body .cke_reset_all a.cke_dialog_close_button, body .cke_reset_all * a.cke_dialog_close_button {
    top: 10px;
    right: 15px;
    padding: 13px;
    background-position: center center;
    border: none; }
    body .cke_reset_all a.cke_dialog_close_button:hover, body .cke_reset_all a.cke_dialog_close_button:focus, body .cke_reset_all * a.cke_dialog_close_button:hover, body .cke_reset_all * a.cke_dialog_close_button:focus {
      cursor: pointer;
      border: none;
      background-color: white; }
  body .cke_reset_all span.cke_dialog_ui_button, body .cke_reset_all * span.cke_dialog_ui_button {
    font-size: 13px; }
  body .cke_reset_all .cke_toolgroup, body .cke_reset_all .cke_combo_button, body .cke_reset_all * .cke_toolgroup, body .cke_reset_all * .cke_combo_button {
    margin: 0; }
  body .cke_reset_all .cke_combo_button, body .cke_reset_all * .cke_combo_button {
    /* styles dropdown menu */
    height: 30px;
    padding: 6px 4px 3px;
    margin: 1px 0; }
  body .cke_reset_all .cke_combo_text, body .cke_reset_all * .cke_combo_text {
    width: 106px; }
  body .cke_reset_all .cke_combo_off a.cke_combo_button:hover, body .cke_reset_all .cke_combo_off a.cke_combo_button:focus, body .cke_reset_all * .cke_combo_off a.cke_combo_button:hover, body .cke_reset_all * .cke_combo_off a.cke_combo_button:focus {
    border-color: #ccc;
    outline: 0; }
  body .cke_reset_all .cke_combo_off a.cke_combo_button:hover .cke_combo_open, body .cke_reset_all .cke_combo_off a.cke_combo_button:focus .cke_combo_open, body .cke_reset_all * .cke_combo_off a.cke_combo_button:hover .cke_combo_open, body .cke_reset_all * .cke_combo_off a.cke_combo_button:focus .cke_combo_open {
    background: #ccc;
    outline: 0; }
  body .cke_reset_all .cke_combo_open, body .cke_reset_all * .cke_combo_open {
    /* down arrow on toolbar dropdown */
    padding: 0 12px 0 7px;
    margin-top: -3px;
    margin-left: 4px;
    height: 21px; }
    body .cke_reset_all .cke_combo_open .cke_combo_arrow, body .cke_reset_all * .cke_combo_open .cke_combo_arrow {
      margin: 10px 0 0; }
  body .cke_reset_all a.cke_button, body .cke_reset_all * a.cke_button {
    /* buttons in the styling toolbar */
    height: 30px;
    padding: 6px; }
  body .cke_reset_all .cke_button_on, body .cke_reset_all * .cke_button_on {
    /* active toolbar button (not hover) */
    background: #ccc; }
  body .cke_reset_all a.cke_button_off:hover, body .cke_reset_all a.cke_button_off:focus, body .cke_reset_all a.cke_button_off:active, body .cke_reset_all a.cke_button_disabled:hover, body .cke_reset_all a.cke_button_disabled:focus, body .cke_reset_all a.cke_button_disabled:active, body .cke_reset_all * a.cke_button_off:hover, body .cke_reset_all * a.cke_button_off:focus, body .cke_reset_all * a.cke_button_off:active, body .cke_reset_all * a.cke_button_disabled:hover, body .cke_reset_all * a.cke_button_disabled:focus, body .cke_reset_all * a.cke_button_disabled:active {
    background: #efefef; }
  body .cke_reset_all textarea.cke_dialog_ui_input_textarea.cke_source, body .cke_reset_all * textarea.cke_dialog_ui_input_textarea.cke_source {
    /* source code input field */
    padding: 10px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    font-family: "Courier New", courier, monospace !important; }
    body .cke_reset_all textarea.cke_dialog_ui_input_textarea.cke_source:hover, body .cke_reset_all textarea.cke_dialog_ui_input_textarea.cke_source:focus, body .cke_reset_all * textarea.cke_dialog_ui_input_textarea.cke_source:hover, body .cke_reset_all * textarea.cke_dialog_ui_input_textarea.cke_source:focus {
      border: none;
      border-bottom: 1px solid #e5e5e5; }
  body .cke_reset_all .cke_dialog_ui_textarea label.cke_dialog_ui_labeled_label, body .cke_reset_all * .cke_dialog_ui_textarea label.cke_dialog_ui_labeled_label {
    /* eliminates empty label on 'view source' modal */
    display: none; }
  body .cke_reset_all .btn-primary, body .cke_reset_all * .btn-primary {
    background-color: #4A90E2;
    border-color: #3483de; }
    body .cke_reset_all .btn-primary:hover, body .cke_reset_all .btn-primary:focus, body .cke_reset_all * .btn-primary:hover, body .cke_reset_all * .btn-primary:focus {
      background-color: #2275d7; }
    body .cke_reset_all .btn-primary.btn-inverted, body .cke_reset_all * .btn-primary.btn-inverted {
      background: rgba(255, 255, 255, 0.9);
      border-color: rgba(255, 255, 255, 0.8);
      color: #4A90E2; }
      body .cke_reset_all .btn-primary.btn-inverted:hover, body .cke_reset_all .btn-primary.btn-inverted:focus, body .cke_reset_all * .btn-primary.btn-inverted:hover, body .cke_reset_all * .btn-primary.btn-inverted:focus {
        background: white;
        border-color: white; }
  body .cke_reset_all .btn-default, body .cke_reset_all * .btn-default {
    background-color: white;
    color: rgba(0, 0, 0, 0.9); }
    body .cke_reset_all .btn-default:hover, body .cke_reset_all .btn-default:focus, body .cke_reset_all * .btn-default:hover, body .cke_reset_all * .btn-default:focus {
      background-color: #f2f2f2; }
    body .cke_reset_all .btn-default.btn-inverted, body .cke_reset_all * .btn-default.btn-inverted {
      background: none;
      border-color: rgba(255, 255, 255, 0.6);
      color: rgba(255, 255, 255, 0.8); }
      body .cke_reset_all .btn-default.btn-inverted:hover, body .cke_reset_all .btn-default.btn-inverted:focus, body .cke_reset_all * .btn-default.btn-inverted:hover, body .cke_reset_all * .btn-default.btn-inverted:focus {
        border-color: white;
        color: white; }
  body .cke_reset_all hr, body .cke_reset_all * hr {
    margin: 20px auto;
    border-bottom: 1px solid #efefef; }
  body .cke_reset_all .row, body .cke_reset_all * .row {
    margin: 0 auto; }
    body .cke_reset_all .row:after, body .cke_reset_all .row:before, body .cke_reset_all * .row:after, body .cke_reset_all * .row:before {
      clear: both;
      display: table;
      content: " "; }
  body .cke_reset_all .col-xs-3, body .cke_reset_all * .col-xs-3 {
    width: 30%;
    float: left;
    position: relative;
    padding-right: 15px;
    padding-left: 15px; }
  body .cke_reset_all .col-xs-9, body .cke_reset_all * .col-xs-9 {
    width: 65%;
    float: left;
    position: relative;
    padding-right: 15px;
    padding-left: 15px; }
  body .cke_reset_all label, body .cke_reset_all * label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700; }
  body .cke_reset_all .form-inline button, body .cke_reset_all * .form-inline button {
    margin-bottom: 15px;
    margin-left: 15px; }
  body .cke_reset_all .form-group, body .cke_reset_all * .form-group {
    width: 100%;
    margin-bottom: 15px; }
    body .cke_reset_all .form-group.withPadding, body .cke_reset_all * .form-group.withPadding {
      padding-left: 15px;
      padding-right: 15px; }
    body .cke_reset_all .form-group label, body .cke_reset_all * .form-group label {
      font-weight: 600; }
  body .cke_reset_all .form-control, body .cke_reset_all * .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  body .cke_reset_all .dialog-icon, body .cke_reset_all * .dialog-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, 0.05);
    background-repeat: no-repeat;
    background-position: center center; }
    body .cke_reset_all .dialog-icon.upload, body .cke_reset_all * .dialog-icon.upload {
      background-size: 60px;
      background-image: url(../../img/icon-upload-xl.png); }
  body .cke_reset_all #vlimage-dialog, body .cke_reset_all * #vlimage-dialog {
    position: relative; }
    body .cke_reset_all #vlimage-dialog .dragDropper, body .cke_reset_all * #vlimage-dialog .dragDropper {
      padding: 30px; }
    body .cke_reset_all #vlimage-dialog .dragToUpload, body .cke_reset_all * #vlimage-dialog .dragToUpload {
      height: 100px; }
    body .cke_reset_all #vlimage-dialog .filedrag, body .cke_reset_all * #vlimage-dialog .filedrag {
      background-color: none; }
      body .cke_reset_all #vlimage-dialog .filedrag.hover, body .cke_reset_all * #vlimage-dialog .filedrag.hover {
        background-color: #B7D8FF; }
    body .cke_reset_all #vlimage-dialog .imageOptionsContainer, body .cke_reset_all * #vlimage-dialog .imageOptionsContainer {
      width: 100%; }
      body .cke_reset_all #vlimage-dialog .imageOptionsContainer .leftCol, body .cke_reset_all * #vlimage-dialog .imageOptionsContainer .leftCol {
        float: left;
        width: 60%;
        padding: 0 15px; }
        body .cke_reset_all #vlimage-dialog .imageOptionsContainer .leftCol .previewImage, body .cke_reset_all * #vlimage-dialog .imageOptionsContainer .leftCol .previewImage {
          display: block;
          max-width: 100%;
          height: auto;
          max-height: 400px;
          margin: 0px auto; }
      body .cke_reset_all #vlimage-dialog .imageOptionsContainer .rightCol, body .cke_reset_all * #vlimage-dialog .imageOptionsContainer .rightCol {
        float: right;
        width: 40%;
        padding: 0 15px;
        border-left: 1px solid #e5e5e5; }
  body .cke_reset_all .cke_dialog_contents_body, body .cke_reset_all * .cke_dialog_contents_body {
    /*
    // The following exceptions are not stable, and are therefore commented out pending a
    // better solution for hiding specific elements in the table dialogs. [bps]

        #cke_106_uiElement, #cke_89_uiElement, #cke_94_uiElement, #cke_97_uiElement,
        #cke_78_uiElement, #cke_81_uiElement {
          // Hide the following on New Table dialog:
          // Summary input, Height input
          // " " Cell Spacing, Cell Padding, Border Size, Alignment
          display:none;
        }

        #cke_86_uiElement, #cke_168_uiElement, #cke_114_uiElement {
          // Hide the following on the Table Properties dialog
          // Border Size, Alignment, Summary
          display: none;
        }

        #cke_185_uiElement, #cke_189_uiElement, #cke_222_uiElement {
          // Hide the following on the Table Cell Properties dialog
          // Height, Word Wrap, Border Color
          display:none;
        }
        */ }
    body .cke_reset_all .cke_dialog_contents_body .cke_dialog_ui_hbox_first, body .cke_reset_all .cke_dialog_contents_body .cke_dialog_ui_hbox_last, body .cke_reset_all * .cke_dialog_contents_body .cke_dialog_ui_hbox_first, body .cke_reset_all * .cke_dialog_contents_body .cke_dialog_ui_hbox_last {
      width: 50%; }
  body .cke_reset_all input, body .cke_reset_all select, body .cke_reset_all * input, body .cke_reset_all * select {
    height: 32px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    padding: 4px 8px; }
  body .cke_reset_all label, body .cke_reset_all * label {
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.9);
    margin-top: 10px; }
    body .cke_reset_all label .cke_required, body .cke_reset_all * label .cke_required {
      font-weight: 600; }

/* Link editor dialog */
.vllinkdlg .cke_dialog_tabs {
  display: none; }

.vllinkdlg .cke_dialog_contents {
  margin: 0; }

.vllinkdlg .cke_dialog .cke_resizer,
.vllinkdlg .cke_dialog .cke_resizer_ltr {
  margin-right: 0;
  margin-left: 0;
  bottom: 0;
  right: 2px;
  position: absolute; }

.vllinkdlg .cke_dialog .cke_resizer {
  margin-top: 25px; }

.vllinkdlg .TwoColContainer {
  /* variables */
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 600px;
  height: calc(100% - 104px);
  background-color: #f5f5f5; }
  .vllinkdlg .TwoColContainer .columnWrapper {
    position: relative;
    margin: 0 auto;
    height: 100%; }
  .vllinkdlg .TwoColContainer .leftColContainer {
    position: relative;
    height: 100%;
    float: left;
    width: 25%;
    padding-left: 0px; }
    .vllinkdlg .TwoColContainer .leftColContainer .leftColContents {
      padding: 25px 0 0 15px; }
  .vllinkdlg .TwoColContainer .rightColContainer {
    position: relative;
    overflow: auto;
    width: auto;
    margin-left: 25%;
    padding-right: 15px;
    background-color: white;
    box-shadow: none; }
    .vllinkdlg .TwoColContainer .rightColContainer .rightColContents {
      position: absolute;
      width: 100%;
      padding: 0; }
  .vllinkdlg .TwoColContainer .container-padding {
    padding: 0 30px; }
  .vllinkdlg .TwoColContainer hr {
    margin: 10px 0 15px; }

.vllinkdlg ul.navSection {
  list-style: none;
  padding: 0 0 20px;
  margin: 0 0 20px -8px; }
  .vllinkdlg ul.navSection li {
    cursor: pointer;
    padding: 6px 8px 6px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: rgba(26, 26, 26, 0.9); }
    .vllinkdlg ul.navSection li.active a, .vllinkdlg ul.navSection li.selected a, .vllinkdlg ul.navSection li:hover a {
      font-weight: 600;
      color: rgba(0, 0, 0, 0.9); }
    .vllinkdlg ul.navSection li.active, .vllinkdlg ul.navSection li.selected {
      background-color: white; }

.vllinkdlg .cke_dialog_page_contents {
  height: 100%; }
  .vllinkdlg .cke_dialog_page_contentstable[role="presentation"] {
    height: 100%; }

.vllinkdlg .hourglass {
  display: inline-block;
  width: calc(100% - 200px);
  text-align: center;
  margin-top: 50px; }

.vllinkdlg .cke_dialog_contents_body {
  padding: 0;
  margin: 0; }

.vllinkdlg .search-area {
  padding: 10px 10px;
  width: auto;
  border-bottom: 1px solid #e5e5e5; }
  .vllinkdlg .search-area .form-group, .vllinkdlg .search-area button {
    margin-bottom: 0 !important;
    margin-right: 5px;
    margin-left: 0 !important; }
  .vllinkdlg .search-area .pull-right {
    width: 210px; }
    .vllinkdlg .search-area .pull-right button, .vllinkdlg .search-area .pull-right select {
      float: right;
      height: 34px; }
    .vllinkdlg .search-area .pull-right select {
      width: 130px;
      margin-right: 5px; }
  .vllinkdlg .search-area .pull-left {
    width: calc(100% - 210px); }
    .vllinkdlg .search-area .pull-left input {
      width: 100%;
      background-image: url(../../img/icon-SearchBar.png);
      background-repeat: no-repeat;
      background-position: 11px center;
      background-size: 18px;
      padding-left: 36px; }

.vllinkdlg .link-area {
  padding: 0 10px;
  border: none; }
  .vllinkdlg .link-area label {
    font-size: 14px;
    font-weight: 600; }

.vllinkdlg .suggestedItemsHeader {
  font-weight: 600;
  font-size: 14px;
  padding: 8px 10px;
  background-color: #fafafa; }

.vllinkdlg table.result-list {
  height: 310px;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  overflow-y: scroll; }
  .vllinkdlg table.result-list tbody {
    display: block;
    width: 100%; }
    .vllinkdlg table.result-list tbody tr td {
      padding: 4px 10px 3px 20px;
      position: relative; }
    .vllinkdlg table.result-list tbody tr.selected, .vllinkdlg table.result-list tbody tr.item.selected:hover td {
      background-color: #CCE4FF; }
    .vllinkdlg table.result-list tbody tr.item td div, .vllinkdlg table.result-list tbody tr.item td span {
      cursor: pointer !important;
      overflow: hidden; }
    .vllinkdlg table.result-list tbody tr.item td span {
      white-space: inherit; }
    .vllinkdlg table.result-list tbody tr.item:hover td {
      background-color: #f5f5f5;
      cursor: pointer; }
    .vllinkdlg table.result-list tbody tr td:nth-child(1) {
      color: rgba(0, 0, 0, 0.9);
      padding-left: 10px;
      width: auto;
      min-width: 335px; }
    .vllinkdlg table.result-list tbody tr td:nth-child(2) {
      width: 125px;
      padding-left: 0; }
      .vllinkdlg table.result-list tbody tr td:nth-child(2) span {
        font-weight: 300; }
    .vllinkdlg table.result-list tbody tr td:nth-child(3) {
      width: 125px;
      padding-left: 0; }
      .vllinkdlg table.result-list tbody tr td:nth-child(3) span {
        font-weight: 300; }
    .vllinkdlg table.result-list tbody tr.morePeople td {
      border-bottom: 1px solid #e7e7e7; }
      .vllinkdlg table.result-list tbody tr.morePeople td a {
        color: #4A90E2;
        margin-left: 25px;
        cursor: pointer; }
        .vllinkdlg table.result-list tbody tr.morePeople td a:hover {
          color: #2275d7;
          text-decoration: underline; }

.vllinkdlg .location-text {
  color: rgba(0, 0, 0, 0.9); }

.vllinkdlg .cke_dialog_body #vllnkdlg-web input[type="text"] {
  margin-bottom: 20px; }

.vllinkdlg #vllnkdlg-web {
  padding: 20px; }

.vllinkdlg button {
  cursor: pointer; }

.cke_dialog_footer_buttons a.cke_dialog_ui_button span:hover {
  cursor: pointer; }

#cke_notifications_area_pageContent {
  position: fixed;
  left: 50%;
  transform: translate(-50%); }

#cke_pageContent {
  border: none; }

/* MAKE PAGE EDITOR 100% HEIGHT */
.pageWrapper.fullHeight {
  height: calc(100% - 120px);
  position: absolute; }
  .pageWrapper.fullHeight .container-fluid {
    height: calc(100% - 120px); }
    .pageWrapper.fullHeight .container-fluid .cke_chrome {
      height: 100%;
      box-shadow: none;
      /*move shadow to .cke_contents */ }
      .pageWrapper.fullHeight .container-fluid .cke_chrome .cke_inner {
        height: 100%; }
        .pageWrapper.fullHeight .container-fluid .cke_chrome .cke_inner .cke_contents {
          min-height: 100%; }
          .pageWrapper.fullHeight .container-fluid .cke_chrome .cke_inner .cke_contents .cke_wysiwyg_frame {
            height: 100%; }

.vllinkdlg {
  /* ADD ICONS FOR FILE TYPES AND SITES HERE
     REDUNDANT WITH MAIN SITE STYLES - DON'T CHANGE HERE WITHOUT CHANGING THERE */
  /* Theming color choices */
  /* DUPLICATED from _page.scss */
  /* http://uigradients.com/ */
  /* SITE ICON OPTION DEFINITIONS */
  /* DUPLICATED from _page.scss  */ }
  .vllinkdlg .icon-site {
    background-image: url("../../img/icons/icon-site.png"); }
  .vllinkdlg .icon-folder {
    background-image: url("../../img/icons/icon-folder.png"); }
  .vllinkdlg .icon-topic {
    background-image: url("../../img/icons/icon-topic.png"); }
  .vllinkdlg .icon-page {
    background-image: url("../../img/icons/icon-page.png"); }
  .vllinkdlg .icon-overview {
    background-image: url("../../img/icons/icon-overview.png"); }
  .vllinkdlg .icon-filegroup {
    background-image: url("../../img/icons/icon-filegroup.png"); }
  .vllinkdlg .icon-file {
    background-image: url("../../img/icons/icon-file.png"); }
  .vllinkdlg .icon-link {
    background-image: url("../../img/icons/icon-link.png"); }
  .vllinkdlg .icon-doc {
    background-image: url("../../img/icons/icon-doc.png"); }
  .vllinkdlg .icon-docx {
    background-image: url("../../img/icons/icon-docx.png"); }
  .vllinkdlg .icon-xls {
    background-image: url("../../img/icons/icon-xls.png"); }
  .vllinkdlg .icon-xlsx {
    background-image: url("../../img/icons/icon-xlsx.png"); }
  .vllinkdlg .icon-xlsm {
    background-image: url("../../img/icons/icon-xlsm.png"); }
  .vllinkdlg .icon-ppt {
    background-image: url("../../img/icons/icon-ppt.png"); }
  .vllinkdlg .icon-pptx {
    background-image: url("../../img/icons/icon-pptx.png"); }
  .vllinkdlg .icon-potx {
    background-image: url("../../img/icons/icon-potx.png"); }
  .vllinkdlg .icon-pdf {
    background-image: url("../../img/icons/icon-pdf.png"); }
  .vllinkdlg .icon-jpeg {
    background-image: url("../../img/icons/icon-jpeg.png"); }
  .vllinkdlg .icon-jpg {
    background-image: url("../../img/icons/icon-jpg.png"); }
  .vllinkdlg .icon-png {
    background-image: url("../../img/icons/icon-png.png"); }
  .vllinkdlg .icon-gif {
    background-image: url("../../img/icons/icon-gif.png"); }
  .vllinkdlg .icon-bmp {
    background-image: url("../../img/icons/icon-bmp.png"); }
  .vllinkdlg .icon-tif {
    background-image: url("../../img/icons/icon-tif.png"); }
  .vllinkdlg .icon-tiff {
    background-image: url("../../img/icons/icon-tiff.png"); }
  .vllinkdlg .icon-eps {
    background-image: url("../../img/icons/icon-eps.png"); }
  .vllinkdlg .icon-ai {
    background-image: url("../../img/icons/icon-ai.png"); }
  .vllinkdlg .icon-psd {
    background-image: url("../../img/icons/icon-psd.png"); }
  .vllinkdlg .icon-mov {
    background-image: url("../../img/icons/icon-mov.png"); }
  .vllinkdlg .icon-avi {
    background-image: url("../../img/icons/icon-avi.png"); }
  .vllinkdlg .icon-mp4 {
    background-image: url("../../img/icons/icon-mp4.png"); }
  .vllinkdlg .icon-m4v {
    background-image: url("../../img/icons/icon-m4v.png"); }
  .vllinkdlg .icon-mpeg {
    background-image: url("../../img/icons/icon-mpeg.png"); }
  .vllinkdlg .icon-mpg {
    background-image: url("../../img/icons/icon-mpg.png"); }
  .vllinkdlg .icon-wmv {
    background-image: url("../../img/icons/icon-wmv.png"); }
  .vllinkdlg .icon-wav {
    background-image: url("../../img/icons/icon-wav.png"); }
  .vllinkdlg .icon-mp3 {
    background-image: url("../../img/icons/icon-mp3.png"); }
  .vllinkdlg .icon-htm {
    background-image: url("../../img/icons/icon-htm.png"); }
  .vllinkdlg .icon-html {
    background-image: url("../../img/icons/icon-html.png"); }
  .vllinkdlg .icon-zip {
    background-image: url("../../img/icons/icon-zip.png"); }
  .vllinkdlg .Blue {
    background-color: #406DA8;
    background-image: -webkit-gradient(linear, left top, right top, from(#406DA8), to(#2b4971));
    background-image: -webkit-linear-gradient(left, #406DA8, #2b4971);
    background-image: -moz-linear-gradient(left, #406DA8, #2b4971);
    background-image: -ms-linear-gradient(left, #406DA8, #2b4971);
    background-image: -o-linear-gradient(left, #406DA8, #2b4971);
    background-image: linear-gradient(left, #406DA8, #2b4971);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#406DA8', end-colourStr='#2b4971', gradientType='1'); }
  .vllinkdlg .Black {
    background-color: #5a5a5a;
    background-image: -webkit-gradient(linear, left top, right top, from(#5a5a5a), to(#343434));
    background-image: -webkit-linear-gradient(left, #5a5a5a, #343434);
    background-image: -moz-linear-gradient(left, #5a5a5a, #343434);
    background-image: -ms-linear-gradient(left, #5a5a5a, #343434);
    background-image: -o-linear-gradient(left, #5a5a5a, #343434);
    background-image: linear-gradient(left, #5a5a5a, #343434);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#5a5a5a', end-colourStr='#343434', gradientType='1'); }
  .vllinkdlg .Aqua {
    background-color: #0AAE89;
    background-image: -webkit-gradient(linear, left top, right top, from(#0AAE89), to(#066650));
    background-image: -webkit-linear-gradient(left, #0AAE89, #066650);
    background-image: -moz-linear-gradient(left, #0AAE89, #066650);
    background-image: -ms-linear-gradient(left, #0AAE89, #066650);
    background-image: -o-linear-gradient(left, #0AAE89, #066650);
    background-image: linear-gradient(left, #0AAE89, #066650);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#0AAE89', end-colourStr='#066650', gradientType='1'); }
  .vllinkdlg .Orange {
    background-color: #D78933;
    background-image: -webkit-gradient(linear, left top, right top, from(#D78933), to(#9e621f));
    background-image: -webkit-linear-gradient(left, #D78933, #9e621f);
    background-image: -moz-linear-gradient(left, #D78933, #9e621f);
    background-image: -ms-linear-gradient(left, #D78933, #9e621f);
    background-image: -o-linear-gradient(left, #D78933, #9e621f);
    background-image: linear-gradient(left, #D78933, #9e621f);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#D78933', end-colourStr='#9e621f', gradientType='1'); }
  .vllinkdlg .Purple {
    background-color: #74469C;
    background-image: -webkit-gradient(linear, left top, right top, from(#74469C), to(#4d2e67));
    background-image: -webkit-linear-gradient(left, #74469C, #4d2e67);
    background-image: -moz-linear-gradient(left, #74469C, #4d2e67);
    background-image: -ms-linear-gradient(left, #74469C, #4d2e67);
    background-image: -o-linear-gradient(left, #74469C, #4d2e67);
    background-image: linear-gradient(left, #74469C, #4d2e67);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#74469C', end-colourStr='#4d2e67', gradientType='1'); }
  .vllinkdlg .Red {
    background-color: #9E2828;
    background-image: -webkit-gradient(linear, left top, right top, from(#9E2828), to(#611919));
    background-image: -webkit-linear-gradient(left, #9E2828, #611919);
    background-image: -moz-linear-gradient(left, #9E2828, #611919);
    background-image: -ms-linear-gradient(left, #9E2828, #611919);
    background-image: -o-linear-gradient(left, #9E2828, #611919);
    background-image: linear-gradient(left, #9E2828, #611919);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#9E2828', end-colourStr='#611919', gradientType='1'); }
  .vllinkdlg .Green {
    background-color: #56980A;
    background-image: -webkit-gradient(linear, left top, right top, from(#56980A), to(#2d5005));
    background-image: -webkit-linear-gradient(left, #56980A, #2d5005);
    background-image: -moz-linear-gradient(left, #56980A, #2d5005);
    background-image: -ms-linear-gradient(left, #56980A, #2d5005);
    background-image: -o-linear-gradient(left, #56980A, #2d5005);
    background-image: linear-gradient(left, #56980A, #2d5005);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#56980A', end-colourStr='#2d5005', gradientType='1'); }
  .vllinkdlg .Yellow {
    background-color: #BCAE00;
    background-image: -webkit-gradient(linear, left top, right top, from(#BCAE00), to(#706700));
    background-image: -webkit-linear-gradient(left, #BCAE00, #706700);
    background-image: -moz-linear-gradient(left, #BCAE00, #706700);
    background-image: -ms-linear-gradient(left, #BCAE00, #706700);
    background-image: -o-linear-gradient(left, #BCAE00, #706700);
    background-image: linear-gradient(left, #BCAE00, #706700);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#BCAE00', end-colourStr='#706700', gradientType='1'); }
  .vllinkdlg .Starfall {
    background-color: #F0C27B;
    background-image: -webkit-gradient(linear, left top, right top, from(#F0C27B), to(#4B1248));
    background-image: -webkit-linear-gradient(left, #F0C27B, #4B1248);
    background-image: -moz-linear-gradient(left, #F0C27B, #4B1248);
    background-image: -ms-linear-gradient(left, #F0C27B, #4B1248);
    background-image: -o-linear-gradient(left, #F0C27B, #4B1248);
    background-image: linear-gradient(left, #F0C27B, #4B1248);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#F0C27B', end-colourStr='#4B1248', gradientType='1'); }
  .vllinkdlg .Parklife {
    background-color: #ADD100;
    background-image: -webkit-gradient(linear, left top, right top, from(#ADD100), to(#7B920A));
    background-image: -webkit-linear-gradient(left, #ADD100, #7B920A);
    background-image: -moz-linear-gradient(left, #ADD100, #7B920A);
    background-image: -ms-linear-gradient(left, #ADD100, #7B920A);
    background-image: -o-linear-gradient(left, #ADD100, #7B920A);
    background-image: linear-gradient(left, #ADD100, #7B920A);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#ADD100', end-colourStr='#7B920A', gradientType='1'); }
  .vllinkdlg .Ash {
    background-color: #606C88;
    background-image: -webkit-gradient(linear, left top, right top, from(#606C88), to(#3F4C6B));
    background-image: -webkit-linear-gradient(left, #606C88, #3F4C6B);
    background-image: -moz-linear-gradient(left, #606C88, #3F4C6B);
    background-image: -ms-linear-gradient(left, #606C88, #3F4C6B);
    background-image: -o-linear-gradient(left, #606C88, #3F4C6B);
    background-image: linear-gradient(left, #606C88, #3F4C6B);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#606C88', end-colourStr='#3F4C6B', gradientType='1'); }
  .vllinkdlg .Reef {
    background-color: #19b6c1;
    background-image: -webkit-gradient(linear, left top, right top, from(#19b6c1), to(#03599a));
    background-image: -webkit-linear-gradient(left, #19b6c1, #03599a);
    background-image: -moz-linear-gradient(left, #19b6c1, #03599a);
    background-image: -ms-linear-gradient(left, #19b6c1, #03599a);
    background-image: -o-linear-gradient(left, #19b6c1, #03599a);
    background-image: linear-gradient(left, #19b6c1, #03599a);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#19b6c1', end-colourStr='#03599a', gradientType='1'); }
  .vllinkdlg .Candy {
    background-color: #FC354C;
    background-image: -webkit-gradient(linear, left top, right top, from(#FC354C), to(#0ABFBC));
    background-image: -webkit-linear-gradient(left, #FC354C, #0ABFBC);
    background-image: -moz-linear-gradient(left, #FC354C, #0ABFBC);
    background-image: -ms-linear-gradient(left, #FC354C, #0ABFBC);
    background-image: -o-linear-gradient(left, #FC354C, #0ABFBC);
    background-image: linear-gradient(left, #FC354C, #0ABFBC);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#FC354C', end-colourStr='#0ABFBC', gradientType='1'); }
  .vllinkdlg .Dusk {
    background-color: #C04848;
    background-image: -webkit-gradient(linear, left top, right top, from(#C04848), to(#480048));
    background-image: -webkit-linear-gradient(left, #C04848, #480048);
    background-image: -moz-linear-gradient(left, #C04848, #480048);
    background-image: -ms-linear-gradient(left, #C04848, #480048);
    background-image: -o-linear-gradient(left, #C04848, #480048);
    background-image: linear-gradient(left, #C04848, #480048);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#C04848', end-colourStr='#480048', gradientType='1'); }
  .vllinkdlg .Calm {
    background-color: #5f2c82;
    background-image: -webkit-gradient(linear, left top, right top, from(#5f2c82), to(#49a09d));
    background-image: -webkit-linear-gradient(left, #5f2c82, #49a09d);
    background-image: -moz-linear-gradient(left, #5f2c82, #49a09d);
    background-image: -ms-linear-gradient(left, #5f2c82, #49a09d);
    background-image: -o-linear-gradient(left, #5f2c82, #49a09d);
    background-image: linear-gradient(left, #5f2c82, #49a09d);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#5f2c82', end-colourStr='#49a09d', gradientType='1'); }
  .vllinkdlg .Titanium {
    background-color: #283048;
    background-image: -webkit-gradient(linear, left top, right top, from(#283048), to(#859398));
    background-image: -webkit-linear-gradient(left, #283048, #859398);
    background-image: -moz-linear-gradient(left, #283048, #859398);
    background-image: -ms-linear-gradient(left, #283048, #859398);
    background-image: -o-linear-gradient(left, #283048, #859398);
    background-image: linear-gradient(left, #283048, #859398);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#283048', end-colourStr='#859398', gradientType='1'); }
  .vllinkdlg .Moss {
    background-color: #134E5E;
    background-image: -webkit-gradient(linear, left top, right top, from(#134E5E), to(#71B280));
    background-image: -webkit-linear-gradient(left, #134E5E, #71B280);
    background-image: -moz-linear-gradient(left, #134E5E, #71B280);
    background-image: -ms-linear-gradient(left, #134E5E, #71B280);
    background-image: -o-linear-gradient(left, #134E5E, #71B280);
    background-image: linear-gradient(left, #134E5E, #71B280);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#134E5E', end-colourStr='#71B280', gradientType='1'); }
  .vllinkdlg .Sunrise {
    background-color: #FF512F;
    background-image: -webkit-gradient(linear, left top, right top, from(#FF512F), to(#F09819));
    background-image: -webkit-linear-gradient(left, #FF512F, #F09819);
    background-image: -moz-linear-gradient(left, #FF512F, #F09819);
    background-image: -ms-linear-gradient(left, #FF512F, #F09819);
    background-image: -o-linear-gradient(left, #FF512F, #F09819);
    background-image: linear-gradient(left, #FF512F, #F09819);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#FF512F', end-colourStr='#F09819', gradientType='1'); }
  .vllinkdlg .Sprite {
    /*Emerald Water */
    background-color: #348F50;
    background-image: -webkit-gradient(linear, left top, right top, from(#348F50), to(#56B4D3));
    background-image: -webkit-linear-gradient(left, #348F50, #56B4D3);
    background-image: -moz-linear-gradient(left, #348F50, #56B4D3);
    background-image: -ms-linear-gradient(left, #348F50, #56B4D3);
    background-image: -o-linear-gradient(left, #348F50, #56B4D3);
    background-image: linear-gradient(left, #348F50, #56B4D3);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#348F50', end-colourStr='#56B4D3', gradientType='1'); }
  .vllinkdlg .allSitesView {
    background-color: #EB912D; }
  .vllinkdlg .Default.inverted {
    background-image: url("../../img/site-icons/Default-inverted.png") !important; }
  .vllinkdlg .Education.inverted {
    background-image: url("../../img/site-icons/Education-inverted.png") !important; }
  .vllinkdlg .Mountain.inverted {
    background-image: url("../../img/site-icons/Mountain-inverted.png") !important; }
  .vllinkdlg .Lock.inverted {
    background-image: url("../../img/site-icons/Lock-inverted.png") !important; }
  .vllinkdlg .Shield.inverted {
    background-image: url("../../img/site-icons/Shield-inverted.png") !important; }
  .vllinkdlg .Privacy.inverted {
    background-image: url("../../img/site-icons/Privacy-inverted.png") !important; }
  .vllinkdlg .News.inverted {
    background-image: url("../../img/site-icons/News-inverted.png") !important; }
  .vllinkdlg .Bullhorn.inverted {
    background-image: url("../../img/site-icons/Bullhorn-inverted.png") !important; }
  .vllinkdlg .Chat.inverted {
    background-image: url("../../img/site-icons/Chat-inverted.png") !important; }
  .vllinkdlg .Headset.inverted {
    background-image: url("../../img/site-icons/Headset-inverted.png") !important; }
  .vllinkdlg .Star.inverted {
    background-image: url("../../img/site-icons/Star-inverted.png") !important; }
  .vllinkdlg .Key.inverted {
    background-image: url("../../img/site-icons/Key-inverted.png") !important; }
  .vllinkdlg .Beaker.inverted {
    background-image: url("../../img/site-icons/Beaker-inverted.png") !important; }
  .vllinkdlg .Globe.inverted {
    background-image: url("../../img/site-icons/Globe-inverted.png") !important; }
  .vllinkdlg .Location.inverted {
    background-image: url("../../img/site-icons/Location-inverted.png") !important; }
  .vllinkdlg .Calendar.inverted {
    background-image: url("../../img/site-icons/Calendar-inverted.png") !important; }
  .vllinkdlg .Radar.inverted {
    background-image: url("../../img/site-icons/Radar-inverted.png") !important; }
  .vllinkdlg .Target.inverted {
    background-image: url("../../img/site-icons/Target-inverted.png") !important; }
  .vllinkdlg .Rocket.inverted {
    background-image: url("../../img/site-icons/Rocket-inverted.png") !important; }
  .vllinkdlg .Gem.inverted {
    background-image: url("../../img/site-icons/Gem-inverted.png") !important; }
  .vllinkdlg .Chart.inverted {
    background-image: url("../../img/site-icons/Chart-inverted.png") !important; }
  .vllinkdlg .Graph.inverted {
    background-image: url("../../img/site-icons/Graph-inverted.png") !important; }
  .vllinkdlg .Office.inverted {
    background-image: url("../../img/site-icons/Office-inverted.png") !important; }
  .vllinkdlg .Person.inverted {
    background-image: url("../../img/site-icons/Person-inverted.png") !important; }
  .vllinkdlg .People.inverted {
    background-image: url("../../img/site-icons/People-inverted.png") !important; }
  .vllinkdlg .Gear.inverted {
    background-image: url("../../img/site-icons/Gear-inverted.png") !important; }
  .vllinkdlg .Court.inverted {
    background-image: url("../../img/site-icons/Court-inverted.png") !important; }
  .vllinkdlg .Scale.inverted {
    background-image: url("../../img/site-icons/Scale-inverted.png") !important; }

/* CSS for the Admin Console */
.withSectionPad {
  margin-top: 30px; }

.TwoColContainer {
  position: absolute;
  margin: 0;
  padding: 0;
  padding-top: 50px;
  width: 100%;
  min-width: 600px;
  height: 100%;
  background-color: #f5f5f5; }
  .TwoColContainer .columnWrapper {
    max-width: 1280px;
    position: relative;
    margin: 0 auto;
    height: 100%; }
  .TwoColContainer .leftColContainer {
    position: relative;
    height: 100%;
    float: left;
    width: 270px;
    padding-left: 15px; }
    .TwoColContainer .leftColContainer .leftColContents {
      padding: 25px 0 0 15px; }
  .TwoColContainer .rightColContainer {
    position: relative;
    overflow-y: scroll;
    height: 100%;
    width: auto;
    margin-left: 270px;
    padding-right: 15px;
    background-color: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
    .TwoColContainer .rightColContainer .rightColContents {
      position: absolute;
      width: 100%;
      padding: 25px 30px; }
  .TwoColContainer .leftColContents > h3:first-of-type, .TwoColContainer .rightColContents > h3:first-of-type {
    margin-top: 0px; }
  .TwoColContainer .leftColContents .adminPageTitle .pull-left > h3:first-of-type, .TwoColContainer .rightColContents .adminPageTitle .pull-left > h3:first-of-type {
    margin-top: 0px; }
  .TwoColContainer .container-padding {
    padding: 0 30px; }
  .TwoColContainer hr {
    margin: 10px 0 15px; }

.adminNav .adminBrand {
  color: #D78933; }

.adminNav h3 {
  padding-bottom: 15px;
  margin-bottom: 15px; }

.adminNav h5 {
  text-transform: uppercase;
  font-size: 13px; }

.adminNav h3, .adminNav ul {
  /* Adding common border-bottom */
  border-bottom: 1px solid #efefef; }

ul.navSection {
  list-style: none;
  padding: 0 0 20px;
  margin: 0 0 20px -8px; }
  ul.navSection li {
    position: relative;
    cursor: pointer;
    padding: 6px 8px 6px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: rgba(26, 26, 26, 0.9); }
    ul.navSection li.active, ul.navSection li.selected, ul.navSection li:hover {
      font-weight: 600;
      color: rgba(0, 0, 0, 0.9); }
    ul.navSection li.active, ul.navSection li.selected {
      background-color: white; }

.pageActions {
  margin-top: 30px; }
  .pageActions button {
    margin-left: 10px; }

.tableOptions {
  margin: 30px 0 10px; }
  .tableOptions.fileFilters {
    margin: 30px 0 0; }
  .tableOptions input {
    font-size: 13px; }

.sep.admin {
  /* modifies .sep for Admin page breadcrumbs */
  width: 12px;
  height: 14px;
  background-size: 18px;
  -webkit-background-size: 18px;
  background-image: url(../../img/icon-chevron-right.png); }

table.table.adminTable {
  width: 100%; }
  table.table.adminTable tr td {
    /* ADD PROPERTIES TO ... EXCESSIVE TEXT LENGTH IN CELLS */ }
    table.table.adminTable tr td.action {
      max-width: none; }
  table.table.adminTable tr.new {
    background-color: #F4FFE9; }
    table.table.adminTable tr.new:hover {
      background-color: #e7ffd0; }
  table.table.adminTable tr.delete {
    background-color: #FFD7D7; }
    table.table.adminTable tr.delete:hover {
      background-color: #ffbebe; }
    table.table.adminTable tr.delete td {
      text-decoration: line-through; }
  table.table.adminTable a {
    cursor: pointer;
    padding: 10px 0 8px; }
    table.table.adminTable a:hover {
      color: #4A90E2;
      text-decoration: underline; }
  table.table.adminTable.groupTable thead tr .name {
    width: auto; }
  table.table.adminTable.groupTable thead tr .members {
    width: 12%; }
  table.table.adminTable.groupTable thead tr .description {
    width: 40%; }
  table.table.adminTable.groupTable thead tr .type {
    width: 20%; }
  table.table.adminTable.groupTable thead tr .status {
    width: 12%; }
  table.table.adminTable.groupTable thead tr .action {
    width: 30px;
    min-width: 30px; }
  table.table.adminTable.groupTable tr.sysManaged {
    background-color: #fafafa; }
    table.table.adminTable.groupTable tr.sysManaged .name {
      font-weight: 700; }
    table.table.adminTable.groupTable tr.sysManaged:hover {
      background-color: #e8e8e8; }
  table.table.adminTable.groupTable td.action:hover {
    background: none; }
  table.table.adminTable.userTable thead tr .name {
    width: auto; }
  table.table.adminTable.userTable thead tr .title {
    width: 25%; }
  table.table.adminTable.userTable thead tr .email {
    width: 25%; }
  table.table.adminTable.userTable thead tr .license {
    width: 10%; }
  table.table.adminTable.userTable thead tr .status {
    width: 12%; }
  table.table.adminTable.userTable thead tr .date {
    width: 16%; }

table.table tr.newRowEntry td {
  padding: 0; }
  table.table tr.newRowEntry td .form-group {
    margin-bottom: 0; }
    table.table tr.newRowEntry td .form-group .form-control {
      transition: all 0.2s;
      border-radius: 0;
      border: none;
      border: 1px solid #c1ff83;
      box-shadow: none;
      font-size: 13px;
      font-weight: 400; }
      table.table tr.newRowEntry td .form-group .form-control:focus, table.table tr.newRowEntry td .form-group .form-control:hover {
        transition: all 0.2s;
        background-color: #F4FFE9; }

.addGroupSearch .form-control {
  transition: all 0.2s;
  border: none;
  border: 1px solid #ccc;
  box-shadow: none;
  font-size: 13px;
  font-weight: 400; }
  .addGroupSearch .form-control:focus, .addGroupSearch .form-control:hover {
    transition: all 0.2s;
    border: 1px solid #c1ff83;
    background-color: #F4FFE9; }

.addGroupSearch .btn {
  padding: 7px 12px; }

.form-search {
  padding: 6px 14px 7px 35px;
  background-image: url(../../img/icon-SearchBar.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 18px; }
  .form-search.select-reassignor {
    padding: 4px 10px 7px 35px; }

.recentlyDeleted .tableOptions {
  margin-top: 16px; }
  .recentlyDeleted .tableOptions .pull-right {
    display: flex;
    min-width: 180px;
    margin-right: 16px; }
    .recentlyDeleted .tableOptions .pull-right button {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .recentlyDeleted .tableOptions .pull-right input {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

body table.table.displayOnly {
  /* disable all hover styles for static, non-interactive tables */ }
  body table.table.displayOnly thead tr:hover, body table.table.displayOnly thead tr:hover td {
    background-color: transparent;
    cursor: default; }
  body table.table.displayOnly tr:hover {
    background-color: none !important;
    cursor: default; }
  body table.table.displayOnly tr.sysManaged {
    background-color: #f5f5f5 !important; }
    body table.table.displayOnly tr.sysManaged:hover {
      background-color: #f5f5f5 !important; }

/* Manage Users */
.editUserPhoto {
  padding: 15px;
  border-radius: 4px; }
  .editUserPhoto p {
    margin-top: 15px; }
  .editUserPhoto .userPhotoPreview {
    width: 150px;
    height: 150px;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    background-size: cover;
    background-position: center center;
    background-image: url(../../img/site-icons/Person.png); }
  .editUserPhoto.dragToUpload.hover {
    /*state for dragging files in */
    background-color: #B7D8FF; }

#userPermissions div {
  /* puts permissions radio options inline */
  display: inline-block;
  margin-right: 10px; }

#userPermissions label {
  font-weight: 400;
  color: #999;
  padding: 3px 6px;
  border-radius: 4px; }

#userPermissions input[type="radio"]:checked + label {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 600;
  background-color: #F4FFE9; }

/* Reassign Users / User Footrprint */
.userToUserContainer {
  margin: 20px auto; }
  .userToUserContainer .userCardComponent, .userToUserContainer .userArrow {
    float: left;
    margin-bottom: 15px; }
  .userToUserContainer .userArrow {
    height: 100px;
    width: 80px;
    background-image: url(../../img/icon-arrow-right.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center; }

.footprintInput {
  position: relative;
  max-width: 350px;
  float: left;
  margin-right: 5px; }
  .footprintInput .selectionInput, .footprintInput .userBox {
    border: 1px solid #ccc;
    box-shadow: none;
    font-size: 13px;
    font-weight: 400; }
  .footprintInput .userBox {
    padding: 4px 6px 7px 35px;
    width: 100%;
    max-width: 350px; }

.pageSectionFootprint {
  margin-bottom: 30px; }

/* Health: Duplicate Files */
table.table.itemDetailsTable tbody tr.item table.duplicateItem tr td {
  border: none !important;
  padding-top: 0;
  padding-bottom: 0; }

table.table.itemDetailsTable tbody tr.item table.duplicateItem tr:first-child td {
  padding-left: 25px; }

table.table.itemDetailsTable tbody tr.item table.duplicateItem tr:last-child td {
  border-bottom: 1px solid #e7e7e7; }

table.table.itemDetailsTable tbody tr.item table.duplicateItem tr .result-list {
  padding-left: 25px; }

.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background: #eee; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  float: none;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    /*
    font-size: 13px;
    background: $daterangepicker-ranges-bg-color;
    border: $daterangepicker-ranges-border-size solid $daterangepicker-ranges-border-color;
    border-radius: $daterangepicker-ranges-border-radius;
    color: $daterangepicker-ranges-color;
    padding: 3px 12px;
    margin-bottom: 8px;
    */
    cursor: pointer;
    font-size: 13px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.9);
    padding: 3px 10px; }
    .ranges li:hover {
      /*
      background: $daterangepicker-ranges-hover-bg-color;
      border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;
      color: $daterangepicker-ranges-hover-color;
      */
      background: #f5f5f5; }
    .ranges li.active {
      /*
      background: $daterangepicker-ranges-hover-bg-color;
      border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;
      color: $daterangepicker-ranges-hover-color;
      */
      color: white;
      background: #337ab7; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
      float: left; }
    .daterangepicker .calendar.left {
      clear: left;
      margin-right: 0; }
      .daterangepicker .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker .calendar.right {
      margin-left: 0; }
      .daterangepicker .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker .left .daterangepicker_input {
      padding-right: 12px; }
    .daterangepicker .calendar.left .calendar-table {
      padding-right: 12px; }
    .daterangepicker .ranges, .daterangepicker .calendar {
      float: left; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left; }
  .daterangepicker .calendar.left {
    clear: none; } }