.btn-no-shadow {
    box-shadow: none !important;
}

.mdb-set-bootstrap-like.select-wrapper input.select-dropdown {
    font-size: .875rem;
    border-bottom: 0px solid #ced4da;
    border: 1px solid #ced4da;
    height: calc(1.5em + 0.5rem + 2px);
    margin: 0 0 0 0;
    padding: 0.25rem 0.5rem;
}

.mdb-set-bootstrap-like.select-wrapper span.caret {
    right: 0.5rem;
    top: 0.5rem;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.custom-bt-txt {
    font-size: .70rem !important;
    font-weight: bold !important;
}

.modal-header {
    background-color: #f8f8f8;
}

@media (min-width: 576px){
    .modal-sm {
         max-width: 1000px;
     }
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(0, 0, 0, 0.205);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;
    top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

div.amount-input{
    position:relative;
}

div.amount-input input{
  padding-left: 15px;
}

div.amount-input:after{
    position: absolute;
    left: 6px;
    top: 15%;
    content: '$';
}

div.amount-input-as-negative:after{
    position: absolute;
    left: 6px;
    top: 15%;
    content: '$ -';
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: black;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: black;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.field-label {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.dynamic-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.customer-info-item {
    font-size: 0.8em;
}

.force-to-bottom {
    position: absolute;
    bottom: 0;
}