*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}
.btn-info:hover {
    color: #00b8f2 !important;
    background-color: #fff !important;
    border-color: #00b8f2 !important;

}
.btn-success:hover{
  background-color: #fff !important;
  border-color: #28a745 !important;
  color: #28a745!important;
}
.btn-danger:hover{
  background-color: #fff !important;
  border-color: #dc3545 !important;
  color: #dc3545 !important;
}
header .navbar-expand-lg .navbar-collapse{
  justify-content: end;
}
.sos-nav .navbar-brand {
  color: #155485;
  font-size: 22px;
  font-weight: 500;
}
.sos-nav .nav-item a{ font-size: 18px; color: #000 !important; font-weight: 600;}
.hero-sec{
  background: #155485;
  
}
.sec-padding{
  padding: 50px 0px;
}
.slider-form {
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 10px;
}
.section-title{
  font-size: 25px;
  color: #000;
}
.slider-form .form-control{
  border-radius: 5px;
background: #edf1f5;
border: 1px solid #e1e1e1;
}
.slider-form .form-check-label{
  font-size: 14px;
}
.slider-form .form-check-input{

background: #edf1f5;
border: 1px solid #e1e1e1;

}
.default-btn {
border-radius: 10px;
background: #fc9700;
color: #fff;
padding: 10px 20px;
font-weight: 500;
font-size: 18px;
}
.default-btn:hover{
  background: #fff;
  color: #fc9700;
  border: 1px solid #fc9700;
}
/* Slider */
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
/*
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
} */
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

.theme-light-bg{
  background: #F4F6F8;
}
.comp-check-div{
  display: flex;
  align-items: center;
}
.comp-check-div i {
  font-size: 24px;
  margin-right: 10px;
  
}
.comp-div-text h6{
  font-size: 16px;
}
.comp-div-text p{
  font-size: 12px;
  margin-bottom: 0px;
}
.request-sec {
  background: url('../img/bg-request.png') no-repeat ;
  background-size: cover;
}
.request-sec h2{
  font-size: 30px;
}
.request-btn{
  background: white;
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
.request-btn:hover{
    
  border:1px solid #fff;
  background: transparent;
  color: #fff;
}
.features-div{
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 0px 25px;
}


.testimonial {

}
.testimonial-slide {
  padding: 30px 0px;
}
.testimonial_box-top {
  background-color: #fff;
  padding: 30px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  flex-direction: column;
  text-align: center;
 box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
}
.testimonial_box-icon {
  padding: 10px 0;
}
.testimonial_box-icon i {
  font-size: 25px;
  color: #14213d;
}
.testimonial_box-text {
  padding: 10px 0;
}
.testimonial_box-text p {
  color: #293241;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.testimonial_box-img {
  padding: 20px 0 10px;
  display: flex;
  justify-content: center;
}
.testimonial_box-img img {
  width: 130px;
    border-radius: 5px;
    border: 2px solid #e5e5e5;
}
.testimonial_box-name {
  padding-top: 10px;
}
.testimonial_box-name h4 {
  font-size: 20px;
  line-height: 25px;
  color: #293241;
  margin-bottom: 0;
}
.testimonial_box-job p {
  color: #293241;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 0;
}
footer {
  background: #333333;
}

.address-div p{
  font-size: 16px;
  color: #fff;
}
.address-div h3{
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  position: relative;
  margin-bottom: 25px;
}
.address-div h3::before{
  content: "";
  position: absolute;
  height: 3px;
  background: #fff;
  width: 60px;
  bottom: -15px;
}
.address-div a{
  display: block;
  color: #fff !important;
  
  
}
.address-div .add-info{
  margin-bottom: 15px;
  display: flex;
}
.address-div a:hover {
  text-decoration: none;
  cursor: pointer;
}
.address-div img {
  margin-right: 10px;
  
}
.address-div p{
  margin-bottom: 0px;
}
.navbar-brand {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px){
.navbar-brand {
  display: block;
  align-items: center;
}
.slider-img img {
  width: 100%;
}
.img-comp {
  width: 280px;
} 
.navbar-brand p {
    white-space: break-spaces;
    width: 270px;
}
.comp-desc{
  margin-top: 20px;
}
.request-btn{
  margin: 20px auto;
  text-align: center;
  display: block;
}
.address-div {
  margin: 20px 0px !important;
}
.features-div h1{
  margin-top: 20px;
}
}

/* added by mahera */
.font_weight_normal{
  font-weight: normal;
}
.hr{
  border:dark;
}
.detail_class{
  /* background:#343a!important; */
  background-color: #f5f5f5 !important;
}
.cardheading{
  background-color: #f5f5f5 !important;
}
p{
  margin-bottom: 0px !important;
}
.btn{
  background-color: transparent !important;
}

.btn-primary-outline{
  background-color: #fff !important;
    color: #ff9529 !important;
    margin-left: 10px;
    border: 1px solid #ff9529 !important;
}
.btn-primary-outline:hover{
  background-color: #ff9529 !important;
  color: #fff !important;
}
.btn-primary-outline:focus{
  box-shadow: none !important;
  background-color: #ff9529 !important;
  color: #fff !important;
}
.btn-primary-outline.btn-primary:hover{
  background-color: #ff9529 !important;
  color: #fff !important;
}
.btn-outline-warning {
    color:#0dcaf0 !important;
    border-color:1px solid #0dcaf0 !important;
}
.btn-outline-info {
    color: #0dcaf0 !important;
    border-color:1px solid #0dcaf0 !important;
}
 .card-bg{
  background-color: #f5f5f5 !important;
 }
 .cancel-btn-new{
  background: #e3e3e3 !important ;
  font-weight: 400 !important;
 }
 .cancel-btn-new:hover{
  background: #fff !important;
  border: 1px solid #e3e3e3 !important;
 }

.font-size{
  font-size:medium !important;
}
.label-font{
  font-size: medium !important;
  font-weight: 500 !important;
  color: #000 !important;
}
.btn-outline-secondary:hover {
  color: #6c757d !important;
  /* background-color: #6c757d !important; */
  border-color: #6c757d !important;
}
.clear-btn-margin{
  margin-left: 3px !important;
}



/*  */
/* added by utsav */
.table-more-data-main-div .child ul {
  display: flex !important;
  justify-content: space-between;
}
.table-more-data-main-div .child ul li{
  word-break: auto-phrase;
  white-space: break-spaces;
  display: grid;
  padding: 0 !important;
  border-bottom: none !important;
  border-block-end: none !important;
}
.form-control:focus{
  padding: 0.375rem 0.75rem;
}

/* Timepicker */
.datepicker-dropdown{
    z-index: 9999 !important;
}
.bootstrap-timepicker-widget table td a {
  color: #495057; }
  .bootstrap-timepicker-widget table td a:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 4px;
    color: #556ee6;
    text-decoration: none; }

.bootstrap-timepicker-widget table td input {
  width: 32px;
  height: 32px;
  border: 0;
  color: #495057;
  border: 1px solid #eff2f7;
  background-color: #fff; }

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom-color: #eff2f7; }

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  border-top-color: #eff2f7; }

.timepicker-orient-top {
  top: calc(1.5em + 0.94rem + 2px) !important; }

.timepicker-orient-bottom {
  top: auto !important;
  bottom: calc(1.5em + 0.94rem + 2px) !important; }

.bootstrap-timepicker-widget {
  left: 0 !important;
  right: auto !important; }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
  right: auto; }

.bootstrap-timepicker-widget.timepicker-orient-left::after {
  left: 7px;
  right: auto; }

[dir="rtl"] .datepicker {
  right: 0 !important;
  left: auto; }

.datepicker {
  border: 1px solid #eff2f7;
  padding: 8px;
  z-index: 9999 !important;}
  .datepicker table tr th {
    font-weight: 500; }
  .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td .active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
  .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active {
    background-color: #556ee6 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: #fff !important; }
  .datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
  .datepicker table tr td span.focused,
  .datepicker table tr td span:hover {
    background: #eff2f7; }
  .datepicker table tr td.new, .datepicker table tr td.old,
  .datepicker table tr td span.new,
  .datepicker table tr td span.old {
    color: #adb5bd;
    opacity: 0.6; }
  .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background-color: #f6f6f6; }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {
  padding: 7px; }

.bootstrap-datepicker-inline .datepicker-inline {
  width: auto !important;
  display: inline-block; }

.datepicker-container {
  border: 1px solid #eff2f7;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff; }
  .datepicker-container.datepicker-inline {
    width: 212px; }

.datepicker-panel > ul > li {
  background-color: #fff;
  border-radius: 4px; }
  .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
    background-color: rgba(85, 110, 230, 0.25);
    color: #556ee6; }
  .datepicker-panel > ul > li.highlighted, .datepicker-panel > ul > li.highlighted:hover, .datepicker-panel > ul > li:hover {
    background-color: #556ee6;
    color: #fff; }
  .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
    color: #adb5bd;
    opacity: 0.6; }

.datepicker-panel > ul[data-view=week] > li {
  font-weight: 500; }

.datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
  background-color: #fff; }

.bootstrap-touchspin.input-group > .input-group-prepend > .btn, .bootstrap-touchspin.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.bootstrap-touchspin.input-group > .input-group-append > .btn, .bootstrap-touchspin.input-group > .input-group-append > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; 
}
.input-group-text{
  background-color: #f8f9fa !important;
}
.breadcrumb{
  background-color: transparent !important;
  padding: 0 !important;
}
/*.breadcrumb .breadcrumb-item a{
  color: #dfdfdf !important;
}
.breadcrumb .breadcrumb-item a.active{
  color: #fff !important;
  cursor: inherit;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item a.active:hover{
  text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before{
  color: #fff !important;
}*/
.card.custom-card .card-body .paginate_button:hover{
  color: black !important;
  /* background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%) !important; */
}
.card.custom-card .card-body .paginate_button.current:hover{
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%) !important;
  border: 1px solid #979797 !important;
}
.font-size-14{
  font-size: 14px !important;
}
.table-responsive{
  overflow-x: hidden !important;
}
table.dataTable{
  width: 100% !important;
}
/* div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{
  top: 46px !important;
  left: 6px !important;
  width: 1.5625em !important;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{
  top: 2.375em !important;
  left: 6px !important;
  width: 2.9375em !important;
}
.swal2-container .swal2-icon{
  width: 5rem !important;
  height: 5rem !important;
} */
/* .com-tab-main tr td:nth-last-child(12){
  width: 150px !important;
  max-width: 150px !important;
  min-width: 150px !important;
  white-space: break-spaces;
} */
.add-th-width-main-cl{
  width: 120px !important;
  max-width: 120px !important;
  min-width: 120px !important;
  white-space: break-spaces;
}
.Engineer-add-th-width{
  width: 400px !important;
  max-width: 400px !important;
  min-width: 400px !important;
  white-space: break-spaces;
}
.w45{
  width: 45%;
}
.w10{
  width: 10%;
}
.footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.main-content{
  margin-bottom: 55px !important;
}
div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box !important;
    justify-content: center;
    width: 5em !important;
    height: 5em !important;
    margin: 2.5em auto 0.6em !important;
    border: 0.25em solid rgba(0,0,0,0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -0.25em !important;
    left: -0.25em !important;
    box-sizing: content-box !important;
    width: 100%;
    height: 100%;
    border: 0.25em solid rgba(165,220,134,.3);
    border-radius: 50%;
}
.curser-pointer{
  cursor: pointer !important;
}
.change-pass-div-main .btn:focus-visible{
  color: #6c757d !important; 
  box-shadow: none !important;
} 
.change-pass-div-main .btn-outline-secondary:focus{
  color: #6c757d !important;
  box-shadow: none !important;
}
.change-pass-div-main .btn-outline-secondary:active{
  color: #6c757d !important;
  box-shadow: none !important;
  background: #fff !important;
}
.change-pass-div-main .btn-outline-secondary{
  border: 1px solid #ced4da !important;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em !important;
    width: 2.9375em !important;
    height: 0.3125em !important;
    border-radius: 0.125em;
    background-color: #f27474;
}
.swal2-container{
  justify-content: center !important;
  align-content: center !important;
  grid-template-columns: inherit !important;
}
textarea.form-control{
/*             height: calc(2.25rem + 2px) !important;*/
         overflow: auto;
}
.swal2-container .swal2-styled.swal2-confirm{
  padding: .625em 1.1em !important;
  font-size: 1em !important;
}
.swal2-container .swal2-styled.swal2-cancel{
padding: .625em 1.1em !important;
  font-size: 1em !important;
}
.modal .btn-primary.close_modal{
      background: #e3e3e3 !important;
    font-weight: 400 !important;
    color: #000 !important;
    border: none !important;
}
.modal .btn-primary.close_modal:hover{
  background: #fff !important;
  border: 1px solid #e3e3e3 !important;
}
.modal .modal-footer .btn-info{
  background: #e3e3e3 !important;
    font-weight: 400 !important;
    color: #000 !important;
    border: none !important;
}
.modal .modal-footer .btn-info:hover{
  background: #ededed !important;
}
.datepicker table tr td.today{
  background-color: #ff9800 !important;
}
.collaps-main-div{
      display: flex;
    justify-content: space-between;
    width: 100%;
}
div.dataTables_wrapper div.dataTables_length select{
  cursor: pointer !important;
}
.Expense-Category-main-new{
  width: 115px !important;
  max-width: 115px !important;
  min-width: 115px !important;
   white-space: break-spaces; 
}
.Expense-Date-main-new{
  width: 110px !important;
  max-width: 110px !important;
  min-width: 110px !important;
   white-space: break-spaces; 
}
.Expense-Amount-main-new{
  width: 105px !important;
  max-width: 105px !important;
  min-width: 105px !important;
   white-space: break-spaces; 
}
.star-rating{
  margin: 0 auto;
  display: block !important;
  width: 220px !important;
  height: 55px !important;
  background-size: 44px !important;
}
.star-rating .star-value{
  background-size: 44px !important;
}
.dataTables_wrapper .dataTables_filter input{
    outline-offset: 0 !important;
    padding-left: 3px !important;
}
.btn-primary:not(:disabled):not(.disabled):active{
  color: #fff !important;
}
input[type=checkbox]{
  cursor: pointer !important;
}
input[type=radio]{
  cursor: pointer !important  ;
}
.modal-open .modal{
  padding-left: 0px !important;
}
.modal-header .close{
      padding: 15px !important;
}
.mt37{
  margin-top: 37px;
}
.dataTables_wrapper select option {
  cursor: pointer;
}
.modal{
  Z-INDEX: 1062 !important;
}
.modal-backdrop{
  z-index: 1060 !important;
}
.modal .app-header{
  z-index: 1052 !important;
}
.app-header{
  z-index: 1100;
}
.app-sidebar{
  z-index: 1102;
}
.select2-dropdown{
  z-index: 1200 !important;
}
.dropdown-menu{
  z-index: 99 !important;
}
.select2-results__option[aria-selected]{
  text-transform: capitalize;
}
.table thead tr th{
  font-size: 15px !important;
}
table.dataTable thead .sorting {
  font-size: 15px !important;
}
table.dataTable tbody td{
  font-size: 15px !important;
      white-space: break-spaces;
}
.br-0{
  border-right: 0px ;
}
.sparepart-main-new{
  width: 115px !important;
  max-width: 115px !important;
  min-width: 115px !important;
  white-space: break-spaces;
}
.sparepart-srn-new{
  width: 67px !important;
  max-width: 67px !important;
  min-width: 67px !important;
  white-space: break-spaces;
}
.productType-srn-new{
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
  white-space: break-spaces;
}
.productType-action-new{
  width: 150px !important;
  max-width: 150px !important;
  min-width: 150px !important;
  white-space: break-spaces;
}
.to-address-travel-new{
  width: 110px !important;
  max-width: 110px !important;
  min-width: 110px !important;
  white-space: break-spaces;
}
.distance-travel-new{
  width: 110px !important;
  max-width: 110px !important;
  min-width: 110px !important;
  white-space: break-spaces;
}
.complaint_number-complain-new{
  width: 150px !important;
  max-width: 150px !important;
  min-width: 150px !important;
  white-space: break-spaces;
}
.customer-name-new{
  width: 110px !important;
  max-width: 110px !important;
  min-width: 110px !important;
  white-space: break-spaces;
}
.qty-name-new{
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
  white-space: break-spaces;
}
.create-name-new{
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
  white-space: break-spaces; 
}
.Expense-Operations-main-new{
  width: 160px !important;
  max-width: 160px !important;
  min-width: 160px !important;
  white-space: break-spaces; 
}
.dropzone{
      min-height: auto !important;
}
.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper{
  border-radius: 0px !important;
}
.filepond--root[data-style-panel-layout~=circle]{
  border-radius: 0px !important;
}
.dropzone.dz-clickable *{
  cursor: pointer;
}
.filepond--image-preview-overlay-idle{
  color: #fff !important;
}
.single-fileupload{
  width: 18rem !important;
}
.btn:disabled{
  pointer-events: auto !important;
  cursor: not-allowed !important;
}
.btn-success:disabled:hover{
  background-color: #26bf94 !important;
  color: #fff !important;
  opacity: .65 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
  height: 16px !important;
    width: 16px !important;
    line-height: 18px !important;
    left: 9px !important;
}
.table-bordered td, .table-bordered th{
      border: 1px solid #8d8d8d !important;
}
.add-sr-width-main-cl{
  max-width: 47px;
  padding-left: 10px !important;
}

.producttype-main-new {
  width: 130px !important;
  max-width: 130px !important;
  min-width: 130px !important;
  white-space: break-spaces;
}
.cont-per-new-class{
  width: 130px !important;
    max-width: 130px !important;
    min-width: 130px !important;
    white-space: break-spaces;
}
.emailwidth{
  width: 180px !important;
    max-width: 180px !important;
    min-width: 180px !important;
    white-space: break-spaces;
}




.close-btn-new-img{
      width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 1.4rem !important;
    line-height: 1px !important;
    margin-bottom: 5px;
    cursor: pointer !important;
}
.action-per-new-class{
  max-width: 250px !important;
  width: 250px !important;
}
.img-fluid {
        max-width: 100%;
        height: auto;
}
.image-css{
  max-width: 100%;
  max-height: 460px;
  object-fit: contain;
}
/*
.select-country-dropdown{
      color: #9aa1a7 !important;
}*/
.select-placeholder {
    color: #999999 !important;
}
.form-control option{
  color: #000 !important;
}
.form-control:focus{
  border-color: #ced4da !important;
}
.form-control::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}
.modal-backdrop.show{
z-index: 1122 !important;
}
.modal{
  z-index: 1125 !important;
}
.overlay-load{
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #00000030;
}
.dataTables_processing {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  height: 100vh !important;
  position: fixed !important;
  /* background-color: #00000050 !important; */
  background: none !important;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  z-index: 1191 !important; /* Ensure it appears above the overlay */
  border-radius: 8px;
}

.dot {
  height: 15px;
  width: 15px;
  margin: 0 5px;
  background-color: #0b275a; /* Updated dot color */
  border-radius: 50%;
  display: inline-block;
  animation: dotPulse 1.5s infinite ease-in-out;
  top: 50%;
  position: relative;
}

.dot:nth-child(2) {
  animation-delay: 0.3s;
}

.dot:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes dotPulse {
  0%, 100% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.5);
  }
}


.filepond--image-canvas-wrapper{
  transform: none !important;
}

.img-upload-new-class{
  border: 1px solid #e3e3e3; 
  padding: 10px; 
  text-align: center; 
  margin-top: 20px;
  max-width: 100%;
  min-height: 100px;
}

.customer-new-reg-class{
  width: 180px !important;
  max-width: 180px !important;
  min-width: 180px !important;
  white-space: break-spaces;
}
.customer-new-mob-class{
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
  white-space: break-spaces;
}
.customer-new-reg-city-class{
  width: 120px !important;
  max-width: 120px !important;
  min-width: 120px !important;
  white-space: break-spaces;
}
.customer-new-reg-action-class{
  width: 85px !important;
  max-width: 85px !important;
  min-width: 85px !important;
  white-space: break-spaces;
}
.customer-new-reg-product-class{
  width: 160px !important;
  max-width: 160px !important;
  min-width: 160px !important;
  white-space: break-spaces;
}

.class-for-bold{
  font-weight: 700;
}

.feedback-th-width-main-rating{
  width: 120px !important;
  max-width: 120px !important;
  min-width: 120px !important;
  white-space: break-spaces;
}

.feedback-th-width-main-srno{
  width: 60px !important;
  max-width: 60px !important;
  min-width: 60px !important;
  white-space: break-spaces;
}

.feedback-th-width-main-compnumber{
  width: 125px !important;
  max-width: 125px !important;
  min-width: 125px !important;
  white-space: break-spaces;
}

.feedback-th-width-main-feedbk{
  width: 130px !important;
  max-width: 130px !important;
  min-width: 130px !important;
  white-space: break-spaces;
}

.feedback-th-width-main-custname{
  width: 120px !important;
  max-width: 120px !important;
  min-width: 120px !important;
  white-space: break-spaces;
}
.btn-outline-primary:hover {
  background-color: #007bff !important;
}