button.mat-primary {
  background-color: rgb(82, 47, 145) !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgb(186, 29, 132) !important;
}

.filters .theme-white .btn-primary {
  background-color: rgb(82, 47, 145) !important;
}

.col-primary-sec {
  color: rgb(186, 29, 132) !important;
}

.col-primary {
  color: rgb(82, 47, 145) !important;
}

.col-yellow {
  color: #d4c9b3 !important;
}

.l-bg-silver {
  color: rgb(128, 128, 128);
}

.col-silver {
  color: rgb(128, 128, 128);
}

.l-bg-primary {
  background-color: rgb(82, 47, 145) !important;
}

.l-bg-yellow {
  background-color: #fbad18 !important;
}

.l-bg-primary-sec {
  background-color: rgb(186, 29, 132) !important;
}

.l-bg-primary-sil {
  background-color: rgb(65, 64, 66) !important;
}

.progress {
  height: 1.4rem;
}

.font-65 {
  font-size: 75px;
}

.font-75 {
  font-size: 75px;
}

.bg-del-red {
  background-color: #eb2f06;
}

.btn-warning {
  font-weight: normal !important;
}

/* dark  */
.dark .btn {
  color: #a5abb1;
}
.modal-footer .mat-primary {
  color: white;
}

.mat-raised-button.mat-button-disabled {
  color: #a5abb1 !important;
}
.OPEN .active {
  background-color: #5c4486;
  color: white !important;
}

.BUSY .active {
  background-color: rgb(186, 29, 132) !important;
  color: white !important;
}
.CLOSE .active {
  background-color: #ffc107 !important;
  color: white !important;
}

.active .card-content {
  color: white !important;
}

.active .card-content h2 {
  color: white !important;
}

.active .card-content h1 {
  color: white !important;
}

.active .card-content .col-primary {
  color: white !important;
}

.active .banner-img .col-primary {
  color: white !important;
}

.active .banner-img .col-primary-sec {
  color: white !important;
}
.active .banner-img .col-yellow {
  color: white !important;
}
/* .dark > h1,
h2,
h3,
h4,
h5,
h6,p,.banner-img,.card-statistic-4 {
  color: #a5abb1;
} */

/* Animate items as they're being sorted. */
.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  padding: 4px;
}

.filters {
  margin-top: 15px;
}

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

.filters mat-slide-toggle {
  margin-bottom: 15px;
}

.mat-fab:not([class*="mat-elevation-z"]),
.mat-mini-fab:not([class*="mat-elevation-z"]) {
  box-shadow: none;
}

.filters .btn-align {
  vertical-align: top;
}

button {
  box-shadow: none;
}

.filter-card {
  padding: 10px !important;
}
.mat-fab {
  box-shadow: none;
}

[type="radio"]:not(:checked) + label {
  padding-left: 5px;
}

table thead tr th {
  text-align: center;
}

table tbody tr td {
  text-align: center;
}

table tbody tr th {
  text-align: center;
}

.mat-fab,
.mat-mini-fab {
  box-shadow: none !important;
}

.results {
  float: right;
  margin-right: 5px;
}

.page-title-main {
  padding-right: 10px;
  font-size: 23px;
  font-weight: 500;
  color: #444444;
}
/* @media (min-width: 820px) and (max-width: 1366px) {
 .response .same{
    display: none;
  }
 } */

.filters-list {
  margin-left: 15px;
  margin-right: 10px;
}

.page-header {
  padding-right: 10px;
  font-size: 23px;
  font-weight: 500;
  color: #444444;
}

.card-amount-values {
  color: #5c4486;
  text-align: center;
}

.btn-list {
  float: left;
  margin-top: 10px;
}

.action-buttons {
  margin-right: 40px;
}

.line {
  display: inline-block;
  box-shadow: 3px 0px 3px rgb(58, 1, 15);
}

.mat-tab-body-content {
  overflow-x: hidden !important;
}

.required-star {
  color: red;
}

/* Image Upload*/
.fa-camera {
  font-size: 50px;
}

/* .browse-link{
  text-align: center;
  margin: auto;
  margin-top: 7%;
  cursor: pointer;
} */

.top-ten-list {
  position: relative;
  min-height: 400px;
  max-height: 400px;
  /* overflow-y: scroll !important; */
}

.top-ten-list-count {
  color: rgb(82, 47, 145) !important;
}

.results {
  margin-right: 10px;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(196, 193, 193);
  border-radius: 1px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(192, 191, 191);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #292828;
}

.badge-danger {
  cursor: pointer;
  background-color: red;
}

.img-container {
  margin-left: 10px;
}

.uploaded-img {
  position: relative;
  width: 75%;
  padding-bottom: 0;
  /* border: 1px solid gray; */
}

.uploading-img {
  height: 50px;
  width: 50px;
}

.uploading-gif {
  height: 70px;
  width: 70px;
}

.container-upload {
  position: relative;
  width: 100%;
  background-color: rgb(221, 219, 219);
  border-style: dashed;
  border-color: rgb(109, 106, 106);
  display: block;
  height: 250px;
  padding-bottom: -20%;
}

.browse-link {
  text-align: center;
  margin: auto;
  margin-top: 7%;
  cursor: pointer;
}

.container-img {
  position: relative;
  width: 75%;
  max-width: 300px;
  /* border: 1px solid gray; */
}

.doc-file-type .img-icon {
  font-size: 15px !important;
}
.top-ten-list-stores {
  min-height: 700px !important;
}
.top-ten-list-stores .doc-file-type .d-flex {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
}
.top-ten-list-stores .doc-file-type .img-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
/* .top-ten-list .doc-file-type .d-flex {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
} */
.top-ten-list .doc-file-type .img-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.top-ten-list .set-flex {
  height: 47px!important;
}
.dashboards .same{
  min-height: 343px;
}

.timepicker-dial__control {
  border: none;
  background-color: transparent;
  font-size: 50px !important;
  width: 60px;
  padding: 0;
  border-radius: 3px;
  text-align: center;
  color: inherit;
}

.timepicker-dial__control {
  font-size: 50px !important;
}

.timepicker-header.mat-warn , .mat-mini-fab.mat-warn , 
.clock-face__clock-hand.mat-toolbar.mat-warn ,
.clock-face__center.mat-toolbar.mat-warn{
  background-color: rgb(82, 47, 145) !important;
}

.mat-button.mat-warn{
  color: rgb(82, 47, 145) !important;
}

.mat-button.mat-warn:hover {
  background-color: #ece1f5 !important;
}

.camp-modal .modal-content {
  border: 1px #BA1D84 solid !important;
  padding: 0 !important;
  border-radius: 10px 10px 10px 10px !important;
}

.summary-modal .modal-content {
  padding: 0 !important;
  background-color: #fff !important;
  border-radius: 0 !important;
}

.tab-head.mat-tab-labels{
  background-color: #59e0c5 !important;
}

.tab-custom.mat-tab-header.mat-tab-labels {
  justify-content: center;
  background-color: aqua !important;
}



mat-form-field:has(input[type="number"]:read-only) {
  /* Your styles for the parent mat-form-field when the input is readonly */
  opacity: 0.5;
}