.mat-checkbox-inner-container {
    background: rgb(0 0 0 / 12%) !important;
}
.label-desc {
    float: left;
}
.pointer{
    cursor: pointer;
}

  /* You can add global styles to this file, and also import other style files */
@import "../node_modules/angular-calendar/css/angular-calendar.css";
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
.ngx-select__toggle-caret {
    display: none;
}
.ngx-select__clear-icon {
    max-width: 0.7em;
    max-height: .70em;
    color: rgb(144, 144, 144);
    margin-bottom: 1px;
}
.bg-line {
    border-bottom: 1px solid #e7eaec !important;
    height: 38px;
  }
  .mat-icon-button {
    width: 30px !important;
    height: 25px !important;
    line-height: 25px !important;
  }
  .pointer{
    cursor: pointer;
  }
  /* .mat-dialog-container {
    padding: 0px !important;
} */
/* .mat-tab-body-content {
  min-height: 500px;
} */

.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff9a00 !important;
}
.mat-background-accent .mat-tab-label {
  height: 30px !important;
}
.mat-dialog-content {
  max-height: 88vh !important;
}

::-webkit-scrollbar {
  width: 6px;/*rigth*/
  height: 6px;/*bottom*/
}
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
  background-color: #b4b4b4;
}

/* this will style the thumb, ignoring the track */

::-webkit-scrollbar-button {
  /* background-color: #7c2929; */
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

::-webkit-scrollbar-corner {
  background-color: aliceblue;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
.cdk-overlay-container>.cdk-overlay-connected-position-bounding-box>.cdk-overlay-pane{
  max-width: none !important;
  width:auto !important;
}
.mat-option.mat-active {
  background: rgb(209 218 222) !important;
}
/* .mat-autocomplete-panel { 
  position:relative;
  right: 120px !important;
  left: auto !important;
} */
.bggray{
  background-color: gray!important;
}

.styled-select select {
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
}
.mat-tab-header {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background-color: #5fb3c5;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#calendar_doctor>.cal-month-view .cal-cell-top {
  min-height: 15px !important;
}
#calendar_doctor>.cal-month-view .cal-day-cell {
  min-height: 15px !important;
}
.fitrow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 15px !important;
  min-height: 15px !important;
}
#dev-regis>.mat-tab-label {
  height: 30px !important;
}
.mat-tab-label {
  height: 30px !important;
}
.mat-tab-label.mat-tab-disabled {
  display: none !important;
}
.cal-month-view .bg-pink,.cal-week-view .cal-day-columns .bg-pink,.cal-day-view .bg-pink {
  background-color: hotpink !important;
}
.cal-day-segment-disabled, .cal-day-segment-disabled:hover {
  /* background-color: #ffffff !important; */
  cursor: not-allowed;
  /* border-bottom-color: #ffffff !important; */
}
.cal-week-view .cal-current-time-marker {
  /* background-color: #ea4334; */
  background-color: #ea433400;
}
.font-black span {
  color: #000000 !important;
}
.font-red span {
color:red !important;
}
.text-black {
  color: #000000 !important;
}
.mat-content {
  display: block !important;
}
.mat-paginator-container {
  height: 48px !important;
  min-height: 48px !important;
}
.hidden {
  display: none;
}
tr.mat-header-row {
  height: 30px;
}
tr.mat-row {
  height: 30px;
}
td.mat-cell, td.mat-footer-cell, th.mat-header-cell {
    padding-left: 1em !important;
    padding-top: 0.5em !important;
}
body.enlarged {
  min-height: 100vh !important;
}
.form-control[readonly] {
  background-color: #f1f5f7 !important;
}
input:disabled {
  background-color: #f1f5f7 !important;
}
input:read-only {
  background-color: #e9ecef;
}
.mat-dialog-container {
  padding: 0px !important;
}
.table th, .table td {
  padding: 0.2rem !important;
  vertical-align: middle !important;
}
.img-icon {
  width: 20px;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.form-control {
  background-color:#37cde60a !important
}
.form-control-sm {
  font-size: 0.9rem !important;
}
.form-control {
  font-size: 1rem !important;
}
.content-page {
  padding: 0 5px 5px 5px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.container-fluid {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.form-control-color {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.9rem + 2px);
    padding: 0.45rem 0.9rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
    transition: border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
}
.mat-icon-button {
  padding: 0;
  min-width: 0;
  width: 40px !important;
  height: 40px !important;
  flex-shrink: 0;
  line-height: 40px !important;
  border-radius: 50%;
}