@media (min-width: 768px) {
  .modal-xl {
    width: auto;
    max-width: 1325px;
  }
}

@media (min-width: 768px) {
  .modal-mxl {
    width: 90%;
    max-width: 1100px;
  }
}

.form-control-xl {
  font-size: 24px;
}

@-webkit-keyframes bounce {
  0% {
    box-shadow: -15px 10px 0 rgba(204, 204, 204, 0),
      0 10px rgba(204, 204, 204, 0), 15px 10px rgba(204, 204, 204, 0);
  }
  16% {
    box-shadow: -15px 10px 0 #cccccc, 0 10px rgba(204, 204, 204, 0),
      15px 10px rgba(204, 204, 204, 0);
  }
  32% {
    box-shadow: -15px 10px 0 #cccccc, 0 10px #cccccc,
      15px 10px rgba(204, 204, 204, 0);
  }
  48% {
    box-shadow: -15px 10px 0 #cccccc, 0 10px #cccccc, 15px 10px #cccccc;
  }
  66% {
    box-shadow: -15px 10px 0 rgba(204, 204, 204, 0), 0 10px #cccccc,
      15px 10px #cccccc;
  }
  82% {
    box-shadow: -15px 10px 0 rgba(204, 204, 204, 0),
      0 10px rgba(204, 204, 204, 0), 15px 10px #cccccc;
  }
  100% {
    box-shadow: -15px 10px 0 rgba(204, 204, 204, 0),
      0 10px rgba(204, 204, 204, 0), 15px 10px rgba(204, 204, 204, 0);
  }
}

@keyframes bounce {
  0% {
    box-shadow: -15px 10px 0 rgba(204, 204, 204, 0),
      0 10px rgba(204, 204, 204, 0), 15px 10px rgba(204, 204, 204, 0);
  }
  16% {
    box-shadow: -15px 10px 0 #cccccc, 0 10px rgba(204, 204, 204, 0),
      15px 10px rgba(204, 204, 204, 0);
  }
  32% {
    box-shadow: -15px 10px 0 #cccccc, 0 10px #cccccc,
      15px 10px rgba(204, 204, 204, 0);
  }
  48% {
    box-shadow: -15px 10px 0 #cccccc, 0 10px #cccccc, 15px 10px #cccccc;
  }
  66% {
    box-shadow: -15px 10px 0 rgba(204, 204, 204, 0), 0 10px #cccccc,
      15px 10px #cccccc;
  }
  82% {
    box-shadow: -15px 10px 0 rgba(204, 204, 204, 0),
      0 10px rgba(204, 204, 204, 0), 15px 10px #cccccc;
  }
  100% {
    box-shadow: -15px 10px 0 rgba(204, 204, 204, 0),
      0 10px rgba(204, 204, 204, 0), 15px 10px rgba(204, 204, 204, 0);
  }
}

.loader:after {
  content: " ";
  display: block;
  margin: 0 auto;
  background: transparent;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation: bounce 1s infinite ease-in-out;
  animation: bounce 1s infinite ease-in-out;
  box-shadow: -15px 10px 0 rgba(204, 204, 204, 0), 0 10px rgba(204, 204, 204, 0),
    15px 10px rgba(204, 204, 204, 0);
}

.btn-sm-pd {
  padding: 0.18rem 0.5rem;
}

.h4-5 {
  font-size: 20px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.canvas-size-gran {
  width: 100%;
  height: 300px;
}

.canvas-size-bgs {
  width: 100%;
  height: 300px;
}

.canvas-size-lim {
  width: 100%;
  height: 400px;
}

.canvas-size-comp {
  width: 100%;
  height: 300px;
}

.canvas-size-series {
  width: 100%;
  height: 275px;
}

.canvas-size-concrete-summary {
  width: 100%;
  height: 200px;
}

hr {
  border-color: #dddddd;
}

.form-control-sm {
  padding: 0.28rem 0.28rem;
}

.section-title {
  margin-bottom: 0.5rem;
  margin-top: 0rem;
}

.col-form-label {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
}

.form-group {
  margin-bottom: 0.5rem;
}

.table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #6d7077;
}
.tableLoader {
  padding: 16px;
}
table.dataTable tbody > tr.selected td,
table.dataTable tbody > tr > .selected td {
  border-color: #6d7077;
}

.invalid-feedback {
  display: inline;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.45rem;
  font-size: 100%;
}

dt {
  margin-bottom: 0.5rem;
}

table.dataTable th.focus,
table.dataTable tbody td.focus {
  outline: none !important;
  outline-offset: 0px !important;
  color: white !important;
  background-color: transparent !important;
}

.decimal-input input {
  width: 100%;
}

.ql-bubble .ql-tooltip {
  z-index: 1;
}

.nav-link.active {
  border: 1px solid #6f4b35 #6f4b35 transparent #6f4b35 !important;
}

.nav-tabs {
  border-bottom: 1px solid #6f4b35;
}

.tooltip-inner {
  max-width: 500px !important;
}
.filepond--root {
  width: 280px;
}
.upload-image {
  height: 77px;
  width: 180px;
  object-fit: cover;
}

.btn-white {
  border-color: #cacaca;
  background-color: #fff;
}

label {
  color: #61636c;
}

#navigation {
  box-shadow: 0 0 0 0 rgba(154, 161, 171, 0.15) !important;
}

.app-img {
  max-height: 70px;
  max-width: 100%;
}
.wrapper {
  padding-top: 80px !important;
}

.ex1 {
  display: grid;
  place-items: center;
  height: 100vh;
  text-align: center;
}
.ex1 img {
  width: 80px;
  margin-bottom: 24px;
}
.ex1 .txt {
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #7c4f41;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
i.icon-alert {
  color: #fcc015;
}