body {
  position: relative;
  background: #272b2f;
  transform: scale(1);
}

.icon-circle {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-spinner .modal-dialog {
  display: table;
  position: relative;
  margin: 0 auto;
  top: 50%;
}

.modal-spinner .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}

.bend-element-bkg {
  background-color: #222629;
}

.bend-disabled-alpha:disabled {
  opacity: 0.5;
}

.bend-primary {
  color: white;
  background-color: #1b68ff;
  border-color: #1b49ff;
}

.bend-primary:not(:disabled):not(.disabled).active:focus, .bend-primary:not(:disabled):not(.disabled):active:focus, .show > .bend-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(27,73,255,.5);
}

.bend-primary:not(:disabled):not(.disabled).active, .bend-primary:not(:disabled):not(.disabled):active, .show > .bend-primary.dropdown-toggle {
  color: white;
  background-color: #1b49ff;
  border-color: #1b23ff;
}

.bend-primary.focus, .bend-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(27,73,255,.5);
}

.bend-primary.focus, .bend-primary:focus, .bend-primary:hover {
  color: white;
  background-color: #1b49ff;
  border-color: #1b23ff;
}

@media (min-width: 577px) {
  .bend-modal-float-right {
    float: right;
  }
}

@media (max-width: 575px) {
  .bend-modal-dialog-mobile-fix {
    max-width: 400px;
    margin: 0 auto;
  }
}

@media (max-width: 576px) {
  .bend-modal-float-down {
    top: 300px;
  }
}

@media (min-width: 1200px) {
  .bend-view-div-xl {
    height: 244px;
  }
}

@media (max-width: 1199px) {
  .bend-view-div {
    height: 332px;
  }
}

.bend-badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-left: 3px;
}

.bg-badge-bend {
  background-color: #18ae89!important;
}

@media (min-width:1200px) {
  .bend-plot-div-xl {
    max-width: 800px;
  }
}

@media (max-width:1199px) {
  .bend-plot-div {
    max-width: 600px;
  }
}

@media (max-width: 575px) {
  .bend-right-pane {
    display: none;
  }
}

@media (max-width: 575px) {
  .modal-header {
    text-align: center;
    padding-left: 68px;
  }
}