@charset "UTF-8";
/*-------------------------
    Variables
--------------------------*/
/*-------------------------
    Variables
--------------------------*/
/*-------------------------
    Global Loader
--------------------------*/
html:not(.ismobile) .global-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000; }
  html:not(.ismobile) .global-loader .layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.7; }
  html:not(.ismobile) .global-loader .preloader {
    width: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -55px;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3000ms;
    animation-duration: 3000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  html:not(.ismobile) .global-loader p {
    white-space: nowrap;
    position: relative;
    top: 50%;
    color: #CCC;
    width: 100%;
    text-align: center; }

html.ismobile .global-loader {
  display: none; }

/*-------------------------
    Utility classes
--------------------------*/
.search-cursor {
  cursor: pointer; }

.pointer-cursor {
  cursor: pointer; }

.btn-no-shadow {
  box-shadow: 0 0px 0px !important; }

.hover {
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -ms-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s; }

.hover:hover {
  background-color: #F5F5F5 !important; }

.animated-fast {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s; }

.card-header-inverse {
  background-color: #00B4F7; }
  .card-header-inverse h2 {
    color: #FFFFFF; }

/*-------------------------
    Tables
--------------------------*/
.table-hover > tbody > tr:hover {
  background-color: #F5F5F5; }

.table-hover > tbody > tr.selected {
  background-color: #00B4F7;
  color: white; }

.table-hover > tbody > tr.selected:hover {
  background-color: #008fc4; }

.result-summary {
  margin-bottom: 25px;
  font-size: .9rem;
  color: #9c9c9c; }

/*-------------------------
    Forms
--------------------------*/
.form .form-group .toggle-switch {
  margin-top: 9px; }
  .form .form-group .toggle-switch .ts-label {
    margin: 0px 0px 0px 10px; }

.form .input-icon-container {
  border-bottom: 1px solid #f0f0f0;
  font-size: 20px;
  color: #AAAAAA; }

.form .has-error label {
  color: #ff3e63; }

.form .has-warning label {
  color: #FFA81C; }

/*-------------------------
    Grids
--------------------------*/
.table-hover > tbody > tr.level-0 {
  background-color: white; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-0:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr.level-0:hover {
  background-color: whitesmoke; }

.table-hover > tbody > tr.level-0.selected:hover {
  background-color: #008fc4; }

.table-hover > tbody > tr.level-0.selected {
  background-color: #00b4f7;
  color: white; }

.table-hover > tbody > tr.level-1 {
  background-color: #e6e6e6; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-1:nth-of-type(odd) {
  background-color: #e0e0e0; }

.table-hover > tbody > tr.level-1:hover {
  background-color: gainsboro; }

.table-hover > tbody > tr.level-1.selected:hover {
  background-color: #006a91; }

.table-hover > tbody > tr.level-1.selected {
  background-color: #008fc4;
  color: white; }

.table-hover > tbody > tr.level-2 {
  background-color: #cccccc; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-2:nth-of-type(odd) {
  background-color: #c6c6c6; }

.table-hover > tbody > tr.level-2:hover {
  background-color: #c2c2c2; }

.table-hover > tbody > tr.level-2.selected:hover {
  background-color: #00455e; }

.table-hover > tbody > tr.level-2.selected {
  background-color: #006a91;
  color: white; }

.table-hover > tbody > tr.level-3 {
  background-color: #b3b3b3; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-3:nth-of-type(odd) {
  background-color: #adadad; }

.table-hover > tbody > tr.level-3:hover {
  background-color: darkgray; }

.table-hover > tbody > tr.level-3.selected:hover {
  background-color: #001f2b; }

.table-hover > tbody > tr.level-3.selected {
  background-color: #00455e;
  color: white; }

.table-hover > tbody > tr.level-4 {
  background-color: #999999; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-4:nth-of-type(odd) {
  background-color: #939393; }

.table-hover > tbody > tr.level-4:hover {
  background-color: #8f8f8f; }

.table-hover > tbody > tr.level-4.selected:hover {
  background-color: black; }

.table-hover > tbody > tr.level-4.selected {
  background-color: #001f2b;
  color: white; }

.table-hover > tbody > tr.level-5 {
  background-color: gray; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-5:nth-of-type(odd) {
  background-color: #7a7a7a; }

.table-hover > tbody > tr.level-5:hover {
  background-color: #767676; }

.table-hover > tbody > tr.level-5.selected:hover {
  background-color: black; }

.table-hover > tbody > tr.level-5.selected {
  background-color: black;
  color: white; }

.table-hover > tbody > tr.level-6 {
  background-color: #666666; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-6:nth-of-type(odd) {
  background-color: #606060; }

.table-hover > tbody > tr.level-6:hover {
  background-color: #5c5c5c; }

.table-hover > tbody > tr.level-6.selected:hover {
  background-color: black; }

.table-hover > tbody > tr.level-6.selected {
  background-color: black;
  color: white; }

.table-hover > tbody > tr.level-7 {
  background-color: #4d4d4d; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-7:nth-of-type(odd) {
  background-color: #474747; }

.table-hover > tbody > tr.level-7:hover {
  background-color: #434343; }

.table-hover > tbody > tr.level-7.selected:hover {
  background-color: black; }

.table-hover > tbody > tr.level-7.selected {
  background-color: black;
  color: white; }

.table-hover > tbody > tr.level-8 {
  background-color: #333333; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-8:nth-of-type(odd) {
  background-color: #2d2d2d; }

.table-hover > tbody > tr.level-8:hover {
  background-color: #292929; }

.table-hover > tbody > tr.level-8.selected:hover {
  background-color: black; }

.table-hover > tbody > tr.level-8.selected {
  background-color: black;
  color: white; }

.table-hover > tbody > tr.level-9 {
  background-color: #1a1a1a; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-9:nth-of-type(odd) {
  background-color: #141414; }

.table-hover > tbody > tr.level-9:hover {
  background-color: #101010; }

.table-hover > tbody > tr.level-9.selected:hover {
  background-color: black; }

.table-hover > tbody > tr.level-9.selected {
  background-color: black;
  color: white; }

.grid .table {
  border-radius: 3px 0px 0px 0px; }
  .grid .table thead tr th:first-child {
    border-radius: 3px 0px 0px 0px; }
  .grid .table thead tr th:last-child {
    border-radius: 0px 3px 0px 0px; }

.grid .table > thead > tr > th.sorting_asc:after {
  content: '\f1cd'; }

.grid .table > thead > tr > th.sorting_asc:after, .grid .table > thead > tr > th.sorting_desc:after {
  font-family: Material-Design-Iconic-Font;
  position: absolute;
  top: .75rem;
  right: 1rem;
  font-size: 1.4rem; }

.grid .table > thead > tr > th.sorting_desc:after {
  content: '\f1ce'; }

.grid .table > thead > tr > th.sorting_asc:after, .grid .table > thead > tr > th.sorting_desc:after {
  font-family: Material-Design-Iconic-Font;
  position: absolute;
  top: .75rem;
  right: 1rem;
  font-size: 1.4rem; }

.grid .table > thead > tr > th:last-child {
  padding-right: 15px; }

.grid .table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td {
  padding-bottom: 15px; }

.grid .table.table-condensed > tbody > tr:last-child > td, .table.table-condensed > tfoot > tr:last-child > td {
  padding-bottom: 10px; }

tr.collapsible {
  -webkit-transition: transform 0.25s;
  -moz-transition: transform 0.25s;
  -ms-transition: transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0); }
  tr.collapsible .collapsed {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); }
  tr.collapsible .expanded {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

.quick-search-container .quick-search {
  border-bottom: 1px solid #eceff1;
  padding: 5px;
  margin-bottom: 10px;
  position: relative; }
  .quick-search-container .quick-search .quick-search-input-container {
    margin-left: 30px; }
    .quick-search-container .quick-search .quick-search-input-container input {
      border: 0px;
      width: 100%;
      height: 100%;
      font-weight: 500; }
  .quick-search-container .quick-search i.zmdi {
    font-size: 20px; }
  .quick-search-container .quick-search:after {
    right: 50%; }
  .quick-search-container .quick-search:before {
    left: 50%; }
  .quick-search-container .quick-search:after, .quick-search-container .quick-search:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    bottom: -1px;
    transition: width .5s ease;
    background-color: #00B4F7; }
  .quick-search-container .quick-search.quick-search__active:after {
    width: 50%; }
  .quick-search-container .quick-search.quick-search__active:before {
    width: 50%; }

.modal .quick-search {
  margin-right: 0px !important; }

@media (max-width: 767px) {
  .quick-search-container {
    width: 100%; }
  .img-center-max-768 {
    display: block;
    margin: 0 auto; } }

@media (min-width: 767px) {
  .width-20-min-768 {
    width: 20%; }
  .border-right-lightgray-min-768 {
    border-right: 1px solid #dbdbdb; }
  .padding-bottom-40-min-768 {
    padding-bottom: 40px; } }

.grid-actions {
  width: 1%;
  padding-right: 0px !important;
  padding-left: 0px !important;
  position: relative; }
  .grid-actions .grid-actions-container {
    white-space: nowrap;
    position: absolute;
    right: 7px;
    margin-top: -4px; }
    .grid-actions .grid-actions-container a.grid-action {
      display: inline-block;
      color: #5E5E5E;
      width: 25px;
      height: 25px;
      border-radius: 2px;
      font-size: 18px;
      text-align: center;
      line-height: 26px; }
    .grid-actions .grid-actions-container a.grid-action:hover {
      background-color: gainsboro; }

.edit-text-cell .form-control {
  margin: 0px;
  border: 0px;
  padding: 0px;
  height: 18px; }

/*-------------------------
    Select2
--------------------------*/
.select2-selection,
.select2-selection--multiple,
.select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
  border: 0px;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0px; }
  .select2-selection .select2-search__field,
  .select2-selection--multiple .select2-search__field,
  .select2-selection--single .select2-search__field,
  .select2-container--default .select2-selection--multiple .select2-search__field,
  .select2-container--default .select2-selection--single .select2-search__field,
  .select2-container--default.select2-container--focus .select2-selection--multiple .select2-search__field,
  .select2-container--default.select2-container--focus .select2-selection--single .select2-search__field {
    margin-top: 8px; }
  .select2-selection .select2-selection__rendered,
  .select2-selection--multiple .select2-selection__rendered,
  .select2-selection--single .select2-selection__rendered,
  .select2-container--default .select2-selection--multiple .select2-selection__rendered,
  .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered,
  .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
    padding-left: 0px; }

.select2-dropdown {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin-top: 1px;
  border: 0;
  top: 0;
  border-radius: 2px;
  z-index: 1501; }

/*-------------------------
    Lookup
--------------------------*/
.lookup {
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
  margin-bottom: 3px; }
  .lookup .lookup-header {
    background-color: #FFFFFF;
    height: 30px;
    padding-left: 7px;
    cursor: pointer;
    position: relative; }
    .lookup .lookup-header .placeholder {
      color: #AEAEAE; }
    .lookup .lookup-header .actions {
      position: absolute;
      right: 10px;
      top: 0px; }
      .lookup .lookup-header .actions .actions__item {
        margin-right: -10px; }
  .lookup .lookup-header:hover {
    background-color: #F5F5F5; }
  .lookup table {
    /*
    thead {
      th {
        background-color: #FFFFFF;
      }
    }

    td {
      background-color: #fafafa;
    }

    tr:first-child td {
      border-top: 0px;
    }

    tr:hover td {
      background-color: #f0f0f0;
    }
    */
    margin-bottom: 0px; }
    .lookup table:not(.table-bordered) > tbody:first-child td, .lookup table:not(.table-bordered) > tbody:first-child th, .lookup table:not(.table-bordered) > thead:first-child td, .lookup table:not(.table-bordered) > thead:first-child th {
      border-top: 1px solid #f2f4f5; }
    .lookup table th.actions, .lookup table td.actions {
      width: 1%;
      padding: 0px;
      text-align: center;
      vertical-align: middle;
      position: relative; }
      .lookup table th.actions .action, .lookup table td.actions .action {
        position: absolute;
        bottom: 3px; }
  .lookup .lookup-current-value {
    margin-right: 60px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-top: 5px; }

/*-------------------------
    input-file
--------------------------*/
.input-file {
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
  cursor: pointer;
  height: 30px;
  position: relative;
  overflow: hidden; }
  .input-file .input-file-name {
    padding-left: 7px;
    padding-top: 6px;
    display: block; }
  .input-file .placeholder {
    color: #AEAEAE;
    padding-left: 7px;
    padding-top: 6px;
    display: block;
    cursor: pointer; }
  .input-file input[type=file] {
    position: absolute;
    height: 0%;
    width: 0%;
    top: -100%;
    left: 0px;
    opacity: 0; }

.input-file:hover {
  background-color: #F5F5F5; }

/*-------------------------
    input-image
--------------------------*/
.input-image {
  background-color: #ffffff;
  cursor: pointer;
  overflow: hidden; }
  .input-image .img-responsive {
    border-radius: 0px; }
  .input-image .input-image-container {
    position: relative;
    display: block; }
    .input-image .input-image-container .actions {
      position: absolute;
      top: 5px;
      right: 5px; }
  .input-image input[type=file] {
    position: absolute;
    height: 0%;
    width: 0%;
    top: -100%;
    left: 0px;
    opacity: 0; }

/*-------------------------
    profile-box
--------------------------*/
.s-profile {
  position: relative; }
  .s-profile .cover {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 129px;
    position: absolute; }
  .s-profile .sp-pic {
    position: relative; }

/*-------------------------
    forms areas
--------------------------*/
.area-no-card {
  position: relative; }
  .area-no-card .area-no-card-header .actions {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 4; }
  .area-no-card .area-no-card-header h2 {
    margin: 0;
    line-height: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 24px 30px;
    color: #777; }
  .area-no-card .area-no-card-body {
    margin-left: -15px;
    margin-right: -15px; }

/*-------------------------
    Select form control
--------------------------*/
.has-error .bootstrap-select .btn-default {
  border-color: #ff3e63 !important; }

.has-warning .bootstrap-select .btn-default {
  border-color: #FFA81C !important; }

/*-------------------------
    Toggle switch inverse
--------------------------*/
.toggle-switch.toggle-switch-inverse:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
  background: #26DD9E; }

.toggle-switch.toggle-switch-inverse .ts-helper {
  background-color: #95989A;
  -webkit-transition: background-color 0.28s;
  transition: background-color 0.28s;
  vertical-align: middle;
  cursor: pointer; }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background-color: #F4F4F4; }

.form-group .toggle-switch .ts-label {
  color: #9d9d9d; }

/*-------------------------
    form spacer
--------------------------*/
.form-spacer-control {
  height: 60px; }

/*---form bar primar color */
.form-group__bar:after, .form-group__bar:before {
  background-color: #00B4F7; }

/*-------------------------
    color picker
--------------------------*/
.cp-container input.cp-value {
  color: #000 !important;
  background: 0 0 !important; }

/*************************
** Standard select
******************-*****/
.select:before {
  background-color: transparent !important; }

.form-group.select-cell {
  margin-bottom: 0px; }

.edit-text-cell {
  background-color: rgba(193, 193, 193, 0.52);
  max-width: 100px;
  height: 25px;
  padding: 3px 10px; }

.color-white {
  color: white !important; }

.zero-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.zero-padding-left {
  padding-left: 0; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.bgm-gray {
  background-color: #E6E6E6 !important;
  color: #9f9f9f !important; }

.readOnlyImage {
  width: 240px;
  height: 240px;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-radius: 50%;
  border: 1px solid #e8e8e8; }

.full-width, .buttonCheckbox {
  width: 100%; }

.height-40, .buttonCheckbox {
  height: 40px; }

.fs9 {
  font-size: 9px; }

.fs10 {
  font-size: 10px; }

.fs11 {
  font-size: 11px; }

.fs12 {
  font-size: 12px; }

.fs14 {
  font-size: 14px; }

.fs16 {
  font-size: 16px; }

.fs18 {
  font-size: 18px; }

.fs20 {
  font-size: 20px; }

.fs36 {
  font-size: 36px; }

.fs42 {
  font-size: 42px; }

.fs56 {
  font-size: 56px; }

.fs72 {
  font-size: 72px; }

.btn-actions-bar {
  text-align: right; }
  .btn-actions-bar .btn {
    margin-left: 5px; }

.btn-primary {
  background-color: #00B4F7;
  border-color: #00B4F7; }
  .btn-primary:hover {
    background-color: #006a91;
    border-color: #006a91; }

.radio__label:after {
  background-color: #00B4F7; }

.checkbox > input[type=checkbox]:checked ~ .checkbox__label:before, .checkbox > input[type=checkbox]:checked ~ .radio__label:before, .checkbox > input[type=radio]:checked ~ .checkbox__label:before, .checkbox > input[type=radio]:checked ~ .radio__label:before, .radio > input[type=checkbox]:checked ~ .checkbox__label:before, .radio > input[type=checkbox]:checked ~ .radio__label:before, .radio > input[type=radio]:checked ~ .checkbox__label:before, .radio > input[type=radio]:checked ~ .radio__label:before {
  border-color: #00B4F7; }

.form-group--float .form-control:focus ~ label {
  color: #12bfff; }

.checkbox > input[type=checkbox]:checked ~ .checkbox__label:before, .checkbox > input[type=radio]:checked ~ .checkbox__label:before, .radio > input[type=checkbox]:checked ~ .checkbox__label:before, .radio > input[type=radio]:checked ~ .checkbox__label:before {
  background-color: #00B4F7; }

.grid-scroll-horizontal {
  overflow-x: auto;
  width: 100%;
  display: block; }
  .grid-scroll-horizontal.nowrap {
    white-space: nowrap; }

.parent-table-content {
  overflow-x: auto; }

.table-fixed {
  table-layout: fixed;
  word-wrap: break-word; }
  .table-fixed th, .table-fixed td {
    overflow: hidden;
    width: 100px; }

.search-filters {
  padding: 10px;
  overflow: auto; }
  .search-filters button {
    margin-bottom: 5px; }

.br-t {
  border-top: 1px solid #f0f0f0; }

.br-b {
  border-bottom: 1px solid #f0f0f0; }

.br-l {
  border-left: 1px solid #f0f0f0; }

.br-r {
  border-right: 1px solid #f0f0f0; }

.br {
  border: 1px solid #f0f0f0; }

.pagination {
  display: flex !important; }

.content__title .actions {
  top: 0.8rem !important; }

.navigation li.active:not(.navigation__sub) a {
  background-color: #f7f7f7;
  color: #262626 !important; }

/*-------------------------
    Variables
--------------------------*/
.course-menu-alert i {
  color: #ff6767 !important;
  background: unset !important;
  padding-right: 0px !important; }

.course-menu-warning i {
  color: #757575 !important;
  margin: 2px !important; }

td.origin-changed {
  background-color: #FFD688 !important; }

.entity-not-editable {
  background-color: #4D4D4D !important; }
  .entity-not-editable i, .entity-not-editable span {
    color: #999999 !important; }

.blue {
  background-color: #EDF9FF; }
  .blue .text {
    background-color: #EDF9FF; }

.red {
  background-color: #FFF3ED; }
  .red .text {
    background-color: #FFF3ED; }

.yellow {
  background-color: #FFFBED; }
  .yellow .text {
    background-color: #FFFBED; }

.grey {
  background-color: #FFFFFF; }
  .grey .text {
    background-color: #FFFFFF; }

.purple {
  background-color: #F4F2FF; }
  .purple .text {
    background-color: #F4F2FF; }

.green {
  background-color: #EDFFF3; }
  .green .text {
    background-color: #EDFFF3; }

.certificate-page {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 297mm;
  height: 210mm; }
  .certificate-page .title-container.with-qr {
    position: relative;
    justify-content: unset !important; }
    .certificate-page .title-container.with-qr .text {
      height: 100%;
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      text-align: center;
      width: fit-content;
      align-content: center;
      vertical-align: middle;
      display: flex;
      justify-content: center;
      align-items: center; }
  .certificate-page .title-container:not(.with-qr) {
    justify-content: center; }
  .certificate-page .title-container .text {
    height: 100%;
    align-content: center; }
  .certificate-page .certificate-qr-container {
    padding: 1.3mm;
    display: flex;
    border: 0.35mm rgba(0, 0, 0, 0.2) solid !important;
    align-self: flex-end;
    width: 44mm; }
    .certificate-page .certificate-qr-container .verification-link-title {
      font-weight: 600;
      font-size: 2.3mm; }
    .certificate-page .certificate-qr-container .verification-link-subtitle {
      font-size: 2.0mm; }
    .certificate-page .certificate-qr-container img {
      height: 14.00mm;
      margin-right: 1.3mm; }
    .certificate-page .certificate-qr-container .text-container {
      display: flex;
      flex-direction: column; }
  .certificate-page .formative-program-container {
    overflow: hidden;
    border: 0.35mm rgba(0, 0, 0, 0.2) solid !important; }
    .certificate-page .formative-program-container .separator {
      height: 0.35mm; }
    .certificate-page .formative-program-container .formative-program {
      font-size: 2.5mm; }
    .certificate-page .formative-program-container span {
      color: black; }
    .certificate-page .formative-program-container p {
      margin-bottom: 2mm; }
    .certificate-page .formative-program-container .certificate-body {
      padding: 0px !important; }
      .certificate-page .formative-program-container .certificate-body .title {
        font-size: 4.5mm;
        font-weight: bold;
        justify-content: unset !important; }
        .certificate-page .formative-program-container .certificate-body .title .text {
          letter-spacing: initial !important;
          text-transform: none !important; }
      .certificate-page .formative-program-container .certificate-body .title + .separator {
        margin-bottom: 4mm;
        margin-top: 2mm; }
  .certificate-page .code-container {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 270mm;
    top: 22.2mm; }
    .certificate-page .code-container.with-header {
      top: 43.7mm; }
      .certificate-page .code-container.with-header.with-image-border {
        top: 46.7mm; }
    .certificate-page .code-container .code {
      padding-left: 2.7mm;
      padding-right: 2.7mm;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.3);
      font-weight: bold;
      font-size: 3.3mm; }
  .certificate-page b, .certificate-page strong {
    font-weight: bolder !important; }
  .certificate-page .certificate-container {
    border: 1.35mm rgba(0, 0, 0, 0.2) solid;
    margin: 13mm;
    padding: 9mm;
    height: 183mm;
    width: 270mm;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    .certificate-page .certificate-container .text {
      font-family: Helvetica; }
    .certificate-page .certificate-container .bordered {
      border: 1.35mm rgba(0, 0, 0, 0.2) solid; }
    .certificate-page .certificate-container .certificate-body {
      flex: 1;
      padding: 7mm;
      padding-bottom: 3mm;
      display: flex;
      flex-direction: column; }
      .certificate-page .certificate-container .certificate-body.with-qr {
        padding-top: 2.3mm; }
    .certificate-page .certificate-container .certificate-header-container {
      margin-bottom: 2.7mm; }
      .certificate-page .certificate-container .certificate-header-container .certificate-header {
        height: 19mm;
        align-content: center;
        justify-content: center;
        display: flex;
        align-items: center; }
        .certificate-page .certificate-container .certificate-header-container .certificate-header img {
          height: 19mm;
          width: 100%;
          width: -moz-available;
          /* WebKit-based browsers will ignore this. */
          width: -webkit-fill-available;
          /* Mozilla-based browsers will ignore this. */
          width: fill-available; }
    .certificate-page .certificate-container .separator {
      display: flex;
      position: relative;
      justify-content: center;
      align-items: center; }
      .certificate-page .certificate-container .separator .separator-line {
        position: absolute; }
      .certificate-page .certificate-container .separator .text {
        position: absolute;
        padding-left: 2.7mm;
        padding-right: 2.7mm;
        font-size: 2.7mm;
        color: rgba(0, 0, 0, 0.8); }
    .certificate-page .certificate-container .notes {
      display: flex;
      justify-content: center;
      margin-bottom: 2mm; }
      .certificate-page .certificate-container .notes span {
        text-align: center;
        font-size: 2.7mm;
        color: rgba(0, 0, 0, 0.6); }
    .certificate-page .certificate-container .worker-infos {
      display: flex;
      justify-content: center;
      margin-top: 2mm;
      margin-bottom: 3mm; }
      .certificate-page .certificate-container .worker-infos span {
        text-align: center;
        font-family: Times;
        font-size: 3.4mm;
        color: rgba(0, 0, 0, 0.8); }
    .certificate-page .certificate-container .notes-separator {
      margin-top: 2mm;
      margin-bottom: 3mm; }
    .certificate-page .certificate-container .worker-name {
      display: flex;
      justify-content: center;
      margin-top: 3mm;
      margin-bottom: 4mm; }
      .certificate-page .certificate-container .worker-name span {
        font-size: 7mm;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.8); }
    .certificate-page .certificate-container .entities-container {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: end;
      overflow: hidden; }
      .certificate-page .certificate-container .entities-container .entity-item {
        display: flex;
        flex-direction: column;
        justify-items: center;
        align-items: center;
        flex: 1;
        overflow: hidden; }
        .certificate-page .certificate-container .entities-container .entity-item .text {
          display: flex;
          justify-content: center;
          color: rgba(0, 0, 0, 0.8); }
        .certificate-page .certificate-container .entities-container .entity-item .title {
          font-size: 2.37mm;
          margin-bottom: 0;
          z-index: 9; }
        .certificate-page .certificate-container .entities-container .entity-item .description {
          font-weight: bold;
          font-size: 3.5mm;
          letter-spacing: -0.1mm;
          margin-top: -1.2mm; }
        .certificate-page .certificate-container .entities-container .entity-item img {
          height: 26mm;
          z-index: 10; }
        .certificate-page .certificate-container .entities-container .entity-item .signature-description-separator {
          max-width: 40mm;
          width: 40mm;
          margin-bottom: 1.35mm;
          margin-top: -3mm; }
          .certificate-page .certificate-container .entities-container .entity-item .signature-description-separator.no-image {
            margin-top: 9.61mm; }
        .certificate-page .certificate-container .entities-container .entity-item .signature-description {
          font-size: 1.86mm; }
    .certificate-page .certificate-container .modules-container {
      display: flex; }
      .certificate-page .certificate-container .modules-container .module-item {
        flex: 1;
        border-left: 0.2mm solid rgba(0, 0, 0, 0.2) !important; }
        .certificate-page .certificate-container .modules-container .module-item.first {
          border-left: unset !important; }
        .certificate-page .certificate-container .modules-container .module-item .text {
          padding: 2.7mm;
          display: flex;
          justify-content: center;
          font-size: 3mm;
          color: rgba(0, 0, 0, 0.6) !important;
          text-align: center; }
        .certificate-page .certificate-container .modules-container .module-item .title {
          margin: 0 !important;
          border-bottom: 0.2mm solid rgba(0, 0, 0, 0.2) !important;
          align-items: center; }
    .certificate-page .certificate-container .course-name {
      display: flex;
      justify-content: center;
      margin-top: 4mm;
      margin-bottom: 2mm; }
      .certificate-page .certificate-container .course-name span {
        font-size: 7mm;
        text-align: center;
        line-height: 1.3;
        color: rgba(0, 0, 0, 0.8);
        letter-spacing: -0.15mm; }
    .certificate-page .certificate-container .title {
      display: flex;
      justify-content: center;
      margin-bottom: 2.7mm; }
      .certificate-page .certificate-container .title .text {
        letter-spacing: 1.7mm;
        font-size: 6mm;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.8); }
    .certificate-page .certificate-container .separator {
      display: flex;
      justify-content: center; }
      .certificate-page .certificate-container .separator .separator-line {
        height: 0.2mm;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.2) !important; }
  .certificate-page .logo-footer {
    position: absolute;
    padding: 10mm;
    width: 270mm;
    bottom: 12.2mm;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center; }
    .certificate-page .logo-footer .text {
      color: rgba(0, 0, 0, 0.3) !important;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2.5mm; }
    .certificate-page .logo-footer .logo-footer-items {
      padding-left: 2.7mm;
      padding-right: 2.7mm; }
    .certificate-page .logo-footer img {
      height: 3.1mm;
      margin-left: 1.35mm;
      margin-right: 1.35mm; }

.course-extra-header-items .overview-label {
  margin-bottom: 4px;
  display: inline-block; }

@media (max-width: 768px) {
  .course-extra-header-items {
    display: flex;
    flex-direction: column; }
    .course-extra-header-items .overview-label {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-right: 0px !important;
      align-items: center; } }

.certificate-infos-form-header {
  padding: 16px 24px;
  margin: -25px;
  background: #212121;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 568px) {
    .certificate-infos-form-header {
      flex-direction: column;
      align-items: start; }
      .certificate-infos-form-header .download-certificates {
        margin-bottom: 8px; } }
  .certificate-infos-form-header .download-certificates {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center; }
    .certificate-infos-form-header .download-certificates .icon-container {
      cursor: pointer;
      margin-left: 4px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .certificate-infos-form-header .download-certificates i {
      font-size: 16px;
      color: white; }
  .certificate-infos-form-header .certificates-infos {
    color: #BDBDBD; }

.comment-operation-item.certificates-download i {
  cursor: pointer; }

/*-------------------------
    Variables
--------------------------*/
.order-creation .form-container {
  overflow-y: auto !important;
  max-height: calc(100vh - 170px); }
  .order-creation .form-container .sub-label {
    font-size: 10px;
    font-weight: unset; }

.order-creation .custom-select-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  height: 48px;
  text-align: unset;
  font-size: 15px;
  font-weight: 500;
  text-transform: unset !important; }
  .order-creation .custom-select-block.active {
    background-color: #00B4F7 !important; }
    .order-creation .custom-select-block.active .right-label {
      background: white !important;
      color: #00B4F7 !important;
      border: 0; }
  .order-creation .custom-select-block:hover {
    background-color: #00B4F7 !important; }
    .order-creation .custom-select-block:hover .right-label {
      background: white !important;
      color: #00B4F7 !important;
      border: 0; }

.order-creation .form-separator {
  min-height: 0px;
  height: 1px;
  margin-bottom: 24px !important;
  margin-top: 16px;
  border-bottom: 1px solid #E0E0E0; }

.order-creation .expiration-additional-text-area label {
  color: #424242;
  font-size: 24px;
  font-weight: 500;
  width: unset; }

.order-creation .form-item label {
  color: #424242;
  font-size: 18px;
  width: unset; }

.order-creation .form-item [data-toggle=tooltip] {
  color: #BDBDBD; }

.order-creation .single-select .filter-option {
  display: flex;
  justify-content: left;
  align-items: center; }

.order-creation .single-select .dropdown-toggle {
  background-color: #00B4F7 !important;
  color: white !important;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px; }

.order-creation .single-select .filter-option-inner-inner {
  font-size: 15px;
  font-weight: 500; }

.order-creation.step-1 .modal-body, .order-creation.step-2 .modal-body {
  padding: 0px !important; }

.order-creation .modal-body {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.order-creation .separator {
  margin-top: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E0E0E0 !important; }

.order-creation .order-items-container {
  flex-grow: 1;
  padding: 16px;
  padding-top: 25px;
  overflow-y: auto;
  max-height: calc(100vh - 226px); }
  .order-creation .order-items-container .order-items-rows-container {
    margin-top: 16px; }
  .order-creation .order-items-container .order-item-title {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8); }
  .order-creation .order-items-container .order-item-row {
    display: flex;
    justify-content: space-between; }
    .order-creation .order-items-container .order-item-row.main-row .order-item-row-label {
      font-weight: 500 !important;
      font-size: 14px !important;
      color: rgba(0, 0, 0, 0.6) !important; }
    .order-creation .order-items-container .order-item-row .order-item-row-label {
      font-size: 12px;
      color: #757575; }

.order-overview-container {
  display: flex;
  flex-direction: column;
  background: #F4FCFF; }
  .order-overview-container .total-container {
    border-top: 1px solid #E0E0E0 !important;
    padding: 16px;
    background: white;
    height: 56px;
    display: flex;
    justify-content: space-between; }
    .order-overview-container .total-container .total-label {
      color: #00B4F7;
      font-weight: bold;
      font-size: 16px; }
  .order-overview-container.right {
    border-left: 1px solid #CCCCCC; }
  .order-overview-container.left {
    border-right: 1px solid #CCCCCC; }

@media (max-width: 576px) {
  .form-container {
    overflow-y: unset !important;
    max-height: unset !important; }
  .modal-body {
    overflow-y: auto !important; }
  .order-items-container {
    overflow-y: unset !important;
    max-height: unset !important; }
  .order-overview-container.right {
    border-left: 0px !important;
    border-top: 1px solid #CCCCCC !important; }
  .order-overview-container.left {
    border-bottom: 1px solid #E0E0E0 !important;
    border-right: 0px !important; } }

/*-------------------------
    Variables
--------------------------*/
.inspection-entity-overview-control .title {
  font-size: 16px;
  font-weight: 500; }

.inspection-entity-overview-control .task-status-overview-card {
  margin-top: 16px;
  margin-bottom: 16px; }

.inspection-entity-overview-control .inspection-entities-overview {
  margin-bottom: 32px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px; }

.inspection-entity-overview-control .edit-info {
  font-size: 12px;
  color: #ffffff9c; }

.inspection-verification-cell {
  width: 100% !important; }
  .inspection-verification-cell .btn-link {
    width: 100% !important; }
  .inspection-verification-cell .last-verification {
    line-height: 1.4; }
    .inspection-verification-cell .last-verification .comment-operation-item {
      background-color: unset;
      padding: unset;
      text-transform: unset;
      line-height: 1.3;
      margin-right: 0px; }
    .inspection-verification-cell .last-verification .comment-operation-item-value {
      margin-bottom: 0px;
      line-height: 1.3; }
    .inspection-verification-cell .last-verification .comment-automatic-text {
      margin-bottom: 0px;
      font-weight: 500; }
    .inspection-verification-cell .last-verification .operation-text {
      line-height: 1; }
    .inspection-verification-cell .last-verification .comment-text {
      line-height: 1.1;
      height: 18px;
      overflow: hidden; }
    .inspection-verification-cell .last-verification .custom-text {
      font-size: 11px; }
    .inspection-verification-cell .last-verification .title {
      line-height: 1.3;
      font-size: 12px;
      font-weight: bold;
      color: #212121;
      text-transform: uppercase; }
    .inspection-verification-cell .last-verification i {
      font-size: 16px;
      color: #212121; }

.inspection-page .tab-content {
  padding-top: 48px;
  padding-left: 30px;
  padding-right: 30px; }

.inspection-page .content__title .btn-deadlines-group {
  display: flex;
  overflow: scroll;
  scrollbar-width: thin; }

@media (max-width: 768px) {
  .inspection-page .content__title .btn-deadlines-group {
    width: 200px; } }

@media (max-width: 568px) {
  .inspection-page .content__title h1 {
    flex: 0.5 !important; } }

@media (max-width: 568px) {
  .inspection-page .sub-grid {
    padding-right: 0px;
    padding-left: 0px; } }

.inspection-page .deadlines-trend-header {
  justify-content: unset !important; }

.inspection-header {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  border-radius: 4px; }
  .inspection-header.not-in-progress {
    background-color: #EEEEEE; }
    .inspection-header.not-in-progress .title {
      font-size: 20px;
      font-weight: 500;
      color: #757575; }
    .inspection-header.not-in-progress .creation-button {
      cursor: pointer;
      height: 32px;
      text-transform: uppercase;
      border: 1px solid #BDBDBD;
      border-radius: 4px;
      display: flex;
      font-weight: 500;
      justify-content: center;
      align-items: center;
      margin-left: 16px;
      padding-left: 16px;
      padding-right: 16px; }

.inspection-overview {
  cursor: pointer;
  background-color: #212121;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  border-radius: 4px; }
  .inspection-overview .inspection-overview-entities-container {
    display: flex;
    flex: 1; }
  .inspection-overview .title {
    color: #FFFFFF;
    font-size: 20px; }
  .inspection-overview .company-task-status-cell {
    flex: 0.3;
    display: flex; }
    .inspection-overview .company-task-status-cell i {
      font-size: 32px; }
  .inspection-overview .subtitle {
    color: #FFFFFF;
    display: block;
    font-size: 14px; }

.inspection-entity-overview {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 16px;
  border-left: 1px solid #616161;
  justify-content: space-between; }
  .inspection-entity-overview.last {
    border-right: 1px solid #616161; }
  .inspection-entity-overview .title {
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 8px; }
  .inspection-entity-overview .subtitle {
    font-size: 12px;
    color: white;
    margin-bottom: 8px; }
  .inspection-entity-overview .progress {
    background-color: #616161 !important; }
  .inspection-entity-overview .status-progress {
    width: 100% !important; }
  .inspection-entity-overview .progress-bar {
    background-color: white !important; }

.inspection-resolution .inspection-entity-overview {
  border-color: #ADADAD; }

.inspection-resolution .title {
  color: #424242 !important; }

.inspection-resolution .subtitle {
  color: #424242 !important; }

.inspection-resolution .progress {
  background-color: #EAEAEA !important; }

.inspection-resolution .progress-bar {
  background-color: #00B4F7 !important; }

.companyRiskFactor-verification-item {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  cursor: pointer; }
  .companyRiskFactor-verification-item .verification-item-content {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    gap: 16px; }
    @media (max-width: 768px) {
      .companyRiskFactor-verification-item .verification-item-content {
        flex-direction: column; }
        .companyRiskFactor-verification-item .verification-item-content .evaluation-container {
          margin-top: 16px; } }
  .companyRiskFactor-verification-item .card-body {
    padding: 0px; }
  .companyRiskFactor-verification-item .title {
    font-size: 14px;
    color: #424242 !important;
    font-weight: bold;
    display: block; }
    .companyRiskFactor-verification-item .title i {
      padding-left: 10px;
      padding-right: 10px;
      cursor: pointer;
      color: #929292 !important; }
  .companyRiskFactor-verification-item .subtitle {
    font-size: 11px;
    color: #424242;
    display: block;
    margin-top: 4px; }
  .companyRiskFactor-verification-item .last-verification .comment-text {
    overflow: hidden; }
    .companyRiskFactor-verification-item .last-verification .comment-text .custom-text {
      font-size: 11px;
      color: #616161; }
  .companyRiskFactor-verification-item .last-verification .last-title {
    color: black;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase; }
  .companyRiskFactor-verification-item .last-verification .last-subtitle {
    font-size: 12px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 500; }

.verification-corrective-action-container {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-top: 0 !important; }
  .verification-corrective-action-container .grid .card {
    border: 0 !important;
    margin-bottom: 0px !important; }
    .verification-corrective-action-container .grid .card .card-body {
      padding: 0px !important; }
  .verification-corrective-action-container .result-summary {
    margin-bottom: 0px; }

.corrective-actions-header {
  cursor: pointer;
  padding: 16px;
  background: #F5F5F5;
  border: 1px solid #E0E0E0;
  border-top: 0 !important;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }
  .corrective-actions-header .title {
    color: #9E9E9E;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; }
  .corrective-actions-header.expanded {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .corrective-actions-header .expands-button {
    cursor: pointer;
    color: #BDBDBD;
    width: 24px; }

@media (max-width: 768px) {
  .inspection-resolve-button {
    display: none !important; } }

@media (min-width: 768px) {
  .inspection-resolve-dropdown-button {
    display: none !important; } }

.verification-button {
  margin-right: 15px !important; }
  @media (min-width: 568px) {
    .verification-button {
      width: 100% !important; } }
  .verification-button.already-verified {
    cursor: not-allowed !important;
    background-color: #E0E0E0 !important;
    color: #a1a0a0; }
    @media (max-width: 568px) {
      .verification-button.already-verified {
        justify-content: left !important; } }
  @media (max-width: 568px) {
    .verification-button {
      width: 128px !important;
      display: flex;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; } }

/*-------------------------
    Variables
--------------------------*/
.risk-factor-level-selector {
  background-color: #2C2F36;
  padding: 8px;
  border-radius: 4px;
  margin-left: unset;
  margin-right: unset; }
  .risk-factor-level-selector .level-image {
    width: 48px;
    height: 48px; }
  .risk-factor-level-selector .level-box {
    cursor: pointer;
    border-radius: 4px;
    height: 88px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    margin-left: 4px;
    margin-right: 4px; }
    .risk-factor-level-selector .level-box p {
      color: #757575; }
    .risk-factor-level-selector .level-box.selected {
      background-color: white !important; }
    .risk-factor-level-selector .level-box:hover {
      background-color: black; }

.risk-evaluation-cell {
  margin: 0px;
  min-width: 140px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .risk-evaluation-cell .level-image {
    width: 32px;
    height: 32px;
    margin-right: 8px; }

.evaluation-header {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  margin-bottom: 16px; }
  .evaluation-header .risk-level-label {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--Grey-G70, #4D4D4D); }

.risk-evaluation-component {
  margin: 0px;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .risk-evaluation-component .level-image {
    width: 32px;
    height: 32px;
    margin-right: 8px; }
  .risk-evaluation-component .risk-level-label {
    font-size: 18px;
    overflow: hidden;
    text-transform: unset;
    color: #212121;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .risk-evaluation-component .subtitle {
    font-size: 16px;
    margin-top: 16px;
    font-weight: 400; }
  .risk-evaluation-component .comment-text {
    margin-bottom: 8px !important; }

.company-risk-overview {
  background-color: #212121;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  border-radius: 4px; }
  .company-risk-overview span {
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF; }
  .company-risk-overview .expirings-items-container {
    min-width: 170px; }
  @media (max-width: 576px) {
    .company-risk-overview .expirings-items-container {
      min-width: 120px; } }
  .company-risk-overview .see-all-button {
    cursor: pointer;
    width: 128px;
    height: 32px;
    color: white !important;
    text-transform: uppercase;
    border: 1px solid white;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16px;
    font-weight: 500; }

.evaluation-card-container {
  margin-bottom: -2rem; }
  .evaluation-card-container .level-image {
    width: 64px !important;
    height: 64px !important;
    background: white;
    border-radius: 38px;
    padding: 4px; }
  .evaluation-card-container .subtitle {
    color: var(--Grey-G50, #808080);
    /* B2-R */
    font-family: Roboto;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin-top: 16px; }
  .evaluation-card-container .comment-operation-item.inspection {
    color: #00000059 !important;
    font-weight: bold; }
  .evaluation-card-container .evaluation-card {
    display: flex;
    justify-content: space-between;
    padding-left: 0px; }
  .evaluation-card-container .evaluation-table-container {
    padding-right: 0px; }
  .evaluation-card-container .evaluation-note {
    white-space: break-spaces;
    color: var(--Grey-G50, #808080);
    /* B2-R */
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; }
  .evaluation-card-container .modal-body {
    padding: unset !important; }
  @media screen and (max-width: 769px) {
    .evaluation-card-container .evaluation-card {
      margin-bottom: 8px;
      border-right: 0px; }
    .evaluation-card-container .evaluation-table-container {
      padding-left: 0px; } }

.evaluation-history-container .form-group {
  padding: 0px !important;
  margin-bottom: 0px !important; }

.table-risk {
  width: 100%;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0; }
  .table-risk .history-navigation {
    display: flex;
    justify-content: center; }
    .table-risk .history-navigation .button-disabled {
      cursor: unset;
      color: #9E9E9E;
      opacity: 0.2; }
  .table-risk .risk-table-cell {
    font-weight: 500; }
  @media screen and (max-width: 769px) {
    .table-risk tr:first-child {
      border-top: 1px solid #E0E0E0; } }
  .table-risk tr {
    border-bottom: 1px solid #E0E0E0; }
  .table-risk tr:last-child {
    border-bottom: 0px; }
  .table-risk td.hovered {
    cursor: pointer;
    background: #F5F5F5; }
  .table-risk td.selected {
    background: #F5F5F5;
    color: black; }
  .table-risk td {
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0; }
  .table-risk td:first-child {
    padding: 10px !important; }
  .table-risk tr:last-child {
    border-top: 1px solid #9E9E9E; }
    .table-risk tr:last-child td {
      height: 32px !important; }
  .table-risk tr.risk-footer-row i {
    font-size: 24px;
    padding: 0px 15px;
    cursor: pointer; }
  .table-risk td {
    text-align: center; }
  .table-risk td:first-child {
    text-align: left; }
  .table-risk .circle-risk {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer; }
  .table-risk .circle-risk-low {
    background: #9FE1FF; }
  .table-risk .circle-risk-mid {
    background: #FFD688; }
  .table-risk .circle-risk-high {
    background: #ff6767; }
  .table-risk .circle-risk-quantitative-veryLow {
    background: #2ABB7F; }
  .table-risk .circle-risk-quantitative-low {
    background: #FFC453; }
  .table-risk .circle-risk-quantitative-mid {
    background: #F38A3F; }
  .table-risk .circle-risk-quantitative-high {
    background: #FF6767; }
  .table-risk .circle-risk-quantitative-veryHigh {
    background: #8F7EE7; }
  .table-risk .circle-risk-empty {
    background-color: #9E9E9E;
    opacity: 0.2;
    cursor: unset; }
  .table-risk .current-evaluation {
    height: 24px;
    width: 24px; }

.risk-form-card {
  display: flex;
  flex-direction: column; }
  .risk-form-card td {
    cursor: pointer; }
  .risk-form-card td.level-description {
    width: 30%;
    font-weight: 500; }
  .risk-form-card .card-dark {
    background-color: #2C2F36 !important; }
    .risk-form-card .card-dark .evaluation-card-container {
      color: #FFFFFF !important; }
      .risk-form-card .card-dark .evaluation-card-container input,
      .risk-form-card .card-dark .evaluation-card-container textarea {
        color: #FFFFFF; }

.risk-evaluation-actions {
  display: flex;
  gap: 4px; }
  .risk-evaluation-actions .dropdown-toggle::after {
    content: none; }

@media (max-width: 991.98px) {
  .quantitative-level-table {
    margin-top: 16px; } }

.quantitative-level-table .quantitative-level-row {
  display: flex; }
  .quantitative-level-table .quantitative-level-row .quantitative-level-cell {
    height: calc(32px - 4px);
    flex-grow: 1;
    display: flex;
    justify-content: center;
    opacity: 0.6;
    align-items: center;
    padding: 4px; }
    .quantitative-level-table .quantitative-level-row .quantitative-level-cell.selected {
      padding: 0;
      border: 4px solid var(--Color, #FFF);
      opacity: 1 !important; }
    .quantitative-level-table .quantitative-level-row .quantitative-level-cell span {
      color: white;
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      position: absolute; }
    .quantitative-level-table .quantitative-level-row .quantitative-level-cell.veryLow {
      background: #2ABB7F; }
    .quantitative-level-table .quantitative-level-row .quantitative-level-cell.low {
      background: #FFC453; }
    .quantitative-level-table .quantitative-level-row .quantitative-level-cell.mid {
      background: #F38A3F; }
    .quantitative-level-table .quantitative-level-row .quantitative-level-cell.high {
      background: #FF6767; }
    .quantitative-level-table .quantitative-level-row .quantitative-level-cell.veryHigh {
      background: #8F7EE7; }

/*-------------------------
    Variables
--------------------------*/
.notification-icon-container {
  border-left: 1px solid #e0e0e0;
  padding-left: 8px !important;
  margin-right: 8px !important; }
  @media (max-width: 568px) {
    .notification-icon-container {
      padding-right: 8px;
      margin-right: 16px !important;
      border-right: 1px solid #E0E0E0; } }
  .notification-icon-container .dropdown-menu--block {
    max-width: 640px !important; }
  .notification-icon-container .mark-as-seen {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #BDBDBD; }
  .notification-icon-container .no-items-label {
    padding: 24px;
    margin: 0px !important; }
  .notification-icon-container .notification-list-body {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-height: calc(100vh - 56px - 8px - 150px);
    overflow-y: auto;
    scrollbar-width: thin; }
  .notification-icon-container .load-more-button {
    padding: 16px;
    display: flex;
    align-items: center;
    color: #212121 !important;
    text-transform: uppercase;
    justify-content: center;
    font-weight: 500;
    border-top: 1px solid #E0E0E0; }
    .notification-icon-container .load-more-button:hover {
      background-color: #F5F5F5; }
  .notification-icon-container .notification-list-header {
    height: 64px;
    display: flex;
    padding-right: 24px;
    padding-left: 24px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E0E0E0; }
    .notification-icon-container .notification-list-header .title {
      font-size: 20px;
      color: #212121;
      font-weight: 500; }
  .notification-icon-container.show .notification-icon {
    border-radius: 50px;
    background: #212121 !important;
    color: white !important; }
  .notification-icon-container.show .badge-counter {
    background: white !important;
    color: #212121; }
    .notification-icon-container.show .badge-counter:not(.has-notifications) {
      background: white !important;
      color: #212121; }
    .notification-icon-container.show .badge-counter:hover .notification-icon {
      border-radius: 50px;
      background: #212121;
      color: white !important; }
    .notification-icon-container.show .badge-counter:hover .badge-counter {
      background: white !important;
      color: #212121; }
      .notification-icon-container.show .badge-counter:hover .badge-counter:not(.has-notifications) {
        background: white !important;
        color: #212121; }
    .notification-icon-container.show .badge-counter .badge-counter {
      background: white !important;
      color: #212121; }
  .notification-icon-container .notification-icon {
    cursor: pointer;
    color: #9A9A9A;
    height: 48px;
    width: 80px !important; }
    .notification-icon-container .notification-icon:hover .badge-counter {
      background-color: #212121; }
    .notification-icon-container .notification-icon .badge-counter {
      font-weight: bold;
      font-size: 14px;
      width: 40px;
      height: 24px;
      background: #9A9A9A;
      border-radius: 40px;
      color: white;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .notification-icon-container .notification-icon .badge-counter.has-notifications {
        background: #ff6767 !important; }
  .notification-icon-container .notification-list-header {
    display: flex;
    justify-content: space-between; }
  .notification-icon-container .notification-item-container {
    padding: 16px 8px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    border-bottom: 1px solid #E0E0E0;
    overflow-x: hidden; }
    .notification-icon-container .notification-item-container.license-expiring .title {
      background: #ff6767 !important;
      display: flex !important;
      align-items: center; }
    .notification-icon-container .notification-item-container.license-expiring i {
      font-size: 16px;
      margin-right: 4px; }
    .notification-icon-container .notification-item-container.selected-previous {
      border-bottom: 1px solid transparent; }
    .notification-icon-container .notification-item-container.last {
      border-bottom: 1px solid transparent; }
    .notification-icon-container .notification-item-container:hover {
      border-radius: 4px;
      background-color: #F5F5F5;
      border-bottom: 1px solid transparent; }
      .notification-icon-container .notification-item-container:hover .seen {
        background: white; }
    .notification-icon-container .notification-item-container .items {
      flex: 1; }
      .notification-icon-container .notification-item-container .items .extra-item {
        display: block; }
        .notification-icon-container .notification-item-container .items .extra-item.comment {
          color: #212121; }
        .notification-icon-container .notification-item-container .items .extra-item ul, .notification-icon-container .notification-item-container .items .extra-item ol {
          padding-left: 0px;
          list-style-type: circle; }
          .notification-icon-container .notification-item-container .items .extra-item ul li, .notification-icon-container .notification-item-container .items .extra-item ol li {
            display: list-item;
            height: unset;
            justify-content: left; }
    .notification-icon-container .notification-item-container .comment-user-badge {
      margin-right: 8px;
      width: 48px !important;
      height: 48px !important;
      flex-basis: 48px;
      flex-shrink: 0;
      flex-grow: 0;
      font-size: 18px;
      font-weight: 500;
      background: white;
      color: #9E9E9E;
      border: 1px solid #E0E0E0; }
    .notification-icon-container .notification-item-container .seen {
      background: #F5F5F5;
      height: 24px;
      width: 24px;
      flex-basis: 24px;
      flex-shrink: 0;
      flex-grow: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 40px;
      cursor: pointer; }
      .notification-icon-container .notification-item-container .seen .seen-toggle {
        background: #FF6767;
        width: 12px;
        height: 12px;
        flex-basis: 12px;
        flex-shrink: 0;
        flex-grow: 0;
        border-radius: 30px; }
    .notification-icon-container .notification-item-container .title {
      width: fit-content;
      padding-left: 8px;
      padding-right: 8px;
      background: #212121;
      color: white;
      font-size: 12px;
      font-weight: 500;
      border-radius: 4px;
      height: 24px;
      align-content: center;
      vertical-align: middle; }
    .notification-icon-container .notification-item-container .body {
      font-weight: bold;
      font-size: 14px;
      color: #212121;
      margin-top: 2px; }
    .notification-icon-container .notification-item-container .date {
      font-size: 11px;
      color: #9E9E9E;
      font-weight: 500;
      margin-top: 4px; }
    .notification-icon-container .notification-item-container .extra-items-container {
      margin-top: 8px;
      overflow-wrap: anywhere; }
    .notification-icon-container .notification-item-container .notificationItem {
      display: block;
      max-width: 355px;
      overflow: hidden;
      text-overflow: ellipsis; }
      .notification-icon-container .notification-item-container .notificationItem.title {
        white-space: nowrap; }
  .notification-icon-container #notification-container {
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    margin-top: 8px; }
    @media (min-width: 568px) {
      .notification-icon-container #notification-container {
        width: 510px; } }
    @media (max-width: 568px) {
      .notification-icon-container #notification-container .seen {
        margin-top: 8px; }
      .notification-icon-container #notification-container .notification-item-container {
        flex-direction: column; }
        .notification-icon-container #notification-container .notification-item-container .title {
          width: auto;
          display: block !important;
          align-content: center; }
          .notification-icon-container #notification-container .notification-item-container .title.notificationItem {
            max-width: fit-content; }
      .notification-icon-container #notification-container .comment-user-badge {
        display: none !important; } }

/*-------------------------
    Variables
--------------------------*/
.extend-license button {
  min-width: fit-content !important; }

.licenseOption-overview-card {
  border-radius: 4px;
  border: 1px solid #dedede;
  padding: 16px;
  height: 184px; }
  .licenseOption-overview-card .header-text {
    color: rgba(33, 33, 33, 0.6);
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px; }
  .licenseOption-overview-card .licenseOptionCheck {
    display: inline;
    position: absolute;
    color: #00B9FC; }
  .licenseOption-overview-card .licenseOptionActiveText {
    margin-left: 25px;
    color: #00B9FC; }
  .licenseOption-overview-card .licenseOptionMoreInfo {
    padding-top: 5px;
    position: absolute;
    font-weight: 700;
    text-decoration: underline; }
  .licenseOption-overview-card .licenseOptionInformativeText {
    height: 90px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Roboto'; }

.license-expired-container {
  background-color: #ff6767;
  justify-content: flex-end;
  display: flex; }
  .license-expired-container .license-expired-box {
    cursor: pointer;
    background-color: white;
    margin: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    color: #ff6767;
    border-radius: 2px; }
    .license-expired-container .license-expired-box span {
      font-size: 15px;
      font-weight: bold; }
    .license-expired-container .license-expired-box i {
      margin-right: 8px; }

.customerProfile .card-title {
  text-transform: uppercase; }

/*-------------------------
    Variables
--------------------------*/
.ck-balloon-panel {
  z-index: 99999 !important;
  border: 1px solid #E0E0E0 !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11) !important; }

.ck-editor__editable {
  min-height: 160px; }

.chat {
  margin-bottom: 1em; }

/* ---- Chat editor ------------------------------------------------------------------------- */
.chat .chat__editor {
  /* Anti–FOUC (flash of unstyled content). */
  padding: 1em;
  border: 1px solid var(--ck-color-base-border); }

.chat .chat__editor + .ck.ck-editor {
  margin-top: 0; }

.chat .chat__editor + .ck.ck-editor .ck.ck-toolbar {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.chat .chat__editor + .ck.ck-editor .ck-content.highlighted {
  animation: highlight 600ms ease-out; }

/* ---- In–editor mention list --------------------------------------------------------------- */
.ck-mentions .mention__item {
  display: flex;
  align-items: center; }

.ck-mentions .mention__item img {
  border-radius: 100%;
  height: 30px;
  width: 30px;
  border: 1px solid #BDBDBD !important; }

.ck-mentions .mention__item span {
  margin-left: .5em; }

.ck-mentions .mention__item:hover:not(.ck-on) {
  background-color: #f6f6f6 !important; }

/* ---- Chat editor content styles ----------------------------------------------------------- */
.chat .ck-content .mention {
  background: unset; }

.chat .ck.ck-content a,
.chat .chat__posts a {
  color: #1c3cf2; }

.mention {
  color: #2196F3 !important;
  font-weight: 500; }

.ck-content .mention {
  background: unset !important; }

.ck-on {
  background-color: #f6f6f6 !important; }

/*-------------------------
    Variables
--------------------------*/
.widget-type-chart_resolutions .expiration-tooltip .title,
.widget-type-chart_operations .expiration-tooltip .title,
.widget-type-chart_collaborators .expiration-tooltip .title,
.widget-type-chart_expirationTypologies .expiration-tooltip .title,
.widget-type-entitiesCreationCounter .expiration-tooltip .title,
.widget-type-usersCreationCounter .expiration-tooltip .title,
.widget-type-entitiesCreationTrend .expiration-tooltip .title,
.widget-type-chart_customersDayActivity .expiration-tooltip .title,
.companyOfficeOrganizationChart .expiration-tooltip .title,
.widget-type-usersCreationTrend .expiration-tooltip .title {
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize; }

.widget-type-chart_resolutions .expiration-tooltip .entities-container,
.widget-type-chart_operations .expiration-tooltip .entities-container,
.widget-type-chart_collaborators .expiration-tooltip .entities-container,
.widget-type-chart_expirationTypologies .expiration-tooltip .entities-container,
.widget-type-entitiesCreationCounter .expiration-tooltip .entities-container,
.widget-type-usersCreationCounter .expiration-tooltip .entities-container,
.widget-type-entitiesCreationTrend .expiration-tooltip .entities-container,
.widget-type-chart_customersDayActivity .expiration-tooltip .entities-container,
.companyOfficeOrganizationChart .expiration-tooltip .entities-container,
.widget-type-usersCreationTrend .expiration-tooltip .entities-container {
  flex-direction: column !important;
  justify-content: left;
  align-content: flex-start;
  align-items: flex-start; }
  .widget-type-chart_resolutions .expiration-tooltip .entities-container .entity-container,
  .widget-type-chart_operations .expiration-tooltip .entities-container .entity-container,
  .widget-type-chart_collaborators .expiration-tooltip .entities-container .entity-container,
  .widget-type-chart_expirationTypologies .expiration-tooltip .entities-container .entity-container,
  .widget-type-entitiesCreationCounter .expiration-tooltip .entities-container .entity-container,
  .widget-type-usersCreationCounter .expiration-tooltip .entities-container .entity-container,
  .widget-type-entitiesCreationTrend .expiration-tooltip .entities-container .entity-container,
  .widget-type-chart_customersDayActivity .expiration-tooltip .entities-container .entity-container,
  .companyOfficeOrganizationChart .expiration-tooltip .entities-container .entity-container,
  .widget-type-usersCreationTrend .expiration-tooltip .entities-container .entity-container {
    display: flex;
    margin-right: 8px;
    margin-left: 8px;
    flex-direction: column !important;
    justify-content: left;
    align-content: flex-start;
    align-items: flex-start; }
    .widget-type-chart_resolutions .expiration-tooltip .entities-container .entity-container .entity-value,
    .widget-type-chart_operations .expiration-tooltip .entities-container .entity-container .entity-value,
    .widget-type-chart_collaborators .expiration-tooltip .entities-container .entity-container .entity-value,
    .widget-type-chart_expirationTypologies .expiration-tooltip .entities-container .entity-container .entity-value,
    .widget-type-entitiesCreationCounter .expiration-tooltip .entities-container .entity-container .entity-value,
    .widget-type-usersCreationCounter .expiration-tooltip .entities-container .entity-container .entity-value,
    .widget-type-entitiesCreationTrend .expiration-tooltip .entities-container .entity-container .entity-value,
    .widget-type-chart_customersDayActivity .expiration-tooltip .entities-container .entity-container .entity-value,
    .companyOfficeOrganizationChart .expiration-tooltip .entities-container .entity-container .entity-value,
    .widget-type-usersCreationTrend .expiration-tooltip .entities-container .entity-container .entity-value {
      font-size: 12px;
      margin-top: 3px; }
    .widget-type-chart_resolutions .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .widget-type-chart_operations .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .widget-type-chart_collaborators .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .widget-type-chart_expirationTypologies .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .widget-type-entitiesCreationCounter .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .widget-type-usersCreationCounter .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .widget-type-entitiesCreationTrend .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .widget-type-chart_customersDayActivity .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .companyOfficeOrganizationChart .expiration-tooltip .entities-container .entity-container .custom-icon img,
    .widget-type-usersCreationTrend .expiration-tooltip .entities-container .entity-container .custom-icon img {
      filter: invert(100%); }

.form-group .widget-type-expirationCounters {
  border-right: 0px !important; }

.widget-type-expirationCounters .widget-container {
  padding: 0 !important; }

.widget-type-expirationCounters .items-container {
  display: flex;
  overflow-y: auto;
  scrollbar-width: thin; }
  @media (max-width: 768px) {
    .widget-type-expirationCounters .items-container {
      flex-direction: column; }
      .widget-type-expirationCounters .items-container .separator {
        display: none; } }
  .widget-type-expirationCounters .items-container .counter-item {
    padding-top: 40px;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    min-width: 176px; }
    @media (max-width: 768px) {
      .widget-type-expirationCounters .items-container .counter-item .icon-container {
        float: left;
        padding-left: 16px;
        padding-right: 8px;
        display: flex;
        padding-bottom: 0px !important; }
        .widget-type-expirationCounters .items-container .counter-item .icon-container.custom-icon {
          min-height: unset !important; } }
    @media (max-width: 768px) {
      .widget-type-expirationCounters .items-container .counter-item {
        display: block;
        padding-top: 16px;
        padding-bottom: 16px;
        border-left: 0px; }
        .widget-type-expirationCounters .items-container .counter-item:not(.last) {
          border-bottom: 1px solid #E0E0E0; } }
    .widget-type-expirationCounters .items-container .counter-item.cursor-pointer:hover {
      background-color: #F5F5F5; }
    .widget-type-expirationCounters .items-container .counter-item span {
      text-align: center; }
    .widget-type-expirationCounters .items-container .counter-item .separator {
      width: 60%;
      border-bottom: 1px solid #E0E0E0; }
      @media (max-width: 768px) {
        .widget-type-expirationCounters .items-container .counter-item .separator {
          display: none; } }
    .widget-type-expirationCounters .items-container .counter-item .text1 {
      font-size: 36px;
      margin-bottom: 8px;
      margin-top: 24px;
      font-weight: 300; }
      @media (max-width: 768px) {
        .widget-type-expirationCounters .items-container .counter-item .text1 {
          font-size: 18px;
          float: right;
          font-weight: 500;
          padding-right: 16px;
          margin-bottom: 0px;
          margin-top: 0px; } }
    .widget-type-expirationCounters .items-container .counter-item .text2 {
      font-weight: 500;
      font-size: 18px;
      margin-bottom: 32px; }
      @media (min-width: 768px) {
        .widget-type-expirationCounters .items-container .counter-item .text2 {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 150px; } }
      @media (max-width: 768px) {
        .widget-type-expirationCounters .items-container .counter-item .text2 {
          float: left;
          margin-bottom: 0px; } }
    .widget-type-expirationCounters .items-container .counter-item .text3 {
      padding-top: 24px !important;
      padding-bottom: 0px !important;
      font-weight: 500;
      font-size: 12px;
      margin-bottom: 0px !important;
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        .widget-type-expirationCounters .items-container .counter-item .text3 {
          display: none; } }
      .widget-type-expirationCounters .items-container .counter-item .text3.alert {
        color: #FF6767; }
        @media (max-width: 768px) {
          .widget-type-expirationCounters .items-container .counter-item .text3.alert {
            display: none; } }
        .widget-type-expirationCounters .items-container .counter-item .text3.alert i {
          margin-right: 2px;
          font-size: 14px;
          color: #FF6767; }
    .widget-type-expirationCounters .items-container .counter-item:not(.last) {
      border-right: 1px solid #E0E0E0; }
    .widget-type-expirationCounters .items-container .counter-item .icon-container {
      padding-bottom: 16px; }
      .widget-type-expirationCounters .items-container .counter-item .icon-container.custom-icon {
        display: flex;
        min-height: 53px; }
    .widget-type-expirationCounters .items-container .counter-item .custom-icon img {
      width: 32px;
      height: 32px; }
    .widget-type-expirationCounters .items-container .counter-item i {
      color: black;
      font-size: 32px; }

.widget-type-overviewInfos {
  background: #45C5FF;
  -webkit-box-shadow: 6px 5px 24px 0px #ade0fc;
  box-shadow: 6px 5px 24px 0px #ade0fc; }
  .widget-type-overviewInfos .title {
    font-size: 36px;
    color: white;
    font-weight: 700; }
  .widget-type-overviewInfos .item-rows-container {
    flex: 1; }
    @media (max-width: 768px) {
      .widget-type-overviewInfos .item-rows-container {
        padding-right: 0px !important;
        padding-left: 0px !important; } }
    .widget-type-overviewInfos .item-rows-container .item-row {
      padding-top: 8px;
      padding-bottom: 8px;
      border-top: 1px solid #00000023;
      display: flex;
      justify-content: space-between; }
      @media (min-width: 768px) {
        .widget-type-overviewInfos .item-rows-container .item-row.last {
          border-bottom: 1px solid #00000023; } }
      .widget-type-overviewInfos .item-rows-container .item-row span {
        color: white;
        font-weight: 500;
        font-size: 18px; }
    .widget-type-overviewInfos .item-rows-container:not(.first) {
      padding-left: 24px; }
    .widget-type-overviewInfos .item-rows-container:not(.last) {
      padding-right: 24px; }
    @media (max-width: 768px) {
      .widget-type-overviewInfos .item-rows-container.last {
        border-bottom: 1px solid #00000023; } }
  .widget-type-overviewInfos .items-container {
    margin-top: 16px;
    display: flex; }
    @media (max-width: 768px) {
      .widget-type-overviewInfos .items-container {
        flex-direction: column; } }

.widget-type-companyOfficeExpirations .pie-chart-container {
  width: 40px !important;
  height: 40px !important; }

.widget-type-companyOfficeExpirations .item .countDescription-container {
  padding-left: 8px; }

.widget-type-companyOfficeExpirations .item .countDescription-container {
  flex-basis: unset !important; }

.widget-type-companyOfficeExpirations .item .entityDescription .title, .widget-type-companyOfficeExpirations .item .countDescription .title {
  font-size: 14px;
  font-weight: 500;
  color: #616161;
  text-overflow: ellipsis;
  overflow: hidden; }

.widget-type-companyOfficeExpirations .item .entityDescription .subtitle, .widget-type-companyOfficeExpirations .item .countDescription .subtitle {
  font-size: 12px;
  font-weight: 500;
  color: #BDBDBD;
  text-overflow: ellipsis;
  overflow: hidden; }

.widget-type-companyOfficeExpirations .countDescription {
  flex-direction: column !important;
  justify-content: right !important;
  align-items: end !important;
  background: unset !important; }

.entityList .result-summary {
  margin-bottom: 0px; }

.entityList .summaryContainer {
  margin-top: 16px; }

.entityList .items-container .item {
  width: 100%;
  align-items: center;
  height: 48px;
  display: flex;
  justify-content: space-between;
  border-radius: 4px; }
  .entityList .items-container .item.selected-previous .entityDescription, .entityList .items-container .item.selected-previous .countDescription-container {
    border-bottom: 1px solid transparent !important; }
  .entityList .items-container .item.cursor-pointer:hover {
    background-color: #F5F5F5; }
    .entityList .items-container .item.cursor-pointer:hover .entityDescription, .entityList .items-container .item.cursor-pointer:hover .countDescription-container {
      border-bottom: 1px solid transparent !important; }
  .entityList .items-container .item .position-container {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 48px;
    flex-basis: 40px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    margin-left: 8px; }
    .entityList .items-container .item .position-container .position {
      width: 40px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: black;
      color: white;
      border-radius: 8px;
      font-weight: 600; }
  .entityList .items-container .item .entityDescription {
    flex-grow: 1;
    display: flex;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 16px;
    height: 48px;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid #E0E0E0; }
  .entityList .items-container .item .countDescription-container {
    flex-basis: 120px;
    flex-shrink: 0;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding-right: 8px; }
    .entityList .items-container .item .countDescription-container .countDescription {
      white-space: nowrap;
      background-color: #eeeeee;
      color: #00000040;
      border-radius: 8px;
      font-size: 12px;
      font-weight: bold;
      flex: 1;
      text-align: center;
      height: 32px;
      display: flex;
      justify-content: center;
      align-items: center; }

.dashboard {
  margin: 0;
  padding: 0 !important; }
  .dashboard .widget-container {
    padding: 32px; }
    @media (max-width: 768px) {
      .dashboard .widget-container {
        border-left: 1px solid #E0E0E0; } }

.widget {
  padding: 0 !important;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0; }

.widget-chart {
  min-height: 400px; }
  .widget-chart .loader-wrapper {
    min-height: 400px; }

.widget-title-container {
  display: flex;
  justify-content: space-between; }
  .widget-title-container .widget-title {
    font-size: 18px;
    margin-right: 16px;
    font-weight: 500;
    margin-bottom: 32px; }
  .widget-title-container .filters-container {
    display: flex; }
    .widget-title-container .filters-container .dashboard-filter {
      height: 40px; }
      .widget-title-container .filters-container .dashboard-filter .filter-value {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis; }
      .widget-title-container .filters-container .dashboard-filter.tab {
        align-items: center;
        display: flex;
        margin-right: 8px; }
        .widget-title-container .filters-container .dashboard-filter.tab .tab-item {
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #E0E0E0;
          border-radius: 2px;
          background: unset; }
          .widget-title-container .filters-container .dashboard-filter.tab .tab-item:not(.active) {
            background: #F5F5F5;
            color: #BDBDBD; }
          .widget-title-container .filters-container .dashboard-filter.tab .tab-item.first, .widget-title-container .filters-container .dashboard-filter.tab .tab-item:not(.last) {
            border-bottom-right-radius: unset;
            border-top-right-radius: unset;
            border-right: unset; }
          .widget-title-container .filters-container .dashboard-filter.tab .tab-item.last, .widget-title-container .filters-container .dashboard-filter.tab .tab-item :not(.first) {
            border-bottom-left-radius: unset;
            border-top-left-radius: unset; }
          .widget-title-container .filters-container .dashboard-filter.tab .tab-item:not(.last):not(.first) {
            border-radius: unset !important; }
      .widget-title-container .filters-container .dashboard-filter .dropdown-button {
        height: 40px;
        margin-right: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 8px;
        border: 1px solid #E0E0E0;
        border-radius: 2px;
        font-size: 14px;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 140px; }
        .widget-title-container .filters-container .dashboard-filter .dropdown-button.empty {
          color: #9E9E9E; }
        .widget-title-container .filters-container .dashboard-filter .dropdown-button:not(.empty) {
          justify-content: unset;
          background: black;
          color: white; }

.loader-wrapper {
  min-height: 200px;
  display: flex;
  justify-content: center; }

.company-dashboard-control {
  float: left; }
  .company-dashboard-control .form-group {
    padding: 0 !important; }
  .company-dashboard-control .body-card {
    border-right: unset !important; }
  .company-dashboard-control .counter-item.last {
    border-right: 1px solid #E0E0E0; }

.widget:not(.col-12) .widget-title-container {
  flex-direction: column;
  margin-bottom: 16px; }

.widget:not(.col-12) .widget-title {
  margin-bottom: 16px !important; }

@media (max-width: 768px) {
  .widget-title-container {
    flex-direction: column;
    margin-bottom: 16px; }
  .widget-title {
    margin-bottom: 16px !important; }
  .filters-container {
    flex-direction: column; }
    .filters-container .dashboard-filter {
      margin-left: 0 !important;
      margin-bottom: 16px; }
      .filters-container .dashboard-filter.tab {
        margin-right: 0 !important; }
      .filters-container .dashboard-filter a {
        max-width: unset !important;
        margin: 0 !important; } }

.avatar-cell .texts {
  display: flex;
  flex-direction: column; }
  .avatar-cell .texts .title {
    font-weight: bold; }

.content.dashboard-section {
  padding: 0px !important; }
  .content.dashboard-section .entity-form.expirationsReportSettings {
    padding: 0; }
    @media (max-width: 575.98px) {
      .content.dashboard-section .entity-form.expirationsReportSettings {
        padding: 0 15px 0; } }

table.medicalExamHealthProtocolRow .periodicity-none .textcell-title {
  color: #212121;
  font-weight: 500; }

table.medicalExamHealthProtocolRow .periodicity-set {
  background: black; }
  table.medicalExamHealthProtocolRow .periodicity-set .textcell-title {
    color: white;
    font-weight: bold; }

.exams-header-warning {
  padding: 16px;
  background: #EEEEEE;
  border: 1px #BDBDBD dashed; }
  .exams-header-warning span {
    font-size: 12px;
    color: #757575; }

.medicalVisit-exams-table.status-resolved tr:not(.selected) td {
  background: #F5F5F5; }

.medicalVisit-exams-table.status-resolved tr:not(.selected) .textcell-title, .medicalVisit-exams-table.status-resolved tr:not(.selected) .textcell-subtitle {
  color: #9E9E9E !important; }

.visit-tab {
  align-items: center;
  display: flex;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  background: unset; }
  .visit-tab .tab-item {
    text-transform: uppercase;
    margin: 4px;
    flex: 1;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #BDBDBD !important;
    cursor: pointer; }
    .visit-tab .tab-item:not(.active) {
      background: white;
      color: #BDBDBD !important; }
    .visit-tab .tab-item.active, .visit-tab .tab-item:hover {
      color: white  !important;
      background: #212121; }

.medical-exam-edit-dialog .modal-body {
  padding-left: 0px;
  padding-right: 0px; }

.exams-overview-label {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px !important; }
  .exams-overview-label i {
    font-size: 16px;
    margin-left: 8px; }

.exams-overview-button-container {
  display: flex;
  justify-content: end; }
  .exams-overview-button-container .exams-overview-button {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 16px;
    background: black;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    cursor: pointer; }

[data-mode='visitResolvedExams'] .medicalVisitExams tr, [data-mode='visitResolvedExams'] .medicalVisitExams td, [data-mode='visitResolvedExams'] .medicalVisitExams th {
  height: 32px !important; }
  [data-mode='visitResolvedExams'] .medicalVisitExams tr .grid-cell-container, [data-mode='visitResolvedExams'] .medicalVisitExams td .grid-cell-container, [data-mode='visitResolvedExams'] .medicalVisitExams th .grid-cell-container {
    height: 32px !important; }

.support-ticket-call img {
  height: 40px;
  margin-right: 8px; }

.textcell-container.support-ticket-description {
  display: flex; }
  .textcell-container.support-ticket-description .textcell-title {
    align-self: center; }

.support-ticket-messages {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-content: center;
  align-items: center; }
  .support-ticket-messages .support-ticket-message-badge {
    height: 8px;
    width: 8px;
    border-radius: 100px;
    background-color: #9FE1FF; }
    .support-ticket-messages .support-ticket-message-badge.unseen {
      background-color: #FF6767 !important; }

.company-task-status-cell.support-ticket-status .status-description {
  text-align: unset !important;
  text-transform: initial !important; }

.support-ticket-overview {
  padding-left: 24px !important;
  margin-right: 24px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #CCCCCC; }
  .support-ticket-overview span {
    font-size: 28px; }

.margin-right-bordered {
  border-right: 1px solid #CCCCCC; }

.support-ticket-closing .row {
  margin-right: 0px !important;
  margin-left: 0px !important; }

.tags-container {
  justify-content: left !important;
  margin-bottom: 12px;
  margin-top: 8px;
  margin-left: 8px !important; }
  .tags-container .overview-label {
    margin-right: 8px; }
    @media (max-width: 768px) {
      .tags-container .overview-label {
        margin-top: 4px; } }

/*-------------------------
    Variables
--------------------------*/
.task-comments-container {
  background-color: white;
  padding: 8px 24px 16px 24px; }
  .task-comments-container + div:first-child {
    margin-bottom: 8px; }
  .task-comments-container .fake-comment-input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #BABABA;
    background-color: white;
    height: 40px;
    cursor: text;
    font-size: 14px;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 8px; }
  .task-comments-container .html-editor {
    width: 100%; }
  .task-comments-container .task-comment-item {
    padding: 16px;
    border: 1px solid #BDBDBD;
    border-radius: 8px;
    box-shadow: unset;
    margin-bottom: unset;
    overflow: hidden; }
    .task-comments-container .task-comment-item .comment-user-badge {
      margin-right: 8px; }
    .task-comments-container .task-comment-item .comment-creator-info {
      font-size: 14px;
      font-weight: 500;
      color: #424242;
      float: left;
      min-width: 200px; }
    .task-comments-container .task-comment-item .comment-date-info {
      font-size: 11px;
      color: #9E9E9E; }
    .task-comments-container .task-comment-item .comment-more-vert {
      font-size: 24px;
      margin-top: 20px;
      padding-left: 24px;
      padding-right: 15px;
      cursor: pointer;
      color: #9E9E9E; }
      .task-comments-container .task-comment-item .comment-more-vert:hover {
        color: #858585; }

.task-comment {
  background-color: #F5F5F5;
  color: #757575;
  border: 1px solid;
  border-radius: 4px;
  margin-left: 15px; }
  .task-comment:focus {
    background-color: #F5F5F5;
    color: #757575;
    border: 1px solid; }

.task-status-overview {
  padding: 16px 24px 18px !important;
  background-color: #FFFFFF;
  margin-top: -25px; }

.task-status-overview-card {
  border-radius: 4px;
  padding: 16px; }
  .task-status-overview-card .footer-text {
    display: flex;
    justify-content: space-between; }
  @media (max-width: 568px) {
    .task-status-overview-card .header-text, .task-status-overview-card .footer-text {
      display: flex;
      flex-direction: column; }
      .task-status-overview-card .header-text .expiration-overview-label, .task-status-overview-card .footer-text .expiration-overview-label {
        max-width: unset; } }
  .task-status-overview-card .expiration-days {
    margin-right: 8px;
    color: rgba(33, 33, 33, 0.6);
    text-transform: none !important; }
  .task-status-overview-card .progressBarWarning {
    display: none; }
  .task-status-overview-card.expired .progressBarTextColor {
    color: #ffffff; }
  .task-status-overview-card.expired .progress-bar {
    background-color: white !important; }
  .task-status-overview-card.expired .progressBarWarning {
    display: inline;
    position: absolute;
    margin-left: 12px;
    color: #ffffff; }
  .task-status-overview-card.expiring .progressBarWarning {
    display: inline;
    position: absolute;
    margin-left: 12px; }
  .task-status-overview-card .header-text {
    text-transform: uppercase;
    color: rgba(33, 33, 33, 0.6);
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px; }
    .task-status-overview-card .header-text.expired {
      color: #FFFFFF; }
  .task-status-overview-card .footer-text {
    font-size: 11px;
    font-weight: 500;
    color: #00000066;
    text-transform: uppercase;
    margin-top: 8px; }
  .task-status-overview-card .progress {
    height: 8px;
    border-radius: 8px;
    background-color: #0000001A; }
  .task-status-overview-card .progress-bar {
    border-radius: 8px;
    background-color: #00000066; }
  .task-status-overview-card.whiteBackgroundProgressBar {
    border: 1px solid #DEDEDE; }
    .task-status-overview-card.whiteBackgroundProgressBar.blueBar .progress-bar {
      border-radius: 8px;
      background-color: #45C5FF; }
    .task-status-overview-card.whiteBackgroundProgressBar.expiring {
      background-color: #ffffff !important; }
      .task-status-overview-card.whiteBackgroundProgressBar.expiring .progressBarWarning {
        display: inline;
        position: absolute;
        margin-left: 12px;
        color: #FF6767; }
      .task-status-overview-card.whiteBackgroundProgressBar.expiring .progress-bar {
        border-radius: 8px;
        background-color: #FFC453; }

.task-description {
  font-size: 32px;
  font-family: Roboto;
  font-weight: 700;
  color: #4E4E4E;
  margin-bottom: 8px;
  line-height: 1.3; }

.task-referents {
  font-size: 12px;
  font-weight: 500;
  color: #00000066;
  text-transform: uppercase;
  margin-bottom: 8px; }
  .task-referents a {
    cursor: pointer !important;
    text-decoration: underline !important; }

.company-task-status-cell {
  overflow: hidden;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075);
  padding: 8px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00000080;
  display: flex;
  align-items: center; }
  .company-task-status-cell .custom-icon {
    margin-right: 4px; }
  .company-task-status-cell.disabled {
    color: #00000080 !important;
    background: #E0E0E0 !important; }
  .company-task-status-cell.expired .days-to-expiration, .company-task-status-cell.expired .status-description, .company-task-status-cell.expired i {
    color: white; }
  .company-task-status-cell.expired .progress-bar {
    background-color: white !important; }
  .company-task-status-cell.expired .custom-icon img {
    filter: invert(100%); }
  .company-task-status-cell .custom-icon {
    display: flex; }
    .company-task-status-cell .custom-icon img {
      filter: opacity(0.5); }
  .company-task-status-cell i {
    font-size: 24px; }
  .company-task-status-cell .days-to-expiration {
    min-width: 64px;
    text-align: center; }
  .company-task-status-cell .status-progress {
    width: 100%;
    background-color: #00000026; }
    .company-task-status-cell .status-progress .progress-bar {
      background-color: #00000066; }
  .company-task-status-cell .status-description {
    min-width: 100px;
    text-align: center; }

.drag-preview {
  display: none; }

.file-drop .modal-body {
  position: relative !important; }

.file-drop .drag-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(71, 197, 255, 0.15);
  z-index: 1;
  top: 0;
  left: 0;
  border: 3px #45C5FF dotted;
  max-height: calc(100vh - 170px); }
  .file-drop .drag-preview .disclaimer {
    background: white;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    --ck-color-dropdown-panel-background: aliceblue;
    padding: 4px;
    border-radius: 4px; }
    .file-drop .drag-preview .disclaimer i {
      margin-right: 8px; }

.task-dialog:not(.entity-supportTicket) .expiration-sidebar {
  background-color: #FAF9F7; }

.task-dialog .modal-body {
  overflow-y: unset !important;
  max-height: unset; }
  .task-dialog .modal-body .expiration-modal-content {
    scrollbar-width: thin;
    overflow-y: auto !important;
    max-height: calc(100vh - 170px); }

@media (max-width: 992px) {
  .task-dialog .modal-body {
    overflow-y: auto !important;
    max-height: calc(100vh - 170px); }
    .task-dialog .modal-body .expiration-modal-content {
      max-height: unset !important;
      overflow-y: unset !important; } }

.task-dialog.supportTicket .expiration-modal-content.left-sidebar {
  padding-top: 0px !important; }

.task-dialog.supportTicket:not([data-mode='view']) .entity-form {
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 24px; }

.task-dialog .expiration-modal-content.left-sidebar {
  padding-top: 24px; }

.task-dialog .modal-body {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }
  .task-dialog .modal-body .body-content {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important; }

.task-dialog[data-entity-active='false'] .modal-content, .task-dialog[data-entity-active='false'] .modal-body, .task-dialog[data-entity-active='false'] .task-status-overview, .task-dialog[data-entity-active='false'] .task-comments-container, .task-dialog[data-entity-active='false'] .fake-comment-input, .task-dialog[data-entity-active='false'] .task-comment-item, .task-dialog[data-entity-active='false'] .expiration-sidebar {
  background-color: #EEEEEE !important; }

.task-dialog[data-entity-active='false'] .expiration-dialog-title, .task-dialog[data-entity-active='false'] .task-description {
  color: #9E9E9E !important; }

.task-dialog .modal-content {
  border-radius: 16px; }

.task-dialog .modal-footer {
  padding: 16px 24px !important; }
  @media (max-width: 568px) {
    .task-dialog .modal-footer {
      display: flex;
      flex-direction: column; }
      .task-dialog .modal-footer .button-container {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px !important; }
      .task-dialog .modal-footer button {
        margin-bottom: 4px;
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: 100% !important; } }
  .task-dialog .modal-footer .btn-link {
    width: unset; }

.task-dialog .modal-header {
  height: 64px;
  display: flex;
  padding-left: 24px;
  flex-wrap: wrap;
  align-items: center;
  align-content: center; }
  .task-dialog .modal-header .modal-title {
    color: #616161; }
    .task-dialog .modal-header .modal-title span {
      text-transform: uppercase;
      font-size: 16px; }

.task-status-btn {
  background-color: #BDBDBD;
  color: #FFFFFF; }
  .task-status-btn.active {
    background-color: #00ABF7; }
  .task-status-btn.active-danger {
    background-color: #ff6767; }
  .task-status-btn:hover {
    color: #FFFFFF; }

.expiration-dialog-title-container {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  color: #616161;
  margin-top: 2px;
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 0 !important; }
  .expiration-dialog-title-container .custom-icon img {
    filter: grayscale(100%) invert(40%) brightness(90%); }

.expiration-additional-text-area textarea {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 15px; }

.expiration-additional-image .input-image:first-child {
  border: 1px solid #CCCCCC;
  border-radius: 4px; }

.expiration-not-active-badge {
  font-weight: 500;
  margin-right: 16px;
  text-transform: uppercase;
  border: 1px solid #9E9E9E;
  color: #9E9E9E;
  border-radius: 100px;
  display: flex;
  align-items: center;
  padding: 8px 16px; }

.expiration-tooltip {
  text-align: center;
  padding: 15px; }
  .expiration-tooltip span, .expiration-tooltip i {
    color: #FFFFFF; }
  .expiration-tooltip .custom-icon img {
    filter: invert(100%); }
  .expiration-tooltip .expiration-tooltip-month {
    color: #EEEEEE !important;
    text-transform: uppercase;
    opacity: 0.45;
    font-size: 10px;
    font-weight: bold; }
  .expiration-tooltip .expiration-tooltip-value {
    font-size: 24px; }
  .expiration-tooltip .expiration-tooltip-label {
    font-size: 12px;
    font-weight: 500; }
  .expiration-tooltip .entities-container {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .expiration-tooltip .entities-container .entity-container {
      display: flex;
      flex-direction: column;
      margin-right: 12px;
      margin-left: 12px; }
      .expiration-tooltip .entities-container .entity-container .entity-value {
        margin-top: 3px; }

a.expiration-overview-label:hover {
  color: #212121 !important; }

.expiration-overview-label {
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0px;
  display: inline-block;
  white-space: nowrap; }
  @media (max-width: 568px) {
    .expiration-overview-label {
      max-width: 100% !important; }
      .expiration-overview-label.separator {
        display: none; } }
  .expiration-overview-label a:hover {
    color: #212121 !important; }
  .expiration-overview-label.separator {
    margin-left: 4px;
    margin-right: 4px; }

.expiration-operation-container-header {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 24px;
  margin-right: -24px;
  margin-left: -24px;
  padding-left: 24px;
  overflow-y: auto;
  scrollbar-width: none;
  display: flex; }
  .expiration-operation-container-header .item {
    margin-right: 24px;
    width: fit-content;
    padding-bottom: 8px; }
    .expiration-operation-container-header .item.selected, .expiration-operation-container-header .item:hover {
      border-bottom: 2px solid #212121; }
      .expiration-operation-container-header .item.selected span, .expiration-operation-container-header .item:hover span {
        color: #212121;
        font-weight: 700; }
    .expiration-operation-container-header .item span {
      font-weight: 500;
      font-size: 13px;
      cursor: pointer;
      text-transform: uppercase;
      overflow: hidden;
      text-overflow: ellipsis;
      text-wrap: nowrap; }

.expiration-links-container .item {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 8px; }
  .expiration-links-container .item span, .expiration-links-container .item i {
    color: #212121; }
  .expiration-links-container .item span {
    font-size: 12px; }
    .expiration-links-container .item span.title {
      font-weight: 700;
      margin-right: 4px; }
  .expiration-links-container .item i {
    margin-right: 8px;
    font-size: 14px; }
  .expiration-links-container .item div {
    display: flex;
    justify-items: center;
    align-items: center; }
  .expiration-links-container .item .open-icon {
    color: #9E9E9E;
    font-weight: 500;
    display: none;
    margin: 0 !important; }
  .expiration-links-container .item .status {
    text-transform: uppercase;
    font-weight: 500;
    display: flex; }
  .expiration-links-container .item:hover {
    background-color: #F5F5F5; }
    .expiration-links-container .item:hover .status {
      display: none; }
    .expiration-links-container .item:hover .open-icon {
      display: flex !important; }

.expiration-entity-sidebar {
  padding-left: 16px;
  padding-top: 8px;
  padding-right: 40px; }
  .expiration-entity-sidebar .title {
    color: #4E4E4E;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px; }
  .expiration-entity-sidebar .link-control {
    display: flex;
    height: calc(2.25rem + 2px);
    justify-content: center;
    align-items: center;
    font-size: 12px; }
  .expiration-entity-sidebar .inline-with-input {
    min-height: initial !important;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-right: 10px; }
    .expiration-entity-sidebar .inline-with-input div {
      display: flex;
      align-items: center; }
    .expiration-entity-sidebar .inline-with-input label {
      margin-bottom: 0px;
      font-size: 12px;
      color: #4E4E4E; }
    .expiration-entity-sidebar .inline-with-input.bordered .input-group {
      border: 1px solid #E0E0E0;
      height: unset !important; }
    .expiration-entity-sidebar .inline-with-input .input-group {
      width: 176px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 40px;
      padding-right: 8px;
      border-radius: 4px;
      padding-left: 8px; }
      .expiration-entity-sidebar .inline-with-input .input-group.call-required {
        background-color: #FFF500; }
      .expiration-entity-sidebar .inline-with-input .input-group input {
        font-size: 14px;
        font-weight: 500;
        padding-right: 0px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .expiration-entity-sidebar .inline-with-input .input-group i, .expiration-entity-sidebar .inline-with-input .input-group input, .expiration-entity-sidebar .inline-with-input .input-group .input-icon-container {
        border-bottom: 0px !important; }
      .expiration-entity-sidebar .inline-with-input .input-group .input-icon-container i {
        color: rgba(0, 0, 0, 0.2) !important;
        -webkit-text-fill-color: rgba(0, 0, 0, 0.2) !important; }
  .expiration-entity-sidebar .inline-separator {
    border-bottom: 1px solid #CCCCCC; }
  @media (max-width: 992px) {
    .expiration-entity-sidebar {
      padding-left: 24px;
      overflow: unset;
      border-top: 1px solid #CCCCCC; } }
  .expiration-entity-sidebar .form-group {
    padding-right: 0px; }
    .expiration-entity-sidebar .form-group.inline {
      min-height: 0px !important;
      margin-bottom: 0px !important;
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: space-between; }
      .expiration-entity-sidebar .form-group.inline .input-group {
        width: unset;
        display: flex;
        justify-content: space-between; }
      .expiration-entity-sidebar .form-group.inline div:first-child {
        display: flex; }
      .expiration-entity-sidebar .form-group.inline label {
        margin-bottom: 0px;
        font-size: 12px;
        color: #4E4E4E;
        -webkit-text-fill-color: #4E4E4E;
        /* Override iOS / Android font color change */ }
      .expiration-entity-sidebar .form-group.inline input {
        border: 0px !important;
        text-align: right;
        padding-right: 0px !important;
        font-size: 12px; }

.edit-comment-container .action-container {
  display: flex;
  justify-content: end;
  margin-bottom: 8px; }
  .edit-comment-container .action-container .action-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 4px; }
    .edit-comment-container .action-container .action-toggle:not(.locked) {
      background: #EEEEEE;
      margin-left: 8px;
      cursor: pointer; }
      .edit-comment-container .action-container .action-toggle:not(.locked):hover {
        background: #212121; }
        .edit-comment-container .action-container .action-toggle:not(.locked):hover.notEnabled i.notEnabled {
          display: none; }
        .edit-comment-container .action-container .action-toggle:not(.locked):hover.notEnabled i.enabled {
          display: block; }
        .edit-comment-container .action-container .action-toggle:not(.locked):hover i {
          color: white; }
    .edit-comment-container .action-container .action-toggle .text {
      display: none; }
    .edit-comment-container .action-container .action-toggle i {
      padding: 3px 6px 3px 6px;
      font-size: 18px;
      color: #9E9E9E; }
    .edit-comment-container .action-container .action-toggle.enabled {
      background: #212121; }
      .edit-comment-container .action-container .action-toggle.enabled i {
        color: white; }
        .edit-comment-container .action-container .action-toggle.enabled i.notEnabled {
          display: none; }
        .edit-comment-container .action-container .action-toggle.enabled i.enabled {
          display: block; }
      .edit-comment-container .action-container .action-toggle.enabled.locked {
        background: unset !important; }
        .edit-comment-container .action-container .action-toggle.enabled.locked i {
          color: #9E9E9E !important; }
      .edit-comment-container .action-container .action-toggle.enabled .text {
        color: white;
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        margin-right: 6px;
        display: block; }
    .edit-comment-container .action-container .action-toggle.notEnabled i.enabled {
      display: none; }
    .edit-comment-container .action-container .action-toggle.notEnabled i.notEnabled {
      display: block; }

.comment-detail {
  display: flex; }
  .comment-detail .comment-more-vert {
    margin-top: 0px !important;
    padding-left: 16px !important;
    padding-right: 5px !important;
    display: flex; }

.task-comment-item card {
  overflow: initial; }

.comments-list-container .expiration-operation-container-header {
  margin-top: 8px !important;
  margin-bottom: 16px !important;
  border-bottom: 0px !important; }
  .comments-list-container .expiration-operation-container-header .item {
    padding-bottom: 0px !important; }
    .comments-list-container .expiration-operation-container-header .item span {
      font-size: 11px !important; }

.company-infos-container {
  display: flex;
  gap: 2px;
  margin-bottom: 8px;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden; }
  .company-infos-container .separator-icon {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 2px; }
  .company-infos-container.with-link {
    cursor: pointer; }
    .company-infos-container.with-link:hover i, .company-infos-container.with-link:hover span {
      color: black; }
  .company-infos-container .tooltip-container {
    display: flex;
    align-items: center; }
  .company-infos-container .company-infos-item-container {
    display: flex;
    align-items: center;
    background-color: #EEEEEE;
    font-weight: 700;
    padding: 2px;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
    white-space: nowrap; }
    .company-infos-container .company-infos-item-container i {
      font-size: 11px;
      margin-right: 2px; }

.expiration-entity-sidebar .document-container {
  margin-right: -15px; }

.document-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  flex-wrap: wrap;
  flex-direction: row; }
  .document-container .document-body-container {
    display: flex;
    text-overflow: ellipsis;
    flex: 0.9;
    overflow: hidden; }
    .document-container .document-body-container .document-body {
      text-overflow: ellipsis;
      overflow: hidden; }
    .document-container .document-body-container .document-body-actions {
      margin-top: 11px;
      display: flex; }
      .document-container .document-body-container .document-body-actions .document-action {
        cursor: pointer;
        width: 24px;
        height: 24px;
        border: 1px solid #BDBDBD;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        margin-right: 4px; }
        .document-container .document-body-container .document-body-actions .document-action:hover {
          border-color: #212121; }
          .document-container .document-body-container .document-body-actions .document-action:hover i {
            color: #212121; }
        .document-container .document-body-container .document-body-actions .document-action i {
          font-size: 16px;
          width: 16px;
          height: 16px;
          color: #BDBDBD; }
  .document-container .document-actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center; }
    .document-container .document-actions .info {
      display: flex;
      color: #616161;
      font-weight: 500;
      justify-content: center; }
      .document-container .document-actions .info span:first-child {
        display: flex; }
  .document-container .more {
    display: flex;
    justify-content: end; }
  .document-container .title {
    margin-bottom: 5px;
    margin-top: 4px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .document-container .subtitle {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 1.1px; }
  .document-container .document-preview-container {
    padding: 4px;
    background-color: white !important;
    border: solid 3px;
    border-radius: 6px;
    margin-right: 8px;
    margin-bottom: 8px; }
    .document-container .document-preview-container.expiring {
      border-color: #FFD688; }
    .document-container .document-preview-container.expired {
      border-color: #FF6767; }
    .document-container .document-preview-container.regular {
      border-color: #45C5FF; }
    .document-container .document-preview-container .document-preview {
      width: 48px;
      height: 64px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
      .document-container .document-preview-container .document-preview.uploading {
        display: flex;
        background-image: unset !important;
        justify-content: center;
        align-items: center;
        background-color: #0000002e; }
        .document-container .document-preview-container .document-preview.uploading .progress {
          background-color: #0000001a;
          width: 100% !important;
          margin-right: 8px !important;
          margin-left: 8px !important; }
          .document-container .document-preview-container .document-preview.uploading .progress .progress-bar {
            background: white; }
    .document-container .document-preview-container .extension-preview {
      display: flex;
      width: 48px;
      height: 64px;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .document-container .document-preview-container .extension-preview span {
        font-size: 14px;
        text-transform: uppercase;
        color: #424242;
        font-weight: 500; }

.document-status-field.change-status {
  margin-bottom: 0px; }

.document-status-field .custom-select-block {
  border-radius: 104px;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  height: 32px;
  font-size: 14px;
  font-weight: 500; }
  .document-status-field .custom-select-block.active, .document-status-field .custom-select-block:hover {
    border: 2px solid #FFC453;
    color: #FFC453;
    background-color: hwb(39deg 32% 0%/15%); }
  .document-status-field .custom-select-block[data-item-value='available'].active, .document-status-field .custom-select-block[data-item-value='available']:hover {
    color: #2FC7FF;
    border-color: #2FC7FF;
    background-color: hwb(196deg 18% 0%/15%); }
  .document-status-field .custom-select-block[data-item-value='expired'].active, .document-status-field .custom-select-block[data-item-value='expired']:hover {
    color: #FF6767;
    border-color: #FF6767;
    background-color: hwb(0deg 40% 0%/15%); }

.document-status-field .select-block-container {
  padding-right: 4px !important;
  padding-left: 4px !important; }

.expirationEntityDocument tbody .grid-cell-container {
  height: 66px !important; }

.expirationEntityDocument .document-status-expiring .comment-user-badge {
  border-color: #FFD688 !important; }

.expirationEntityDocument .document-status-expired .comment-user-badge {
  border-color: #FF6767 !important; }

.expirationEntityDocument .document-status-regular .comment-user-badge {
  border-color: #45C5FF !important; }

.expirationEntityDocument .comment-user-badge {
  height: 48px !important;
  width: 56px !important;
  border-radius: 6px !important;
  background-size: 30px !important;
  background-repeat: no-repeat !important;
  background-color: white !important;
  background-position: center !important;
  border: solid 3px !important; }

.medical-exam-edit-dialog .entity-form.expirationEntityExpectedDocument .form-body .area-no-card {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.document-status-cell {
  text-transform: uppercase;
  color: #757575;
  font-size: 12px;
  font-weight: 700; }
  .document-status-cell .status-check {
    width: 12px;
    height: 12px;
    margin-right: 4px; }

#versions-dropdown {
  width: 300px;
  max-height: 400px;
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: thin; }
  #versions-dropdown .version-item {
    display: flex;
    padding: 8px;
    justify-content: space-between;
    align-items: center; }
    #versions-dropdown .version-item.can-view {
      cursor: pointer; }
      #versions-dropdown .version-item.can-view:hover {
        background-color: #F5F5F5; }
    #versions-dropdown .version-item .versions-actions-container {
      display: flex; }
      #versions-dropdown .version-item .versions-actions-container div:hover i {
        color: #000000; }
      #versions-dropdown .version-item .versions-actions-container i {
        cursor: pointer; }

.customerProfile .system-modules .form-body-content .col-12:first-child, .customer .system-modules .form-body-content .col-12:first-child, .companyOffice .system-modules .form-body-content .col-12:first-child {
  padding: 0 !important; }

.system-modules .form {
  padding: 0px !important; }

.system-modules .multi-form-item {
  padding: 0px !important; }
  .system-modules .multi-form-item .form-group {
    min-height: unset !important; }
  .system-modules .multi-form-item.disabled .card {
    background-color: #FAFAFA !important; }
    .system-modules .multi-form-item.disabled .card .read-only-text-with-icon {
      height: 27px !important; }
  .system-modules .multi-form-item input:disabled {
    height: auto;
    border: 0 !important; }
  .system-modules .multi-form-item .card-title {
    font-size: 16px; }

.system-module-cell {
  max-width: unset !important; }

.systemModuleItemsContainer {
  display: flex;
  flex-direction: row;
  gap: 8px; }
  .systemModuleItemsContainer.row {
    margin: 0 !important; }
  .systemModuleItemsContainer .systemModule-item {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border-radius: 44px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center; }
    .systemModuleItemsContainer .systemModule-item i {
      font-size: 20px; }
    .systemModuleItemsContainer .systemModule-item .custom-icon {
      display: flex; }
    .systemModuleItemsContainer .systemModule-item.enabled {
      background-color: #50b2f1; }
      .systemModuleItemsContainer .systemModule-item.enabled i {
        color: white; }
      .systemModuleItemsContainer .systemModule-item.enabled .custom-icon img {
        filter: invert(100%); }
    .systemModuleItemsContainer .systemModule-item:not(.enabled) {
      background-color: #eeeeee; }
      .systemModuleItemsContainer .systemModule-item:not(.enabled) i {
        color: #bdbdbd; }
      .systemModuleItemsContainer .systemModule-item:not(.enabled) .custom-icon img {
        filter: invert(76%); }
  .systemModuleItemsContainer.large .systemModule-item {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px; }
    .systemModuleItemsContainer.large .systemModule-item i {
      font-size: 30px; }

/*-------------------------
    Variables
--------------------------*/
.companies-home {
  margin-top: 16px; }
  .companies-home .company-item .description {
    font-size: 24px;
    font-weight: 500;
    color: #333333; }
  .companies-home .company-item .company-office-item {
    margin-top: 16px; }
    .companies-home .company-item .company-office-item .description {
      font-size: 20px;
      font-weight: 500;
      color: #333333; }

.company-office-item .card-body {
  padding: 32px; }

.company-office-item .grid {
  padding-top: 20px !important;
  padding-right: 0px !important;
  padding-left: 0px !important; }

.company-office-item .document-items-container {
  scrollbar-width: thin;
  overflow-x: auto;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row; }
  .company-office-item .document-items-container .document-item {
    cursor: pointer;
    min-width: 296px;
    width: 296px;
    height: 184px;
    padding: 24px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    margin-right: 16px; }
    .company-office-item .document-items-container .document-item .document-item-row {
      display: flex;
      margin-top: 8px;
      align-items: center; }
      .company-office-item .document-items-container .document-item .document-item-row .label {
        font-size: 14px;
        color: #424242; }
      .company-office-item .document-items-container .document-item .document-item-row:hover .label {
        font-weight: bold; }
      .company-office-item .document-items-container .document-item .document-item-row .status-check {
        width: 16px;
        height: 16px;
        margin-right: 8px; }
    .company-office-item .document-items-container .document-item .title-container {
      margin-bottom: 16px;
      display: flex; }
      .company-office-item .document-items-container .document-item .title-container i {
        font-size: 24px;
        color: #212121; }
      .company-office-item .document-items-container .document-item .title-container .description {
        margin-left: 8px;
        color: #212121;
        font-size: 16px; }
    .company-office-item .document-items-container .document-item .download {
      margin-left: auto;
      order: 2;
      cursor: pointer;
      display: none; }
      .company-office-item .document-items-container .document-item .download i {
        font-size: 24px;
        color: #BDBDBD; }
    .company-office-item .document-items-container .document-item:hover {
      background-color: #EEEEEE; }
      .company-office-item .document-items-container .document-item:hover .download {
        display: block; }

.company-office-item thead tr {
  background-color: unset !important; }

.company-office-item thead th {
  cursor: unset !important;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  color: #616161; }
  .company-office-item thead th:hover {
    background-color: unset !important; }
  .company-office-item thead th span {
    background-color: unset;
    cursor: unset !important;
    padding: 0; }

.company-office-item .title-item {
  width: 35%; }

.company-office-item .expiring-item {
  overflow: hidden;
  margin-right: -1px;
  width: 20%; }
  .company-office-item .expiring-item .expirings-item {
    overflow: hidden; }
    .company-office-item .expiring-item .expirings-item:not(.no-hover):hover {
      opacity: 0.8; }
  .company-office-item .expiring-item .grid-cell-container {
    margin-right: -1px;
    margin-left: -1px;
    padding: 0 !important; }

.company-office-item .row-expander {
  width: 5%; }

.company-office-item:not(.worker) .table-hover > tbody > tr.level-0 {
  background-color: unset !important;
  cursor: unset !important; }

.company-office-item tr {
  border-bottom: 1px solid #E0E0E0 !important; }
  .company-office-item tr.level-1 td {
    border-top: unset; }

.activity-title {
  font-size: 16px;
  color: #212121; }

.company-menu-header {
  padding: 16px;
  background: #1A1A1A;
  color: white;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  text-overflow: ellipsis;
  text-wrap: nowrap; }
  .company-menu-header .linkable {
    text-decoration: underline;
    cursor: pointer; }
  .company-menu-header .company-name {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    border-bottom: 1px solid #4D4D4D;
    padding-bottom: 8px;
    font-weight: 500; }
    .company-menu-header .company-name span {
      font-size: 18px;
      color: #F0F0F0; }
  .company-menu-header .offices-infos {
    display: flex;
    flex-direction: row; }
    .company-menu-header .offices-infos .texts-container {
      flex: 1;
      overflow: hidden; }
    .company-menu-header .offices-infos .offices-selector {
      background: #1A1A1A;
      height: 100%;
      cursor: pointer; }
      .company-menu-header .offices-infos .offices-selector .no-items-text {
        color: white;
        padding-left: 8px;
        padding-top: 16px; }
      .company-menu-header .offices-infos .offices-selector .quick-search-container {
        background: white;
        margin: 8px;
        border-radius: 4px; }
        .company-menu-header .offices-infos .offices-selector .quick-search-container .quick-search {
          border-bottom: 0; }
          .company-menu-header .offices-infos .offices-selector .quick-search-container .quick-search:before, .company-menu-header .offices-infos .offices-selector .quick-search-container .quick-search:after {
            display: none; }
      .company-menu-header .offices-infos .offices-selector .dropdown-button {
        display: flex;
        justify-content: center;
        align-items: center; }
      .company-menu-header .offices-infos .offices-selector .offices-list {
        max-height: 144px;
        overflow-y: auto;
        scrollbar-width: none; }
      .company-menu-header .offices-infos .offices-selector .offices-selector-item {
        padding: 8px;
        display: flex;
        justify-content: space-between;
        gap: 4px; }
        .company-menu-header .offices-infos .offices-selector .offices-selector-item .texts-container {
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: flex;
          flex-direction: column; }
          .company-menu-header .offices-infos .offices-selector .offices-selector-item .texts-container .title {
            font-size: 15px;
            font-weight: 500; }
          .company-menu-header .offices-infos .offices-selector .offices-selector-item .texts-container .subtitle {
            font-size: 10px; }
        .company-menu-header .offices-infos .offices-selector .offices-selector-item span {
          overflow-x: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .company-menu-header .offices-infos .offices-selector .dropdown-menu {
        background: #1A1A1A;
        border: solid 1px #4D4D4D; }
        .company-menu-header .offices-infos .offices-selector .dropdown-menu span {
          color: #E6E6E6; }
    .company-menu-header .offices-infos .company-office-name {
      overflow: hidden;
      text-overflow: ellipsis;
      text-wrap: nowrap;
      margin-top: 8px; }
      .company-menu-header .offices-infos .company-office-name span {
        font-size: 15px;
        color: #E6E6E6; }
    .company-menu-header .offices-infos .company-office-address {
      overflow: hidden;
      text-overflow: ellipsis;
      text-wrap: nowrap;
      line-height: 0.8; }
      .company-menu-header .offices-infos .company-office-address span {
        color: #BFBFBF;
        font-size: 10px; }
  .company-menu-header span {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap; }

.create-company-office {
  align-items: center !important;
  margin: 8px;
  border: 1px solid white;
  border-radius: 4px;
  padding: 8px;
  height: 32px !important;
  display: flex !important;
  color: white !important;
  text-transform: uppercase;
  text-align: center !important;
  justify-content: center !important; }

.questionnaire_content .userCompanyOfficePermission .content__title {
  margin-top: 10px; }

.userCompanyOfficePermission .comment-user-badge {
  cursor: pointer;
  border: none !important; }

.userCompanyOfficePermission .content__title h1 {
  font-size: 16px !important;
  font-weight: 400; }

.userCompanyOfficePermission .avatar-cell .texts .tooltip-container {
  margin-left: 0px !important; }

.userCompanyOfficePermission .user-permissions-container:not(.not-supported) .grid-cell-container {
  padding-right: 0px !important; }

.userCompanyOfficePermission .user-permissions-container [data-enabled="false"]:hover:not(.cursor-no-drop)[data-status="disabled"] .comment-user-badge {
  background-image: url("/resources/images/permissions/permission_disabled_active.png") !important; }

.userCompanyOfficePermission .user-permissions-container [data-enabled="false"]:hover:not(.cursor-no-drop)[data-status="view"] .comment-user-badge {
  background-image: url("/resources/images/permissions/permission_view_active.png") !important; }

.userCompanyOfficePermission .user-permissions-container [data-enabled="false"]:hover:not(.cursor-no-drop)[data-status="edit"] .comment-user-badge {
  background-image: url("/resources/images/permissions/permission_edit_active.png") !important; }

.userCompanyOfficePermission .actions-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  font-size: 12px;
  color: #BDBDBD; }
  .userCompanyOfficePermission .actions-container .avatar-cell {
    width: unset !important; }

.entity-form.user .system-modules .multi-form-item .card, .entity-form.user_wizard_2 .system-modules .multi-form-item .card {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.entity-form.user .systemModules-area.area-no-card, .entity-form.user_wizard_2 .systemModules-area.area-no-card {
  padding-right: 16px !important;
  padding-left: 16px !important; }

.operationStatus {
  display: flex;
  width: 100%;
  justify-content: space-between; }
  .operationStatus:not(.has-dropdown) {
    margin-right: -15px; }
  .operationStatus.has-dropdown .more {
    margin-right: -15px;
    display: flex; }
  .operationStatus.has-dropdown .dropdown-item {
    width: 250px;
    display: flex;
    justify-content: space-between;
    position: relative; }
    .operationStatus.has-dropdown .dropdown-item .operation-status-stepper {
      width: 56px;
      display: flex;
      justify-content: center;
      justify-items: center;
      padding-bottom: 0 !important;
      position: absolute;
      right: 20px;
      height: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: white; }
  .operationStatus div:first-child {
    width: 100%; }
  .operationStatus .operation-status-stepper {
    display: flex; }
    .operationStatus .operation-status-stepper .item {
      margin-right: 2px;
      height: 4px;
      background: #E6E6E6; }
      .operationStatus .operation-status-stepper .item.first {
        border-radius: 4px 0 0 4px; }
      .operationStatus .operation-status-stepper .item.last {
        border-radius: 0 4px  4px 0; }
      .operationStatus .operation-status-stepper .item.selected {
        background: black; }

.grid-cell-container .operationStatus .title {
  margin-bottom: 10px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.expiration-entity-sidebar .operation-status-stepper {
  padding-bottom: 16px; }

.operating-list-operation-status-cell {
  width: 100%; }
  .operating-list-operation-status-cell .title {
    margin-bottom: 10px; }
  .operating-list-operation-status-cell .progress-bar {
    color: black;
    background: black; }

/*-------------------------
    Variables
--------------------------*/
.ppe-assignment-inProgress .grid-cell-container .textcell-title {
  color: #ff6767; }

.ppe-assignment-items {
  max-width: unset !important; }
  .ppe-assignment-items .grid-cell-container {
    padding: 0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
    .ppe-assignment-items .grid-cell-container .ppe-assignment-cell-container {
      display: flex;
      height: 100%;
      flex-direction: row;
      flex: 1; }
      .ppe-assignment-items .grid-cell-container .ppe-assignment-cell-container .tooltip-container {
        display: flex;
        height: 100%;
        flex-direction: row;
        flex: 1; }
      .ppe-assignment-items .grid-cell-container .ppe-assignment-cell-container .ppe-item {
        min-width: 100px;
        flex-grow: 1;
        border-radius: 4px;
        margin-right: 4px; }

.exams-header-warning.company-worker-ppe-details {
  background: #FAFAFA;
  border-color: #1A1A1A; }
  .exams-header-warning.company-worker-ppe-details .item {
    display: flex;
    height: 24px;
    justify-content: space-between;
    border-bottom: 1px solid;
    align-items: center;
    border-color: #E6E6E6; }
    .exams-header-warning.company-worker-ppe-details .item .item-status {
      padding-left: 4px;
      padding-right: 4px;
      border-radius: 2px; }
    .exams-header-warning.company-worker-ppe-details .item span {
      color: #1A1A1A; }
  .exams-header-warning.company-worker-ppe-details .note {
    margin-top: 16px; }
    .exams-header-warning.company-worker-ppe-details .note span {
      color: #4D4D4D; }

.exams-header-warning.ppe-assignation-details {
  padding: 0px !important;
  border: 0px !important;
  background: unset; }
  .exams-header-warning.ppe-assignation-details .item {
    height: 32px; }

.ppeAssignationOverview .download-template {
  cursor: pointer;
  color: #00B4F7 !important; }

.assignation-documents-container {
  background: #FAFAFA;
  /* border-color: #E0E0E0; */
  border: solid 1px #E0E0E0;
  padding: 16px;
  border-radius: 2px; }
  .assignation-documents-container .tooltip-container {
    margin: 0 !important; }
  .assignation-documents-container .document-container {
    margin-top: 0px !important; }
  .assignation-documents-container .document-preview-container {
    margin-bottom: 0px !important; }
  .assignation-documents-container .title {
    color: #4E4E4E;
    font-size: 14px;
    font-weight: bold; }

.assignation-not-inProgress .document-body {
  display: flex;
  justify-content: space-between;
  flex-direction: column; }

.assignation-not-inProgress .document-preview-container {
  border-color: #E6E6E6 !important; }

.company-worker-dashboard .loader-wrapper {
  max-height: 100px !important; }

.company-worker-dashboard .card-body {
  padding: 0px !important; }

.company-worker-dashboard .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px; }
  .company-worker-dashboard .header-container .statuses-container {
    display: flex; }
    .company-worker-dashboard .header-container .statuses-container .expirings-item {
      width: 120px;
      border-radius: 8px;
      margin-left: 8px; }
  .company-worker-dashboard .header-container .content__title {
    justify-content: unset !important; }
    .company-worker-dashboard .header-container .content__title .dropdown-container i {
      color: #212121; }
    .company-worker-dashboard .header-container .content__title .title {
      flex: unset !important;
      min-width: 130px; }

.company-worker-dashboard .activity-container {
  padding-left: 16px !important;
  padding-right: 16px !important;
  height: 54px;
  display: flex;
  justify-content: space-between; }
  .company-worker-dashboard .activity-container .checkbox {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 16px; }
    .company-worker-dashboard .activity-container .checkbox.checked .checkbox__label:before {
      background-color: #00B4F7;
      border-color: #00B4F7; }
    .company-worker-dashboard .activity-container .checkbox.checked .checkbox__label:after {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      color: #FFFFFF; }
    .company-worker-dashboard .activity-container .checkbox .checkbox__label {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
  .company-worker-dashboard .activity-container:not(:last-child) {
    border-bottom: solid 1px #E0E0E0; }
  .company-worker-dashboard .activity-container:not(.not-selectable) {
    cursor: pointer; }
  .company-worker-dashboard .activity-container.selected {
    background-color: #EBFAFF; }
  .company-worker-dashboard .activity-container:hover:not(.not-selectable) {
    background-color: whitesmoke !important; }
  .company-worker-dashboard .activity-container .activity-infos {
    display: flex;
    flex-direction: column;
    align-self: center;
    white-space: nowrap;
    overflow: hidden; }
    .company-worker-dashboard .activity-container .activity-infos .title {
      color: #1A1A1A;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 4px; }
    .company-worker-dashboard .activity-container .activity-infos .company-with-office {
      color: var(--color-text-default, #424242);
      font-weight: 500;
      padding: 4px;
      border-radius: var(--sm, 2px);
      background: var(--color-background-trasparent-subtle, rgba(46, 46, 46, 0.07)); }
    .company-worker-dashboard .activity-container .activity-infos .subtitle {
      display: flex;
      align-items: center;
      font-weight: 700;
      flex-grow: 0;
      font-size: 12px;
      border-radius: 2px;
      width: fit-content;
      padding-right: 4px;
      text-transform: uppercase; }
      .company-worker-dashboard .activity-container .activity-infos .subtitle i {
        margin-left: 4px;
        margin-right: 4px;
        font-size: 14px; }
      .company-worker-dashboard .activity-container .activity-infos .subtitle.expired .custom-icon img {
        filter: invert(100%); }
      .company-worker-dashboard .activity-container .activity-infos .subtitle .custom-icon {
        display: flex; }
        .company-worker-dashboard .activity-container .activity-infos .subtitle .custom-icon img {
          width: 14px;
          height: 14px;
          filter: opacity(0.5); }
  .company-worker-dashboard .activity-container .activity-document {
    display: flex; }
    .company-worker-dashboard .activity-container .activity-document .document-preview, .company-worker-dashboard .activity-container .activity-document .extension-preview {
      padding: 0px !important;
      height: 38px !important;
      width: 40px !important; }
    .company-worker-dashboard .activity-container .activity-document .tooltip-container {
      display: flex !important;
      align-items: center !important; }
    .company-worker-dashboard .activity-container .activity-document .document-preview-container {
      padding: 0px !important;
      height: 40px !important;
      width: 42px !important;
      border-width: 1px;
      margin-bottom: 0px !important;
      margin-left: 8px !important;
      margin-right: 0px !important; }
    .company-worker-dashboard .activity-container .activity-document .document-body-container {
      flex: 1; }
    .company-worker-dashboard .activity-container .activity-document .document-container {
      margin-top: 0px !important; }

@media (max-width: 576px) {
  .company-worker-dashboard .header-container {
    flex-direction: column;
    align-items: normal;
    margin-bottom: 16px; }
  .company-worker-dashboard .expirings-item {
    flex: 1; }
    .company-worker-dashboard .expirings-item.first {
      margin-left: 0px !important; } }

.register-icons-category-container .icon-category {
  display: flex;
  gap: 8px;
  margin-bottom: 24px; }
  .register-icons-category-container .icon-category .icon {
    cursor: pointer;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    background: #F0F0F0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    justify-items: center;
    justify-self: center;
    align-items: center; }
    .register-icons-category-container .icon-category .icon:hover {
      background: #dadada; }
    .register-icons-category-container .icon-category .icon.selected {
      background: #1A1A1A; }
      .register-icons-category-container .icon-category .icon.selected img {
        filter: invert(100%); }

.list-icon-cell .comment-user-badge {
  background-color: unset !important;
  border: none !important; }

.list-icon-cell .avatar-cell {
  display: flex;
  align-items: center; }

/*-------------------------
    Variables
--------------------------*/
.feCalendar-container {
  padding-top: 47px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: -1px; }
  @media (max-width: 576px) {
    .feCalendar-container.sidebar-opened {
      display: none; } }
  .feCalendar-container .fc-col-header-cell-cushion {
    cursor: initial !important; }
  @media (max-width: 900px) {
    .feCalendar-container .feature-not-enabled-page-container {
      display: none; } }
  .feCalendar-container .feature-not-enabled-page-container {
    margin-bottom: 60px !important; }
    .feCalendar-container .feature-not-enabled-page-container p {
      font-size: 20px; }
  .feCalendar-container .fc-toolbar {
    display: none; }
  .feCalendar-container .form {
    padding: 0px !important; }
    .feCalendar-container .form .form-group {
      min-height: unset;
      margin-bottom: unset; }
  .feCalendar-container .autocomplete {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px 8px;
    height: 48px;
    display: flex;
    align-items: center; }
    .feCalendar-container .autocomplete .select2-selection {
      border-bottom: 0px !important; }
      .feCalendar-container .autocomplete .select2-selection .select2-selection__placeholder {
        color: #191919;
        font-weight: 500; }
  .feCalendar-container .bootstrap-select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 0px 8px;
    height: 48px;
    display: flex;
    align-items: center; }
    .feCalendar-container .bootstrap-select button.dropdown-toggle {
      background-color: #fff;
      height: 31px;
      padding: 3px 0px; }
  .feCalendar-container .month-slider-container {
    display: flex;
    align-items: center;
    background-color: #000000;
    border-radius: 4px;
    height: 48px; }
    .feCalendar-container .month-slider-container i {
      color: #FFFFFF;
      font-size: 24px;
      padding-left: 10px;
      padding-right: 15px; }
    .feCalendar-container .month-slider-container .month-slider {
      display: flex;
      flex: 1;
      align-items: center;
      padding: 4px 8px;
      color: #FFFFFF; }
      .feCalendar-container .month-slider-container .month-slider p {
        flex: 1;
        margin: 0;
        text-align: center;
        font-size: 16px; }
  .feCalendar-container #month-calendar th[role=presentation] {
    padding: 0px; }
    .feCalendar-container #month-calendar th[role=presentation] table.fc-col-header {
      width: 100%; }
  .feCalendar-container #month-calendar .fc-daygrid-day-number {
    margin-right: 4px;
    font-weight: 500;
    cursor: auto; }
  .feCalendar-container #month-calendar .calendar-day {
    gap: 4px;
    display: flex;
    font-weight: bold;
    color: #4D4D4D;
    align-items: center;
    justify-content: space-between;
    padding: 2px;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 1px; }
    .feCalendar-container #month-calendar .calendar-day .text-container {
      display: flex;
      align-items: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: 500; }
      .feCalendar-container #month-calendar .calendar-day .text-container i {
        margin-right: 4px;
        color: #666666; }
      .feCalendar-container #month-calendar .calendar-day .text-container .custom-icon img {
        width: 24px;
        padding: 1px;
        filter: grayscale(100%) invert(50%) brightness(80%); }
      .feCalendar-container #month-calendar .calendar-day .text-container .progress-text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #666666; }
    .feCalendar-container #month-calendar .calendar-day .status-container {
      display: flex; }
      .feCalendar-container #month-calendar .calendar-day .status-container .status {
        font-weight: 500 !important;
        padding-right: 4px;
        padding-left: 4px;
        font-weight: bold;
        border-radius: 4px; }
        .feCalendar-container #month-calendar .calendar-day .status-container .status.expected {
          margin-left: 2px; }
        .feCalendar-container #month-calendar .calendar-day .status-container .status.expired.hasExpiring {
          border-radius: 0 4px 4px 0; }
        .feCalendar-container #month-calendar .calendar-day .status-container .status.expiring:has(+ .expired) {
          border-radius: 0px;
          border-radius: 4px 0 0 4px;
          margin-right: 1px; }
  .feCalendar-container #month-calendar .fc-day-other .fc-daygrid-day-top {
    opacity: 1 !important; }
  .feCalendar-container #month-calendar .fc-day-other .fc-daygrid-day-number {
    color: #B2B2B2 !important; }
  .feCalendar-container #month-calendar .fc-daygrid-day:not(.fc-day-other) .fc-daygrid-day-number {
    color: #333333; }
  .feCalendar-container #month-calendar .fc-day-today {
    background-color: #FFFFFF !important;
    width: 100%;
    height: 100% !important;
    float: left;
    border: 0px; }
    .feCalendar-container #month-calendar .fc-day-today .fc-daygrid-day-top a.fc-daygrid-day-number {
      display: none; }
    .feCalendar-container #month-calendar .fc-day-today .day-cell-today .fc-daygrid-day-number {
      display: block  !important;
      color: white !important;
      border-radius: 4px;
      padding-left: 6px;
      padding-right: 6px;
      padding-top: 0px;
      padding-bottom: 0px;
      background-color: #000; }
  .feCalendar-container #month-calendar .fc-daygrid-day-top {
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px; }

.fc-event-selected:after, .fc-event:focus:after {
  background-color: unset !important; }

.fc-event-selected, .fc-event:focus {
  box-shadow: unset !important; }

.fc-daygrid-event {
  background-color: white; }
  .fc-daygrid-event .fc-event-main {
    margin-bottom: 4px;
    margin-right: 4px !important;
    margin-left: 4px !important;
    border-radius: 4px;
    background: #F5F5F5;
    border: 1px solid #F5F5F5; }
    .fc-daygrid-event .fc-event-main:hover {
      background: unset !important;
      border-color: #E6E6E6; }

.month-slider {
  display: flex;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px;
  background: #F0F0F0;
  border-radius: 4px; }
  .month-slider .input-group input {
    opacity: 1;
    border-bottom: 0px;
    flex: 1;
    margin: 0;
    font-size: 16px;
    z-index: 2;
    color: #4D4D4D !important;
    font-weight: 500; }
    .month-slider .input-group input:hover {
      color: black !important; }
  .month-slider .input-group .input-group-addon {
    display: none; }
  .month-slider i {
    font-size: 20px;
    color: #4D4D4D; }
    .month-slider i:hover {
      color: black !important; }
  .month-slider .zmdi-chevron-left {
    margin-right: 16px; }
  .month-slider .zmdi-chevron-right, .month-slider .zmdi-chevron-left {
    font-size: 30px !important; }
  .month-slider .calendar-navigator-icon {
    cursor: pointer;
    font-size: 20px;
    margin-left: 24px; }

[data-section=calendar] .content__title {
  width: 100%;
  left: auto !important;
  right: auto !important; }

.calendar-sidebar .content__title {
  padding-left: 16px !important;
  margin-left: -1px;
  border-left: 1px solid #e0e0e0 !important; }
  .calendar-sidebar .content__title .actions {
    height: 100%;
    background: #FAFAFA;
    justify-content: center;
    align-items: center;
    position: sticky !important; }

.calendar-sidebar .calendar-sidebar-body {
  padding-top: 47px;
  position: fixed; }
  @media (max-width: 576px) {
    .calendar-sidebar .calendar-sidebar-body {
      position: relative; }
      .calendar-sidebar .calendar-sidebar-body .sidebar-content {
        width: unset !important; } }
  .calendar-sidebar .calendar-sidebar-body .sidebar-content {
    padding: 16px;
    margin-left: -1px;
    border-left: 1px solid #e0e0e0 !important; }
    .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container {
      overflow-y: scroll;
      max-height: 80vh;
      margin-left: -16px;
      margin-right: -16px; }
      .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .group-header {
        margin-bottom: 16px;
        margin-top: 16px;
        display: flex;
        justify-content: space-between;
        padding-right: 16px;
        padding-left: 16px;
        border-bottom: 1px solid #e0e0e0;
        font-size: 16px; }
        .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .group-header .group-actions-container {
          display: flex;
          gap: 4px; }
          .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .group-header .group-actions-container .add-to-list-button {
            cursor: pointer; }
            .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .group-header .group-actions-container .add-to-list-button i:hover {
              color: black; }
      .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .event-card-container {
        margin-right: 8px;
        margin-left: 8px;
        grid-template-columns: unset !important; }
        .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .event-card-container .event-card {
          border-left: 0.5px solid var(--color-border-default, rgba(46, 46, 46, 0.16)); }
      .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .group-activity-container {
        cursor: pointer;
        margin: 8px 8px 0;
        padding: 16px; }
        .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .group-activity-container .activity-title {
          font-weight: 500; }
        .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .group-activity-container:hover {
          background-color: #F5F5F5; }
        .calendar-sidebar .calendar-sidebar-body .sidebar-content .groups-container .group-activity-container.last {
          margin-bottom: 16px; }
    .calendar-sidebar .calendar-sidebar-body .sidebar-content .tabs-container {
      overflow: auto;
      scrollbar-width: thin; }
      .calendar-sidebar .calendar-sidebar-body .sidebar-content .tabs-container .content__title {
        z-index: 98;
        margin-top: -2px;
        background: none;
        position: relative;
        border-left: 0px !important;
        width: fit-content;
        padding: 0px !important;
        height: unset !important;
        margin-bottom: 0px;
        font-weight: 400; }
        .calendar-sidebar .calendar-sidebar-body .sidebar-content .tabs-container .content__title .expiration-operation-container-header .item {
          border-bottom: 2px solid transparent; }
          .calendar-sidebar .calendar-sidebar-body .sidebar-content .tabs-container .content__title .expiration-operation-container-header .item:hover, .calendar-sidebar .calendar-sidebar-body .sidebar-content .tabs-container .content__title .expiration-operation-container-header .item.selected {
            border-color: #000; }
          .calendar-sidebar .calendar-sidebar-body .sidebar-content .tabs-container .content__title .expiration-operation-container-header .item.last {
            margin: 0; }

@media (max-width: 576px) {
  [data-section=calendar] .content__title {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  [data-section=calendar] .entity-form.calendarFilters {
    width: 100%; }
  .calendar-day {
    justify-content: center !important; }
  .status-container {
    display: none !important; }
  .text-container i {
    margin: 0 !important; }
  .text-container .progress-text {
    display: none; } }

.fc-daygrid-day {
  cursor: pointer; }
  .fc-daygrid-day .fc-scrollgrid-sync-inner {
    min-height: 150px !important; }

.fc-col-header-cell .fc-scrollgrid-sync-inner {
  justify-content: end !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex; }
  .fc-col-header-cell .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
    font-size: 16px;
    margin-right: 4px;
    text-transform: capitalize !important;
    overflow: hidden;
    text-overflow: ellipsis; }

.day-cell-today {
  height: 35px;
  display: flex;
  align-items: center; }

.content[data-section=calendar] {
  padding: 0 !important; }

.entity-form.calendarFilters .form {
  padding: 0px !important; }
  .entity-form.calendarFilters .form .form-group {
    min-height: unset !important;
    margin-bottom: 0px !important; }

.checklist-container {
  margin-top: -15px; }
  .checklist-container:not(.readonly) {
    padding: 0 24px 18px !important; }
    .checklist-container:not(.readonly) .checklist-header {
      cursor: pointer; }
      .checklist-container:not(.readonly) .checklist-header:hover {
        background: var(--color-surface-intermediate-hovered, #EFF0F0); }
    .checklist-container:not(.readonly) .checklist-item {
      cursor: pointer; }
      .checklist-container:not(.readonly) .checklist-item:hover {
        background: var(--color-background-trasparent-subtlest, rgba(46, 46, 46, 0.04)); }
        .checklist-container:not(.readonly) .checklist-item:hover .checkinfos-cointainer {
          display: inline !important; }
  .checklist-container.readonly {
    padding-bottom: 18px;
    padding-top: 12px; }
    .checklist-container.readonly .checkinfos-cointainer {
      display: inline !important; }
  .checklist-container .checklist-container-body {
    border-radius: 4px;
    background: var(--color-background-trasparent-subtlest, rgba(46, 46, 46, 0.04)); }
    .checklist-container .checklist-container-body .checklist-items-container .checklist-item {
      display: flex;
      height: 38px;
      padding: 0px 8px 0px 8px;
      align-items: center;
      gap: 4px;
      align-self: stretch;
      justify-content: space-between; }
      .checklist-container .checklist-container-body .checklist-items-container .checklist-item span {
        color: var(--color-text-default, #424242);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px; }
      .checklist-container .checklist-container-body .checklist-items-container .checklist-item .checkinfos-cointainer {
        flex: 1;
        display: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .checklist-container .checklist-container-body .checklist-items-container .checklist-item .checkinfos-cointainer .checked-user {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        .checklist-container .checklist-container-body .checklist-items-container .checklist-item .checkinfos-cointainer .tooltip-container {
          flex-direction: row-reverse;
          display: flex;
          flex: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .checklist-container .checklist-container-body .checklist-items-container .checklist-item .description-container {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center; }
        .checklist-container .checklist-container-body .checklist-items-container .checklist-item .description-container .tooltip-container {
          flex: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .checklist-container .checklist-container-body .checklist-items-container .checklist-item .description-container .description {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .checklist-container .checklist-container-body .checklist-items-container .checklist-item .description-container .checkbox {
          margin-right: 8px;
          display: flex; }
          .checklist-container .checklist-container-body .checklist-items-container .checklist-item .description-container .checkbox i {
            font-size: 15px; }
    .checklist-container .checklist-container-body .checklist-header {
      padding-left: 8px;
      padding-right: 8px;
      border-radius: 4px;
      height: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .checklist-container .checklist-container-body .checklist-header .checklist-header-button {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center; }
        .checklist-container .checklist-container-body .checklist-header .checklist-header-button i {
          font-size: 14px; }
      .checklist-container .checklist-container-body .checklist-header .checklist-header-title {
        display: flex;
        gap: 4px; }
        .checklist-container .checklist-container-body .checklist-header .checklist-header-title .checklist-title {
          color: var(--color-text-default, #424242);
          /* label/xs-medium */
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 16px;
          /* 133.333% */
          letter-spacing: -0.15px; }
        .checklist-container .checklist-container-body .checklist-header .checklist-header-title .checklist-overview {
          display: flex;
          min-width: 16px;
          padding: 0 4px 0 4px;
          align-items: center;
          border-radius: 8px;
          background: var(--color-background-trasparent-subtle, rgba(46, 46, 46, 0.07));
          font-size: var(--font-size-xs, 12px);
          font-style: normal;
          font-weight: 400;
          line-height: var(--font-line-height-chakra-4, 16px);
          /* 133.333% */ }
          .checklist-container .checklist-container-body .checklist-header .checklist-header-title .checklist-overview.dark {
            color: white;
            background: black; }

.course-expected-checklist-container .form .grid-header-extra {
  display: none; }

.operatingListEvent-checklist-container {
  display: flex;
  flex-direction: column;
  gap: 8px; }
  .operatingListEvent-checklist-container .checklist-container {
    padding-right: 0 !important;
    padding-left: 0 !important; }
    .operatingListEvent-checklist-container .checklist-container .checklist-header-title {
      align-items: center; }
      .operatingListEvent-checklist-container .checklist-container .checklist-header-title .checklist-title {
        flex: 1; }

.companyOfficeOrganizationChart .highcharts-tooltip span {
  max-width: 400px;
  white-space: normal !important; }

.companyOfficeOrganizationChart span:has(> .hide-names) {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  background: #BFBFBF; }
  .companyOfficeOrganizationChart span:has(> .hide-names) h4 {
    border-bottom: 0 !important;
    white-space: initial !important; }

.companyOfficeOrganizationChart span {
  font-family: inherit !important; }

.companyOfficeOrganizationChart .highcharts-label {
  cursor: pointer;
  border: 1px solid black; }
  .companyOfficeOrganizationChart .highcharts-label div {
    height: unset !important; }
    .companyOfficeOrganizationChart .highcharts-label div h4 {
      font-size: 13px;
      background: #BFBFBF;
      padding: 2px;
      font-weight: bold;
      border-bottom: 1px solid black;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .companyOfficeOrganizationChart .highcharts-label div p {
      color: black;
      padding: 2px;
      font-size: 12px;
      overflow: scroll;
      scrollbar-width: thin; }

.companyOfficeOrganizationChart .organization-chart-node div {
  padding: 4px !important;
  overflow: hidden;
  color: black;
  white-space: break-spaces;
  font-size: 14px !important;
  text-align: center;
  align-content: center;
  width: 100%; }

.companyOfficeOrganizationChart .organization-chart-node .node-description {
  height: 50px;
  padding: 0px !important;
  overflow: scroll; }

.companyOfficeOrganizationChart .organization-chart-node .node-title {
  border-bottom: 1px solid black;
  background-color: #BFBFBF;
  height: 47px;
  font-weight: bold; }

.companyOfficeOrganizationChart span {
  font-family: inherit !important; }

.company-office-organization-chart-page {
  height: 297mm;
  width: 210mm;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  .company-office-organization-chart-page h4 {
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: center;
    white-space: unset !important; }
  .company-office-organization-chart-page .logo-container {
    width: 100%;
    display: flex;
    cursor: pointer;
    padding: 16px 24px 16px 24px;
    bottom: 20px;
    margin: 0 auto;
    margin-bottom: 16px;
    background-color: white; }
    .company-office-organization-chart-page .logo-container .logo {
      background-image: url(../images/logo.png) !important; }

.expiration-tooltip.organization-chart .expiration-tooltip-value {
  font-size: 16px;
  font-weight: bold; }

.modal-body .operatingListEventView {
  padding-top: 0 !important; }

.operatingListEventView {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px; }
  .operatingListEventView .operatingListEvent-item-container {
    display: flex;
    flex-direction: column; }
    .operatingListEventView .operatingListEvent-item-container .item-header {
      display: flex;
      height: 40px;
      justify-content: space-between; }
      .operatingListEventView .operatingListEvent-item-container .item-header.with-actions {
        width: 100%; }
      .operatingListEventView .operatingListEvent-item-container .item-header .icon-container {
        width: 24px;
        margin-right: 16px;
        display: flex;
        align-items: center; }
      .operatingListEventView .operatingListEvent-item-container .item-header .texts-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .operatingListEventView .operatingListEvent-item-container .item-header .texts-container .title {
          color: var(--color-text-default, #424242);
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          letter-spacing: -0.2px; }
        .operatingListEventView .operatingListEvent-item-container .item-header .texts-container .subtitle {
          color: var(--color-text-subtlest, #737373);
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px; }
      .operatingListEventView .operatingListEvent-item-container .item-header .button-container {
        display: flex;
        align-items: center; }
        .operatingListEventView .operatingListEvent-item-container .item-header .button-container .button {
          border-radius: var(--base, 4px);
          background: var(--color-background-brand-bold, #0C66E4);
          display: flex;
          min-height: 32px;
          max-height: 32px;
          padding: 0 12px;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          color: var(--color-text-inverse, #FFF);
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          letter-spacing: -0.2px; }
      .operatingListEventView .operatingListEvent-item-container .item-header .info-container {
        display: flex; }
        .operatingListEventView .operatingListEvent-item-container .item-header .info-container .icon-container {
          max-height: 36px; }
      .operatingListEventView .operatingListEvent-item-container .item-header .actions-container {
        float: right;
        display: flex;
        align-items: center;
        justify-content: end; }
        .operatingListEventView .operatingListEvent-item-container .item-header .actions-container .action {
          height: 32px;
          display: flex;
          cursor: pointer;
          color: #a9adb1;
          align-items: center;
          justify-content: center; }
          .operatingListEventView .operatingListEvent-item-container .item-header .actions-container .action:not(.not-clickable) {
            width: 32px; }
          .operatingListEventView .operatingListEvent-item-container .item-header .actions-container .action i {
            font-size: 20px; }
          .operatingListEventView .operatingListEvent-item-container .item-header .actions-container .action:hover i {
            color: #747a80; }
    .operatingListEventView .operatingListEvent-item-container .participants-container {
      display: flex;
      flex-direction: column;
      margin-top: 8px;
      gap: 8px;
      margin-left: 40px; }
      .operatingListEventView .operatingListEvent-item-container .participants-container .participant-item {
        position: relative; }
        .operatingListEventView .operatingListEvent-item-container .participants-container .participant-item .participant-badge {
          width: 14px;
          height: 14px;
          border: 2px solid white;
          position: absolute;
          border-radius: 999px;
          left: 19px; }
          .operatingListEventView .operatingListEvent-item-container .participants-container .participant-item .participant-badge.confirmed {
            background: pink; }
          .operatingListEventView .operatingListEvent-item-container .participants-container .participant-item .participant-badge.attendant {
            top: 19px;
            background: var(--color-background-brand-bold, #0C66E4); }
        .operatingListEventView .operatingListEvent-item-container .participants-container .participant-item .title {
          color: var(--color-text-default, #424242);
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          letter-spacing: -0.2px; }
        .operatingListEventView .operatingListEvent-item-container .participants-container .participant-item .subtitle {
          color: var(--color-text-subtlest, #737373);
          /* font-family: Inter; */
          font-size: 11px;
          font-style: normal;
          font-weight: 400;
          line-height: 12px;
          letter-spacing: -0.1px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          margin: inherit; }

.checklist-overview .info-container {
  width: 100%; }

.checklist-overview .item-header {
  height: unset !important; }
  .checklist-overview .item-header .texts-container {
    width: 100%; }
    .checklist-overview .item-header .texts-container .subtitle {
      white-space: pre;
      margin-top: 0;
      font-size: 14px !important; }
  .checklist-overview .item-header .sub-item .title {
    font-weight: 400 !important; }
  .checklist-overview .item-header .sub-item .subtitle {
    font-weight: 400; }

.checklist-overview .actions-container {
  max-height: 20px; }
  .checklist-overview .actions-container .action {
    height: 0px !important; }
  .checklist-overview .actions-container .not-clickable span {
    color: var(--color-text-default, #424242);
    /* label/sm-medium */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.2px; }

.attendance-status-cell .texts span.subtitle {
  margin-top: 0; }

.attendance-status-cell .textcell-title span, .attendance-status-cell .texts span.title {
  height: 20px;
  border-radius: 2px;
  min-height: 20px;
  max-height: 20px;
  padding: 0 4px 0 4px;
  text-align: center;
  font-weight: 500;
  line-height: var(--font-line-height-chakra-4, 16px);
  letter-spacing: -0.15px; }

.attendance-status-cell.warning .textcell-title span {
  background: var(--color-background-warning-default, #FFF1D6);
  color: var(--color-text-warning, #855901); }

.attendance-status-cell.attendant .textcell-title span, .attendance-status-cell.attendant .texts span.title, .attendance-status-cell.passed .textcell-title span, .attendance-status-cell.passed .texts span.title, .attendance-status-cell.available .textcell-title span, .attendance-status-cell.available .texts span.title {
  background: var(--color-date-valid-sublest, #E7F8FF);
  color: var(--color-text-warning, #2383A8); }

.attendance-status-cell.error .textcell-title span, .attendance-status-cell.error .texts span.title, .attendance-status-cell.absent .textcell-title span, .attendance-status-cell.absent .texts span.title, .attendance-status-cell.notPassed .textcell-title span, .attendance-status-cell.notPassed .texts span.title, .attendance-status-cell.toUpload .textcell-title span, .attendance-status-cell.toUpload .texts span.title {
  color: var(--color-text-date-expire, #CC2929);
  background: var(--color-date-expired-sublest, #FFEBEB); }

.attendance-status-cell.waiting .textcell-title span {
  background: var(--color-background-trasparent-subtle, rgba(66, 66, 66, 0.07)); }

.operatingList-item-card .card-title {
  font-size: 16px;
  margin-bottom: 8px; }

.operatingList-item-card.attendance .card-title {
  margin-bottom: 0; }

.event-card-container {
  display: grid;
  margin-top: 8px;
  row-gap: 16px;
  column-gap: 16px;
  flex: 1 0 0;
  align-self: stretch; }
  .event-card-container .event-card {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 12px 8px;
    background: var(--color-surface-default, #FFF);
    border: 0.5px solid var(--color-border-default, rgba(46, 46, 46, 0.16)); }
    .event-card-container .event-card:hover {
      background-color: #F5F5F5; }
    .event-card-container .event-card.left-bold-border {
      border-left: 4px solid var(--color-border-bolder, rgba(46, 46, 46, 0.82)); }
    .event-card-container .event-card .event-title {
      align-content: center;
      height: 40px;
      align-items: center;
      gap: 4px;
      flex-shrink: 0;
      align-self: stretch;
      color: var(--color-text-default, #424242);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: -0.2px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .event-card-container .event-card .item-participation-button {
      display: flex;
      min-height: 24px;
      max-height: 24px;
      padding: 0 8px;
      justify-content: center;
      align-items: center;
      gap: var(1, 4px);
      border-radius: var(--base, 4px);
      border: 1px solid var(--color-border-default, rgba(46, 46, 46, 0.16));
      margin-top: 2px;
      color: var(--color-text-default, #424242);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: -0.2px;
      cursor: pointer; }
      .event-card-container .event-card .item-participation-button:hover {
        background: #0000000d;
        color: #333; }
      .event-card-container .event-card .item-participation-button i {
        margin-right: 8px;
        font-size: 18px;
        display: flex;
        align-items: center;
        color: var(--color-icon-default, #545454); }
    .event-card-container .event-card .event-card-item {
      align-items: center;
      display: flex;
      padding: 2px 8px;
      margin: 2px 0;
      border-radius: 4px;
      background: var(--color-surface-lower, #EFF0F0); }
      .event-card-container .event-card .event-card-item .item-title {
        overflow: hidden;
        color: var(--color-text-default, #424242);
        text-overflow: ellipsis;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.2px; }
      .event-card-container .event-card .event-card-item .item-subtitle {
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        color: var(--color-text-subtlest, #737373);
        text-overflow: ellipsis;
        font-size: 14px;
        font-style: normal;
        line-height: 20px;
        letter-spacing: -0.2px;
        margin-left: 4px; }
      .event-card-container .event-card .event-card-item i {
        margin-right: 12px;
        font-size: 18px;
        display: flex;
        align-items: center;
        color: var(--color-icon-default, #545454); }

@media (min-width: 578px) {
  .event-card-container {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } }

@media (min-width: 768px) {
  .event-card-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

@media (min-width: 1400px) {
  .event-card-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }

.operatingListDossier-area-documents .content__title {
  margin-top: -8px; }

.operatingListDossier-area .content__title {
  margin-top: -8px; }

.operatingListDossier-area .form-group .field-label {
  width: 100%;
  font-size: 18px;
  /* height: 20px; */
  overflow: hidden;
  text-transform: unset;
  color: #212121;
  white-space: nowrap;
  text-overflow: ellipsis; }

.operatingListDossier-area .form-group .form-tooltip {
  height: fit-content;
  margin-top: 8px; }
  .operatingListDossier-area .form-group .form-tooltip i {
    color: #212121; }

.operatingList-item-title {
  display: flex;
  gap: 4px; }
  .operatingList-item-title .operatingList-item-badge {
    display: flex;
    min-width: 20px;
    min-height: 20px;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 50%;
    justify-content: center;
    background: var(--color-background-trasparent-subtle, rgba(46, 46, 46, 0.07));
    align-items: center;
    font-size: 12px;
    font-weight: 400; }

.operatingList-control {
  margin-top: 16px;
  display: flex;
  flex-direction: column; }
  .operatingList-control .event-card:hover .enabled-to-guests {
    background-color: #F5F5F5; }
  .operatingList-control .company-office-control-item {
    position: relative;
    padding: 8px 12px 8px; }
    .operatingList-control .company-office-control-item .enabled-to-guests {
      background: white;
      display: flex;
      padding: 4px;
      right: 0;
      bottom: 0;
      position: absolute; }
      .operatingList-control .company-office-control-item .enabled-to-guests .enabled-to-guests-icon-container {
        display: flex; }
        .operatingList-control .company-office-control-item .enabled-to-guests .enabled-to-guests-icon-container i {
          font-size: 12px; }
    .operatingList-control .company-office-control-item .tooltip-container {
      max-width: -webkit-fill-available; }
    .operatingList-control .company-office-control-item .item-body {
      display: flex; }
      .operatingList-control .company-office-control-item .item-body .icon-container {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 8px; }
      .operatingList-control .company-office-control-item .item-body .texts-container {
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-direction: column; }
        .operatingList-control .company-office-control-item .item-body .texts-container span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .operatingList-control .operatingList-control-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .operatingList-control .operatingList-control-header .title-container {
      cursor: pointer;
      display: flex; }
      .operatingList-control .operatingList-control-header .title-container:hover .operatingList-item-title {
        color: #424242; }
      .operatingList-control .operatingList-control-header .title-container:hover i {
        color: #747a80; }
    .operatingList-control .operatingList-control-header i {
      font-size: 20px;
      color: #a9adb1; }
      .operatingList-control .operatingList-control-header i:hover {
        color: #747a80; }

.operatingStatus-control {
  padding-left: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  border-radius: var(--base, 4px);
  border: 1px solid var(--color-border-default, rgba(46, 46, 46, 0.16)); }
  .operatingStatus-control .title {
    height: 40px;
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 0px; }
  .operatingStatus-control .status-items-container {
    display: flex;
    flex-direction: column; }
    .operatingStatus-control .status-items-container .texts-container {
      display: flex;
      justify-content: space-between; }
    .operatingStatus-control .status-items-container .item-container {
      justify-content: space-between;
      margin-top: 4px;
      margin-bottom: 4px; }
      .operatingStatus-control .status-items-container .item-container span {
        font-weight: 400;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--color-text-default, #424242); }
      .operatingStatus-control .status-items-container .item-container .item-title {
        display: flex;
        align-self: center; }
        .operatingStatus-control .status-items-container .item-container .item-title i {
          font-size: 15px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #545454; }
      .operatingStatus-control .status-items-container .item-container .count-label {
        justify-content: end;
        align-items: center;
        display: flex;
        text-align: right;
        /* body/sm-normal */
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 142.857% */ }
      .operatingStatus-control .status-items-container .item-container .progress-container {
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center; }
        .operatingStatus-control .status-items-container .item-container .progress-container .progress {
          width: 100% !important;
          height: 8px !important;
          border-radius: 4px; }
          .operatingStatus-control .status-items-container .item-container .progress-container .progress .progress-bar {
            background-color: black;
            width: 100%; }

.items-control .event-title {
  font-weight: unset !important;
  color: unset !important; }

.items-control .status-items-container {
  display: flex;
  gap: 8px;
  align-items: end; }
  .items-control .status-items-container .status-item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; }

.operating-list-noItems {
  display: flex; }
  .operating-list-noItems i {
    font-size: 50px; }
  .operating-list-noItems .texts-container {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    flex-direction: column;
    margin-left: 16px; }
    .operating-list-noItems .texts-container .title {
      color: var(--color-text-subtle, #545454);
      /* font-family: Inter; */
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      letter-spacing: -0.25px;
      text-align: left; }
    .operating-list-noItems .texts-container .subtitle {
      color: var(--color-text-subtlest, #737373);
      /* font-family: Inter; */
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px; }

html {
  scrollbar-width: thin; }

.input-image.readonly-image {
  cursor: unset !important; }
  .input-image.readonly-image .input-image {
    cursor: unset !important; }

.card-blue {
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #00B4F7;
  background-clip: border-box;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  margin-bottom: 2.3rem; }
  .card-blue input {
    color: #ffffff; }
    .card-blue input.form-control:focus {
      color: #ffffff;
      border-color: #ffffff !important;
      outline: 0;
      box-shadow: none; }
    .card-blue input.form-control:disabled,
    .card-blue input .form-control:disabled {
      opacity: 1; }
  .card-blue label {
    color: #ffffff; }
  .card-blue .card-title {
    color: #ffffff; }

body {
  background-color: white;
  scrollbar-width: thin; }

.p-15 {
  padding: 15px; }

.p-16 {
  padding: 16px; }

.p-r-16 {
  padding: 16px; }

.dropzone .dz-preview .dz-details {
  z-index: 18; }

.fs-24 {
  font-size: 24px !important; }

.fs-18 {
  font-size: 18px !important; }

.fs-16 {
  font-size: 16px; }

.fs-14 {
  font-size: 14px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-b-8 {
  padding-bottom: 8px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.p-t-15 {
  padding-top: 15px; }

.p-r-15 {
  padding-right: 15px !important; }

.p-r-16 {
  padding-right: 16px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.p-l-22 {
  padding-left: 22px !important; }

.p-r-22 {
  padding-right: 22px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.p-r-4 {
  padding-right: 4px !important; }

.p-t-12 {
  padding-top: 12px; }

.m-t-16 {
  margin-top: 16px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-27 {
  margin-top: 27px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-7 {
  margin-top: 7px; }

.m-t-5 {
  margin-top: 5px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-0 {
  margin-bottom: 0px; }

.m-l-8 {
  margin-left: 8px !important; }

.m-l-10 {
  margin-left: 10px; }

.w-200 {
  width: 200px; }

.document-more-vert {
  font-size: 24px;
  margin-top: 20px;
  padding-left: 24px;
  padding-right: 15px;
  cursor: pointer;
  color: #9E9E9E; }
  .document-more-vert:hover {
    color: #858585; }

.button-yellow button {
  background-color: #f3da50; }

.button-blue {
  background-color: #00B4F7 !important;
  color: white !important; }
  .button-blue:hover {
    background-color: #00B4F7 !important;
    color: white !important; }

.button-red {
  background-color: #ff6767 !important;
  color: white !important; }
  .button-red:hover {
    background-color: #ff6767 !important;
    color: white !important; }

.button-orange button {
  background-color: #F2981A; }

.button-black button {
  background-color: #000; }

.btn-orange {
  background-color: #F2981A;
  color: #ffffff; }
  .btn-orange:hover {
    background-color: #c77c18;
    color: #f2f2f2; }

.m-b-23 {
  margin-bottom: 23px; }

.dropleft .dropdown-toggle::before,
.dropright .dropdown-toggle::after {
  content: none; }

.rounded-line {
  height: 6px;
  border-radius: 4px;
  background-color: #d7d7d7;
  margin-left: 2px;
  margin-right: 2px; }

.status-text {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px; }

.rounded-line-grid {
  height: 4px;
  border-radius: 4px;
  background-color: #d7d7d7;
  margin-left: 2px;
  margin-right: 2px; }

.status-text-grid {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 2px; }

.cursor-pointer {
  cursor: pointer !important; }

.document-header {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #C4C4C4;
  border-top: 1px solid #C4C4C4;
  font-size: 14px; }

.table-bordered td,
.table-bordered th {
  border: 2px solid #E5E5E5;
  vertical-align: middle; }

.table thead th {
  border-bottom: 1px solid #E5E5E5; }

.not-clickable {
  cursor: initial !important; }

.textcell-title {
  margin-bottom: 0px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.textcell-subtitle {
  font-size: 12px;
  margin-bottom: 0px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.clickable {
  cursor: pointer !important;
  text-decoration: underline !important; }
  .clickable:hover {
    color: black; }

.bold {
  font-weight: bold; }

.status-filter {
  height: 128px;
  width: 100%;
  background-color: #EBEBEB;
  padding: 15px;
  display: table;
  cursor: pointer; }
  .status-filter div.row {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
    .status-filter div.row span {
      display: block; }

.status-filter-label {
  font-size: 14px;
  color: #AAAAAA; }

.status-filter-value {
  font-size: 36px;
  font-weight: 100;
  color: #AAAAAA; }

.btn-safe {
  color: #FFF;
  background-color: #00B4F7; }

.btn--action,
.btn--icon {
  padding: 0 !important;
  border-radius: 50% !important; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-8 {
  margin-right: 8px !important; }

.m-r-4 {
  margin-right: 4px !important; }

.m-r-16 {
  margin-right: 16px !important; }

.table-dossier .zmdi-check-square {
  color: #424242; }

.table-dossier .textcell-title {
  color: #424242; }

.table-dossier th {
  font-weight: 300; }

th > span {
  padding-left: 8px;
  padding-right: 8px; }

.table-dossier td {
  padding: 8px; }

.p-30 {
  padding: 30px !important; }

.login__block__header {
  background-color: white !important; }

.login__block__btn {
  background-color: #00B4F7 !important; }

.form-tooltip {
  margin-left: 4px;
  align-content: center; }
  .form-tooltip i {
    font-size: 15px; }

.form-group.field-notEditable {
  min-height: unset !important; }

.form-group--float .form-control:focus ~ label {
  color: #00B4F7 !important; }

.form-group__bar:after, .form-group__bar:before {
  background-color: #00B4F7 !important; }

.header {
  background-color: #00B4F7 !important; }

.sidebar {
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.08);
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-color: #ffffff; }

@media (min-width: 1200px) {
  .header-dossier {
    padding: 102px 0px; } }

.card-blue .toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background: #FFFFFF; }

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #cccccc !important; }

.dropdown-menu-separator {
  height: 1px;
  background-color: #BDBDBD; }

.dropdown-menu-material-icon {
  margin-right: 5px;
  font-size: inherit; }

.action-button-material-icon {
  font-size: inherit;
  margin-top: 5px; }

.p-r-30 {
  padding-right: 30px; }

.p-t-6 {
  padding-top: 6px; }

.p-t-8 {
  padding-top: 8px; }

.p-t-7 {
  padding-top: 7px; }

.p-t-9 {
  padding-top: 9px; }

.m-t-27 {
  margin-top: 27px; }

.m-t-27 {
  margin-top: 27px; }

/*************************
** Pagination
******************-*****/
.paginate_button.next:before,
.paginate_button.previous:before {
  font-family: Material-Design-Iconic-Font;
  font-size: 1rem;
  line-height: 2.55rem; }

.paginate_button {
  background-color: #f3f3f3;
  display: inline-block;
  color: #8e9499;
  vertical-align: top;
  border-radius: 50%;
  margin: 0 1px 0 2px;
  font-size: 1rem;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  transition: background-color .3s, color .3s; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  border-radius: 2px;
  overflow-x: auto;
  overflow-y: hidden; }

.pagination > li {
  display: inline; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #333;
  background-color: #e4e4e4;
  border-color: #fff; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff !important;
  background-color: #00B4F7 !important;
  border-color: #fff !important;
  cursor: default !important; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #E2E2E2;
  border-color: #fff;
  cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px; }

/*-------------------------
    Toggle Switch
--------------------------*/
.toggle-switch {
  display: inline-block;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.toggle-switch .ts-label {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
  -webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1); }

.toggle-switch .ts-helper {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 16px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.26);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer; }

.toggle-switch .ts-helper:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

.toggle-switch:not(.disabled) .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1); }

.toggle-switch input {
  position: absolute;
  z-index: 1;
  width: 46px;
  margin: 0 0 0 -4px;
  height: 24px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer; }

.toggle-switch input:checked + .ts-helper:before {
  left: 20px; }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background: #00B4F7; }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2); }

.toggle-switch.disabled {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper {
  background: rgba(244, 67, 54, 0.5); }

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:before {
  background: #F44336; }

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(244, 67, 54, 0.2); }

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper {
  background: rgba(33, 150, 243, 0.5); }

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:before {
  background: #2196F3; }

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(33, 150, 243, 0.2); }

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper {
  background: rgba(255, 193, 7, 0.5); }

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:before {
  background: #FFC107; }

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(255, 193, 7, 0.2); }

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper {
  background: rgba(186, 104, 200, 0.5); }

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:before {
  background: #BA68C8; }

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(186, 104, 200, 0.2); }

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper {
  background: rgba(233, 30, 99, 0.5); }

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:before {
  background: #E91E63; }

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(233, 30, 99, 0.2); }

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper {
  background: rgba(205, 220, 57, 0.5); }

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:before {
  background: #CDDC39; }

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(205, 220, 57, 0.2); }

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper {
  background: rgba(0, 188, 212, 0.5); }

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:before {
  background: #00BCD4; }

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 188, 212, 0.2); }

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper {
  background: rgba(76, 175, 80, 0.5); }

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:before {
  background: #4CAF50; }

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(76, 175, 80, 0.2); }

.growl-animated.alert-inverse {
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.5); }

.alert-inverse {
  background-color: #333;
  border-color: transparent;
  color: #fff;
  text-align: center; }

.close {
  color: #fff; }

.bootstrap-select > .btn-light {
  background: none !important;
  border-bottom: 1px solid #eceff1 !important; }

.login-background {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/background/1.png"); }
  .login-background.v1 {
    background-image: url("../images/background/1.png") !important; }
  .login-background.v2 {
    background-image: url("../images/background/2.png") !important; }
  .login-background.v3 {
    background-image: url("../images/background/3.png") !important; }
  .login-background.v4 {
    background-image: url("../images/background/4.png") !important; }
  .login-background.v5 {
    background-image: url("../images/background/5.png") !important; }

.login__block {
  max-width: 380px !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .bootstrap-select > .btn-light:before {
    background-image: url("../images/select@2x.png");
    background-size: 12px 12px; } }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333 !important;
  white-space: nowrap; }

.dropdown-menu > li > a {
  padding: 10px 20px;
  -webkit-transition: background-color;
  -o-transition: background-color;
  transition: background-color;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms; }

.yesno-inverse label:after {
  background-color: #fff; }

.yesno-inverse label:before {
  border-color: #fff !important; }

.tab-nav {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  margin: 0;
  overflow: auto;
  box-shadow: inset 0 -2px 0 0 #eee;
  width: 100%; }

.tab-nav li {
  display: inline-block;
  vertical-align: top; }

.tab-nav li.active > a {
  color: #000; }

@media (min-width: 768px) {
  .tab-nav li > a {
    padding: 15px; } }

.tab-nav li > a {
  display: inline-block;
  color: #7a7a7a;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  font-weight: 500; }

.tab-nav:not([data-tab-color]) > li > a:after {
  background: #2196F3; }

.tab-nav li.active > a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.tab-nav li > a:after {
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.m-b-20 {
  margin-bottom: 20px !important; }

.p-t-20 {
  padding-top: 20px; }

.p-b-20 {
  padding-bottom: 20px; }

.custom-actions {
  float: right;
  margin-bottom: 15px;
  z-index: 4;
  vertical-align: middle; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 1rem !important;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn.dropdown-toggle {
    padding-left: 0px;
    padding-right: 8px; }

.sidebar {
  padding-left: 0px;
  padding-right: 0px; }

.scrollbar-inner {
  padding-left: 27px !important;
  padding-right: 27px !important;
  overflow: auto !important;
  scrollbar-width: none; }

a.btn-danger {
  color: white; }

input.flatpickr-input {
  color: black; }

.card-body {
  padding: 16px; }

.fe-navbar {
  min-height: 56px;
  background-color: #ffffff;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 500; }
  .fe-navbar.license-expired .fe-user-badge .comment-user-badge {
    border: 2px solid #ff6767 !important; }
  .fe-navbar .navigation-trigger {
    width: 56px;
    height: 56px;
    margin-left: -16px;
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center; }
  .fe-navbar .navigation-trigger__line {
    height: 2px;
    background-color: #FFFFFF;
    display: block;
    position: relative; }
  @media screen and (min-width: 768px) {
    .fe-navbar {
      margin-bottom: 90px; } }
  .fe-navbar .top-nav {
    display: flex;
    height: 56px;
    font-family: Roboto; }
    .fe-navbar .top-nav li {
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .fe-navbar .top-nav li.top-menu-item.first {
        padding-left: 16px;
        border-left: 1px solid #e0e0e0; }
      @media (max-width: 568px) {
        .fe-navbar .top-nav li.top-menu-item {
          display: none; } }
  .fe-navbar .dropdown-menu__element {
    height: 55px;
    display: flex;
    align-items: center;
    justify-items: center;
    border-bottom: 1px solid #E0E0E0; }
    .fe-navbar .dropdown-menu__element a {
      line-height: 15px;
      display: flex;
      align-items: center;
      justify-items: center; }
      .fe-navbar .dropdown-menu__element a i {
        margin-right: 8px; }
  .fe-navbar .navbar-collapse {
    overflow-x: hidden !important;
    padding: 0; }
  @media (min-width: 568px) {
    .fe-navbar .fe-user-badge .top-menu-item {
      display: none; } }
  .fe-navbar .fe-user-badge .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 300px;
    padding: 0px; }
    @media (max-width: 568px) {
      .fe-navbar .fe-user-badge .dropdown-menu {
        left: auto;
        right: 16px; } }
  .fe-navbar .fe-user-badge .avatar-cell {
    padding: 16px;
    border-bottom: 1px solid #E0E0E0; }
    .fe-navbar .fe-user-badge .avatar-cell .comment-user-badge {
      margin-right: 8px !important; }
  .fe-navbar .fe-user-badge .comment-user-badge {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.05);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    height: 44px !important;
    width: 44px !important;
    letter-spacing: 1px;
    color: #9a9a9a;
    border: 1px solid #e0e0e0;
    border-radius: 50%; }
  @media screen and (max-width: 768px) {
    .fe-navbar .fe-user-badge.dropdown-menu {
      padding-left: 0 !important;
      padding-right: 0 !important; } }
  .fe-navbar li {
    margin-right: 16px; }
    .fe-navbar li.separators {
      padding-left: 16px;
      padding-right: 16px; }
  .fe-navbar .nav-menu-item {
    color: #9A9A9A;
    height: 48px;
    width: 48px;
    padding: 0px !important;
    min-width: unset !important;
    display: flex;
    justify-content: center;
    align-items: center; }
    .fe-navbar .nav-menu-item:hover {
      color: #212121;
      background-color: #EEEEEE;
      border-radius: 50px; }
    .fe-navbar .nav-menu-item.active {
      background-color: #00B4F7;
      border-radius: 50px; }
      .fe-navbar .nav-menu-item.active i {
        color: white; }
  .fe-navbar .navbar-header {
    min-height: 56px;
    padding-right: 15px;
    display: flex;
    align-items: center; }
    @media (max-width: 568px) {
      .fe-navbar .navbar-header .customerName {
        display: none; } }
    .fe-navbar .navbar-header .customerName {
      font-size: 36px;
      font-family: Girloy;
      letter-spacing: -0.4px;
      font-weight: bold; }
    .fe-navbar .navbar-header .navbar-brand:not(.customer):before {
      content: "";
      min-height: 56px;
      display: inline-block;
      vertical-align: middle; }
    .fe-navbar .navbar-header .navbar-brand {
      height: 100%;
      font-size: 20px;
      padding: 0px !important;
      color: #1A1A1A; }
      @media (max-width: 768px) {
        .fe-navbar .navbar-header .navbar-brand img {
          display: none !important; } }
      .fe-navbar .navbar-header .navbar-brand img {
        height: 40px;
        display: inline-block;
        vertical-align: middle; }
    .fe-navbar .navbar-header .navbar-toggle {
      margin-top: 11px; }
  .fe-navbar .notification-alert {
    position: absolute;
    top: 15px;
    right: 25px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #F44336;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

/*---Footer---*/
.fe-footer {
  min-height: 320px;
  /*& div[class^="col"] {
      margin: 60px auto;
  }*/ }
  .fe-footer .fe-footer-brand a {
    font-family: Roboto;
    font-size: 16px;
    color: #FFFFFF; }
  .fe-footer .fe-footer-brand div {
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
    height: 100px;
    width: 100px;
    border-radius: 24px;
    background-color: #FFFFFF; }
    .fe-footer .fe-footer-brand div img {
      margin-top: 10px;
      height: 80px; }
  .fe-footer .fe-footer-navbar li {
    margin-top: 10px; }
    .fe-footer .fe-footer-navbar li a {
      color: #FFFFFF;
      font-size: 16px; }
  .fe-footer .fe-footer-navbar li:first-child {
    margin-top: 0; }
  .fe-footer .app-store ul li {
    margin-top: 12px; }
  .fe-footer .app-store ul li:first-child {
    margin-top: 0; }

.separators {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0; }

.settings-sidebar {
  z-index: 200;
  border-right: solid 1px #E0E0E0;
  box-shadow: unset !important;
  opacity: unset !important;
  -webkit-transform: unset !important;
  transform: none !important;
  padding-top: 0px !important; }
  .settings-sidebar .navigation {
    padding-bottom: 70px; }
    .settings-sidebar .navigation li .company-menu-item {
      padding-right: 8px;
      cursor: pointer; }
      .settings-sidebar .navigation li .company-menu-item .custom-icon {
        width: 40px;
        height: 40px;
        padding: 8px;
        margin: 8px;
        display: flex; }
        .settings-sidebar .navigation li .company-menu-item .custom-icon img {
          filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(62%) contrast(100%); }
      .settings-sidebar .navigation li .company-menu-item i {
        padding: 8px;
        margin: 8px;
        width: unset;
        font-size: 24px; }
    .settings-sidebar .navigation i.active {
      background: #212121;
      color: white;
      border-radius: 50px; }
    .settings-sidebar .navigation li.active i:not(.not-active) {
      background: #212121;
      color: white;
      border-radius: 50px; }
      .settings-sidebar .navigation li.active i:not(.not-active) img {
        filter: invert(100%); }
    .settings-sidebar .navigation li.active .company-menu-item,
    .settings-sidebar .navigation li.active .company-menu-item:hover {
      color: #212121; }
    .settings-sidebar .navigation li:not(.active) .company-menu-item:hover {
      background-color: #F5F5F5; }
      .settings-sidebar .navigation li:not(.active) .company-menu-item:hover i {
        background: white;
        border-radius: 50px; }
    .settings-sidebar .navigation li:not(.active) .company-menu-item {
      border-radius: unset;
      color: #9E9E9E; }
  .settings-sidebar .scrollbar-inner {
    padding: unset !important; }
  .settings-sidebar .border-bottom-grey {
    border-bottom: 1px solid #e0e0e0; }
    .settings-sidebar .border-bottom-grey .company-menu-item {
      height: 47px !important; }
  .settings-sidebar .border-top-grey {
    border-top: 1px solid #e0e0e0; }
    .settings-sidebar .border-top-grey .company-menu-item {
      height: 47px !important; }
  .settings-sidebar .setting-header {
    margin-left: 16px;
    font-size: 14px;
    margin-bottom: 16px;
    color: #616161; }
  .settings-sidebar li.border-bottom-grey a,
  .settings-sidebar li.border-top-grey a {
    height: 48px; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #E5E5E5;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden; }

.no-margin {
  margin: initial !important; }

.no-margin-bottom {
  margin-bottom: initial !important; }

.no-margin-top {
  margin-top: initial !important; }

.no-minheight {
  min-height: initial !important; }

@media (min-width: 1200px) {
  .content:not(.content--boxed):not(.content--full) {
    padding: 30px 30px 30px 300px; } }

.content {
  background-color: #f3f3f3;
  height: 100% !important; }

.fe-body {
  padding-top: 56px; }
  .fe-body .table-hover > tbody > tr.level-0.selected {
    background-color: #EBFAFF !important; }
    .fe-body .table-hover > tbody > tr.level-0.selected:hover {
      background-color: #F5F5F5; }
  .fe-body .table-hover > tbody > tr.level-0.selected {
    background-color: unset;
    color: unset !important; }
  .fe-body.no-header {
    padding-top: 0px !important; }
  @media (min-width: 1200px) {
    .fe-body .content:not(.content--boxed):not(.content--full) {
      padding: 0px 0px 0 320px !important; } }
  .fe-body .content {
    height: unset;
    background-color: unset;
    padding-top: 0px !important; }
  .fe-body .sidebar {
    width: 320px; }
  .fe-body .card {
    border: solid 1px #E0E0E0;
    box-shadow: unset !important; }
  .fe-body .modal-body .form {
    padding-top: unset !important;
    padding-left: unset !important;
    padding-right: unset !important; }
  .fe-body .entity-form .form {
    padding-top: 64px; }
    @media (min-width: 568px) {
      .fe-body .entity-form .form {
        padding-left: 30px;
        padding-right: 30px; } }
  .fe-body .grid {
    padding-top: 64px; }
    @media (min-width: 567px) {
      .fe-body .grid {
        padding-left: 30px;
        padding-right: 30px; } }
  .fe-body .content__title {
    left: 320px;
    right: 0;
    position: fixed;
    z-index: 99;
    padding: 0rem 2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FAFAFA;
    height: 48px;
    border-bottom: 1px solid #e0e0e0 !important; }
    @media (max-width: 1199.98px) {
      .fe-body .content__title {
        left: 0; } }
    .fe-body .content__title .actions {
      position: unset;
      top: unset;
      display: flex;
      align-items: center; }
    .fe-body .content__title h1 {
      font-size: 18px;
      height: 20px;
      overflow: hidden;
      text-transform: unset;
      color: #212121;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .fe-body .content__title span {
      max-width: 400px;
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-block; }
      @media (min-width: 1199.98px) {
        .fe-body .content__title span {
          max-width: 700px; } }
  .fe-body .breadcrumbs-container {
    margin-bottom: 16px;
    font-size: 11px;
    color: #9E9E9E; }
    .fe-body .breadcrumbs-container .item {
      display: inline-block;
      max-width: 200px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-x: hidden; }
      .fe-body .breadcrumbs-container .item:not(.last) {
        cursor: pointer;
        text-decoration: underline; }
      .fe-body .breadcrumbs-container .item.last, .fe-body .breadcrumbs-container .item:hover {
        color: #00B4F7 !important; }
      .fe-body .breadcrumbs-container .item:not(.first) {
        margin-left: 5px; }
    .fe-body .breadcrumbs-container i {
      display: inline-block;
      margin-bottom: 2px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-x: hidden;
      font-size: 11px;
      margin-left: 5px; }

.has-error > .help-block {
  color: #FF3E63; }

.has-warning > .help-block {
  color: #FFA81C; }

.filters-sidebar {
  color: #818181;
  background-color: #F7F7F7;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0px !important;
  height: 100vh;
  border-left: 1px solid #e0e0e0 !important; }

.filters-sidebar .bootstrap-select .dropdown-toggle {
  background-color: #fff;
  height: 45px; }

.p-0 {
  padding: 0px !important; }

.filters-sidebar .filters-sidebar-container {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 0px !important;
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.filters-sidebar .filters-sidebar__filter {
  border: 0px !important;
  border-radius: 3px;
  margin-top: 8px;
  background-color: #EEEEEE !important;
  cursor: pointer;
  display: flow-root; }

.filters-sidebar .filters-sidebar__filter.active {
  background-color: #FFFFFF !important;
  box-shadow: 2px 2px 4px 0px rgba(1, 1, 1, 0.1); }

.filters-sidebar .filters-sidebar__filter:first-child {
  padding-top: 0px; }

.filters-sidebar .filters-sidebar__filter__colored-label {
  width: 4px;
  float: left;
  height: 45px;
  border-radius: 5px 0 0 5px; }

.filters-sidebar .filters-sidebar__filter__label {
  margin-left: 12px;
  float: left;
  padding-top: 12px;
  padding-bottom: 12px; }

.filters-sidebar .filters-sidebar__filter__value {
  margin-right: 12px;
  float: right;
  color: #626262;
  padding-top: 12px;
  padding-bottom: 12px; }

.sidebar.right {
  right: 0;
  left: auto; }

.full-height {
  height: 100%; }

.company-tab-nav {
  text-align: left !important;
  padding-left: 0px !important; }
  .company-tab-nav .tab-button {
    padding: 15px !important; }

.stepper_progress_btn {
  margin-right: 8px;
  color: #AAAAAA;
  font-weight: bold;
  height: 40px;
  width: 40px;
  background: #EEEEEE;
  font-size: 14px;
  cursor: unset !important; }
  .stepper_progress_btn.last {
    margin-right: 0px !important; }
  .stepper_progress_btn.current {
    border: 2px solid #2C2F36 !important;
    color: white;
    background-color: #2C2F36; }
  .stepper_progress_btn.checked {
    border: 3px solid #2C2F36 !important;
    color: #2C2F36 !important;
    background-color: transparent !important; }

.questionnaire_progress_btn {
  margin-right: 8px;
  color: #AAAAAA;
  font-weight: bold;
  height: 40px;
  width: 40px;
  background: #EEEEEE;
  font-size: 14px; }
  .questionnaire_progress_btn.current {
    border: 2px solid #00B4F7 !important;
    color: white;
    background-color: #00B4F7; }
  .questionnaire_progress_btn.checked {
    border: 3px solid #00B4F7 !important;
    color: #00B4F7 !important;
    background-color: transparent !important; }

.questionnaire_progress_hr {
  width: 16px;
  display: inline-block;
  color: grey;
  border-top: 2px solid #AAAAAA;
  margin: 5px; }

.questionnaire_content {
  margin-bottom: 100px; }
  .questionnaire_content .area-no-card {
    padding-top: 24px; }
  .questionnaire_content .form {
    padding: 0 !important; }
  .questionnaire_content h2 {
    color: #212121 !important; }
  .questionnaire_content h3 {
    color: #00B4F7;
    margin-bottom: 20px; }
  .questionnaire_content .form-body h2 {
    padding-left: 0px !important; }
  .questionnaire_content .radio {
    margin-top: 1rem; }
  .questionnaire_content .row .radio {
    margin-top: .5rem; }

.questionnaire_footer {
  position: fixed;
  bottom: 0px;
  height: 64px;
  background: #FAFAFA;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.075);
  z-index: 10; }
  .questionnaire_footer .btn {
    margin: 0px !important; }
  .questionnaire_footer .ok-button {
    margin-left: 16px !important; }

.questionnaire_header {
  height: 56px; }
  .questionnaire_header .header-title {
    line-height: 52px;
    color: #00B4F7; }
  .questionnaire_header .btn-actions-bar {
    margin-right: 270px; }
    .questionnaire_header .btn-actions-bar .btn {
      text-transform: uppercase;
      font-weight: 500; }
      .questionnaire_header .btn-actions-bar .btn.btn-upload-required-policy {
        color: #00B4F7;
        border-color: #00B4F7 !important; }
        .questionnaire_header .btn-actions-bar .btn.btn-upload-required-policy:hover {
          background: #0000000d; }
      .questionnaire_header .btn-actions-bar .btn.btn-required-policy-uploaded {
        background: #00B4F7;
        color: #fff; }
        .questionnaire_header .btn-actions-bar .btn.btn-required-policy-uploaded:hover {
          color: #000408; }
  @media (max-width: 1200px) {
    .questionnaire_header .btn-actions-bar {
      margin-right: 0px; } }

.items-container .expirings-item:not(.no-hover) {
  cursor: pointer; }
  .items-container .expirings-item:not(.no-hover):hover {
    opacity: 0.8; }

.expirings-item {
  min-width: 40px !important;
  height: 32px;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  letter-spacing: -0.5px;
  padding: 8px; }
  .expirings-item.notActive.regular {
    color: #232d4366 !important;
    background: #E0E0E0 !important; }
  .expirings-item.notActive.expiring {
    color: #232d4366 !important;
    background: #D4D4D4 !important; }
  .expirings-item.notActive.expired {
    color: #ffffff !important;
    background: #BDBDBD !important; }
  .expirings-item.regular {
    color: #00000040 !important;
    background: #9FE1FF !important; }
  .expirings-item.expiring {
    color: #00000040 !important;
    background: #FFD688 !important; }
  .expirings-item.expired {
    background: #ff6767 !important;
    color: #ffffff !important; }
  .expirings-item.first {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  .expirings-item.last {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; }

.offices-sidebar_header {
  background: #00ABF7;
  padding: 16px 16px 16px 0px;
  height: 72px;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #0076A2; }
  .offices-sidebar_header .dropdown-menu {
    top: 2px !important;
    width: 238px !important; }
  .offices-sidebar_header h1 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    margin: 0px; }
  .offices-sidebar_header .zone-sidebar_header_selected-zone {
    font-size: 14px;
    color: #fff; }
  .offices-sidebar_header .right-panel {
    flex: 1; }
  .offices-sidebar_header .area-state {
    display: flex;
    margin-top: 13px; }
    .offices-sidebar_header .area-state .area-state_box {
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 6px;
      padding-top: 10px;
      flex: 1;
      margin-right: 5px;
      text-align: center; }
      .offices-sidebar_header .area-state .area-state_box .area-state_status {
        color: #000000;
        opacity: 0.75;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 700; }
  .offices-sidebar_header .view-selector_box {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    display: inline-flex;
    float: right; }
    .offices-sidebar_header .view-selector_box .view-selector_item {
      margin: 4px;
      cursor: pointer; }
      .offices-sidebar_header .view-selector_box .view-selector_item i {
        font-size: 24px;
        color: rgba(0, 0, 0, 0.4);
        padding: 4px 6px; }
      .offices-sidebar_header .view-selector_box .view-selector_item.active {
        background-color: #ffffff;
        border-radius: 3px;
        box-shadow: 2px 2px 4px 0px rgba(1, 1, 1, 0.3);
        cursor: default; }
        .offices-sidebar_header .view-selector_box .view-selector_item.active i {
          color: #000000;
          padding: 4px 6px; }

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

.company-menu-item {
  height: 48px;
  padding-left: 0px !important;
  display: flex !important;
  flex: 1;
  flex-direction: row;
  align-items: center;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 15px;
  display: flex;
  justify-content: space-between; }
  .company-menu-item .company-menu-description-container {
    background-color: #eeeeee;
    color: #00000040;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    flex: 1;
    text-align: center;
    width: 120px;
    max-width: 120px;
    height: 32px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center; }

.company-menu-label {
  font-size: 10px;
  font-weight: 700;
  color: #07A4EA;
  margin-top: 15px;
  padding: 0.85rem 0.5rem 0.85rem 16px;
  text-transform: uppercase; }

.company-form-card {
  display: flex;
  flex-direction: column; }
  @media (max-width: 568px) {
    .company-form-card {
      padding-right: 0px !important; } }
  .company-form-card .card-dark {
    background-color: #2C2F36 !important;
    color: #FFFFFF !important; }
    .company-form-card .card-dark input,
    .company-form-card .card-dark textarea {
      color: #FFFFFF; }

.company-dashboard-card {
  display: flex;
  flex-direction: column; }
  .company-dashboard-card .card-dark {
    background-color: #FAFAFA !important; }

.input-group .form-group__bar {
  left: 1px; }

.company-contact-box {
  cursor: pointer;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  padding: 4px 8px;
  color: #FFFFFF;
  background-color: #2C2F36;
  margin-right: 8px;
  width: fit-content;
  height: fit-content; }
  .company-contact-box.active {
    color: #2C2F36;
    background-color: #FFFFFF; }

.company-office-box {
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  background-color: #FFFFFF;
  cursor: pointer;
  padding: 15px;
  display: grid;
  min-height: 122px; }
  .company-office-box .company-office-title {
    font-size: 20px;
    font-weight: 700;
    color: #000000; }
  .company-office-box .company-office-address {
    color: #00000036;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; }
    .company-office-box .company-office-address p {
      margin: 0px; }
  .company-office-box:hover {
    background-color: #00ABF7;
    border: 1px solid #00ABF7; }
    .company-office-box:hover .company-office-title {
      color: #FFFFFF; }

.company-new-office-box {
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  background-color: #BDBDBD;
  cursor: pointer;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  height: 122px; }
  .company-new-office-box:hover {
    background-color: #00ABF7;
    color: #FFFFFF; }

.card-title {
  color: #000000;
  font-size: 20px; }

.new-comment-user-badge {
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: unset;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #000000;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  margin-right: 8px; }

.comment-user-badge {
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  box-shadow: unset !important;
  height: 32px !important;
  width: 32px !important;
  flex-basis: 32px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 50% !important;
  background-color: #F5F5F5 !important;
  font-family: Roboto !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #424242 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 1px solid #BDBDBD !important;
  float: left !important; }
  .comment-user-badge.new {
    flex-basis: 40px;
    height: 40px !important;
    width: 40px !important; }

.modal-with-attachments .modal-header {
  padding: 10px 20px; }

.modal-with-attachments .modal-body {
  padding: 25px 0px 0px 0; }

.modal-with-attachments .modal-footer {
  display: block; }

.modal-with-attachments .modal-content-left {
  border-radius: 16px; }
  .modal-with-attachments .modal-content-left .modal-header {
    border-bottom: 1px solid #CCCCCC; }
    .modal-with-attachments .modal-content-left .modal-header .modal-title .dropdown-toggle {
      padding-left: 10px;
      padding-right: 10px; }
  .modal-with-attachments .modal-content-left .modal-footer {
    border-top: 1px solid #CCCCCC;
    padding: 10px 30px; }

.modal-with-attachments .modal-content-right {
  border-radius: 0px 2px 2px 0px;
  box-shadow: none;
  background-color: #212121; }
  .modal-with-attachments .modal-content-right .modal-title {
    color: #FFFFFF; }
  .modal-with-attachments .modal-content-right .add-attachment-button {
    width: 100%;
    background-color: #FFFFFF1A;
    color: #FFFFFF80;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 500; }
    .modal-with-attachments .modal-content-right .add-attachment-button:hover {
      background-color: #FFFFFF;
      color: #212121; }

.border-button {
  border: 1px solid;
  border-color: #2C2F36 !important;
  background-color: #FFFFFF !important;
  color: #2C2F36 !important;
  min-width: 104px; }
  .border-button:hover {
    background-color: #2C2F36 !important;
    color: #FFFFFF !important; }

.text-gray {
  color: #989898; }

.progress-bar {
  border-radius: 8px; }

.btn-outline-dark {
  border: 1px solid #000000; }

.custom-select-block {
  width: 100%;
  background-color: #E0E0E0;
  color: #9E9E9E;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer !important;
  border-radius: 4px;
  padding: 8px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px; }
  .custom-select-block .right-label {
    padding: 5px;
    color: #9E9E9E;
    border: 1px solid #9E9E9E;
    border-radius: 4px; }
  .custom-select-block.active {
    background-color: #212121;
    color: #FFFFFF; }
  .custom-select-block:hover {
    background-color: #212121;
    color: #FFFFFF; }

.primary-color {
  color: #00B4F7; }

.ma-backdrop {
  height: 60px; }

.roboto-medium-500 {
  font-family: Roboto;
  font-weight: 500; }

.m-l-16 {
  margin-left: 16px !important; }

.m-l-4 {
  margin-left: 4px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.m-b-16 {
  margin-bottom: 16px !important; }

.m-b-24 {
  margin-bottom: 24px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-b-4 {
  margin-bottom: 4px !important; }

.m-t-4 {
  margin-top: 4px !important; }

.m-t-8 {
  margin-top: 8px; }

.btn-outline-grey {
  border-color: #BDBDBD !important; }

.m-r-0 {
  margin-right: 0px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.m-b-8 {
  margin-bottom: 8px !important; }

.edit-comment-container button {
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 2px; }

.edit-comment-container .btn-link {
  color: #333; }

.comment-text table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double #b3b3b3; }
  .comment-text table td,
  .comment-text table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid #bfbfbf; }

.comment-text p:not(.comment-automatic-text),
.comment-text li:not(.comment-automatic-text) {
  color: #4E4E4E;
  font-size: 16px; }

.comment-text .comment-operation-type {
  text-transform: uppercase;
  color: #2C2F36;
  font-size: 14px;
  font-weight: bold;
  margin-right: 8px;
  margin-bottom: 4px;
  display: block; }

.comment-text .custom-text {
  color: #4E4E4E;
  font-size: 16px; }

.comment-text .comment-operation-item {
  background-color: #EEEEEE;
  font-weight: 700;
  padding: 5px;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 4px;
  margin-right: 8px;
  white-space: nowrap;
  height: 25px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  max-width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  max-width: stretch; }
  .comment-text .comment-operation-item i {
    font-weight: 700; }
  .comment-text .comment-operation-item.certificate-infos, .comment-text .comment-operation-item.checklist-infos {
    color: white;
    background: #424242;
    font-size: 11px;
    cursor: pointer;
    display: inline-block; }
    .comment-text .comment-operation-item.certificate-infos i, .comment-text .comment-operation-item.checklist-infos i {
      font-size: 13px;
      margin-left: 4px; }
  .comment-text .comment-operation-item.inspection {
    background: #9FE1FF;
    cursor: pointer;
    display: inline-block; }
    .comment-text .comment-operation-item.inspection i {
      font-size: 13px;
      color: #00000059;
      margin-left: 4px; }
  .comment-text .comment-operation-item .comment-operation-item-value {
    margin-bottom: 8px;
    margin-right: 4px;
    font-weight: 700; }
  .comment-text .comment-operation-item .previous-value {
    text-decoration: line-through; }

.swal2-confirm {
  background-color: #00B4F7 !important; }

.center-contents {
  display: flex;
  justify-content: center;
  align-items: center; }

.input-group .form-control {
  padding-left: 0px !important; }

.flatpickr-months {
  background-color: #00B4F7 !important; }

.table th,
.table td {
  padding: 0.5rem; }

.grid .table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td {
  padding-bottom: 8px; }

.grid .table tr {
  height: 48px; }

.grid .table > thead > tr > th.sorting_asc:after, .grid .table > thead > tr > th.sorting_desc:after {
  top: 4px; }

table thead th {
  vertical-align: middle !important; }

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background-color: #00B4F7 !important;
  color: #FFFFFF !important; }

.modal-body > .form > .area,
.area-no-card {
  padding-left: 24px;
  padding-right: 24px; }

.modal-header .material-icons-round {
  height: 24px;
  width: 24px; }

.grid-cell-container {
  padding: 8px;
  display: flex;
  align-items: center;
  height: 48px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  .grid-cell-container .tooltip-container {
    width: 100%; }
  .grid-cell-container span {
    margin-bottom: 0px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .grid-cell-container span.clickable {
      width: fit-content; }
  .grid-cell-container.checkbox-container {
    justify-content: center; }
  .grid-cell-container .checkbox {
    display: flex;
    align-items: center;
    height: 18px; }

.support-ticket-messages .tooltip-container {
  width: initial; }

.checkbox-container {
  width: 48px !important; }

.checkbox__label {
  padding: 0px; }

tr,
td,
th {
  padding: 0px !important;
  height: 48px !important; }

.offices-selector ul.dropdown-menu {
  max-height: 400px;
  overflow: scroll; }

.offices-selector .dropdown-item {
  font-size: 14px;
  color: #9E9E9E !important;
  height: 48px !important;
  border-bottom: 1px solid #BDBDBD; }
  .offices-selector .dropdown-item:hover {
    background: #0000000d !important; }
  .offices-selector .dropdown-item.active span {
    color: #212121 !important; }

.offices-selector a.dropdown-button {
  padding: 8px;
  margin: 8px;
  border-radius: 8px !important;
  border: 1px solid #BDBDBD;
  height: 32px !important;
  width: 32px !important;
  display: flex !important;
  justify-content: center;
  cursor: pointer;
  align-items: center; }
  .offices-selector a.dropdown-button:hover {
    background-color: #0000000d !important; }
  .offices-selector a.dropdown-button i {
    margin: 0px !important;
    padding: 0px !important;
    color: #BDBDBD !important;
    background: unset !important; }

.offices-selector i {
  color: unset;
  background: unset; }

.offices-selector .dropdown-menu {
  left: 10px !important;
  width: 320px;
  background-color: #F5F5F5;
  border-radius: 8px !important; }
  .offices-selector .dropdown-menu a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    padding-right: 8px !important; }

.offices-selector .dropdown {
  z-index: 9; }

.overflow-visible {
  overflow: visible !important; }

.max-width-120 {
  max-width: 120px !important; }

.subtitle {
  margin-top: -4px;
  margin-bottom: 0px;
  font-size: 13px;
  color: #9E9E9E; }

.textcell-container {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 99% !important; }

.with-result td {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  max-width: 280px; }

.page-loader__spinner svg {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  height: 100%;
  position: unset;
  top: unset;
  left: unset; }

.p-l-24 {
  padding-left: 24px; }

.p-l-16 {
  padding-left: 16px; }

.p-b-24 {
  padding-bottom: 24px; }

.p-r-24 {
  padding-right: 24px !important; }

.btn-link {
  color: #333;
  border-radius: 2px;
  min-width: 128px !important;
  text-transform: uppercase;
  font-weight: 500; }
  .btn-link:hover {
    background: #0000000d;
    color: #333; }
  .btn-link.button-control i {
    margin-right: 4px;
    font-size: 16px; }

.ok-button {
  background-color: #2C2F36 !important;
  color: #FFFFFF !important;
  min-width: 104px; }
  .ok-button:hover {
    background-color: rgba(44, 47, 54, 0.88) !important; }

.button-container .delete-button {
  background-color: #ff6767 !important; }
  .button-container .delete-button:hover {
    background-color: #ff6767 !important;
    opacity: 0.8; }

.button-with-icon {
  height: 32px !important;
  min-width: unset !important; }
  .button-with-icon i {
    margin-right: 4px; }

.btn-square-icon {
  height: 34px !important;
  width: 34px !important;
  min-width: unset !important; }

.login__block__header .subtitle {
  color: #212121 !important;
  margin-top: 16px !important; }

.login__block__header .title {
  font-size: 10px;
  font-weight: bold;
  color: #00B4F7; }

.login__block__header img {
  height: 32px !important;
  border-radius: unset !important;
  box-shadow: unset !important;
  margin-bottom: 0px !important; }

.login-main-container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0; }

.login-button {
  background-color: #00B4F7;
  color: white;
  -webkit-tap-highlight-color: transparent; }
  .login-button:hover {
    background: #00B4F7 !important;
    color: white !important; }

.settings-sync-status {
  font-size: 12px;
  font-weight: bold; }
  .settings-sync-status.not-aligned {
    color: #ff6767; }

.customer-settings-overview {
  background-color: #ff6767;
  height: 40px;
  padding: 16px;
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  justify-content: space-between;
  border-radius: 2px; }
  @media (max-width: 568px) {
    .customer-settings-overview {
      height: unset !important;
      padding: 8px; } }
  .customer-settings-overview span {
    font-size: 14px;
    font-weight: 500; }
  .customer-settings-overview a span {
    text-decoration: underline; }
  .customer-settings-overview span,
  .customer-settings-overview i {
    color: white; }

.multiselect-overview {
  background-color: #F5F5F5;
  height: 40px;
  padding: 16px;
  display: flex;
  margin-bottom: 16px;
  padding-right: 15px !important;
  align-items: center;
  justify-content: space-between;
  border-radius: 2px; }
  .multiselect-overview span {
    font-size: 14px;
    font-weight: normal; }
    .multiselect-overview span .bold {
      font-weight: bold; }
  .multiselect-overview a span {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #00B4F7; }
  .multiselect-overview span,
  .multiselect-overview i {
    color: #616161; }

.recovery-password-text {
  font-size: 10px;
  color: #BDBDBD;
  font-weight: bold;
  display: block;
  margin-bottom: 52px; }

.m-r-4 {
  margin-right: 4px !important; }

.customer-setting-overview-card {
  margin-top: -16px; }
  .customer-setting-overview-card .form-group {
    margin-bottom: -16px;
    margin-top: 8px !important; }
  .customer-setting-overview-card .ok-button {
    background-color: white !important; }
    .customer-setting-overview-card .ok-button span {
      color: #ff6767; }

.custom-confirm-dialog .modal-dialog:not(.modal-lg) {
  max-width: 500px; }

.custom-confirm-dialog .modal-dialog.modal-lg {
  max-width: 800px; }

.custom-confirm-dialog .modal-dialog.modal-xxl {
  max-width: 95%; }

.modal-backdrop {
  z-index: 999; }

.modal {
  z-index: 1000; }

.usage-overview-item-container {
  background-color: #FAFAFA;
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #E0E0E0;
  min-height: 88px; }
  .usage-overview-item-container span {
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    text-align: center; }
  .usage-overview-item-container:not(.last) {
    margin-right: 8px;
    margin-bottom: 8px; }

@media (min-width: 576px) {
  .usage-overview-item-container {
    margin-right: 0px !important; }
    .usage-overview-item-container .second {
      border-left: unset !important;
      margin-top: 8px; } }

@media (min-width: 768px) {
  .usage-overview-item-container:not(.last) {
    margin-right: 8px; }
  .usage-overview-item-container .second {
    margin-top: unset;
    border-left: 1px solid #E0E0E0 !important; } }

.m-r-0 {
  margin-right: 0px !important; }

.customer-setting-origin {
  background: #F5F5F5;
  border: 1px solid #DEDEDE;
  margin-bottom: 16px;
  margin-top: -16px; }
  .customer-setting-origin input {
    border-bottom: 1px solid #BDBDBD !important;
    color: #9E9E9E;
    font-size: 13px; }
  .customer-setting-origin label {
    color: #9E9E9E !important;
    font-weight: bold !important; }
  .customer-setting-origin .changed input,
  .customer-setting-origin .changed label {
    color: #ff6767 !important; }
  .customer-setting-origin .zmdi-lock {
    display: none; }
  .customer-setting-origin .align-button span {
    color: #757575; }
  .customer-setting-origin h2 {
    font-size: 12px !important;
    color: #9E9E9E !important;
    padding-left: 0px !important;
    text-transform: uppercase;
    font-weight: bold !important; }

.lookup .grid {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.usage-overview {
  min-height: unset !important;
  padding-right: 0px !important; }

.originField i {
  cursor: help;
  color: #ff6767; }

.originField span {
  color: white; }

.modal-dialog .modal-body[data-mode='enable'] .dropdown-menu {
  max-width: 750px;
  min-width: 300px !important; }

.modal-dialog .modal-body .grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important; }

.lookup-modal-body .grid {
  padding-top: 0px !important; }

.lookup .table-hover > tbody > tr.level-0.selected {
  background-color: unset !important;
  color: unset; }

.select2-dropdown.tag {
  display: none; }

.fixed-content {
  top: 56px;
  bottom: 0;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99; }

.filter-box {
  cursor: pointer; }
  .filter-box.selected .usage-overview-item-container {
    background-color: white !important; }
  @media (max-width: 568px) {
    .filter-box {
      padding-right: 0px !important; } }
  .filter-box .label {
    color: #424242;
    font-size: 11px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis; }
  .filter-box .counter {
    color: #424242;
    font-size: 20px; }
  .filter-box:not(.selected) .label,
  .filter-box:not(.selected) .counter {
    color: #9E9E9E; }
  .filter-box.last {
    padding-right: 0px !important; }
  .filter-box .usage-overview-item-container {
    background-color: #FAFAFA !important;
    max-height: 64px !important;
    min-height: 64px !important;
    min-width: 128px !important;
    padding-top: 8px;
    padding-bottom: 8px; }

.read-only-text-with-icon .input-icon-container {
  border-bottom: 0px;
  width: 20px;
  text-align: center; }
  .read-only-text-with-icon .input-icon-container.onClick {
    display: none !important; }
  .read-only-text-with-icon .input-icon-container .material-icons-round {
    margin-top: 4px; }

.read-only-text-with-icon.clickable {
  text-decoration: none !important; }
  .read-only-text-with-icon.clickable:hover .material-icons-round {
    cursor: pointer;
    color: black;
    font-weight: 500; }
  .read-only-text-with-icon.clickable:hover .input-icon-container {
    display: none; }
    .read-only-text-with-icon.clickable:hover .input-icon-container.onClick {
      display: block !important; }
  .read-only-text-with-icon.clickable:hover input {
    cursor: pointer;
    color: black;
    font-weight: 500;
    border-color: black; }

.read-only-text-with-icon textarea:disabled {
  background: unset !important; }

.read-only-text-with-icon .form-control {
  margin-left: 5px !important;
  border-bottom: 1px solid #BDBDBD; }
  .read-only-text-with-icon .form-control:disabled {
    opacity: 1; }

.read-only-text-with-icon input.form-control {
  overflow-x: hidden;
  white-space: nowrap; }

@media (max-width: 574px) {
  .company-status-container {
    display: flex;
    margin-bottom: 28px; } }

.company-status {
  padding: 2px 8px;
  border: 1px solid #BDBDBD;
  width: max-content;
  border-radius: 12px;
  float: right;
  display: flex;
  align-items: center; }
  .company-status .circle-status {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-left: 10px; }

.small-size .comment-user-badge, .small-size .company-assigned-user {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important; }

.fad-warning .comment-user-badge {
  filter: opacity(0.5); }

.company-assigned-user-container {
  overflow: hidden; }
  .company-assigned-user-container .company-assigned-user {
    margin: 4px;
    border: 1px solid #BDBDBD;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #424242;
    float: left;
    overflow: hidden;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .company-assigned-user-container .company-assigned-user .comment-user-badge {
      width: 50px !important;
      height: 50px !important;
      flex-basis: 50px; }
    .company-assigned-user-container .company-assigned-user.no-assignation {
      padding: 12px 14px !important;
      width: fit-content !important;
      display: block !important; }

.card-title-text-ellipsis div {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  overflow: hidden; }

.border-radius-28 {
  border-radius: 28px !important; }

.deadlines-trend-header {
  position: relative;
  margin-bottom: 32px;
  display: flex;
  justify-content: center; }
  .deadlines-trend-header .title-container {
    position: absolute;
    left: 24px; }
    .deadlines-trend-header .title-container .title {
      color: #212121;
      font-size: 18px; }
  .deadlines-trend-header .btn-deadlines-group {
    margin-right: 8px;
    margin-left: 8px; }
    .deadlines-trend-header .btn-deadlines-group .btn-deadlines {
      color: #BDBDBD;
      background-color: #F5F5F5;
      width: fit-content;
      padding: 4px 10px;
      cursor: pointer;
      float: left;
      border: 1px solid #BDBDBD;
      height: 36px; }
      .deadlines-trend-header .btn-deadlines-group .btn-deadlines:not(.active) .custom-icon img {
        filter: invert(1) grayscale(1) brightness(0.65); }
    .deadlines-trend-header .btn-deadlines-group .btn-deadlines.active {
      color: #424242;
      background-color: #FFFFFF; }
    .deadlines-trend-header .btn-deadlines-group .btn-deadlines:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
      border-left: 1px solid #BDBDBD; }
    .deadlines-trend-header .btn-deadlines-group .btn-deadlines {
      border-left: 0px;
      border-right: 1px solid #BDBDBD; }
    .deadlines-trend-header .btn-deadlines-group .btn-deadlines:last-child {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
    .deadlines-trend-header .btn-deadlines-group .btn-deadlines:not:last-child {
      border-left: 0px;
      border-right: 1px solid #BDBDBD; }

.pie-legend {
  color: #757575;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  font-family: Roboto; }

.pie_container_with_info {
  position: relative; }
  .pie_container_with_info .pie-legend {
    cursor: help !important; }

.total-deadlines-info {
  text-align: center; }
  .total-deadlines-info .total-deadlines-count {
    font-size: 42px;
    color: #424242 !important;
    margin-bottom: 0px;
    font-family: Roboto; }
  .total-deadlines-info .total-deadlines-label {
    font-size: 14px;
    color: #757575;
    margin-top: -8px;
    font-family: Roboto; }

.highcharts-axis-labels text {
  fill: #757575 !important;
  color: #757575 !important;
  font-family: 'Roboto'; }

.highcharts-credits {
  display: none; }

@font-face {
  font-family: Multicolore;
  src: url("../fonts/Multicolore.otf") format("opentype"); }

/* definition */
@font-face {
  font-family: GilroyMedium;
  src: url("../fonts/Gilroy-Medium.eot");
  src: url("../fonts/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.gilroy {
  font-family: GilroyMedium !important; }

.modal-footer {
  border-top: 1px solid #CCCCCC;
  padding: 16px; }

.modal-body {
  padding: 24px;
  overflow-y: auto !important;
  max-height: calc(100vh - 170px); }
  .modal-body:not(.scrollable-body) {
    overflow-y: unset; }

.modal-header {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 16px;
  height: 64px;
  justify-content: center;
  justify-items: center;
  align-items: center; }

.search-dialog .modal-body {
  overflow-y: unset; }

.commercialOpportunity-switch {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px !important; }
  .commercialOpportunity-switch.single-mode {
    flex-direction: column;
    justify-content: unset !important; }

.clone-disabled-dialog-container .modal-body {
  overflow: unset !important; }

.clone-disabled-confirm-text .count {
  font-weight: 500; }

.clone-disabled-confirm-text a {
  color: #2196F3 !important;
  text-decoration: underline !important; }

.m-l-37 {
  margin-left: 37px; }

.clear {
  clear: both !important; }

.sub-grid .content__title {
  left: unset !important;
  position: unset !important;
  padding: 0px !important;
  background-color: unset !important;
  border-bottom: unset !important;
  margin-bottom: unset !important; }

.sub-grid .grid {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.modal[data-mode='enable'] .dropdown-menu {
  transform: unset !important; }

.select-tag .select2-selection__choice {
  background: #00B9FC !important;
  color: white !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  border-radius: 8px !important;
  white-space: normal !important; }

.select-tag .select2-selection__choice__remove {
  color: white !important;
  cursor: pointer; }

.pr-md-16 {
  padding-right: 16px !important; }

.ml-md-16 {
  margin-left: 16px !important; }

@media screen and (max-width: 768px) {
  .ml-md-16 {
    margin-left: 0px !important; }
  .pr-md-16 {
    padding-right: 0px !important; } }

.inline-block {
  display: inline-block; }

.input-icon-container .zmdi-lock {
  cursor: not-allowed !important; }

.lock {
  color: #AAAAAA;
  cursor: not-allowed !important; }
  .lock i {
    font-size: 20px; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: white; }

.tooltip-inner {
  white-space: pre-wrap;
  text-align: left;
  background-color: #212121;
  border-radius: 4px;
  max-width: 400px; }

.overview-label {
  border: 1px solid #BDBDBD;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #9E9E9E;
  padding: 4px;
  border-radius: 4px; }
  @media (max-width: 578px) {
    .overview-label:not(.dark) {
      display: inline-block; } }
  .overview-label.dark {
    background-color: #424242;
    color: white;
    border: unset; }

.comment-automatic-text {
  margin-bottom: 4px; }

.readOnlyImageCell {
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important;
  height: 40px;
  width: 40px; }

.btn.btn-link {
  font-weight: 600; }

.actions {
  display: flex; }

[data-mode="view verification"] .modal-footer {
  display: flex; }

[data-mode="view verification"] .inspectionVerification .dropdown-menu {
  background: black;
  padding: 24px;
  margin-bottom: 8px; }
  [data-mode="view verification"] .inspectionVerification .dropdown-menu .dropdown-item {
    display: flex;
    cursor: pointer;
    justify-content: center;
    background: #424242;
    text-transform: uppercase;
    color: #BDBDBD;
    font-weight: 500; }
    [data-mode="view verification"] .inspectionVerification .dropdown-menu .dropdown-item:hover {
      background-color: #45C5FF;
      color: white; }
    [data-mode="view verification"] .inspectionVerification .dropdown-menu .dropdown-item:not(.last) {
      margin-bottom: 8px; }

[data-mode="view verification"] .button-container:first-child {
  flex: 1; }

.wrap-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tooltip .arrow {
  display: none; }

.sub-setting-back {
  height: 40px;
  border: 1px solid #BDBDBD;
  font-size: 14px;
  color: #9E9E9E;
  font-weight: 500;
  background: #FAFAFA;
  cursor: pointer;
  padding-left: 16px;
  margin: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-transform: uppercase;
  border-radius: 4px; }
  .sub-setting-back:hover {
    background: #0000000d !important; }
  .sub-setting-back i {
    color: #9E9E9E; }

.toDefine {
  color: #00000080 !important;
  background: #E0E0E0 !important; }

.disabled.task-status-overview-card {
  color: #00000080 !important;
  background: #E0E0E0 !important; }

.textcell-subtitle.disabled, .textcell-subtitle.toDefine {
  background: unset !important;
  font-weight: bolder !important;
  color: #9E9E9E !important; }

.textcell-subtitle.regular, .textcell-subtitle.resolved {
  background: unset !important;
  font-weight: bolder;
  color: #45C5FF !important; }

.textcell-subtitle.expired {
  background: unset !important;
  font-weight: bolder;
  color: #ff6767 !important; }

.textcell-subtitle.expiring {
  background: unset !important;
  font-weight: bolder;
  color: #FFD688 !important; }

.regular,
.resolved {
  color: #00000080 !important;
  background: #9FE1FF !important; }

.expected {
  color: #00000080 !important;
  background: #D8D9FC; }

.expiring {
  color: #00000080 !important;
  background: #FFD688 !important; }

.expired {
  background: #ff6767 !important;
  color: #ffffff !important; }

input.expired {
  -webkit-text-fill-color: #ffffff;
  /* Override iOS / Android font color change */ }

.black {
  color: #00000080 !important;
  background: #212121 !important; }

.h-0 {
  height: 0px !important; }

.dialog-entity-form .btn-actions-bar {
  display: none; }

.dialog-entity-form .select2-search__field {
  width: 100% !important; }

.dialog-entity-form .form-body-content .col-12:first-child {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.grid-action-cell {
  display: flex;
  justify-content: center;
  width: 100%; }
  .grid-action-cell a.actions__item {
    color: #9E9E9E !important; }

tr.deactivated td {
  background: #F5F5F5; }

tr.deactivated .textcell-title,
tr.deactivated .textcell-subtitle {
  color: #9E9E9E !important; }

.min-height-unset {
  min-height: unset !important; }

.external-sub-menu-icon {
  padding-right: 0px !important;
  margin-right: 8px !important;
  background: unset !important; }

.system-operation-banner:not(.light) {
  background: #212121;
  color: white; }
  .system-operation-banner:not(.light) .progress-bar {
    background-color: white !important;
    color: white !important; }
  .system-operation-banner:not(.light) .progress {
    background-color: #616161 !important; }

.system-operation-banner .progress {
  flex: 1; }

.system-operation-banner.light span {
  font-weight: bold; }

.system-operation-banner .title {
  font-weight: 500;
  margin-left: 8px;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis; }

.no-border-top {
  border-top: 0px !important; }

.no-border-bottom {
  border-bottom: 0px !important; }

.user-badge.dropdown-toggle::after {
  content: none; }

.link-control i {
  padding-left: 5px; }

.link-control .link-text {
  white-space: nowrap;
  text-decoration: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px; }
  .link-control .link-text:hover {
    color: #212121 !important; }

.no-padding-form-group .form-group {
  padding: 0px !important; }

.flex-1 {
  flex: 1; }

.company-menu-items-container.flex {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.company-menu-items-container .items-container {
  width: 120px; }

.w-100-percent {
  width: 100%; }

.flex-centered {
  display: flex;
  align-items: center; }

.feature-not-enabled-page-container {
  padding: 30px; }
  .feature-not-enabled-page-container .image-container img {
    display: initial;
    max-height: 316px;
    padding-right: 24px; }
  .feature-not-enabled-page-container .items-container {
    background: #EEEEEE;
    padding: 24px;
    border-radius: 4px;
    max-height: 300px; }
    @media (max-width: 576px) {
      .feature-not-enabled-page-container .items-container {
        overflow: auto; } }
    .feature-not-enabled-page-container .items-container .description {
      line-height: 32px;
      font-size: 24px;
      color: #616161; }
    .feature-not-enabled-page-container .items-container .title {
      line-height: 32px;
      font-size: 24px;
      color: #616161;
      font-weight: bold; }

@media (max-width: 576px) {
  .feature-not-enabled-page-container .image-container img {
    display: none; }
  .feature-not-enabled-page-container .items-container {
    max-height: unset !important; } }

.customer-logo-image-container .input-image-container {
  padding: 24px;
  border: 1px solid #E0E0E0; }

.customer-logo-image-container .input-image {
  background-color: unset !important; }

.vh-100 {
  height: 100vh; }

.h-100 {
  height: 100px !important; }

.black-text .bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #525a62 !important; }

.system-operation-banner-control-area {
  overflow: hidden; }
  .system-operation-banner-control-area .form-group {
    min-height: unset !important;
    margin-bottom: -8px !important; }

.not-editable-card .form-group {
  margin-bottom: 16px; }

.hidden {
  display: none; }

.color-picker {
  overflow: auto;
  display: flex; }
  .color-picker .color-item {
    flex: 1;
    display: flex;
    justify-content: center; }
  .color-picker:not(.readonly) .square {
    cursor: pointer; }
  .color-picker .square {
    overflow: hidden;
    height: 48px;
    width: 48px;
    position: relative;
    border-radius: 4px;
    transition: all .3s ease-in-out; }
    .color-picker .square.small {
      border-radius: 4px; }
    .color-picker .square.selected {
      border: 4px solid rgba(0, 0, 0, 0.25);
      border-radius: 45px; }

.multiple .form-control .filter-option .option-icon {
  display: none; }

.bootstrap-select.form-control .filter-option .option-icon {
  float: right;
  font-size: 18px;
  margin-right: 8px;
  color: #747a80;
  cursor: help; }

.dropdown-menu .option-icon {
  float: right;
  font-size: 18px;
  color: #747a80;
  cursor: help; }
  .dropdown-menu .option-icon.multiple {
    margin-right: -8px; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  top: unset !important; }

.tooltip-multiple .check-mark {
  margin-right: 24px; }

.tooltip {
  pointer-events: none; }

.height-unset {
  height: unset !important; }

textarea:disabled {
  padding: 8px;
  background-color: #F5F5F5 !important; }

.width-72 {
  max-width: 72px !important;
  width: 72px !important; }

.error-page a {
  text-decoration: underline !important; }

table#entity-grid-entity_grid_revisionCustom td,
table#entity-grid-entity_grid_systemLog td {
  max-width: unset; }

table#entity-grid-entity_grid_revisionCustom .grid-cell-container,
table#entity-grid-entity_grid_systemLog .grid-cell-container {
  height: unset !important; }

table#entity-grid-entity_grid_systemLog .textcell-title {
  white-space: break-spaces; }

.button-link span {
  display: flex;
  justify-content: center;
  color: #2196F3; }
  .button-link span i {
    font-size: 14px;
    text-decoration: none;
    margin-top: 3px;
    margin-left: 4px; }

.modal .select2-container {
  pointer-events: auto; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
  font-weight: 400; }

.select2-container--default .select2-selection--single:before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
  right: 0;
  bottom: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 6px 6px;
  margin-right: 8px;
  border-color: transparent transparent #999999 transparent; }

.select2-selection__clear {
  margin-right: 8px; }

.select2-container--default .select2-selection--single .select2-selection__rendered :before {
  color: #999999; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  font-weight: 400; }

.autocomplete.selected .select2-container--default :before {
  display: none !important; }

.select2 .select2-container .select2-container--default .select2-container--below .select2-selection__rendered {
  color: #525a62;
  font-weight: 400; }

.center-contents .tooltip-container [data-toggle='tooltip'] {
  display: flex;
  justify-content: center;
  align-items: center; }

.guests-header:not(.enabled) .items-container {
  background-color: #FF6767 !important; }

.guests-header:not(.enabled) p {
  color: white !important; }

.guests-header:not(.enabled) a {
  cursor: pointer;
  margin-top: 8px;
  color: white;
  text-decoration: underline;
  font-size: 16px; }
  .guests-header:not(.enabled) a:hover {
    color: white;
    text-decoration: underline; }

.guests-header.enabled {
  margin-bottom: 30px;
  max-height: 200px !important; }
  .guests-header.enabled .items-container {
    max-height: 200px !important;
    background-color: #9FE1FF !important; }
  .guests-header.enabled .image-container img {
    max-height: 213px !important; }
  .guests-header.enabled p {
    color: #0195CC !important; }
    .guests-header.enabled p.title {
      margin-bottom: 4px !important; }

.grid-header-extra .guests-header {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.p-r-8 {
  padding-right: 8px !important; }

.p-l-8 {
  padding-left: 8px !important; }

.avatar-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }
  .avatar-cell .title.clickable {
    cursor: pointer !important;
    text-decoration: underline !important; }
    .avatar-cell .title.clickable:hover {
      color: black; }
  .avatar-cell .texts {
    text-overflow: ellipsis;
    overflow: hidden; }
    .avatar-cell .texts .tooltip-container {
      text-overflow: ellipsis;
      overflow: hidden; }
  .avatar-cell .comment-user-badge {
    margin-right: 8px !important; }

.overview-bottom-container {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .overview-bottom-container {
      flex-direction: column; }
      .overview-bottom-container div {
        display: flex;
        flex-direction: column; }
        .overview-bottom-container div span {
          width: 100%;
          display: flex !important;
          justify-content: center;
          margin-bottom: 4px;
          margin-left: 0px !important; } }

.header-links {
  display: flex;
  justify-content: space-between; }
  .header-links .task-referents {
    width: 50%;
    display: flex; }
    .header-links .task-referents.company-items {
      display: flex;
      justify-content: flex-end; }
  @media (max-width: 568px) {
    .header-links {
      justify-content: initial;
      flex-direction: column; }
      .header-links .task-referents {
        width: unset;
        display: unset; } }
  @media (max-width: 568px) {
    .header-links .company-items {
      flex-direction: column; } }

.select-block-container {
  padding-right: 8px !important;
  padding-left: 8px !important; }

.m-h-0 {
  min-height: 0px !important; }

.add-attachment-button {
  border: 1px solid #BABABA;
  width: 40px !important;
  height: 40px !important;
  min-width: initial !important;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 4px; }
  .add-attachment-button.small {
    width: 33px !important;
    height: 33px !important;
    border-radius: 2px; }
  .add-attachment-button i {
    cursor: pointer;
    color: #000000;
    transform: rotate(90deg); }

.hidden {
  display: none; }

.attachments-container .comment-attachments-number {
  font-size: 14px;
  font-weight: 700;
  color: #2C2F36;
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 8px; }

.attachments-container .attachment-box-container {
  display: flex;
  flex-direction: column; }
  .attachments-container .attachment-box-container .tooltip-container {
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center; }

.attachments-container .attachment-box {
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  width: 100%;
  height: auto;
  position: relative; }

.attachments-container .input-image {
  cursor: unset;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 70px;
  background-color: #212121;
  display: flex;
  justify-content: center;
  position: relative;
  align-content: center;
  align-items: center; }
  .attachments-container .input-image .actions-wrapper,
  .attachments-container .input-image .actions-container {
    display: none; }
  .attachments-container .input-image .extension-preview {
    min-width: 56px;
    height: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #45C5FF; }
  .attachments-container .input-image.hovered .action-wrapper {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    background-color: rgba(33, 33, 33, 0.48); }
  .attachments-container .input-image.hovered .actions-container {
    margin-right: 8px;
    display: initial; }
    .attachments-container .input-image.hovered .actions-container .attachment-button {
      cursor: pointer;
      height: 24px;
      width: 32px;
      background: #FFFFFF;
      display: flex;
      justify-content: center;
      border: 1px solid #E0E0E0;
      border-radius: 4px;
      align-items: center;
      margin-bottom: 4px; }
      .attachments-container .input-image.hovered .actions-container .attachment-button:hover {
        background-color: #F5F5F5; }
      .attachments-container .input-image.hovered .actions-container .attachment-button i {
        font-size: 16px;
        color: black; }
  .attachments-container .input-image.uploading {
    justify-content: center;
    background-color: #0000002e; }
    .attachments-container .input-image.uploading .progress {
      background-color: #0000001a;
      width: 100% !important;
      margin-right: 8px !important;
      margin-left: 8px !important; }
      .attachments-container .input-image.uploading .progress .progress-bar {
        background: white; }

.attachments-container .attachment-name {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 500;
  color: #9E9E9E;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.add-attachment-field {
  border: 0;
  background-color: #f6f6f6;
  border-radius: 2px;
  transition: border-color .3s, background-color .3s;
  min-height: 50px;
  padding: 16px; }
  .add-attachment-field.can-add {
    cursor: pointer; }
    .add-attachment-field.can-add:hover {
      background-color: #eee; }
  .add-attachment-field .message {
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    font-size: 1rem;
    color: #9ca0a5;
    border-radius: 2px;
    transition: color .3s, box-shadow, .3s;
    padding: .5rem 1.4rem .8rem;
    background-color: #FFF;
    box-shadow: 0 4px 5px #0000001a; }
    .add-attachment-field .message i {
      margin-right: 8px;
      transform: rotate(90deg); }
  .add-attachment-field .add-attachment-area {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center; }

.file-drop .add-attachment-field {
  background: #E0F5FF !important;
  border: 3px #45C5FF dotted !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important; }
  .file-drop .add-attachment-field .message {
    background-color: unset !important;
    box-shadow: unset !important; }

.dropdown-container a {
  display: flex;
  justify-content: left;
  align-items: center; }

.button-control {
  font-weight: 500;
  border: 1px solid #212121 !important;
  color: #424242;
  border-radius: 4px; }
  @media (max-width: 768px) {
    .button-control {
      margin-bottom: 8px; } }
  @media (max-width: 568px) {
    .button-control {
      width: 100%; } }

.inline-separator {
  height: 1px;
  min-height: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid #E0E0E0;
  width: 100%;
  margin-left: 16px; }

.footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center; }

.logo-container {
  justify-content: center;
  display: flex;
  cursor: pointer;
  margin-bottom: 16px;
  padding: 16px 24px 16px 24px; }
  .logo-container:hover {
    border-radius: 40px;
    box-shadow: 0 6px 16px 6px #00000013; }
    .logo-container:hover .logo {
      background-image: url(../images/logo.png) !important; }
  .logo-container .text {
    color: #BDBDBD;
    font-size: 12px;
    margin-right: 10px; }
  .logo-container .logo {
    height: 24px;
    width: 88px;
    background-size: contain;
    background-image: url(../images/logo_grey_small.png);
    background-repeat: no-repeat;
    background-position: center; }

.expand-button {
  float: right; }
  .expand-button.expanded i {
    transform: rotate(90deg); }
  .expand-button i {
    color: #424242;
    width: 24px;
    height: 24px;
    transform: rotate(180deg); }

.table-hover > tbody > tr.level-1 {
  background-color: #F5F5F5; }
  .table-hover > tbody > tr.level-1:hover {
    background-color: #EEEEEE; }

.status-check {
  width: 8px;
  height: 8px;
  border-radius: 1000px;
  margin-right: 4px; }
  .status-check.expiring, .status-check.toSign {
    background: #FFD688 !important; }
  .status-check.expired {
    background: #FF6767 !important; }
  .status-check.regular, .status-check.available {
    background: #45C5FF !important; }

.cursor-no-drop {
  cursor: no-drop !important; }
  .cursor-no-drop div {
    cursor: no-drop !important; }

.import-dialog-text-loader {
  display: flex; }
  .import-dialog-text-loader .page-loader__spinner {
    margin-right: 5px; }

.area-no-card-header .card-title {
  font-size: 16px;
  margin-bottom: 16px; }

.label-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .label-control .tooltip-container {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .label-control span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.allow-pointer-events {
  pointer-events: auto !important; }

.readonly-html {
  background-color: #F5F5F5 !important;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 15px;
  opacity: 0.6;
  height: 200px;
  overflow-y: auto;
  scrollbar-width: thin; }

.bootstrap-select .dropdown-menu {
  max-width: 100%; }
  .bootstrap-select .dropdown-menu li {
    max-width: 100%; }

.content__title .expiration-operation-container-header {
  padding: 0 !important;
  align-self: end;
  border-bottom: none;
  margin: unset; }
  @media (max-width: 568px) {
    .content__title .expiration-operation-container-header {
      height: 100%; }
      .content__title .expiration-operation-container-header .item {
        padding-bottom: 0px;
        display: flex;
        align-items: center;
        max-width: 150px; } }
  .content__title .expiration-operation-container-header .item span {
    text-transform: unset; }

.m-w-150 {
  max-width: 150px !important; }

.m-w-215 {
  max-width: 215px !important; }

.m-w-24 {
  max-width: 24px !important; }

.overflow-visible {
  overflow: visible !important; }

.doubleScroll-scroll-wrapper,
.parent-table-content,
.scrollable-body {
  scrollbar-width: thin; }

.dropdown-menu .inner {
  scrollbar-width: thin; }

.zmdi-refresh-alt.loading {
  animation: rotate 2s infinite; }

.confirmed-synonym-container {
  background-color: #000 !important; }
  .confirmed-synonym-container .dropdown button {
    background-color: #000 !important;
    color: #fff;
    border-bottom: 0px !important;
    padding-left: 2px; }

.synonym-box {
  margin: 4px; }
  .synonym-box:first-child {
    margin-left: 0px; }
  .synonym-box:last-child {
    margin-right: 0px; }

.icon-cell .tooltip-container {
  overflow: hidden; }

.icon-cell.error {
  justify-content: unset; }
  .icon-cell.error .icon-cell-text-container {
    color: #ff6767;
    font-weight: 500;
    display: flex;
    align-items: center; }
    .icon-cell.error .icon-cell-text-container i {
      color: #ff6767;
      font-size: 30px;
      margin-right: 8px; }

.icon-cell.success i {
  font-weight: bold;
  font-size: 18px;
  border-radius: 40px;
  padding: 3px;
  color: white;
  background-color: #2ABB7F; }

.justify-center .grid-cell-container {
  justify-content: center; }

.import-error {
  background: #ff676775; }

.organization-chart-body {
  overflow-x: scroll; }
  .organization-chart-body .row {
    min-width: 800px;
    overflow-x: scroll; }

.import-description {
  font-size: 12px; }

.form-group-no-margin .form-group {
  margin: 0; }

.form-group.no-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.entity-form.expectedChecklistCourseSetting .form {
  padding: 0; }

.form-cell .switch-container {
  display: flex;
  flex-direction: row-reverse; }
  .form-cell .switch-container .toggle-switch {
    margin-top: 3px; }
  .form-cell .switch-container label {
    margin-right: 0 !important;
    margin-top: 6px;
    padding-left: 16px; }

.form-cell .form {
  padding: 0 !important; }
  .form-cell .form .form-group {
    padding: 0px;
    min-height: unset !important;
    margin-bottom: 0px !important; }

.import-help-container.opened .checklist-header {
  border-bottom: solid 1px #E0E0E0 !important;
  border-radius: 4px 4px 0 0; }

.import-help-container .checklist-container-body {
  border: solid 1px #E0E0E0; }

.import-help-container .checklist-items-container {
  background: white; }

.import-help-container.checklist-container {
  padding: 0 !important;
  margin: 0 0 16px 0 !important; }

.import-help-container .checklist-items-container {
  padding: 8px;
  font-size: 12px; }

.import-help-container .import-description {
  margin: 8px; }

.import-template-infos .items-container {
  display: flex;
  flex-wrap: wrap; }

.import-template-infos .title-label {
  margin-bottom: 4px;
  color: #333;
  font-weight: 500; }

.import-template-infos .overview-label {
  text-transform: unset !important;
  align-items: center;
  display: flex;
  text-wrap-mode: nowrap;
  width: fit-content; }
  .import-template-infos .overview-label i {
    margin-left: 2px;
    font-size: 12px; }

.import-template-infos .comment-operation-type {
  text-transform: unset !important;
  color: unset !important; }

.dropzone .dz-message {
  margin: 0 !important; }

.form-group:not(.system-modules) .multi-form-item .form, .form-group:not(.system-modules) .multi-form-item .form-group {
  padding: 0 !important; }

.multiple .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  white-space: normal; }

.max-height-200 {
  max-height: 200px; }

.action-with-badge {
  position: relative; }
  .action-with-badge .badge-new-dropdown {
    position: absolute;
    top: 4px;
    right: 0; }

.dropdown-item.with-badge {
  display: flex;
  gap: 4px; }

.new-badge {
  height: fit-content;
  text-align: center;
  background: #00B4F7;
  color: white;
  padding: 2px;
  margin-left: 4px;
  border-radius: 10px;
  min-width: 40px;
  font-size: 10px;
  /* border: 1px solid red; */
  display: flex;
  justify-content: center; }

.badge-new-dropdown {
  width: 8px;
  height: 8px;
  background: #00B4F7;
  border-radius: 50%; }