@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
/* THEME COLORS */
.modal-open {
  overflow-y: scroll !important;
}

.bootstrap-iso.modals {
  width: 100%;
  position: absolute;
  top: 0px;
  background: rgba(0, 0, 0, 0.7);
}

.bootstrap-iso .modal {
  position: absolute !important;
}

.bootstrap-iso .modal-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

.bootstrap-iso .modal-header {
  border: none;
}

.bootstrap-iso .modal-title {
  color: white;
}

.bootstrap-iso .modal-content {
  background-color: #3b3c4f;
  border-radius: 37px;
  padding: 24px;
}

.bootstrap-iso .modal-content h6 {
  color: #9cb3bf;
}

.bootstrap-iso .modal-content label {
  font-size: 0.75rem;
}

.bootstrap-iso .modal-btn {
  background-color: #20b2aa;
  border-radius: 37px;
  color: white;
}

.bootstrap-iso .modal-btn:hover {
  color: white;
  outline: none;
}

.bootstrap-iso .modal-btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.bootstrap-iso .modal-footer {
  border: none;
}

.bootstrap-iso .form-floating label {
  color: #9cb3bf;
  padding-left: 0rem;
}

.bootstrap-iso .modal-input {
  background-color: #3b3c4f !important;
  border-width: 0px 0px 1px;
  border-radius: 0px;
  border-color: #9cb3bf !important;
  padding-left: 0.25rem !important;
  color: white !important;
}

.bootstrap-iso .modal-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bootstrap-iso #sender-modal .modal-body {
  max-height: 400px;
  overflow-x: auto;
  overflow-y: scroll;
}

.bootstrap-iso input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #3b3c4f inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: white;
}

.bootstrap-iso input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #3b3c4f inset;
  /*your box-shadow*/
  -webkit-text-fill-color: white;
}

.bootstrap-iso .form-control.is-valid,
.bootstrap-iso .form-control:valid {
  background: none !important;
}

.bootstrap-iso .btn {
  border-radius: 32px;
  padding: 8px 32px;
}

.bootstrap-iso .btn :focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

#selling-price-calculator {
  font-family: "Helvetica", sans-serif;
  background-color: transparent;
  padding: 64px;
  border-radius: 24px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

#selling-price-calculator input::-webkit-outer-spin-button,
#selling-price-calculator input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#selling-price-calculator input[type="number"] {
  -moz-appearance: textfield;
}

#selling-price-calculator h3 {
  color: #9cb3bf;
}

#selling-price-calculator .download-btn {
  background-color: #20b2aa;
}

#selling-price-calculator .preview-btn {
  border: 3px solid #9cb3bf;
}

#selling-price-calculator .toggle-btn-container {
  background-color: #27283d;
  border-radius: 37px;
  padding: 8px 32px;
}

#selling-price-calculator .toggle-btn-container .toggle-btn {
  background-color: #3b3c4f;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  width: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  padding: 5px;
}

#selling-price-calculator .inputs-container .panel {
  background-color: #27283d;
  padding: 32px;
  border-radius: 32px;
}

#selling-price-calculator .inputs-container .cal-slider .ui-slider-handle {
  width: 2em;
  height: 2em;
  top: 50%;
  margin-top: -1em;
  text-align: center;
  line-height: 1.6em;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  background-color: #20b2aa;
  color: white;
}

#selling-price-calculator .inputs-container .cal-slider.ui-widget-content {
  background-color: #3b3c4f;
  border: none;
  cursor: pointer;
}

#selling-price-calculator .inputs-container .type-labels p {
  color: #9cb3bf;
  margin-bottom: 0rem !important;
}

#selling-price-calculator .inputs-container #type-slider .ui-slider-handle {
  background-color: #9cb3bf;
  border-radius: 10px;
  height: 0.8em;
  width: 60px;
  top: 120%;
}

#selling-price-calculator .inputs-container #type-slider.ui-widget-content {
  background-color: #27283d;
  border: none;
}

#selling-price-calculator .inputs-container .rangeslider {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#selling-price-calculator .inputs-container .rangeslider__handle {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#selling-price-calculator .inputs-container .ui-state-focus {
  outline: none;
}

#selling-price-calculator .inputs-container .number-input {
  border-radius: 37px;
  background-color: #1c1d2d;
  border: none;
  color: white;
}

#selling-price-calculator .inputs-container .number-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

#selling-price-calculator .inputs-container .form-check-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#selling-price-calculator .inputs-container .form-check-container .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#selling-price-calculator .inputs-container .form-check-container .form-check-label {
  color: #9cb3bf;
}

#selling-price-calculator .inputs-container input[name="invoice-type"] {
  cursor: pointer;
}

#selling-price-calculator .inputs-container .form-check-input:checked {
  background-color: #20b2aa;
  border-color: #20b2aa;
}

#selling-price-calculator .inputs-container label {
  color: #9cb3bf;
}

#selling-price-calculator .inputs-container h2 {
  color: white;
}

#selling-price-calculator .inputs-container h3 {
  color: white;
}

#selling-price-calculator .inputs-container .plus-btn {
  background-color: #20b2aa;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  width: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  padding: 5px;
}

#selling-price-calculator .inputs-container .unit-dropdown {
  border: none;
  border-radius: 37px;
  background-color: #1c1d2d;
  color: white;
}

#selling-price-calculator .inputs-container .unit-dropdown:focus {
  border: none;
  outline: none;
  color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#selling-price-calculator .inputs-container .close-icon {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

#selling-price-calculator .inputs-container .close-icon img {
  cursor: pointer;
}

#selling-price-calculator .inputs-container .costs-item,
#selling-price-calculator .inputs-container .earnings-item {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#selling-price-calculator .results-container {
  background-color: #27283d;
  padding: 32px 16px;
  border-radius: 25px;
}

#selling-price-calculator .results-container .count {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

#selling-price-calculator .results-container div.d-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#selling-price-calculator .results-container .result {
  margin-bottom: 0px !important;
}

#selling-price-calculator .results-container div.flex-column {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#selling-price-calculator .results-container .total-earnings h3 {
  font-size: 1.688rem;
}

#selling-price-calculator .results-container .total-earnings .result {
  color: #20b2aa;
}

#selling-price-calculator .results-container .total-costs h3 {
  font-size: 1.688rem;
}

#selling-price-calculator .results-container .total-costs .result {
  color: #cd3838;
}

#selling-price-calculator .results-container .total-price h3 {
  font-size: 1.688rem;
}

#selling-price-calculator .results-container .total-price .result {
  color: white;
}

#selling-price-calculator .results-container .result-tax h3 {
  font-size: 1.188rem;
}

#selling-price-calculator .results-container .result-tax .result {
  color: #9cb3bf;
  font-size: 1.5rem;
}

#selling-price-calculator .results-container .result-net h3 {
  font-size: 1.188rem;
}

#selling-price-calculator .results-container .result-net .result {
  color: #9cb3bf;
  font-size: 1.5rem;
}

#selling-price-calculator .results-container .total-discount .result {
  color: #9cb3bf;
}

#selling-price-calculator .results-container .result-divider {
  border-color: #9cb3bf;
  width: 90%;
}

#selling-price-calculator .results-container .result {
  font-size: 2.625rem;
}

#selling-price-calculator .toggle-label {
  color: #9cb3bf;
  margin-bottom: 0.5rem;
}

#selling-price-calculator .type-slider-container {
  margin-top: 20px;
}

#selling-price-calculator .switch-container input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: hidden;
}

#selling-price-calculator .switch-container label {
  cursor: pointer;
  text-indent: -9999px;
  width: 42px;
  height: 20px;
  background: #27283d;
  display: block;
  border-radius: 100px;
  position: relative;
  -webkit-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
  margin-top: 20px;
}

#selling-price-calculator .switch-container label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: #9cb3bf;
  border-radius: 90px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#selling-price-calculator .switch-container input:checked + label {
  background: #20b2aa;
}

#selling-price-calculator .switch-container input:checked + label:after {
  left: calc(100%);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

#selling-price-calculator .switch-container label:active:after {
  width: 20px;
}

#selling-price-calculator .switch-container h5 {
  color: #9cb3bf;
}

@media (max-width: 991.98px) {
  #selling-price-calculator {
    padding: 8px;
  }
  #selling-price-calculator .inputs-container .panel {
    padding: 32px 16px;
  }
  .bootstrap-iso .modal-dialog {
    min-width: 90vw;
    margin: auto;
  }
}

@media (min-width: 992px) {
  .bootstrap-iso .modal-dialog {
    min-width: 600px;
  }
}

.es-list {
  border-radius: 16px !important;
  min-width: 120px !important;
  text-align: center !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.es-list li {
  padding: 0px !important;
  margin: 4px 8px !important;
  border-radius: 32px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/*# sourceMappingURL=selling-price-calculator.css.map */