#header {
  background: #000;
}
#main-wrapper {
  background: #F8F8F8;
}
#main-wrapper #content {
  padding: 16px;
}
#main-wrapper #content #block-extranet-front-page-title {
  display: none;
}
#footer {
  display: none;
  padding: 0;
  background: none;
}
.section-theme {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
}
.card-theme-title {
  font-size: 1.1em;
  font-weight: bold;
}
.card-actions-btn {
  display: flex;
}
.card-actions-btn .card-action-btn {
  display: block;
  border-left: 1px solid #EFEFEF;
}
.card-actions-btn .card-action-btn:last-child {
  border-top-right-radius: 8px;
  overflow: hidden;
}
.card-actions-btn .card-action-btn .btn-icon {
  display: block;
  padding: 8px 6px;
  border: 0;
  background: none;
}
.card-actions-btn .card-action-btn .btn-icon:hover .icon {
  background: #018ca7;
}
.card-actions-btn .card-action-btn .btn-icon + .dropdown-menu {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  border: 0;
  padding: 0;
}
.card.card-theme,
.card.card-theme-customer {
  margin-bottom: 16px;
  border: 0;
}
.card.card-theme > .card-header,
.card.card-theme-customer > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background: #fff;
  border-color: #EFEFEF;
}
.card.card-theme > .card-header h5.card-title,
.card.card-theme-customer > .card-header h5.card-title {
  margin: 0;
  text-transform: uppercase;
  color: #707070;
  font-size: 0.9em;
  padding: 8px 16px;
  font-weight: 400;
}
.card.card-theme > .card-header h5.card-title .card-total,
.card.card-theme-customer > .card-header h5.card-title .card-total {
  font-weight: bold;
  margin-left: 8px;
}
.card.card-theme > .card-body.simplebar-custom,
.card.card-theme-customer > .card-body.simplebar-custom {
  height: 340px;
  padding-right: 26px;
}
.card.card-theme > .card-body.simplebar-custom .simplebar-track,
.card.card-theme-customer > .card-body.simplebar-custom .simplebar-track {
  background: #E9E9E9;
  border-radius: 8px;
}
.card.card-theme > .card-body.simplebar-custom .simplebar-track.simplebar-vertical,
.card.card-theme-customer > .card-body.simplebar-custom .simplebar-track.simplebar-vertical {
  right: 8px;
  width: 8px;
  height: 96%;
  top: 2%;
}
.card.card-theme > .card-body.simplebar-custom .simplebar-track .simplebar-scrollbar,
.card.card-theme-customer > .card-body.simplebar-custom .simplebar-track .simplebar-scrollbar {
  cursor: pointer;
}
.card.card-theme > .card-body .user-compact,
.card.card-theme-customer > .card-body .user-compact {
  margin-bottom: 4px;
}
.card.card-theme > .card-body .user-compact:last-child,
.card.card-theme-customer > .card-body .user-compact:last-child {
  margin-bottom: 0;
}
.card.card-theme > .card-body .card-body-row,
.card.card-theme-customer > .card-body .card-body-row {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 8px;
}
.card.card-theme > .card-body .card-body-row:last-child,
.card.card-theme-customer > .card-body .card-body-row:last-child {
  margin-bottom: 0;
}
.card.card-theme > .card-body .list-group.list-group-flush > .list-group-item,
.card.card-theme-customer > .card-body .list-group.list-group-flush > .list-group-item {
  padding: 8px 0;
  border: 0;
}
.card.card-theme > .card-body .list-group.list-group-flush > .list-group-item.list-group-item-total .item-value,
.card.card-theme-customer > .card-body .list-group.list-group-flush > .list-group-item.list-group-item-total .item-value {
  font-size: 1.2em;
  font-weight: bold;
}
.card.card-theme > .card-body .field--name-field-task-action .tabledrag-toggle-weight-wrapper,
.card.card-theme-customer > .card-body .field--name-field-task-action .tabledrag-toggle-weight-wrapper {
  display: none;
}
.card.card-theme > .card-body .field--name-field-task-action .field-multiple-table tr,
.card.card-theme-customer > .card-body .field--name-field-task-action .field-multiple-table tr {
  display: flex;
}
.card.card-theme > .card-body .field--name-field-task-action .field-multiple-table tr .form-wrapper,
.card.card-theme-customer > .card-body .field--name-field-task-action .field-multiple-table tr .form-wrapper {
  display: flex;
  column-gap: 4px;
  flex-direction: row-reverse;
}
.card.card-theme > .card-body .field--name-field-task-action .paragraph-type-title,
.card.card-theme-customer > .card-body .field--name-field-task-action .paragraph-type-title,
.card.card-theme > .card-body .field--name-field-task-action .form-item label,
.card.card-theme-customer > .card-body .field--name-field-task-action .form-item label {
  display: none!important;
}
.card.card-theme > .card-body-table .view-filters,
.card.card-theme-customer > .card-body-table .view-filters {
  border-bottom: 1px solid #E8E8E8;
}
.card.card-theme > .card-body-table .view-filters .alert,
.card.card-theme-customer > .card-body-table .view-filters .alert {
  margin: 0 16px 8px 0;
  padding: 4px 8px;
  min-width: 150px;
}
.card.card-theme > .card-body-table .views-exposed-form,
.card.card-theme-customer > .card-body-table .views-exposed-form {
  padding: 8px 16px;
  margin: 0;
}
.card.card-theme > .card-body-table .views-exposed-form .form--inline,
.card.card-theme-customer > .card-body-table .views-exposed-form .form--inline {
  justify-content: flex-start;
}
.card.card-theme > .card-body-table .views-exposed-form .form-control,
.card.card-theme-customer > .card-body-table .views-exposed-form .form-control {
  background: #F8F8F8;
  font-size: 0.9em;
  border: 0;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 6px 8px;
}
.card.card-theme > .card-body-table .views-exposed-form .button.form-submit,
.card.card-theme-customer > .card-body-table .views-exposed-form .button.form-submit {
  text-transform: uppercase;
  font-size: 0.8em;
}
.card.card-theme > .card-body-table .view-content,
.card.card-theme-customer > .card-body-table .view-content,
.card.card-theme > .card-body-table .view-empty,
.card.card-theme-customer > .card-body-table .view-empty {
  padding: 16px;
}
.card.card-theme > .card-body-table .view-content .table,
.card.card-theme-customer > .card-body-table .view-content .table,
.card.card-theme > .card-body-table .view-empty .table,
.card.card-theme-customer > .card-body-table .view-empty .table {
  margin: 0;
}
.card.card-theme.card-theme-pipeline .card-body {
  height: 600px;
}
.card.card-theme.card-theme-contexte .card-body ul,
.card.card-theme.card-theme-contexte .card-body ol {
  margin: 1em 0 1em 2em;
}
.card.card-theme.card-theme-user-assigned .select2-template-user label {
  display: none!important;
}
.card.card-theme.card-theme-resource .view-filters {
  display: flex;
  column-gap: 4px;
  align-items: end;
}
.card.card-theme.card-theme-media .card-body fieldset legend {
  display: none!important;
}
.card.card-theme.card-theme-media .field--widget-entity-reference-autocomplete,
.card.card-theme.card-theme-media .field--type-created {
  display: none!important;
}
.card-row {
  display: flex;
  column-gap: 8px;
}
.card-row .card-col.card-col-large {
  flex-grow: 1;
}
.file-wrap {
  display: flex;
  align-items: center;
  column-gap: 16px;
  border: 1px solid #EFEFEF;
  padding: 4px;
  border-radius: 4px;
  margin-bottom: 4px;
  position: relative;
}
.file-wrap:last-child {
  margin-bottom: 0;
}
.file-wrap .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 48px;
  height: 48px;
  background: none;
}
.file-wrap .thumb .icon {
  width: 32px;
  height: 32px;
}
.file-wrap .file-details .file-label {
  margin: 0;
}
.file-wrap .file-details .file-infos {
  font-size: 0.8em;
  margin: 0;
}
.file-wrap:hover {
  background: #F8F8F8;
}
.page-node-type-business #main-wrapper #content #block-extranet-front-page-title,
.page-node-type-company #main-wrapper #content #block-extranet-front-page-title,
.page-node-type-project #main-wrapper #content #block-extranet-front-page-title,
.page-node-type-server #main-wrapper #content #block-extranet-front-page-title,
.page-node-type-hosting #main-wrapper #content #block-extranet-front-page-title,
.page-term-vid-registrar-acc #main-wrapper #content #block-extranet-front-page-title,
.page-term-vid-task #main-wrapper #content #block-extranet-front-page-title {
  display: block;
}
body.path-frontpage #main-wrapper #content {
  padding: 16px;
}
@media all and (min-width: 1024px) {
  #header .header-top .header-top-third {
    column-gap: 16px;
    align-items: center;
  }
  #header .block-system-branding-block a {
    width: 180px;
    margin: 8px 0;
  }
}
@media all and (min-width: 1171px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 100%;
  }
}
