@charset "UTF-8";
html {
  font-size: 14px; }

body {
  background-color: #fff !important;
  color: #353740; }

#bg-line {
  background-image: url("../../images/bg-line-neutral.jpg");
  height: 7px; }

#page {
  margin-top: 0;
  margin-bottom: 0;
  background: transparent;
  border: none; }

a, div.ds-advanced-search div.button-container a.search-button, a.ds-icon-button:hover, button.ds-icon-button:hover {
  color: #5c5d66 !important;
  font-weight: 500; }
  a:hover, div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover, a.ds-icon-button:hover, button.ds-icon-button:hover {
    color: #8e909a !important; }
    a:hover.ds-danger, div.ds-advanced-search div.button-container a.search-button:hover.ds-danger, div.ds-advanced-search div.button-container button.search-button.ds-danger.ds-icon-button:hover, button.ds-danger.ds-icon-button:hover {
      color: crimson !important; }

#header {
  margin: 0;
  padding: 0;
  border-top: none;
  background: none;
  height: 110px;
  position: relative; }
  #header #project {
    z-index: 60;
    max-width: 160px;
    font-size: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -44px;
    background-color: transparent;
    right: 22px;
    border-radius: 1em;
    padding: 0.3em 0.8em; }
    #header #project .profile-pic {
      border: 2px solid #555;
      height: 30px;
      width: 30px;
      border-radius: 30px;
      margin-right: 5px; }
    #header #project .user {
      display: flex;
      flex-direction: column;
      max-width: 200px;
      color: inherit;
      text-transform: capitalize;
      font-size: 1rem; }
      #header #project .user a:hover::after, #header #project .user button.ds-icon-button:hover::after {
        visibility: visible; }
      #header #project .user a::after, #header #project .user button.ds-icon-button:hover::after {
        display: inline-block;
        visibility: hidden;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        font-family: "FontAwesome";
        font-weight: 900;
        content: ""; }

.lang-box-container.form {
  margin-top: 20px;
  margin-right: 32px;
  padding: 8px !important; }

#nav-container {
  height: 51px; }

ul.dropdown {
  text-transform: none;
  background: none;
  background-color: transparent;
  font-weight: 700;
  font-size: 1rem;
  border-bottom: 1px solid #D1D2D3;
  margin-bottom: 16px;
  z-index: 50; }
  ul.dropdown > li {
    color: #353740 !important;
    padding: 16px 24px; }
    ul.dropdown > li:hover, ul.dropdown > li.hover {
      color: #8e909a !important;
      background-color: #fff !important; }
      ul.dropdown > li:hover > a, div.ds-advanced-search div.button-container ul.dropdown > li:hover > a.search-button, ul.dropdown > li:hover > button.ds-icon-button:hover, ul.dropdown > li.hover > a, div.ds-advanced-search div.button-container ul.dropdown > li.hover > a.search-button, ul.dropdown > li.hover > button.ds-icon-button:hover {
        color: #8e909a !important; }
      ul.dropdown > li:hover > ul, ul.dropdown > li.hover > ul {
        visibility: visible !important;
        display: flex;
        flex-wrap: wrap; }
    ul.dropdown > li > a:link, div.ds-advanced-search div.button-container ul.dropdown > li > a.search-button:link, ul.dropdown > li > button.ds-icon-button:link:hover, ul.dropdown > li a:visited, ul.dropdown > li div.ds-advanced-search div.button-container a.search-button:visited, div.ds-advanced-search div.button-container ul.dropdown > li a.search-button:visited, ul.dropdown > li button.ds-icon-button:visited:hover {
      color: inherit !important;
      font-weight: 700;
      text-decoration: none; }
    ul.dropdown > li.dir {
      padding: 16px 24px; }
      ul.dropdown > li.dir > ul {
        background-color: #fff !important;
        opacity: 1 !important;
        font-size: 1rem;
        border-radius: 6px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
        margin-top: -5px;
        padding: 24px; }
        ul.dropdown > li.dir > ul > li.dir {
          position: static;
          width: 290px; }
          ul.dropdown > li.dir > ul > li.dir > a, ul.dropdown > li.dir > ul > li.dir > button.ds-icon-button:hover {
            cursor: default !important;
            padding-left: 0;
            color: #353740 !important;
            font-weight: 700;
            text-decoration: none;
            padding: 8px 12px;
            font-size: 1rem !important;
            width: fit-content; }
          ul.dropdown > li.dir > ul > li.dir ul.with-icon {
            background-color: transparent;
            font-size: 1rem;
            padding-left: 12px; }
            ul.dropdown > li.dir > ul > li.dir ul.with-icon li {
              height: 35px;
              width: 100%; }
              ul.dropdown > li.dir > ul > li.dir ul.with-icon li .menuItemIcon {
                margin-bottom: 0;
                width: fit-content;
                height: fit-content;
                color: #5c5d66 !important; }
              ul.dropdown > li.dir > ul > li.dir ul.with-icon li .material-icons, ul.dropdown > li.dir > ul > li.dir ul.with-icon li .material-icons-outlined {
                margin-right: 8px; }
              ul.dropdown > li.dir > ul > li.dir ul.with-icon li a, ul.dropdown > li.dir > ul > li.dir ul.with-icon li button.ds-icon-button:hover {
                color: #5c5d66 !important;
                transition: none !important;
                width: fit-content;
                font-weight: 500; }
              ul.dropdown > li.dir > ul > li.dir ul.with-icon li:hover {
                box-shadow: none;
                background-color: transparent; }
                ul.dropdown > li.dir > ul > li.dir ul.with-icon li:hover .menuItemIcon {
                  color: #8e909a !important; }
                ul.dropdown > li.dir > ul > li.dir ul.with-icon li:hover a, ul.dropdown > li.dir > ul > li.dir ul.with-icon li:hover button.ds-icon-button:hover {
                  color: #8e909a !important; }
  ul.dropdown li {
    background-color: transparent; }
    ul.dropdown li.hover, ul.dropdown li:hover {
      background-color: transparent; }
    ul.dropdown li a, ul.dropdown li div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container ul.dropdown li a.search-button, ul.dropdown li a.ds-icon-button:hover, ul.dropdown li button.ds-icon-button:hover {
      padding: 0; }

.actionsMenu {
  margin-top: 12px;
  margin-bottom: 24px;
  border: none;
  border-top: none;
  border-radius: 0;
  padding-top: 8px; }
  .actionsMenu ul li:hover {
    background-color: transparent !important;
    transition: none; }

div.grid-view table.items input, div.grid-view table.items select {
  margin-bottom: 0; }

div.form {
  padding: 16px 16px !important; }
  div.form .note {
    color: #90939E; }
  div.form .errorSummary {
    margin: 1rem 0;
    font-size: 1rem;
    padding: 24px;
    color: crimson !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #FBC2C4 !important;
    background: #FBE3E4 !important;
    line-height: 1.5em;
    border-radius: 6px; }
    div.form .errorSummary p {
      margin-bottom: 12px !important;
      padding: 0 !important; }
    div.form .errorSummary ul {
      margin: 0 !important;
      padding: 0 0 0 24px !important; }
  div.form .errorMessage {
    color: crimson;
    font-size: 1rem; }
  div.form .row {
    margin: 8px 0 16px 0; }
    div.form .row label {
      padding-top: 8px;
      font-size: 1rem;
      margin-bottom: 8px; }
  div.form label {
    padding-top: 8px; }
  div.form input, div.form textarea, div.form select {
    font-size: 1rem;
    margin-top: 0;
    padding: 8px 16px;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff !important;
    color: #353740 !important;
    border-color: #D1D2D3 !important; }
    div.form input ::placeholder, div.form textarea ::placeholder, div.form select ::placeholder {
      color: #90939E !important; }
  div.form input[type="checkbox"], div.form input[type="radio"] {
    width: 1.5rem;
    height: 1.5rem; }
  div.form table.weekTable td {
    width: 50px; }
    div.form table.weekTable td input[type="checkbox"], div.form table.weekTable td input[type="radio"] {
      margin: 8px 16px; }

#langdrop select {
  background-color: #fff !important;
  border: none !important;
  border-radius: 0 !important; }
  #langdrop select:focus {
    box-shadow: none; }

div.ds-advanced-search {
  margin-bottom: 16px; }
  div.ds-advanced-search div.button-container {
    display: flex;
    justify-content: flex-end; }
    div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover {
      margin-top: 0;
      float: right; }
      div.ds-advanced-search div.button-container a.search-button::before, div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover::before {
        content: none !important;
        width: 0 !important;
        height: 0 !important; }
  div.ds-advanced-search div.search-form {
    padding: 32px 32px;
    margin: 12px 0;
    font-size: 1rem;
    background-color: transparent;
    border: 1px solid #D1D2D3;
    border-radius: 6px; }
    div.ds-advanced-search div.search-form .ds-card-title {
      font-size: 1.2rem !important;
      line-height: 1.65rem !important;
      color: inherit !important;
      margin-bottom: 4px; }
    div.ds-advanced-search div.search-form .hint {
      margin-bottom: 32px;
      color: #90939E !important; }
    div.ds-advanced-search div.search-form .wide.form form .row label {
      width: 200px !important;
      margin-right: 12px; }
    div.ds-advanced-search div.search-form .wide.form form .row input, div.ds-advanced-search div.search-form .wide.form form .row select {
      width: calc(100% - 12px - 200px); }
    div.ds-advanced-search div.search-form .wide.form form .row.buttons {
      text-align: right;
      padding-left: 0 !important;
      margin-bottom: 0 !important; }

.ds-inline-form-control {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  margin-top: 0;
  padding: 8px 0;
  margin-right: 24px; }
  .ds-inline-form-control label {
    display: inline-flex !important;
    align-items: center;
    padding: 0 !important;
    margin: 0 !important; }
  .ds-inline-form-control input, .ds-inline-form-control select {
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 8px !important; }

.ui-dialog {
  background-color: #fff !important;
  color: #353740 !important;
  border-color: #D1D2D3 !important; }
  .ui-dialog .ui-dialog-titlebar {
    border-color: #D1D2D3 !important; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      color: #353740 !important; }

.ui-widget-overlay {
  background-color: black !important;
  opacity: 0.7 !important; }

.sortable-item {
  background-color: #fff !important;
  border: 1px solid #D1D2D3;
  border-radius: 6px;
  margin-bottom: 16px; }

.ui-widget {
  border-color: #D1D2D3 !important;
  background-color: #fff !important;
  color: #353740 !important; }

.ui-datepicker * {
  color: #353740 !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  background-color: #f1f2f5 !important; }
.ui-datepicker th, .ui-datepicker td {
  background-color: transparent !important; }
  .ui-datepicker th a, .ui-datepicker th div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container .ui-datepicker th a.search-button, .ui-datepicker th a.ds-icon-button:hover, .ui-datepicker th button.ds-icon-button:hover, .ui-datepicker td a, .ui-datepicker td div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container .ui-datepicker td a.search-button, .ui-datepicker td a.ds-icon-button:hover, .ui-datepicker td button.ds-icon-button:hover {
    background-color: transparent !important;
    background-image: none !important; }

.treeview li {
  margin: 16px 0 !important; }

.dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #D1D2D3 !important;
  border-radius: 6px !important;
  border-style: dashed !important;
  background-color: #fff !important;
  margin-bottom: 16px !important; }

div.breadcrumbs {
  border-top: none;
  color: inherit;
  font-size: 0.8rem;
  padding: 24px 24px 8px 24px; }
  div.breadcrumbs a, div.breadcrumbs div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container div.breadcrumbs a.search-button, div.breadcrumbs a.ds-icon-button:hover, div.breadcrumbs button.ds-icon-button:hover {
    color: #5c5d66 !important;
    font-size: 0.8rem;
    font-weight: 400; }
    div.breadcrumbs a:hover, div.breadcrumbs div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container div.breadcrumbs a.search-button:hover, div.breadcrumbs div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover, div.ds-advanced-search div.button-container div.breadcrumbs button.search-button.ds-icon-button:hover, div.breadcrumbs button.ds-icon-button:hover {
      color: #8e909a !important; }
  div.breadcrumbs span {
    font-weight: 500; }

div.flash-error, div.flash-notice, div.flash-success, div.flash-info {
  margin: 1rem 0;
  font-size: 1rem;
  padding: 24px 24px; }
  div.flash-error .material-icons, div.flash-error .material-icons-outlined, div.flash-notice .material-icons, div.flash-notice .material-icons-outlined, div.flash-success .material-icons, div.flash-success .material-icons-outlined, div.flash-info .material-icons, div.flash-info .material-icons-outlined {
    margin-right: 8px;
    vertical-align: middle; }
  div.flash-error a, div.flash-error div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container div.flash-error a.search-button, div.flash-error a.ds-icon-button:hover, div.flash-error button.ds-icon-button:hover, div.flash-notice a, div.flash-notice div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container div.flash-notice a.search-button, div.flash-notice a.ds-icon-button:hover, div.flash-notice button.ds-icon-button:hover, div.flash-success a, div.flash-success div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container div.flash-success a.search-button, div.flash-success a.ds-icon-button:hover, div.flash-success button.ds-icon-button:hover, div.flash-info a, div.flash-info div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container div.flash-info a.search-button, div.flash-info a.ds-icon-button:hover, div.flash-info button.ds-icon-button:hover {
    color: inherit !important; }
    div.flash-error a:hover, div.flash-error div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container div.flash-error a.search-button:hover, div.flash-error div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover, div.ds-advanced-search div.button-container div.flash-error button.search-button.ds-icon-button:hover, div.flash-error button.ds-icon-button:hover, div.flash-notice a:hover, div.flash-notice div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container div.flash-notice a.search-button:hover, div.flash-notice div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover, div.ds-advanced-search div.button-container div.flash-notice button.search-button.ds-icon-button:hover, div.flash-notice button.ds-icon-button:hover, div.flash-success a:hover, div.flash-success div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container div.flash-success a.search-button:hover, div.flash-success div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover, div.ds-advanced-search div.button-container div.flash-success button.search-button.ds-icon-button:hover, div.flash-success button.ds-icon-button:hover, div.flash-info a:hover, div.flash-info div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container div.flash-info a.search-button:hover, div.flash-info div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover, div.ds-advanced-search div.button-container div.flash-info button.search-button.ds-icon-button:hover, div.flash-info button.ds-icon-button:hover {
      color: inherit !important;
      filter: brightness(130%); }
  div.flash-error ul, div.flash-error ol, div.flash-notice ul, div.flash-notice ol, div.flash-success ul, div.flash-success ol, div.flash-info ul, div.flash-info ol {
    margin: 12px 24px 8px 16px; }

h1.page-title {
  display: flex;
  align-items: flex-end;
  border-bottom: none;
  border-top: none;
  margin-bottom: 16px;
  font-size: 1.65rem;
  padding: 8px;
  font-weight: bold;
  text-transform: capitalize;
  color: inherit; }
  h1.page-title .material-icons, h1.page-title .material-icons-outlined {
    margin-right: 8px; }
  h1.page-title .page-title-text {
    display: flex;
    align-items: center;
    margin-top: 0; }
  h1.page-title .title-right-extra {
    flex-grow: 1;
    text-align: right; }

#content {
  padding: 16px 8px; }

#footer {
  padding: 10px;
  margin: 10px;
  font-size: 0.8em;
  text-align: center;
  border-top: 1px solid #ddd; }

.grid-view {
  padding: 0 !important; }
  .grid-view table.items {
    border: none !important;
    background: transparent !important;
    border-collapse: collapse; }
    .grid-view table.items th, .grid-view table.items td {
      border: none !important;
      color: #353740 !important; }
    .grid-view table.items thead tr:not(.filters) {
      border-bottom: 1px solid #90939E; }
    .grid-view table.items thead tr.filters {
      border-bottom: none; }
      .grid-view table.items thead tr.filters td {
        padding: 8px 8px; }
        .grid-view table.items thead tr.filters td input, .grid-view table.items thead tr.filters td select {
          border: 1px solid #D1D2D3;
          height: 24px;
          padding: 0 12px;
          border-radius: 6px;
          box-sizing: border-box;
          background-color: #fff !important;
          color: #353740 !important;
          border-color: #D1D2D3 !important; }
          .grid-view table.items thead tr.filters td input::placeholder, .grid-view table.items thead tr.filters td select::placeholder {
            color: #90939E !important; }
    .grid-view table.items thead th {
      background-image: unset;
      background-color: transparent !important;
      color: #494B56 !important;
      font-size: 1rem;
      font-weight: 400;
      text-align: left;
      padding: 12px 12px !important; }
      .grid-view table.items thead th.center, .grid-view table.items thead th.ds-text-center {
        text-align: center; }
      .grid-view table.items thead th a, .grid-view table.items thead th div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container .grid-view table.items thead th a.search-button, .grid-view table.items thead th button.ds-icon-button:hover {
        font-weight: inherit; }
    .grid-view table.items tbody tr {
      border-bottom: 1px solid #D1D2D3; }
      .grid-view table.items tbody tr.internal-row {
        border-bottom: none !important; }
      .grid-view table.items tbody tr:hover {
        background-color: transparent !important; }
    .grid-view table.items tbody tr.odd, .grid-view table.items tbody tr.even {
      background-color: transparent !important; }
      .grid-view table.items tbody tr.odd:hover, .grid-view table.items tbody tr.even:hover {
        background-color: transparent !important; }
    .grid-view table.items td {
      padding: 12px 12px !important;
      font-size: 0.9rem !important; }
      .grid-view table.items td a, .grid-view table.items td div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container .grid-view table.items td a.search-button, .grid-view table.items td button.ds-icon-button:hover {
        font-size: 0.9rem !important;
        display: inline-flex; }
      .grid-view table.items td .internalLabel {
        color: #90939E; }
      .grid-view table.items td.titleColumn {
        color: inherit !important; }
        .grid-view table.items td.titleColumn .material-icons, .grid-view table.items td.titleColumn .material-icons-outlined {
          margin-right: 8px; }
        .grid-view table.items td.titleColumn a.title-link, .grid-view table.items td.titleColumn button.title-link.ds-icon-button:hover {
          display: inline-flex;
          align-items: center;
          font-size: 1rem !important; }
          .grid-view table.items td.titleColumn a.title-link.title-link-inline, .grid-view table.items td.titleColumn button.title-link.title-link-inline.ds-icon-button:hover {
            margin-bottom: 4px; }
      .grid-view table.items td.ds-actions-column {
        text-align: center; }
        .grid-view table.items td.ds-actions-column a, .grid-view table.items td.ds-actions-column button.ds-icon-button:hover {
          font-size: 0.9rem !important;
          margin-right: 4px; }
  .grid-view .summary {
    color: #90939E !important;
    font-size: 0.9rem !important;
    font-style: italic;
    text-align: left !important; }
  .grid-view .pager {
    font-size: 0.9rem !important;
    color: #90939E !important;
    margin: -18px 0 0 0 !important; }
    .grid-view .pager ul.yiiPager li.page a, .grid-view .pager ul.yiiPager li.page button.ds-icon-button:hover {
      font-size: 0.9rem !important;
      font-weight: 600; }
    .grid-view .pager ul.yiiPager li.page.selected a, .grid-view .pager ul.yiiPager li.page.selected button.ds-icon-button:hover {
      color: #747681 !important;
      background-color: transparent !important; }
    .grid-view .pager ul.yiiPager a:link, .grid-view .pager ul.yiiPager button.ds-icon-button:link:hover, .grid-view .pager ul.yiiPager a:visited, .grid-view .pager ul.yiiPager button.ds-icon-button:visited:hover {
      font-size: 0.9rem;
      border: none !important; }

div.terminal-grid a.title-link, div.terminal-grid div.ds-advanced-search div.button-container a.title-link.search-button, div.ds-advanced-search div.button-container div.terminal-grid a.title-link.search-button, div.terminal-grid button.title-link.ds-icon-button:hover, div.qr-code-grid a.title-link, div.qr-code-grid div.ds-advanced-search div.button-container a.title-link.search-button, div.ds-advanced-search div.button-container div.qr-code-grid a.title-link.search-button, div.qr-code-grid button.title-link.ds-icon-button:hover {
  margin-bottom: 4px; }

div.template-var-grid.grid-view table.template-var-item.items tbody:hover {
  background-color: transparent !important; }
div.template-var-grid.grid-view table.template-var-item.items tbody .row {
  margin: 0; }

table.detail-view {
  border-color: #D1D2D3 !important; }
  table.detail-view th, table.detail-view td {
    font-size: 0.9rem !important;
    padding: 16px 24px !important;
    border-color: #fff !important; }
  table.detail-view th {
    min-width: 250px;
    text-align: left !important; }
  table.detail-view tr.odd {
    background-color: #FAFBFC !important; }
  table.detail-view tr.even {
    background-color: #F0F2F3 !important; }

.mediaThumb {
  height: 65px; }

.yiiTab ul.tabs {
  padding: 2px 0;
  margin: 0 !important;
  border-radius: 0 !important;
  font-family: Roboto, sans-serif !important;
  text-transform: uppercase;
  font-size: 1rem !important;
  border-bottom: 3px solid #f1f2f5 !important; }
  .yiiTab ul.tabs li {
    list-style: none;
    margin: 0;
    display: inline-block;
    height: 22px !important; }
  .yiiTab ul.tabs a, .yiiTab ul.tabs div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container .yiiTab ul.tabs a.search-button, .yiiTab ul.tabs button.ds-icon-button:hover {
    padding: 2px 0.5em;
    margin: 0 !important;
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
    text-decoration: none;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400; }
    .yiiTab ul.tabs a.active, .yiiTab ul.tabs div.ds-advanced-search div.button-container a.active.search-button, div.ds-advanced-search div.button-container .yiiTab ul.tabs a.active.search-button, .yiiTab ul.tabs button.active.ds-icon-button:hover {
      color: #747681 !important;
      background: transparent !important;
      border-bottom: 3px solid #747681 !important; }
    .yiiTab ul.tabs a:hover, .yiiTab ul.tabs div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container .yiiTab ul.tabs a.search-button:hover, .yiiTab ul.tabs button.ds-icon-button:hover {
      background: transparent !important; }
.yiiTab div.view {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: none !important;
  padding: 32px 0 !important;
  margin: 0; }

.page-title .terminal-avatar-container {
  position: relative;
  display: inline-block;
  margin-right: 8px; }
  .page-title .terminal-avatar-container img.terminal-avatar {
    position: absolute;
    height: 36px;
    width: 54px;
    top: 14px;
    left: 8px; }
  .page-title .terminal-avatar-container .terminal-avatar-frame {
    font-size: 70px !important;
    margin-right: 0 !important;
    z-index: 100;
    font-weight: 100 !important;
    cursor: pointer; }

.ds-status-icon-bar {
  display: flex;
  margin-bottom: 4px; }
  .ds-status-icon-bar .ds-status-icon {
    margin-right: 12px;
    transition: filter 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .ds-status-icon-bar .ds-status-icon:last-child {
      margin-right: 0; }

.ds-status-icon {
  cursor: default;
  transition: filter 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .ds-status-icon.ds-info {
    color: #00529B; }
  .ds-status-icon.ds-warn {
    color: #eaba24; }
  .ds-status-icon.ds-success {
    color: #4F8A10; }
  .ds-status-icon.ds-error {
    color: crimson; }
  .ds-status-icon:hover, a.ds-status-icon.ds-icon-button:hover, div.ds-advanced-search div.button-container a.ds-status-icon.ds-icon-button.search-button:hover, div.ds-advanced-search div.button-container button.ds-status-icon.ds-icon-button.search-button:hover, button.ds-status-icon.ds-icon-button:hover {
    filter: brightness(150%); }

img.terminal-avatar {
  position: absolute;
  height: 36px;
  width: 54px;
  top: 14px;
  left: 8px; }

.inactive-media, .inactive-media:hover, a.inactive-media.ds-icon-button:hover, div.ds-advanced-search div.button-container a.inactive-media.ds-icon-button.search-button:hover, div.ds-advanced-search div.button-container button.inactive-media.ds-icon-button.search-button:hover, button.inactive-media.ds-icon-button:hover {
  color: crimson !important; }

.ds-terminal-avatar-container {
  position: relative;
  display: inline-block; }
  .ds-terminal-avatar-container img.ds-terminal-avatar {
    position: absolute;
    height: 36px;
    width: 53px;
    top: 14px;
    left: 8px;
    object-fit: cover;
    background-color: white; }
  .ds-terminal-avatar-container .ds-terminal-avatar-frame {
    color: #353740;
    font-size: 70px !important;
    margin-right: 0 !important;
    z-index: 9999;
    font-weight: 100 !important; }

.ds-code {
  font-family: monospace;
  display: inline-block;
  padding: 2px 8px;
  background-color: #494B56;
  color: #f1f2f5;
  border-radius: 6px;
  text-transform: none !important; }

.ds-summary-container {
  display: inline-flex; }
  .ds-summary-container .ds-summary-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 8px;
    min-width: 80px; }
    .ds-summary-container .ds-summary-item .ds-summary-item-label {
      font-size: 0.9rem;
      margin-bottom: 8px;
      color: #90939E; }
    .ds-summary-container .ds-summary-item .ds-summary-item-value {
      font-size: 2.5rem;
      color: #353740; }

.ds-rotate-90 {
  transform: rotate(90deg); }

.ds-rotate-180 {
  transform: rotate(180deg); }

.ds-rotate-270 {
  transform: rotate(270deg); }

.ds-page-header {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 24px; }
  .ds-page-header .ds-page-title-inline {
    display: inline-flex;
    align-items: center;
    border-bottom: none;
    border-top: none;
    font-size: 1.65rem;
    padding: 8px;
    font-weight: bold;
    text-transform: capitalize;
    color: inherit;
    box-sizing: border-box; }
    .ds-page-header .ds-page-title-inline .ds-page-title-icon {
      margin-right: 8px; }
    .ds-page-header .ds-page-title-inline .ds-page-title-text {
      max-width: 350px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .ds-page-header .ds-page-title-inline .ds-page-title-extra-info-icon {
      font-size: 1.65rem !important; }
  .ds-page-header .ds-entity-actions-container {
    display: inline-flex;
    padding: 8px; }
    .ds-page-header .ds-entity-actions-container ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .ds-page-header .ds-entity-actions-container ul li {
        float: left;
        padding: 0 4px; }
  .ds-page-header .ds-summary-container {
    margin-top: -62px; }

.ds-breadcrumb-item {
  display: inline-block;
  vertical-align: bottom;
  max-width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.ds-iconed-link {
  display: inline-flex;
  align-items: center; }
  .ds-iconed-link .ds-icon {
    margin-right: 8px; }

.ds-presets {
  font-size: 0.9rem; }
  .ds-presets .ds-preset-group {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 12px; }
  .ds-presets .ds-preset-group-label {
    color: #90939E; }
  .ds-presets .ds-preset-custom {
    margin-top: 16px;
    margin-bottom: 8px; }
  .ds-presets .ds-preset-internal-label {
    font-size: 1rem;
    color: #90939E; }

.ds-after-icon-value {
  font-size: 1rem;
  color: #353740; }

fieldset.section-card, div.form {
  padding: 24px 24px 32px 24px !important;
  margin-bottom: 24px !important;
  border-radius: 6px !important;
  border: 1px solid #D1D2D3 !important; }
  fieldset.section-card legend, div.form legend {
    color: #90939E;
    font-size: 1rem !important;
    font-weight: 400;
    background-color: transparent !important; }

.ds-h-flex {
  display: flex;
  flex-direction: row; }

.ds-v-flex {
  display: flex;
  flex-direction: column; }

.ds-items-center {
  align-items: center; }

.ds-flex-spacer {
  flex-grow: 1000; }

.ds-limited-text {
  display: inline-block !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.ds-card {
  padding: 12px;
  border-color: #D1D2D3; }
  .ds-card.ds-disabled {
    opacity: 30%;
    cursor: not-allowed; }

.ds-chip {
  font-size: 0.9rem;
  border-radius: 6px;
  color: #f1f2f5;
  background-color: #90939E;
  padding: 4px 16px; }
  .ds-chip.ds-size-sm {
    font-size: 0.8rem;
    padding: 2px 12px; }

.ds-container {
  padding: 12px 12px; }

.ds-text-center {
  text-align: center; }

.ds-rss-preview-item {
  font-size: 1rem;
  border: 1px solid #D1D2D3;
  border-radius: 6px;
  padding: 24px 24px;
  margin-bottom: 24px;
  line-height: 1.5em; }
  .ds-rss-preview-item .ds-title {
    font-size: 1.2rem; }
  .ds-rss-preview-item .ds-subtitle {
    color: #90939E; }
  .ds-rss-preview-item .ds-featured-image {
    max-height: 150px;
    max-width: 150px;
    object-fit: contain; }
  .ds-rss-preview-item .ds-content {
    margin-top: 16px;
    display: grid;
    max-height: 256px;
    overflow: auto; }
    .ds-rss-preview-item .ds-content img {
      max-height: 150px;
      max-width: 150px;
      object-fit: contain;
      margin: 16px; }

.ds-user-profile-pic {
  border: 2px solid #494B56;
  height: 30px;
  width: 30px;
  border-radius: 30px; }
  .ds-user-profile-pic.ds-size-lg {
    height: 60px;
    width: 60px;
    border-radius: 60px; }

.ds-screen-layout-preview-container {
  overflow: hidden;
  position: relative;
  font-size: 0.8rem;
  border-style: solid;
  border-color: #494B56; }
  .ds-screen-layout-preview-container .ds-region {
    padding: 4px;
    position: absolute;
    box-sizing: border-box; }
    .ds-screen-layout-preview-container .ds-region a, .ds-screen-layout-preview-container .ds-region div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container .ds-screen-layout-preview-container .ds-region a.search-button, .ds-screen-layout-preview-container .ds-region button.ds-icon-button:hover {
      color: white !important; }

.ds-screen-orientation-button::before {
  font-size: 20px;
  font-family: "Material Icons"; }
.ds-screen-orientation-button.ds-orientation-landscape::before {
  content: ""; }
.ds-screen-orientation-button.ds-orientation-landscape:hover::before {
  content: ""; }
.ds-screen-orientation-button.ds-orientation-portrait::before {
  content: ""; }
.ds-screen-orientation-button.ds-orientation-portrait:hover::before {
  content: ""; }

.ds-detailed-exhibitions-report {
  line-height: 1.5em; }
  .ds-detailed-exhibitions-report h1 {
    color: #353740;
    margin-top: 16px; }
  .ds-detailed-exhibitions-report .ds-header label, .ds-detailed-exhibitions-report .ds-summary label {
    color: #90939E;
    font-weight: 500; }
  .ds-detailed-exhibitions-report hr {
    margin-top: 16px; }
  .ds-detailed-exhibitions-report table {
    margin-top: 12px;
    margin-bottom: 12px;
    border: 1px solid;
    border-collapse: collapse;
    border-color: #D1D2D3; }
    .ds-detailed-exhibitions-report table tr.even-row {
      background-color: #F0F2F3; }
    .ds-detailed-exhibitions-report table tr.odd-row {
      background-color: #FAFBFC; }
    .ds-detailed-exhibitions-report table td, .ds-detailed-exhibitions-report table tr, .ds-detailed-exhibitions-report table th {
      border: 1px solid;
      border-collapse: collapse;
      border-color: #D1D2D3; }
    .ds-detailed-exhibitions-report table th {
      text-align: center;
      background-color: white; }
      .ds-detailed-exhibitions-report table th.row-total {
        width: 50px;
        min-width: 30px; }
      .ds-detailed-exhibitions-report table th.day {
        width: 50px;
        min-width: 30px; }
      .ds-detailed-exhibitions-report table th.weekend {
        background-color: #e6e6e6; }
    .ds-detailed-exhibitions-report table th, .ds-detailed-exhibitions-report table td {
      padding: 2px 5px; }
    .ds-detailed-exhibitions-report table .totals-row {
      background-color: #e6e6e6; }
      .ds-detailed-exhibitions-report table .totals-row td {
        font-weight: bold !important; }

.ds-fixed-width-box-100 {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important; }

.ds-fixed-width-box-150 {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important; }

.ds-project-logo-container {
  width: 100px;
  height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding: 8px; }
  .ds-project-logo-container img {
    width: 100% !important;
    object-fit: contain; }

a.ds-button, div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover, a.ds-button.ds-icon-button:hover, button.ds-button.ds-icon-button:hover, input[type="submit"].ds-button, button.ds-button {
  text-decoration: none !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #f1f2f5 !important;
  color: #353740 !important;
  padding: 8px 16px !important;
  border-radius: 6px;
  font-family: "Roboto", sans-serif;
  font-size: 1rem !important;
  line-height: 1rem !important;
  text-transform: none !important;
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box;
  font-weight: 500 !important;
  cursor: pointer; }
  a.ds-button:disabled, div.ds-advanced-search div.button-container a.search-button:disabled, div.ds-advanced-search div.button-container button.search-button.ds-icon-button:disabled:hover, button.ds-button.ds-icon-button:disabled:hover, input[type="submit"].ds-button:disabled, button.ds-button:disabled {
    cursor: not-allowed !important;
    color: red; }
  a.ds-button.ds-size-sm, div.ds-advanced-search div.button-container a.ds-size-sm.search-button, div.ds-advanced-search div.button-container button.ds-size-sm.search-button.ds-icon-button:hover, button.ds-button.ds-size-sm.ds-icon-button:hover, input[type="submit"].ds-button.ds-size-sm, button.ds-button.ds-size-sm {
    padding: 4px 12px !important;
    font-size: 0.9rem !important;
    margin: 0; }
  a.ds-button:hover, div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover, button.ds-button.ds-icon-button:hover, input[type="submit"].ds-button:hover, button.ds-button:hover {
    background-color: #e2e4ea !important; }
  a.ds-button .material-icons, div.ds-advanced-search div.button-container a.search-button .material-icons, div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover .material-icons, button.ds-button.ds-icon-button:hover .material-icons, a.ds-button .material-icons-outlined, div.ds-advanced-search div.button-container a.search-button .material-icons-outlined, div.ds-advanced-search div.button-container button.search-button.ds-icon-button:hover .material-icons-outlined, button.ds-button.ds-icon-button:hover .material-icons-outlined, input[type="submit"].ds-button .material-icons, input[type="submit"].ds-button .material-icons-outlined, button.ds-button .material-icons, button.ds-button .material-icons-outlined {
    margin-right: 4px !important;
    cursor: pointer; }
  a.ds-button.primary, div.ds-advanced-search div.button-container a.primary.search-button, div.ds-advanced-search div.button-container button.primary.search-button.ds-icon-button:hover, button.ds-button.primary.ds-icon-button:hover, input[type="submit"].ds-button.primary, button.ds-button.primary {
    color: #fff !important;
    background-color: #3388E8 !important; }
    a.ds-button.primary:hover, div.ds-advanced-search div.button-container a.primary.search-button:hover, div.ds-advanced-search div.button-container button.primary.search-button.ds-icon-button:hover, button.ds-button.primary.ds-icon-button:hover, input[type="submit"].ds-button.primary:hover, button.ds-button.primary:hover {
      background-color: #1c7be5 !important; }
  a.ds-button.secondary, div.ds-advanced-search div.button-container a.secondary.search-button, div.ds-advanced-search div.button-container button.secondary.search-button.ds-icon-button:hover, button.ds-button.secondary.ds-icon-button:hover, input[type="submit"].ds-button.secondary, button.ds-button.secondary {
    color: #fff !important;
    background-color: #747681 !important; }
    a.ds-button.secondary:hover, div.ds-advanced-search div.button-container a.secondary.search-button:hover, div.ds-advanced-search div.button-container button.secondary.search-button.ds-icon-button:hover, button.ds-button.secondary.ds-icon-button:hover, input[type="submit"].ds-button.secondary:hover, button.ds-button.secondary:hover {
      background-color: #686a74 !important; }
  a.ds-button.danger, div.ds-advanced-search div.button-container a.danger.search-button, div.ds-advanced-search div.button-container button.danger.search-button.ds-icon-button:hover, button.ds-button.danger.ds-icon-button:hover, a.ds-button.ds-danger, div.ds-advanced-search div.button-container a.ds-danger.search-button, div.ds-advanced-search div.button-container button.ds-danger.search-button.ds-icon-button:hover, button.ds-button.ds-danger.ds-icon-button:hover, input[type="submit"].ds-button.danger, input[type="submit"].ds-button.ds-danger, button.ds-button.danger, button.ds-button.ds-danger {
    color: #fff !important;
    background-color: crimson !important; }
    a.ds-button.danger:hover, div.ds-advanced-search div.button-container a.danger.search-button:hover, div.ds-advanced-search div.button-container button.danger.search-button.ds-icon-button:hover, button.ds-button.danger.ds-icon-button:hover, a.ds-button.ds-danger:hover, div.ds-advanced-search div.button-container a.ds-danger.search-button:hover, div.ds-advanced-search div.button-container button.ds-danger.search-button.ds-icon-button:hover, button.ds-button.ds-danger.ds-icon-button:hover, input[type="submit"].ds-button.danger:hover, input[type="submit"].ds-button.ds-danger:hover, button.ds-button.danger:hover, button.ds-button.ds-danger:hover {
      background-color: #c51236 !important; }
  a.ds-button.ds-warn, div.ds-advanced-search div.button-container a.ds-warn.search-button, div.ds-advanced-search div.button-container button.ds-warn.search-button.ds-icon-button:hover, button.ds-button.ds-warn.ds-icon-button:hover, input[type="submit"].ds-button.ds-warn, button.ds-button.ds-warn {
    color: #fff !important;
    background-color: #eaba24 !important; }
    a.ds-button.ds-warn:hover, div.ds-advanced-search div.button-container a.ds-warn.search-button:hover, div.ds-advanced-search div.button-container button.ds-warn.search-button.ds-icon-button:hover, button.ds-button.ds-warn.ds-icon-button:hover, input[type="submit"].ds-button.ds-warn:hover, button.ds-button.ds-warn:hover {
      background-color: #dfae15 !important; }

a.ds-icon-button, div.ds-advanced-search div.button-container a.ds-icon-button.search-button, a.ds-icon-button:hover, button.ds-icon-button:hover, button.ds-icon-button {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  padding: 0 !important;
  color: #353740 !important;
  background-color: #f1f2f5 !important;
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  a.ds-icon-button:hover, div.ds-advanced-search div.button-container a.ds-icon-button.search-button:hover, div.ds-advanced-search div.button-container button.ds-icon-button.search-button:hover, button.ds-icon-button:hover, button.ds-icon-button:hover {
    background-color: #e2e4ea !important; }
  a.ds-icon-button .material-icons, div.ds-advanced-search div.button-container a.ds-icon-button.search-button .material-icons, button.ds-icon-button:hover .material-icons, a.ds-icon-button .material-icons-outlined, div.ds-advanced-search div.button-container a.ds-icon-button.search-button .material-icons-outlined, button.ds-icon-button:hover .material-icons-outlined, button.ds-icon-button .material-icons, button.ds-icon-button .material-icons-outlined {
    cursor: pointer; }
  a.ds-icon-button.primary, div.ds-advanced-search div.button-container a.ds-icon-button.primary.search-button, button.ds-icon-button.primary:hover, button.ds-icon-button.primary {
    color: #fff !important;
    background-color: #3388E8 !important; }
    a.ds-icon-button.primary:hover, div.ds-advanced-search div.button-container a.ds-icon-button.primary.search-button:hover, div.ds-advanced-search div.button-container button.ds-icon-button.primary.search-button:hover, button.ds-icon-button.primary:hover, button.ds-icon-button.primary:hover {
      background-color: #1c7be5 !important; }
  a.ds-icon-button.secondary, div.ds-advanced-search div.button-container a.ds-icon-button.secondary.search-button, button.ds-icon-button.secondary:hover, button.ds-icon-button.secondary {
    color: #fff !important;
    background-color: #747681 !important; }
    a.ds-icon-button.secondary:hover, div.ds-advanced-search div.button-container a.ds-icon-button.secondary.search-button:hover, div.ds-advanced-search div.button-container button.ds-icon-button.secondary.search-button:hover, button.ds-icon-button.secondary:hover, button.ds-icon-button.secondary:hover {
      background-color: #686a74 !important; }

.ds-link-button {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin: 0 12px;
  color: #747681 !important; }
  .ds-link-button:disabled {
    cursor: not-allowed !important; }
  .ds-link-button:hover, a.ds-link-button.ds-icon-button:hover, div.ds-advanced-search div.button-container a.ds-link-button.ds-icon-button.search-button:hover, div.ds-advanced-search div.button-container button.ds-link-button.ds-icon-button.search-button:hover, button.ds-link-button.ds-icon-button:hover {
    color: #686a74 !important; }

.ds-media-thumb.ds-fixed-thumb-box {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important; }
.ds-media-thumb .thumb {
  display: inline-flex;
  flex-wrap: wrap;
  list-style: none; }
.ds-media-thumb .overlay {
  position: relative; }
  .ds-media-thumb .overlay:hover .playWrapper {
    opacity: 1; }
  .ds-media-thumb .overlay .thumbnail {
    display: block;
    max-height: 100px;
    max-width: 100px; }
    .ds-media-thumb .overlay .thumbnail.circle {
      display: block;
      width: 70px;
      height: 70px;
      border-radius: 40px;
      background-size: cover;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); }
  .ds-media-thumb .overlay .time {
    position: absolute;
    z-index: 2;
    right: 3px;
    bottom: 3px;
    padding: 2px 5px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 0.8rem;
    font-weight: normal; }
  .ds-media-thumb .overlay .playWrapper {
    opacity: 0.7;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(0, 0, 0, 0.3) url("../../images/play-button.png") no-repeat scroll center center/30px 30px; }
  .ds-media-thumb .overlay .social-provider {
    position: absolute;
    z-index: 2;
    left: 0px;
    bottom: 0px;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.8);
    color: white;
    font-size: 0.8rem;
    overflow: hidden;
    border-radius: 100px; }

.ds-item-main-info {
  display: inline-flex;
  padding: 12px;
  font-size: 0.9rem;
  font-weight: normal;
  width: calc(100% - 4px);
  box-sizing: border-box; }
  .ds-item-main-info.ds-item-no-thumb .ds-item-content {
    margin-left: 0; }
  .ds-item-main-info .ds-item-thumb {
    display: flex;
    justify-content: center;
    align-items: center; }
    .ds-item-main-info .ds-item-thumb .ds-item-icon {
      margin: 0 !important;
      font-size: 45px !important;
      color: #353740 !important; }
  .ds-item-main-info .ds-item-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px; }
    .ds-item-main-info .ds-item-content .ds-title-line {
      display: flex;
      align-items: center;
      font-size: 1rem !important;
      margin: 4px 0; }
      .ds-item-main-info .ds-item-content .ds-title-line a, .ds-item-main-info .ds-item-content .ds-title-line div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container .ds-item-main-info .ds-item-content .ds-title-line a.search-button, .ds-item-main-info .ds-item-content .ds-title-line button.ds-icon-button:hover {
        font-size: 1rem !important; }
      .ds-item-main-info .ds-item-content .ds-title-line .ds-title-icon {
        margin-left: 4px; }

.ds-terminal-group-thumb {
  position: relative; }
  .ds-terminal-group-thumb .ds-terminal-group-icon {
    font-size: 70px !important;
    margin-right: 0 !important;
    z-index: 9999;
    font-weight: 100 !important;
    color: #353740; }
  .ds-terminal-group-thumb .ds-terminal-group-count {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 23px;
    margin: auto;
    width: 24px;
    height: 24px;
    border-radius: 36px;
    font-size: 1rem;
    background-color: #3388E8;
    color: white; }

.ds-inline-property {
  width: calc( 100% - 7px );
  min-width: 10px;
  display: inline-flex;
  align-items: center;
  padding: 4px 0; }
  .ds-inline-property .ds-label {
    color: #90939E;
    margin-right: 4px; }
  .ds-inline-property .ds-value {
    color: #353740;
    display: inline-flex;
    align-items: center; }
  .ds-inline-property.ds-single-line .ds-value {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .ds-inline-property .ds-multi-inline-item-separator {
    width: 16px; }

.media-type-group-items .media-type-container {
  width: 100%;
  height: 7rem;
  display: inline-flex;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 6px;
  border: 1px solid #D1D2D3;
  transition: box-shadow 0.5s; }
  .media-type-group-items .media-type-container .media-type-icon {
    width: 4.5rem;
    align-items: flex-start;
    padding-top: 8px; }
  .media-type-group-items .media-type-container .media-type-content {
    padding: 8px 8px 8px 0; }
    .media-type-group-items .media-type-container .media-type-content .media-type-title {
      font-size: 1rem;
      display: flex;
      margin-bottom: 8px; }
    .media-type-group-items .media-type-container .media-type-content .media-type-desc {
      font-size: 0.8rem;
      color: #90939E; }

div.summary-container .summary-title {
  font-size: 1.2rem !important;
  line-height: 1.65rem !important;
  color: inherit !important; }
div.summary-container .summary-icon {
  color: inherit !important;
  align-items: flex-start !important;
  padding: 8px 0;
  font-size: 1.2rem !important; }
div.summary-container .summary-content {
  padding: 8px !important; }
div.summary-container .summary-cta {
  padding-top: 12px; }
  div.summary-container .summary-cta a, div.summary-container .summary-cta div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container div.summary-container .summary-cta a.search-button, div.summary-container .summary-cta button.ds-icon-button:hover {
    color: #8e909a !important;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    div.summary-container .summary-cta a:hover, div.summary-container .summary-cta div.ds-advanced-search div.button-container a.search-button:hover, div.ds-advanced-search div.button-container div.summary-container .summary-cta a.search-button:hover, div.summary-container .summary-cta button.ds-icon-button:hover {
      color: #9c9da6 !important;
      text-decoration: none !important; }
div.summary-container:hover .summary-icon i.fa {
  transform: none !important; }

.material-icons, .material-icons-outlined {
  font-size: 1.5em !important; }
  .material-icons.terminal-avatar-frame, .material-icons-outlined.terminal-avatar-frame {
    font-size: 70px !important;
    margin-right: 0 !important;
    z-index: 10;
    font-weight: 100 !important;
    cursor: pointer; }

.ds-ad-login {
  flex-grow: 1;
  padding: 8px 16px !important; }
  .ds-ad-login .youtube {
    display: flex;
    padding: 16px !important;
    background-color: red;
    color: white; }
    .ds-ad-login .youtube a, .ds-ad-login .youtube div.ds-advanced-search div.button-container a.search-button, div.ds-advanced-search div.button-container .ds-ad-login .youtube a.search-button, .ds-ad-login .youtube button.ds-icon-button:hover {
      color: inherit !important; }
    .ds-ad-login .youtube .box {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      border-radius: 10px;
      border: 2px solid white;
      background-color: red;
      justify-content: center;
      align-items: center; }
      .ds-ad-login .youtube .box .title {
        font-size: 1.4em;
        font-weight: 600; }
      .ds-ad-login .youtube .box div {
        margin-bottom: 16px; }
      .ds-ad-login .youtube .box img {
        width: 50%; }

.error-icon {
  color: crimson; }

.hint {
  font-size: 0.9rem !important; }

button.flex {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  transition: filter 0.3s; }
  button.flex.primary {
    color: white;
    background-color: #458cd3;
    border: none;
    border-radius: 0.3rem; }
  button.flex.danger {
    color: white;
    background-color: crimson;
    border: none;
    border-radius: 0.3rem; }
  button.flex:hover {
    filter: brightness(130%);
    cursor: pointer; }

.ui-widget-header {
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  background: none !important;
  color: #222 !important;
  font-weight: bold !important; }

fieldset.section-card:hover, div.form:hover {
  box-shadow: none !important; }

.table.metrics-table th {
  background-color: #e6e6e6 !important; }

/*# sourceMappingURL=dsplay-neutral-light.css.map */