a{color:#1175bb }
.content-wrapper>.content {
  padding: 1rem .5rem !important
}
.btn-primary,.card-primary:not(.card-outline)>.card-header {
  background: #1175bb !important;
  border-color: #1175bb !important;
}
.btn-primary:hover {
  background: #020d26;
  border-color: #020d26;
}
.card-primary.card-outline {
  border-top: 3px solid #1175bb;
}

.form-details {
  display: flex;
  gap: 8rem;
}

  .brand-image {
    float: none !important;
   max-height: 70px !important; 
  }
  .navbar-white {
    background-color: #3f485d !important;
   
    color: #ffff !important;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff !important;
}
.change-password {
  width: 50%;
}
.form-details {
  display: flex;
  gap: 0;
  justify-content: space-between;
}
.terms_btn {
  margin: 15px 0 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container {
  display: block;
  margin: 100px auto;
}
.sign-out{
  border: none;
  background: none;
  padding: 0;
}
.dropdown-item.user-info {
  display: grid;
}
span.user-name {
  font-weight: bold;
  vertical-align: top;
  margin-left: 5px;
}
span.user-email {
  font-style: italic;
}
.user-icon {
  font-size: x-large;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  color:#000 !important;
}
.action_btn {
  border: none;
  color: #6c757d;
  background: none;
  vertical-align: middle;
}
/*form.toggle-status-form {
  margin-left: 14px;
}*/
.action_row{
  display:flex;
}
.select2-container--default .select2-selection--single {
  height: calc(2.25rem + 2px) !important;
}
.createRoletable{
margin-left: -10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { 
  top: 5px !important; 
}
.swal2-popup .swal2-styled {
  margin: 0px 5px 0 !important;
}
.swal2-icon .swal2-icon-content {
  font-size: 1.2em !important;
}
.user-actions{
  text-align:center;
}
.user-actions h5{font-weight:bold;}
.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after {
  background-color: #fff !important;
}
.custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after {
  background-color: #fff !important;
}
.approve-confirmation h1 {
  font-weight: bold;
}
.approve-confirmation{
  text-align: center;
}
div#productTable_length {
  display: none;
}
.downlaods i{
  font-size:1.4rem;
  margin-right: 4px;
}
.downlaods {
  display: grid;
  line-height: 2.5;
}
.downlaods a {
  margin-right: 3px;
  margin-left: 3px;
  color: #1175bb;
}
.product-info{display:flex;width:100%}
.downlaods img{
  width: 25px;
margin-left: -2px;
margin-right: 2px;
}
.measurement-unit {
  position: relative;
  margin: auto;
  left: 30%;
}
.clickable-row {
  cursor: pointer; /* Change cursor to pointer to indicate interactivity */
  transition: background-color 0.3s ease; /* Smooth transition */
}
.product-image {
  width: 100%; /* Ensure the image takes up the full container width */
  height: auto;
}

#downloadImage {
  z-index: 10; /* Ensure the icon is on top of the image */
  font-size: 24px; /* Adjust the size of the icon */
  color: #1175bb; /* Make the icon color white */
  text-decoration: none; /* Remove underline */
  cursor: pointer; /* Show a pointer on hover */
}

#downloadImage:hover {
  color: #343a40; /* Change color on hover */
}
.di_img{
  display: flex;
    position: relative;
    margin: auto;
}
.di_img i{
  margin-left: -15px;
}
.di-left-img{
  width:100%;
}
/* .carousel-indicators li {
  background-color: #3f485d !important;
} */

/*************Search********/
span.Label {
  margin-right: 11px;
  font-weight: bold;
  /* vertical-align: middle; */
  margin-top: 5px;
}

.form-row .form-control{width: 60px;background-color: #f4f6f9;}
.search-form-fields-sec,.min-max-value-sec {display: flex;align-items: center;width: 100%;justify-content: center;}
.search-form-fields-sec .search-label { width: 100px;text-align: center;line-height: 1;}
.min-max-value-sec {width: 170px;}
.search-form-fields-sec p{margin-bottom: 0;text-align: center;}
.col-form-p {width: 20px;}
.form-row .border-right {border-right: 1px solid #dee2e6 !important;padding-right: 15px !important;}
@media (max-width:1199px) {
  .form-row .border-right{border-right: 0px solid #dee2e6 !important;padding-right: 0px !important;}
}
@media (max-width:768px) {
  .adv-search-btn {
    display: flex;
    justify-content: space-between;
}
.adv-search-btn button{margin: 0 !important;}
.header-advance-search-sec{width: 100%;
  flex-direction: column;
  row-gap: 10px;}
  .header-advance-search-sec input.form-control {
    width: 100% !important;
    max-width: 100% !important;
}
}
button.quote-btn {
  border: none;
  background: none;
}
button.quote-btn i {
  font-size: 1.3rem;
  color: #3f485d;
}
table#productTable th:last-child, table#productTable tr td:last-child {
  position: sticky;
  right: 0;
  background-color: #ffffff;
  border-left: 1px solid #dee2e6;
}

/* Dot Loader Styles */
.preloader .dots {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.preloader .dot {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  background-color: #176091;
  border-radius: 50%;
  animation: dot-bounce 1.2s infinite ease-in-out;
}

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

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

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

@keyframes dot-bounce {
  0%, 100% {
      transform: scale(0);
  }
  50% {
      transform: scale(1);
  }
}