.export-data {
  font-size: 13px;
  text-align: right;
}

.ph-collapsible-content.show {
  max-height: 10000px;
}

.hide {
  display: none;
}

.btn-mobile-disabled {
  color: #ccc;
  cursor: not-allowed;
}

.clickable {
  cursor: pointer;
}

.clickableblue {
  cursor: pointer;
  color: #0645ad;
}

.cliqueableorange {
  cursor: pointer;
  color: #ffa802;
}

/*    TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.  */
.mat-checked .mat-slide-toggle-thumb {
  background-color: #3fb551 !important;
}

/*    TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.  */
.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 181, 81, 0.5) !important;
}

p.text-with-icon {
  width: auto !important;
}

.page-link {
  cursor: pointer;
}

.page-link.active {
  background-color: #ffa802;
  box-shadow: none;
}

select[disabled] {
  cursor: not-allowed !important;
}

.form-group mat-checkbox {
  font-family: inherit !important;
}

.text-transparent input {
  color: transparent !important;
}

/*    TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.  */
.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38) !important;
}

/*    TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.  */
.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38) !important;
}

/*    TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.  */
.radio-white-space-normal .mat-radio-label {
  white-space: normal !important;
}

/*    TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.  */
.mat-radio-label .mat-radio-label-content {
  display: inline-flex;
}

.radio .radio-inline {
  background-color: #ecf2f7;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .text-nowrap-md {
    white-space: nowrap;
  }
}

.ph-small-standalone {
  margin-top: 8px !important;
  font-size: 13px !important;
  margin-bottom: 0 !important;
  font-weight: 600 !important;
}

.ph-small-standalone-normal {
  margin-top: 8px !important;
  font-size: 13px !important;
  margin-bottom: 0 !important;
  font-weight: normal !important;
}

.color-black {
  color: #212529 !important;
}

table.table-no-min-width tbody td,
table.table-no-min-width thead th {
  min-width: 0px !important;
}

.text-disabled {
  color: #ccc;
}

@media all and (min-width: 768px) {
  .ph-responsive-table .col-num .inner-content {
    margin-left: auto;
  }

  .ph-responsive-table .ph-table-header .col-num,
  .aligned-collapsed-table .col-num {
    text-align: right;
  }
}

@media all and (max-width: 768px) {
  .ph-subtable-small-scale .aligned-collapsed-row-inner {
    width: 120%;
    padding-left: 5%;
  }
}

a.no-style,
a.no-style:hover {
  text-decoration: none;
}

#menu-user-collapse {
  cursor: auto;
}

.pnl-font-normal label {
  font-weight: normal !important;
}

.ng-scrollbar-thumb {
  background-color: #4b74ff !important;
}

ng-scrollbar .-vertical {
  width: 4px !important;
}

ng-scrollbar .ng-scrollbar-thumb {
  max-height: 60px;
}

.main-menu-module {
  padding-right: 10px;
}

/*    TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.  */
.mat-slide-toggle-thumb-container {
  cursor: pointer !important;
}

.noUi-connect {
  background: #3f51b5 !important;
}

.noUi-tooltip {
  display: none !important;
}

.noUi-active .noUi-tooltip {
  display: block !important;
}

.nouislider-small .noUi-target {
  height: 10px !important;
}

.nouislider-small .noUi-handle {
  width: 16px !important;
  height: 16px !important;
  /*    background-color: #3f51b5 !important;  */
  /*    box-shadow: inset 0 0 1px #3f51b5,inset 0 1px 7px rgb(46, 32, 128),0 3px 6px -3px rgb(27, 4, 90) !important; */
  border-radius: 10px !important;
  top: -4px !important;
  /*    border: 1px solid  rgb(46, 32, 128) !important; */
}

.nouislider-small .noUi-handle::after,
.nouislider-small .noUi-handle::before {
  background: none !important;
}

.nouislider-small .noUi-horizontal .noUi-handle {
  right: -8px !important;
}

.nouislider-small .noUi-marker-horizontal.noUi-marker-large {
  height: 8px;
}

.nouislider-small .noUi-marker-horizontal.noUi-marker {
  margin-left: inherit;
}

#ph-filter-content-def {
  display: none;
}

.nouislider-small .noUi-value-large {
  font-size: 0.8rem;
}