.org-grid-container .org-grid {
  background-color: var(--primary-grey-80);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 16px;
  margin-bottom: 16px;
  max-width: unset;
  width: 210px;
  height: 240px;
  border-radius: 10px;
  border: solid 1px var(--borders-white-8);
}
.org-grid-container .org-grid:hover,
.org-grid-container .org-grid.selected:hover {
  background-color: var(--primary-grey-60);
}
.org-grid-container .org-grid.selected {
  background-color: var(--primary-grey-80);
  border: solid 1px var(--accent-blue-100);
  margin-top: unset;
}
.org-grid-container .org-grid .grid-icon {
  border-radius: 6px;
  background-color: var(--primary-grey-100);
  height: 144px;
  width: 100%;
  max-height: unset;
  max-width: unset;
  margin-bottom: 16px;
  padding: 23px 16px;
  display: flex;
  justify-content: center;
}

.org-grid-container .org-grid .grid-icon img {
  max-width: 100%;
  max-height: 100%;
}
.drop-settings-modal .modal-body {
  min-height: 500px;
  height: auto;
}
.panel.download-clients {
  height: 112px;
  width: 266px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.panel.download-clients:hover {
  background: var(--primary-grey-60);
}
.dashboard.list-group {
  height: 625px;
  overflow: auto;
}
.dashboard.list-group::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.dashboard.list-group::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color-0);
  border-radius: 16px;
  border: none;
}

.dashboard.list-group::-webkit-scrollbar-thumb:horizontal {
  border-bottom: 2px solid var(--scrollbar-thumb-color-0);
}

.dashboard.list-group::-webkit-scrollbar-thumb:vertical {
  border-right: 2px solid var(--scrollbar-thumb-color-0);
}

.dashboard.list-group::-webkit-scrollbar-track {
  background: transparent;
}

.dashboard.list-group::-webkit-scrollbar-corner,
.dashboard.list-group::-webkit-resizer {
  background: transparent;
}
.usage-percent {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  left: 5px;
}

.manage-plan {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 116px;
  font-size: 12px;
  color: var(--content-white-100) !important;
}
.activity-user {
  float: left;
  min-width: 110px;
  max-width: 135px;
}
.activity-text {
  float: left;
  min-width: 110px;
  max-width: 135px;
}
.content-hub-grid {
  border: solid 1px var(--borders-white-8);
}

.content-hub-grid2, .content-backup-view {
  min-height: 300px;
  max-height: 1000px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

tfoot .prb-grid-pagination {
  margin-bottom: 40px;
}

.content-hub-gallery {
  border: solid 1px var(--borders-white-8);
}
.stream-play,
.content-hub-grid .fa-info-circle {
  color: var(--content-white-60);
}
.content-hub-gallery .content-hub-gallery-items .content-hub-gallery-item {
  background: var(--primary-grey-8);
  border: none;
  width: 210px;
  max-width: 210px;
  max-height: 204px;
  min-width: 210px;
  min-height: 204px;
}
.content-hub-gallery .content-hub-gallery-items .content-hub-gallery-item .content-hub-gallery-item-preview {
  background: var(--primary-grey-60);
  border-radius: 8px;
}
.content-hub-gallery .content-hub-gallery-items .content-hub-gallery-item .content-hub-gallery-item-preview:hover {
  background: var(--primary-grey-80);
}
.content-hub-gallery .content-hub-gallery-items .content-hub-gallery-item .content-hub-folder-icon,
.content-hub-gallery .content-hub-gallery-items .content-hub-gallery-item .content-hub-icon {
  color: var(--primary-grey-20);
  font-size: 42px;
}
.dropdown.dropdown-hub.open > .dropdown-menu.dropdown-hub-menu.project-br {
  min-width: 165px;
  left: -135px;
  top: 25px;
}

.dropdown.dropdown-hub.open > .dropdown-menu.dropdown-hub-menu.project-br-activity {
  min-width: 110px;
  left: -80px;
}

.dropdown.dropdown-hub.open > .dropdown-menu.dropdown-hub-menu {
  background: var(--primary-grey-80);
  border: solid 1px var(--borders-white-8);
  box-shadow: none;
  min-width: 215px;
  padding: 4px;
}
.dropdown.dropdown-hub.open .dropdown-menu.dropdown-hub-menu > li {
  width: auto;
  padding: 16px;
}
.dropdown.dropdown-hub.open .dropdown-menu.dropdown-hub-menu > li.divider {
  background: var(--borders-white-8);
}
.dropdown.dropdown-hub.open .dropdown-menu.dropdown-hub-menu > li:hover {
  background: var(--primary-grey-80);
  color: var(--content-white-100);
}
.subscriptions.footer {
  height: 70px;
  padding: 0px 20px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  background: var(--primary-grey-10);
  color: var(--content-white-100);
}

.region-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
}

.region-list > .region-list-item {
  width: 280px;
  height: 60px;
  background: var(--secondary-grey-8);
  border: 1px solid var(--borders-white-8);
  border-radius: 8px;
  padding: 12px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.region-list > .region-list-item.selected {
  border: solid 1px var(--accent-blue-120);
}

.region-list > .region-list-item.selected > .region-radio {
  border: solid 2px var(--accent-blue-120);
}
.region-list > .region-list-item.selected > .region-radio > .dot {
  display: block;
}
.region-list > .region-list-item > .region-details {
  width: 80%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.region-list > .region-list-item > .region-details > .region-flag {
  font-size: 25px;
  margin-right: 8px;
}
.region-list > .region-list-item > .region-details > .region-name {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.region-list > .region-list-item > .region-radio {
  height: 22.5px;
  width: 22.5px;
  border-radius: 50%;
  border: solid 2px var(--primary-grey-40);
  display: flex;
  justify-content: center;
  align-items: center;
}

.region-list > .region-list-item > .region-radio > .dot {
  display: none;
  height: 12px;
  width: 12px;
  background: var(--accent-blue-120);
  border-radius: 50%;
}
@media print {
  .agreement-content {
    background-color: white;
    color: black;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 15px;
    z-index: 9999;
    overflow: visible;
    max-height: none;
  }
  .modal-backdrop,
  .modal,
  .modal-dialog {
    display: none;
  }
  .modal-open {
    overflow: visible;
  }
  html,
  body {
    overflow: visible !important;
  }
  #app {
    display: none;
    background: white;
  }
}

/* OS1 dashboard */
.flex-storage-use, .cloud-storage-use {
  display: flex;
  height: 48px;
  background: var(--primary-grey-80);
  border: solid 1px var(--borders-white-8);
  border-radius: 8px;
}

.included {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 75%;
  display: flex;
  flex-direction: column;
  background: var(--primary-grey-80);
  border-right: solid 1px var(--borders-white-4);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.included.progress {
  background: var(--primary-grey-80);
}
.flex-storage-use .included .progress-bar {
  background-image: linear-gradient(45deg,rgba(100,100,100,0.15) 25%,transparent 25%,transparent 50%,rgba(100,100,100,0.15) 50%,rgba(100,100,100,0.15) 75%,transparent 75%,transparent);
  background-color: var(--additional-green-10);
}
.cloud-storage-use .included .progress-bar {
  background-image: linear-gradient(45deg,rgba(100,100,100,0.15) 25%,transparent 25%,transparent 50%,rgba(100,100,100,0.15) 50%,rgba(100,100,100,0.15) 75%,transparent 75%,transparent);
  background-color: var(--accent-blue-40);
}

.included .progress-content {
  position: absolute;
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 6px 12px;
  color: var(--content-white-100);
}
.included .progress-content h4 {
  margin: 0px;
}

.additional {
  padding: 0px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.additional h4 {
  margin: 0px;
}

/* OS1 - Manage Subscriptions Page */
.ossw {
  margin-top: 10px;

  display: flex;

  flex-direction: column;
  align-items: center;

  background: var(--primary-grey-80);
  border-radius: 10px;
  border: 1px solid var(--borders-white-8);
  padding: 32px 24px 24px 24px;
}

.ossw .ossst {
  display: flex;
  margin-right: auto;
  gap: 8px;
  align-items: center;
  margin-bottom: 24px;
}

.ossw .ossst .money {
  margin-left: 8px;
  color: var(--accent-blue-100);
}

.ossw .ossst .dur {
  color: var(--content-white-60);
}

.ossw .osssm {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 24px;
}

.ossw .osssm .osssl {
  flex: 1;
  display: flex;
  width: 100%;
}

.ossw .osssm .osssl .osssl-seats {
  background: var(--primary-grey-100);
  border: 1px solid var(--borders-white-4);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 12px;
  width: 100%;
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.ossw .osssm .osssr {
  flex: 1;
  width: 100%;
}
.ossw .osssm .osssr .osssr-upgrades {
  background: var(--primary-grey-100);
  border: 1px solid var(--borders-white-4);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 12px;
  width: 100%;
}

.ossw .osssm .osssr .osssr-upgrades .osssr-upgrades-title {
  align-items: center;
}
.ossw .osssm .osssr .osssr-upgrades .ossr-usage-hours {
  width: 100%;
  height: 204px;
  background: var(--primary-grey-80);
  border: 1px solid var(--borders-white-8);
  border-radius: 10px;
  padding: 16px;
  margin-top: 12px;
}
.ossw .osssm .osssr .osssr-upgrades .ossr-usage-hours .usage-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.usage-title-container .buy-hours {
  color: var(--accent-blue-100);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  cursor: pointer;
}

.usage-title-container .buy-hours svg {
  display: inline-block;
}
.ossw .osssm .osssr .osssr-upgrades .ossr-usage-hours .usage-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ossw .osssm .osssr .osssr-upgrades .ossr-usage-hours .usage-title .hours-icon {
  padding: 8px;
  gap: 8px;
  width: 32px;
  height: 32px;
  background: linear-gradient(180deg, #858585 0%, #3A3A4B 63.02%, #1A1A1F 100%);
  border-radius: 8px;
  display: flex;
}
.ossw .osssm .osssr .osssr-upgrades .ossr-usage-hours .usage-details-container {
  margin-top: 12px;
  height: 116px;
  background: var(--secondary-grey-8);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.usage-details-container .usage-details-row {
  display: flex;
  justify-content: space-between;
}
.usage-details-container .usage-details-row .detail-value {
  width: 66px;
  height: 24px;
  background: var(--primary-grey-100);
  border: 1px solid var(--primary-grey-60);
  border-radius: 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.usage-details-container .usage-details-row .detail-value.warning {
  background: var(--additional-yellow-10);
  border: solid 1px var(--additional-yellow-100)
}
.usage-details-container .usage-details-row .detail-value.error {
  background: var(--additional-red-10);
  border: solid 1px var(--additional-red-100)
}
.hr {
  border-bottom: solid 1px var(--borders-white-8);
}

.ossw .ossst .dollar::before {
  content: '$';
  color: var(--accent-blue-100);
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  vertical-align: super;
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .save-pay,
.ossw .osssm .osssl .osssl-seats .osssl-seats-row .manage-seats {
  margin-left: auto;
  width: 198px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--content-white-100) !important;
  justify-content: center;
  height: 34px;

  background: var(--secondary-grey-4);
  border: 1px solid var(--secondary-grey-10);
  border-radius: 32px;
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .save-pay .save-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  width: 56px;
  height: 18px;

  background: var(--additional-yellow-100);
  border-radius: 16px;
  color: var(--primary-grey-100);
}

.ossw
  .osssm
  .osssl
  .osssl-seats
  .osssl-seats-row
  .row-entry
  + .ossw
  .osssm
  .osssl
  .osssl-seats
  .osssl-seats-row
  .row-entry {
  margin-top: 4px;
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .seat-header {
  color: var(--content-white-100);
  flex: 1;
  white-space: nowrap;
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .divider {
  background: var(--secondary-grey-10);
  width: 100%;
  height: 1px;
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .seat-sub-header {
  margin-left: 8px;
  color: var(--content-white-60);
  display: flex;
  align-items: center;
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .seat-sub-header-value {
  margin-left: auto;
  color: var(--content-white-100);
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .manage-seats {
  width: auto;
  border: 1px solid var(--accent-blue-100);
  background: var(--primary-grey-100);
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .seat-sub-header-value .value-badge {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 9px;
  height: 24px;

  color: var(--content-white-100);

  background: var(--primary-grey-100);

  border: 1px solid var(--primary-grey-60);
  border-radius: 40px;
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .seat-sub-header-value .value-badge.badge-grey {
  border: 1px solid var(--primary-grey-60);
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .seat-sub-header-value .value-badge.badge-green {
  border: 1px solid var(--additional-green-100);
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .seat-sub-header-value .value-badge.badge-blue {
  border: 1px solid var(--additional-blue-100);
}

.ossw .osssm .osssl .osssl-seats .osssl-seats-row .seat-sub-header-value .value-badge.badge-red {
  border: 1px solid var(--additional-red-100);
}

.pr-backup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;

  background: var(--primary-grey-80);
  border-radius: 0px 0px 10px 10px;
  position: relative;
}

.pr-backup .prb-top-section {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
}

.pr-backup .prb-top-section.prb-file-view {
  gap: 16px;
}

.pr-backup .prb-top-section .prb-tleft,
.pr-backup .prb-top-section .prb-tright {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pr-backup .prb-top-section .prb-tright {
  margin-left: auto;
  flex-direction: row;
  display: flex;
  gap: 8px;
}

.pr-backup .prb-top-section .prb-tleft .tllabel {
  color: var(--content-white-100);
}

.pr-backup .prb-top-section .prb-tleft .tlcount {
  color: var(--content-white-60);
}

.pr-backup .prb-main-section {
  width: 100%;
  display: flex;
}

.prb-grid {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid var(--borders-white-8);
  flex: 1;
}

.prb-grid .prb-grid-header {
  background: var(--secondary-grey-10);
  height: 40px;
  display: flex;
  align-items: center;
}

.prb-grid .prb-grid-header {
  display: flex;
  align-items: center;
}

.prb-grid .prb-grid-header .prb-grid-title {
  color: var(--content-white-80);
  padding-left: 24px;
  padding-right: 8px;
  align-items: center;
  display: flex;
  gap: 4px;
  cursor: pointer;
  user-select: none;
}

.prb-grid .prb-grid-header .prb-grid-title.prb-grid-title-source {
  flex-basis: 25%;
}

.prb-grid .prb-grid-header .prb-grid-title.prb-grid-title-info {
  flex-basis: 15%;
}

.prb-grid .prb-grid-header .prb-grid-title.prb-grid-title-csize {
  flex-basis: 10%;
}

.prb-grid .prb-grid-header .prb-grid-title.prb-grid-title-status {
  flex-basis: 15%;
}

.prb-grid .prb-grid-header .prb-grid-title.prb-grid-title-last-run {
  flex-basis: 25%;
}

.prb-grid .prb-grid-header .prb-grid-title.prb-grid-title-action {
  flex-basis: 10%;
}

.prb-grid .prb-grid-body {
  min-height: 252px;
  display: flex;
  flex-direction: column;
}

.prb-grid .prb-grid-body .prb-empty-grid-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.no-prb-grid-body .prb-empty-grid-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}


.prb-grid .prb-grid-body .prb-empty-grid-body .prb-empty-label {
  color: var(--primary-grey-20);
}

.prb-grid .prb-grid-body .prb-grid-data {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.prb-grid .prb-grid-body .prb-grid-data::hover,
.prb-grid .prb-grid-body .prb-grid-data::active,
.prb-grid .prb-grid-body .prb-grid-data.active {
  background: var(--secondary-grey-8);
}

.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data {
  border-bottom: 1px solid var(--borders-white-8);
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
}

.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data {
  height: 72px;
  display: flex;
  align-items: center;
  color: var(--content-white-80);
  padding-left: 24px;
  padding-right: 8px;
}

.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data.prb-grid-col-data-source {
  flex-basis: 25%;
}

.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data.prb-grid-col-data-source-info {
  flex-basis: 15%;
}

.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data.prb-grid-col-data-currentSize {
  flex-basis: 10%;
}

.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data.prb-grid-col-data-status {
  flex-basis: 15%;
  color: var(--accent-blue-120);
}

.content-backup-view .prb-grid-col-data-status {
  color: var(--accent-blue-120);
}

.content-backup-view .prb-grid-col-data-status.status-green {
  color: var(--additional-green-100);
}

.content-backup-view .prb-grid-col-data-status.status-yellow {
  color: var(--additional-yellow-100);
}

.content-backup-view .prb-grid-col-data-status .status-view,
.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data.prb-grid-col-data-status .status-view {
  display: flex;
  align-items: center;
  flex: 1;
}

.content-backup-view .prb-grid-col-data-status .status-view .dot-pulse, .prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data.prb-grid-col-data-status .status-view .dot-pulse { margin-left: 20px; }


.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data.prb-grid-col-data-lastRun {
  flex-basis: 25%;
}

.prb-grid .prb-grid-body .prb-grid-data .prb-grid-row-data .prb-grid-col-data.prb-grid-col-data-action {
  flex-basis: 10%;
  padding-left: 32px;
}

.prb-grid .prb-grid-body .prb-grid-row-data:hover,
.prb-grid .prb-grid-body .prb-grid-row-data:active,
.prb-grid .prb-grid-body .prb-grid-row-data.active {
  background: var(--secondary-grey-8);
}

.prb-grid .prb-grid-body .prb-grid-pagination {
  display: flex;
  margin-left: 24px;
  margin-top: 12px;
  margin-bottom: 12px;
  height: 48px;
  align-items: center;
}

.prb-grid .prb-grid-body .prb-grid-pagination .pagination-sm {
  margin: 0;
}

.pr-backup .prb-mid-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.pr-backup .prb-mid-section .input-group,
.pr-backup .prb-top-section .input-group {
  width: 400px;
}

.pr-backup .prb-filter-section {
  width: 100%;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}


.pr-backup .prb-filter-section .filter-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0px;
}

.pr-backup .prb-filter-section .filter-badge .badge.bg-danger {
  background-color: #a44242;
}


.pr-backup .prb-filter-section .filter-badge .badge.bg-success {
  background-color: #4A9D5E;
}


.pr-backup .prb-filter-section .filter-badge .badge.badge-lg {
  font-size: 12px;
  padding: 5px 10px;
}

.pr-backup .prb-main-section .content-hub-browse-view {
  flex: 1;
}

.pr-backup .prb-main-section .content-hub-browse-view .breadcrumb-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pr-backup .prb-main-section .content-hub-browse-view .breadcrumb-container .breadcrumb-box {
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--borders-white-8);
  background: var(--secondary-grey-8);
  border-radius: 8px;
  padding-left: 16px;
  height: 44px;
  width: 100%;
  margin-right: 24px;
}

.pr-backup .prb-main-section .content-hub-browse-view .breadcrumb-container .breadcrumb-box button.btn.btn-refresh {
  border: 0;
  background: unset;
  color: var(--primary-grey-60);
}

.pr-backup .prb-main-section .content-hub-browse-view .breadcrumb-container .breadcrumb-box .breadcrumb {
  padding: 0;
  margin: 0;
  background: unset;
}


.pr-backup
  .prb-main-section
  .content-hub-browse-view
  .breadcrumb-container
  .breadcrumb-box
  .breadcrumb
  .breadcrumb-count {
  color: var(--primary-grey-40);
}

.pbr-new-modal-header {
  display: flex;
  align-items: center;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pbr-new-modal-header .pbr-new-modal-close {
  margin-left: auto;
}

.pbr-new-modal-header .pbr-new-modal-close button.btn.btn-rounded {
  border-radius: 20px;
}

.pbr-new-modal-body {
  display: flex;
  padding: 24px;
  flex-direction: column;
  gap: 16px;
  background: var(--primary-grey-60);
}

.pbr-new-modal-body .prb-new-modal-project-name {
  color: var(--content-white-100);
}

.pbr-new-modal-body .pbr-new-modal-subject-label {
  color: var(--content-white-60);
}

.pbr-new-modal-body .pbr-new-modal-subject-label .pbr-new-modal-subject-label-subtext {
  color: var(--content-white-40);
}

.pbr-new-modal-body .prb-new-modal-duration {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.pbr-new-modal-body .prb-new-modal-duration .prb-new-modal-duration-btn {
  display: flex;
  width: 100px;
  height: 44px;
  border: 1px solid var(--borders-white-8);
  border-radius: 8px;
  background: var(--secondary-grey-10);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.pbr-new-modal-body .prb-new-modal-duration .prb-new-modal-duration-btn.active {
  background: var(--accent-blue-120);
}

.pbr-new-modal-body .prb-new-modal-duration-dropdown {
  display: flex;
}

.pbr-new-modal-body .prb-new-modal-duration-dropdown .dropdown-label {
  margin-right: auto;
}

.pbr-new-modal-body .prb-new-modal-duration-dropdown .split-button.dropdown button.btn-default.label-button {
  min-width: 216px;
  border-radius: 10px;
  color: var(--primary-grey-40);
  background: var(--primary-grey-100);
  border-color: var(--borders-white-8);
  display: flex;
  align-items: center;
}

.pbr-new-modal-body .prb-new-modal-duration-dropdown .split-button.dropdown button.btn-default.label-button.selected {
  color: var(--content-white-100);
}

.pbr-new-modal-body .prb-new-modal-duration-dropdown .split-button.dropdown .dropdown-menu li.ng-scope {
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.pbr-new-modal-body .prb-new-modal-duration-dropdown .split-button.dropdown .dropdown-menu li:hover {
  background: var(--primary-grey-80);
  border-radius: 6px;
}

.pbr-modal-window.modal .modal-dialog.modal-md {
  width: 512px;
}

.pbr-modal-window.modal .modal-dialog.modal-md .modal-content {
  flex: 1;
}

.pbr-new-modal-body .source-select {
  height: 40px;
  background: var(--primary-grey-100);

  border: 1px solid var(--borders-white-8);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 16px;
}

.pbr-new-modal-body .source-select .path-container {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}

.pbr-new-modal-body .source-select .path-container .path-prefix {
  color: var(--primary-grey-20);
}
.pbr-new-modal-body .source-select .path-container .path-suffix {
  color: var(--content-white-100);
}

.pbr-new-modal-body .source-select .browse-action {
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}

.pbr-new-modal-body .source-select .browse-action .browse-label {
  color: var(--accent-blue-120);
}

.modal-body.pbr-new-modal-body.pbr-new-modal-body-filter-view {
  padding-bottom: 0px;
}
.modal-content.invite-users {
  width: 512px;
  min-height: 420px;  
}
.modal-body.invite-users {
  padding: 24px 32px 24px 32px;
}
.panel .panel-body .input-group tags-input .host .tags {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  /* border-left-width: 0px; */
}

.pbr-new-modal-body-filter-view .panel .panel-body {
  padding-top: 0px;
}

.modal-footer.pbr-new-modal-footer {
  background: var(--primary-grey-60);
  border-top: 1px solid var(--borders-white-8);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 16px 24px;
}

.pbsl-modal-window.modal .modal-dialog.modal-md {
  width: 512px;
  height: 628px;
}

.pbsl-modal-window.modal .modal-dialog.modal-md .modal-content {
  flex: 1;
}

.bsl-modal-header {
  display: flex;
  align-items: center;
  height: 48px;
  background: var(--primary-grey-40);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.bsl-modal-header .bsl-modal-header-close {
  margin-left: auto;
}

.bsl-modal-header .bsl-modal-header-close button.btn.btn-rounded {
  border-radius: 20px;
}

.bsl-modal-body {
  display: flex;
  padding: 24px;
  flex-direction: column;
  gap: 16px;
  background: var(--primary-grey-60);
  padding-bottom: 8px;
}

.modal-footer.bsl-modal-footer {
  background: var(--primary-grey-60);
  border-top: 1px solid var(--borders-white-8);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 16px 24px;
}

table.table.table-striped.bsl-table.smart-table tr td {
  border: 0;
  padding-right: 10px;
}

table.table.table-striped.bsl-table.smart-table th td {
  border-radius: 8px;
}

table.table.table-striped.bsl-table.smart-table tbody tr:hover {
  background: unset;
}

table.table.table-striped.bsl-table.smart-table tbody tr:hover td {
  border-radius: 8px;
  background: var(--secondary-grey-8);
}

table.table.table-striped.bsl-table.smart-table tbody tr td .td-data {
  display: flex;
  align-items: center;
}

table.table.table-striped.bsl-table.smart-table tbody tr:hover td .td-data svg path {
  fill: var(--accent-blue-120);
}

table.table.table-striped.bsl-table.smart-table tbody tr td .td-data .bsl-filename {
  color: var(--content-white-80);
}

table.table.table-striped.bsl-table.smart-table tbody tr:hover td .td-data .bsl-filename {
  color: var(--content-white-100);
}

table.table.table-striped.bsl-table.smart-table tfoot tr td ul.pagination {
  margin: 0;
}

table.table.table-striped.bsl-table.smart-table {
  margin-bottom: 0;
}

.bsl-modal-body .create-folder {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  margin: 16px 0;
}

.bsl-modal-body .create-folder input {
  background: var(--primary-grey-80);
  padding: 4px 12px;
  border-radius: 8px;
  height: 36px;
  width: 300px;
  margin-right: auto;
}

.bsl-modal-body .create-folder .bsl-create-folder {
  padding-right: 16px;
  padding-left: 16px;
}

.bsl-modal-body .download-browse-view {
  display: flex;
  flex-direction: column;
}

.bsl-modal-body .download-browse-view .search-title.h5 {
  margin-bottom: 8px;
  text-align: left;
}

.content-hub-grid2 .pagination-container {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.content-hub-grid2 .pagination-container button {
  border-radius: 50%;
}

.content-hub-grid2 .file-name {
  display: flex;
  align-items: center;
  gap: 8px;
}

.content-hub-grid2 .content-hub-gallery .content-hub-gallery-pagination {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}

.content-hub-grid.content-hub-grid2 .smart-table tfoot tr td {
  padding-top: 8px;
}

.pbr-action-modal-header {
  display: flex;
  align-items: center;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pbr-action-modal-header .pbr-action-modal-close {
  margin-left: auto;
}

.pbr-action-modal-header .pbr-action-modal-close button.btn.btn-rounded {
  border-radius: 20px;
}

.pbr-action-modal-body {
  display: flex;
  padding: 24px;
  flex-direction: column;
  gap: 16px;
  background: var(--primary-grey-60);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.pbr-action-modal-body .pbr-before-delete,
.pbr-action-modal-body .pbr-restore-failed {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.pbr-action-modal-body .pbr-before-delete svg,
.pbr-action-modal-body .pbr-restore-failed svg {
  margin-top: 2px;
}

.pbr-action-modal-body .pbr-before-delete .details-container,
.pbr-action-modal-body .pbr-restore-failed .details-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pbr-action-modal-body .pbr-before-delete .details-container .details-header,
.pbr-action-modal-body .pbr-restore-failed .details-container .details-header {
  color: var(--content-white-100);
}
.pbr-action-modal-body .pbr-before-delete .details-container .details-desc,
.pbr-action-modal-body .pbr-restore-failed .details-container .details-desc {
  color: var(--content-white-80);
}

.pbr-action-modal-body .restore-to {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pbr-action-modal-body .restore-to .top-section {
  display: flex;
  gap: 8px;
}

.pbr-action-modal-body .restore-to .top-section .restore-info {
  color: var(--content-white-60);
}

.pbr-action-modal-body .restore-to .top-section .restore-info .restore-date {
  color: var(--content-white-100);
}

.pbr-action-modal-body .restore-to .bottom-section {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pbr-action-modal-body .restore-to .bottom-section .dest-label {
  color: var(--content-white-60);
}

.pbr-action-modal-body .restore-to .bottom-section .dest-label .small {
  color: var(--content-white-40);
}

.pbr-action-modal-body .restore-to .bottom-section .source-select {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pbr-action-modal-body .restore-to .bottom-section .source-select .path-container {
  min-height: 40px;
  background: var(--primary-grey-100);

  border: 1px solid var(--borders-white-8);
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  width: 414px;
}

.pbr-action-modal-body .restore-to .bottom-section .source-select .browse-action {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: var(--accent-blue-120);
  gap: 4px;
}

.pbr-action-modal-body .restore-to .bottom-section .source-select .browse-action .browse-label {
  color: var(--accent-blue-120);
}
.pbr-action-modal-body .restore-to .bottom-section .source-select .browse-action * {
  cursor: pointer;
}

.pbr-action-modal-body .restore_complete {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.pbr-action-modal-body .restore_complete .backup-ts {
  color: var(--content-white-80);
}

.modal-footer.pbr-action-modal-footer {
  background: var(--primary-grey-60);
  border-top: 1px solid var(--borders-white-8);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 16px 24px;
}
.modal-footer.pbr-action-modal-footer.tx-center {
  text-align: center;
}

.modal-footer.pbr-action-modal-footer button.btn.ok-btn {
  padding-left: 24px;
  padding-right: 24px;
}

.pbr-action-modal-window-1.modal .modal-dialog.modal-md {
  width: 464px;
}

.pbr-action-modal-window-2.modal .modal-dialog.modal-md {
  width: 512px;
}

.pbr-action-modal-window-2.modal .modal-dialog.modal-md .modal-content {
  flex: 1;
}

.pbr-action-modal-body .restore-progress {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pbr-action-modal-body .restore-progress .keypair {
  display: flex;
  gap: 16px;
}

.pbr-action-modal-body .restore-progress .keypair .key-label {
  width: 65px;
}

.pbr-action-modal-body .restore-progress .keypair .value-label {
  color: var(--content-white-100);
}

.pbr-action-modal-body .restore-progress .progress-section {
  display: flex;
  flex-direction: column;
  gap: 8px;

  height: 64px;
  padding: 16px;

  background: var(--secondary-grey-8);
  border-radius: 8px;
}

.pbr-action-modal-body .restore-progress .progress-section .top-level {
  display: flex;
  gap: 8px;
  height: 20px;
}

.pbr-action-modal-body .restore-progress .progress-section .top-level .restore-label {
  color: var(--content-white-100);
  margin-right: auto;
}

.pbr-action-modal-body .restore-progress .progress-section .top-level .left-label {
  color: var(--primary-grey-20);
}

.backup-activity-tab,
.backup-restore-activity-tab {
  position: relative;

  display: flex;
  flex-direction: column;
  gap: 16px;
}

.backup-activity-tab .top-section {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 24px;
}

.backup-activity-tab .top-section .total-label {
  color: var(--content-white-60);
}

.backup-activity-tab .top-section .selected-label {
  color: var(--content-white-60);
  margin-left: auto;
}

button.btn.btn-rounded.btn-danger-outlined {
  background: unset;
  border: 1px solid var(--additional-red-80);
  color: var(--content-white-100);
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 16px;
  padding-right: 16px;
}

button.btn.btn-rounded.btn-danger-outlined[disabled='disabled'] {
  border: 1px solid var(--primary-grey-20);
}

.content-hub-grid2 .status-indicator {
  display: flex;
  align-items: center;
}

.content-hub-grid2 .status-indicator svg {
  margin-top: 2px;
}

.content-hub-grid2 .status-indicator svg path {
  fill: var(--primary-grey-20);
}

.content-hub-grid2 .status-indicator.status-green svg path {
  fill: var(--additional-green-100);
}

.content-hub-grid2 .status-indicator.status-red svg path {
  fill: var(--additional-red-100);
}

.content-hub-grid2 .status-indicator.status-blue svg path {
  fill: var(--accent-blue-120);
}

.content-hub-grid2 .status-indicator.status-blue {
  color: var(--accent-blue-120);
}


.content-hub-grid2 .tick-field {
  display: flex;
  align-items: center;
  gap: 16px;
}

.content-hub-grid2 .tick-field svg {
  margin-top: 5px;
  cursor: pointer;
}

.smart-table.activity-table.table > tbody > tr > td {
  height: 48px;
}

.date-label {
  display: inline-flex;
  gap: 16px;
  width: 100%;
}

.date-label .dt-created {
  flex-basis: 175px;
}

/* Confirm modal */
.confirm-modal .modal-dialog {
  width: 464px;
  height: 472px;
}
.confirm-modal .modal-body {
  padding: 24px 32px 32px 32px;
}

.confirm-modal .modal-header {
  display: flex;
}

.confirm-modal .modal-header .modal-title-close {
  cursor: pointer;
  margin-left: auto;
}

.confirm-modal .modal-header .modal-title-close button.btn.btn-rounded {
  border-radius: 20px;
}

/* Workstation hours buy modal */
.buy-hours-modal .modal-dialog {
  width: 464px;
  height: 472px;
}
.buy-hours-modal .modal-body {
  padding: 24px 32px 32px 32px;
}
.buy-hours-modal .modal-body .additional-info {
  margin-top: 8px;
  display: flex;
  gap: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.buy-hours-modal .modal-body .buy-hours-options {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
}

.buy-hours-modal .modal-body .buy-hours-options .buy-hours-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px 16px;
  width: 124px;
  height: 164px;
  background: var(--secondary-grey-10);
  border-radius: 8px;
  cursor: pointer;
}
.buy-hours-modal .modal-body .buy-hours-options .buy-hours-option.selected {
  background: var(--accent-blue-100);
}
.buy-hours-modal .modal-body .buy-hours-options .buy-hours-option .icon-container {
  height: 44px;
  width: 44px;
  background: var(--accent-blue-40);
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.buy-hours-modal .modal-body .buy-hours-options .buy-hours-option.selected .icon-container {
  background: var(--accent-blue-80);
}
.buy-hours-modal .modal-body .buy-hours-options .buy-hours-option .buy-values {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
}

.buy-hours-modal .modal-body .buy-hours-options .buy-hours-option .price {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--content-white-60);
}

.buy-hours-modal .modal-body .buy-hours-review {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 16px;
  width: 400px;
  height: 152px;
  background: var(--secondary-grey-8);
  border-radius: 8px;
  margin-top: 24px;
}
.buy-hours-review .price-breakup {
  display: flex;
  gap: 16px;
  flex-direction: column;
  padding: 16px;
  width: 100%;
}
.buy-hours-review .price-breakup .breakup-row {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--content-white-100);
}
.buy-hours-review .price-total {
  border-top: solid 1px var(--borders-white-8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px;
}
.buy-hours-review .price-total .total-value {
  color: var(--accent-blue-100);
}
.modal-body .status-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 16px;
  width: 400px;
  height: 56px;
  border-radius: 8px;
  margin-top: 24px;
  background: var(--secondary-grey-8);
}
.status-message .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  color: var(--content-white-100);
  border-radius: 50%;
}
.status-message.processing {
  border: solid 1px var(--accent-blue-40);
  color: var(--accent-blue-100);
}
.status-message.success {
  border: solid 1px var(--additional-green-40);
  color: var(--additional-green-100);
}
.status-message.success .icon {
  background: var(--additional-green-100);
}
.status-message.error {
  border: solid 1px var(--additional-red-40);
  color: var(--additional-red-100);
}
.status-message.error .icon {
  background: var(--additional-red-100);
}
.pin-item .selected-star {
  color: var(--additional-orange-100);
}

.prb-main-section .table-responsive.content-hub-grid.content-backup-view table.table.table-striped > tbody > tr {
  height: 72px;
}


td.empty-files-list .empty-folder-label {
  color: var(--content-white-60);
}

.table-responsive.downloads-grid {
  min-height: 220px;
}


.table-responsive.downloads-grid table.table.table-striped.bsl-table.smart-table tbody tr.create-folder-row:hover, 
.table-responsive.downloads-grid table.table.table-striped.bsl-table.smart-table tbody tr.create-folder-row:hover td {
  border: none;
  background: unset;
}

.table-responsive.downloads-grid .table tr.create-folder-row td.create-folder-section {
  cursor: text;
  padding-top: 0;
  padding-bottom: 0;
}

.create-folder-section .add-folders {
  height: 36px;
  align-items: center;
  display: flex;
}

.create-folder-section .add-folders .folder-item {
  cursor: pointer;
  display: flex;
  gap: 4px;
}

.create-folder-section .add-folders .folder-item:hover,
.create-folder-section .add-folders .folder-item:focus,
.create-folder-section .add-folders .folder-item:active {
  background: inherit;
}

.create-folder-section .add-folders .folder-item .folder-icon {
  margin-top: 2px;
}

.create-folder-section .add-folders .folder-item .folder-icon,
.create-folder-section .add-folders .folder-item .folder-name {
  cursor: pointer;
}




.create-folder-section .add-folders .folder-item .folder-name {
  flex: unset;
  padding-right: 8px;
  margin-right: auto;
  color: var(--accent-blue-120);
}

.create-folder-section .add-folders .folder-item {
  display: flex;
  align-items: center;
  margin-top: 8px;
  
}

.create-folder-section .add-folders .folder-item .editor {
  height: 32px;
}

.create-folder-section .add-folders .folder-item .editor input {
  height: 32px;
  width: 250px;
}

.create-folder-section .add-folders .folder-item .editor-action button.add-new {
  border: none;
  background: none;
  display: flex;
  align-items: center;
  gap: 4px;
}

.create-folder-section .add-folders .folder-item .editor-action button.clear-new {
  border: none;
  background: none;
  display: flex;
  align-items: center;
  gap: 4px;
}

.create-folder-section .add-folders .folder-item .editor-action {
  display: flex;
  align-items: center;
  gap: 2px;
}

.breadcrumb-pbr.breadcrumb {
  display: flex;
  gap: 4px;
}

.breadcrumb-pbr.breadcrumb .breadcrumb-ls {
  display: flex;
  flex: 1;
  gap: 0px;
  flex-wrap: wrap;
}

.breadcrumb.breadcrumb-pbr .breadcrumb-ls>li+li:before {
  padding: 0 0 0 5px;
}

.breadcrumb.breadcrumb-pbr .breadcrumb-ls>li+li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
  padding-right: 0;
}


.pbr-new-modal-body .source-select .browse-action.disabled, .pbr-new-modal-body .source-select .browse-action.disabled .browse-label {
  cursor: not-allowed;
  color: var(--primary-grey-60);
}

.pbr-new-modal-body .source-select .browse-action.disabled svg path {
  fill: var(--primary-grey-60);
}

/* Live Events Styles */
.live-icon {
    width: 18px;
    height: 18px;
}

.live-icon.active .outer {
    stroke: var(--additional-red-100);
    animation: pulse 2s infinite;
}

.live-icon.active .inner {
    fill: var(--additional-red-100);
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.table-responsive {
    overflow-x: auto;
}

.text-xs {
    font-size: 0.75rem;
}

.empty-state {
    padding: 2rem;
}