.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .accordion-button:focus {
    outline: 0;
    box-shadow: none !important;
}
  

.accordion-button:not(.collapsed) {
  font-weight: bold;
  background-color: #ededed;
  box-shadow: none;
}


.show-has-content {
  display: none;
}

.show-has-content:not(:empty) {
  display: block;
}


input:read-only {
  outline: 0;
  box-shadow: none !important;
 }  
 
 input:read-only:focus {
  border-color: #dee2e6;
 }

.sd-next-action-button-container .sd-next-action-button {
  
  display: flex;
}


.sd-next-action-button-container .sd-next-action-button a {
  
  width:100%;
}

/*   
  
  
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  text-decoration: none; }

.bg-header {
  background-color: #333333 !important; }

#edit-shipment.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none; }

.select2-selection__rendered {
  line-height: 31px !important; }

.select2-container .select2-selection--single {
  height: 35px !important; }

.select2-selection__arrow {
  height: 34px !important; }

.navbar-nav .dropdown-menu a {
  color: #212529; }

.table thead th {
  border: none; }

.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both; }

.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em; }

.radio .cr {
  border-radius: 50%; }

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 17%;
  left: 20%; }

.radio .cr .cr-icon {
  margin-left: 0.04em; }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none; }

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in; }

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1; }

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
  opacity: .5; }

.btn-file {
  position: relative;
  overflow: hidden; }

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block; }

.d-color-picker-body {
  width: 162px; }

.d-color-picker-body ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.d-color-picker-body ul li {
  float: left;
  margin: 0 5px 5px 0;
  display: block;
  width: 13px;
  height: 13px;
  outline: 0;
  border: 1px solid #AAA;
  cursor: pointer; }

.d-enable-condensed .d-condensed {
  display: none; }

.d-enable-condensed .table th, .d-enable-condensed .table td {
  padding: 1px; } */

  
  .text-green-300 {
    
      color: #75b798
  }
  
  
  
.bd-green-300 {
    color: #000;
    background-color: #75b798;
    border-color: #75b798;
}

.bd-green-300:hover,
.bd-green-300.focus {
    
    background-color: #479f76;
    border-color: #479f76;
}



.text-info-subtle {
  color: #cff4fc;
}



/* bootstrap mid blue color */
.bg-midblue {
  background-color: #93e7f9;
}
.text-midblue {
  color: #93e7f9;
}


.border-midblue {
  border-color: #93e7f9;
}


.btn-midblue {
  
  background-color: #93e7f9;
  border-color: #93e7f9;
}

.btn-midblue:hover {
  
  background-color: #63DCF6;
  border-color: #63DCF6;
}
.btn-midblue:focus {
  box-shadow: #63DCF6;
  
}

.btn-midblue:active {
  
  
  background-color: #93e7f9;
   border-color: #63DCF6;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



/* Dark blue #0257D5 */







/* bootstrap purple color */
.bg-purple {
  background-color: #6610f2;
}
.text-purple {
  color: #6610f2;
}
.border-purple {
  border-color: #6610f2;
}


.btn-purple {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}

.btn-purple:hover {
  color: #fff;
  background-color: #8540f5;
  border-color: #8540f5;
}
.btn-purple:focus {
  box-shadow: #8540f5;
  
}

.btn-purple:active {
  
  color: #fff;
  background-color: #6610f2;
   border-color: #8540f5;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



.sd-column-line-height {
  line-height: 1.1rem;
}



.nowrap-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}