
/*--------------------loading---section-----------------------*/
.loadingdivcls{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:99999;}
.loadingdivcls span{position:absolute; z-index:999; top:50%; left:50%; -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); width:100px; height:100px; background:rgba(255,255,255,1); -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; border:3px solid #e8e3e3}
.loadingdivcls span img{position:absolute; z-index:999; top:50%; left:50%;-moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.my-custom-scrollbar {
    position: relative;
    height: 150px;
    overflow: auto;
    }
    .table-wrapper-scroll-y {
    display: block;
    }
    .bgChange:hover{
    background-color: #E9ECEF;
    cursor: pointer;
    }
    
mat-form-field.small {
  --mat-form-field-container-height: 20px;
  --mat-form-field-container-vertical-padding: 3px;
  margin-bottom: -25px !important;
  font-size: 0.875rem !important;
}
.mat-mdc-option{
  min-height: 20px !important; 
  font-size: 0.855rem !important;
  padding: 0px !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.mdc-text-field--filled{
  background-color: transparent !important;
}
.mdc-text-field{
  padding: 0 10px !important;
}
.mat-mdc-dialog-surface {
  scrollbar-width: none !important;
  padding: 10px;
  }

.mat-mdc-option.mdc-list-item--selected {
  background-color: #0d47a1 !important;
  color: white !important;
}
.mat-option{
   height: 25px !important;
   padding: 0 10px !important;
}
.mat-option-text{
   font-size: 14px !important;
}

.mat-mdc-option.mdc-list-item--disabled {
  color: #999;
  cursor: not-allowed;
}
.mat-mdc-option .mdc-list-item__primary-text {
  font-size: 0.875rem;
  color: #333;
  padding-left: 4px;
  transition: color 0.2s ease;
}
.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #000000;
  font-weight: 500;
  font-size: 0.875rem !important;
}
.mat-input-element{
   padding: 0px !important;
}
.mat-form-field-appearance-outline .mat-form-field-infix{
   padding: 3px !important;
}
  /* Chrome, Safari, Edge, Opera */
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
   }
   /* Firefox */
   input[type=number] {
   -moz-appearance: textfield;
   }
.container
{
    display: flex;
    justify-content: flex-start;
    gap: 1px;
    padding-left: 0px;
}
.box
{
    width: 33%;
}
.box-1
{
    width: 48%;
}
.clearfix{
  width: 100%;
}
    /*--------------------loading---section-----------------------*/
