.ds-step-list {
  display: flex;
  align-items: center;
}

.ds-hidden-initial {
  display: none;
}
.ds-display-block-important {
  display: block !important;
}
.ds-mg-t-28 {
  margin-top: 28px;
}
.etl_wrapper {
  position: relative;
  max-width: 1080px;
  margin: 50px auto;
}

.etl_wizard {
  /* max-width: 620px; */
  margin: 0 auto;
}

.etl_wizard__header {
  position: relative;
  color: #FFF;
  padding: 50px;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  text-align: center;
  height: 100px;
  background: url("../img/multi-setup.png");
  background-color: #4D637B;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.etl_wizard__header-content {
  position: absolute;
  width: 100%;
  padding: 0 50px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}

.etl_wizard__header-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(77, 99, 123, 0.2);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.etl_wizard__title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0;
}

.etl_wizard__subheading {
  text-transform: uppercase;
  margin: 0;
  font-size: .8rem;
  font-weight: 100;
  letter-spacing: 2px;
}

.etl_wizard__subheading span {
  font-weight: 600;
}

.etl_wizard__steps {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(50%);
  z-index: 10;
}

.etl_wizard__footer {
  padding: 0 50px 50px;
  border-radius: 5px;
}

.etl_wizard__content {
  background: #FFF;
  box-shadow: 0px 0px 10px #c5c5c5;
  border-radius: 5px;
}

.etl_wizard__congrats-message {
  color: #676767;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

@media (min-width: 992px){
  .wizard.vertical > .steps {
      width: 214px !important;
  }
  .wizard.vertical > .content {
      width: calc(100% - 215px) !important;
      min-height: 400px;
      max-height: calc(100dvh - 286px);
      overflow: auto;
  }
  .wizard.vertical > .actions {
    width: calc(100% - 215px) !important;
  }
}
.wizard > .content > .title.current {
    display: none;
}
.wizard > .content p.mg-b-20 {
    display: none;
}
.wizard > .content .row.mg-t-40 {
    margin-top: 10px !important;
}


.line {
  position: absolute;
  top: 20px;
  left: 50%;
  z-index: -1;
  height: 6px;
  transition: all 0.5s ease;
}

.line.-start {
  left: 0%;
  background: #0747a6;
  width: 50%;
}

.line.-end {
  left: 50%;
  background: #0747a6;
  width: 50%;
}

.line.-background {
  background: #c3c3c3;
  width: 100%;
}

.line.-progress {
  background: #0747a6;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
}

.line.-in-progress {
  transform: scaleX(1);
}

.etl_panels {
  position: relative;
  /* overflow: hidden; */
  top: 10px;
}

.etl_panel {
  /* position: relative; */
  /* top: 0; */
  /* left: 0; */
  transition: .5s all;
  padding: 50px;
}

.etl_panel h4 {
  font-size: 14px;
  color: #666;
  font-weight: 600;
  padding-bottom: 5px;
}

.etl_panel__header {
  margin-bottom: 50px;
}

.etl_panel__title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0;
  color: #0747a6;
}

.etl_panel__subheading {
  font-size: .9rem;
  line-height: 1.2rem;
  margin: 0;
}

.etl_panel__content {
  border: solid 1px #E5EBEF;
  border-radius: 5px;
  padding: 20px;
  background-color: #f9fafe;
  display: block;
}


.steps {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  color: #fff;
}

.step {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
}

.step__content {
  position: relative;
  z-index: 2;
}

.step__number {
  font-size: 1.3rem;
  color: #676767;
  background: #FFF;
  font-weight: 800;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 50%;
  border: 5px solid #c3c3c3;
  transition: opacity .5s;
  opacity: 1;
  z-index: 5;
}

.step.-completed .step__number {
  opacity: 0;
}

.step.-completed .checkmark {
  z-index: 0;
  animation: fill .4s ease-in-out forwards, scale .3s ease-in-out .6s both;
}

.step.-completed .checkmark__check {
  animation: stroke .5s linear .4s forwards;
}

.step.-completed .line {
  transform: scaleX(1);
}

.step:last-child .line {
  width: 50%;
}

.checkmark {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #0747a6;
  z-index: -1;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 8;
  stroke-miterlimit: 10;
  stroke: #5094de;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  stroke: #FFF;
  stroke-width: 5;
}


.button:hover {
  background: #7baee6;
}

.button.previous {
  margin-right: 5px;
}

.button.disabled {
  background: #c3c3c3;
  cursor: default;
}

.btn.btn-default.disable {
  pointer-events: none;
  background: transparent;
}

.intro-text {
  border: 1px solid #3e3e3e;
  border-radius: 10px;
  font-size: 18px;
  margin: 50px 20%;
  padding: 30px;
  color: #4A8CD7;
}

#QuoteForm .form-group {
  margin: 0 0 40px;
  position: relative;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.radio-tile-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.radio-tile-group .input-container {
  position: relative;
  height: 140px;
  width: 140px;
  margin: 0.5rem;
}

.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.radio-tile-group .input-container .radio-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #b4bdce;
  border-radius: 5px;
  padding: 1rem;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  color: #000;
  background-color: #fff;
  text-shadow: none;
}

.radio-tile-group .input-container .icon svg {
  fill: #079ad9;
  width: 3rem;
  height: 3rem;
}

.radio-tile-group .input-container .radio-tile-label {
    text-align: center;
    /* font-size: 0.75rem; */
    /* font-weight: 600; */
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
    color: #7987a1;
    text-shadow: none;
    margin-top: 10px;
    display: none;
}

.radio-tile-group .input-container .radio-button:checked+.radio-tile {
  background-color: #b4bdce;
  border: 2px solid rgba(72, 94, 144, 0.16);
  color: white;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  text-shadow: none;

}

.radio-tile-group .input-container .radio-button:checked+.radio-tile .icon svg {
  fill: white;
  /* background-color: #079ad9; */
}

.radio-tile-group .input-container .radio-button:checked+.radio-tile .radio-tile-label {
  color: white;
  /* background-color: #079ad9; */
}

.radio-button:checked+ ::before {
  color: #fff;
  content: "\f00c";
  font-family: 'fontawesome', serif;
  font-size: 32px;
  left: 5px;
  position: absolute;
  top: -4px;
}

.ind_info a {
    font-size: 15px;
    text-shadow: none;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    margin: 3px 5px;
}

.ind_info .fa {
  color: #0168fa;
}

/* Custome Radio Button */
.radio {
  margin: 12px 0px 0px 0px;
}

.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.radio input[type="radio"]+.radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

.radio input[type="radio"]:checked+.radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"]:focus+.radio-label:before {
  outline: none;
  border-color: #3197EE;
}

.radio input[type="radio"]:disabled+.radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}

.radio input[type="radio"]+.radio-label:empty:before {
  margin-right: 0;
}


/* Tooltip */
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000 !important;
  border-radius: .25rem;
}

.tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #f3f3f3 !important;
  border: 1px solid #737373;
  color: #737373;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;
}

.etl_wrapper .btn-default {
  background: transparent !important;
  color: #333;
  border: solid 1px #c3c3c3;
  border-radius: 4px;
}

.etl_con-form {
  border-top: solid 1px #E2E8ED;
  margin-top: 15px;
  /* display: block;  */
  /* max-height:200px;     */
}

#show-hidden-menu {
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
  padding-bottom: 20px;
}


/* Connection input */
.inputGroup {
  background-color: #fff;
  display: block;
  margin: 20px 0;
  position: relative;
}
.inputGroup label {
  padding: 12px 30px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
  border-radius: 0.25rem;
  background-color: #f4f5f8;
  /* font-size: 16px; */
  /* font-weight: bold; */
  border: 1px solid rgba(72, 94, 144, 0.16);
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  /* border-radius: 50%; */
  content: '';
  background-color: #0168fa;
  position: absolute;
  /* left: 50%; */
  /* top: 50%; */
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
  width: 100%;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #00b8d4;
  border-color: #00b8d4;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  -webkit-box-ordinal-group: 2;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}
.inputGroup:has(input:disabled)>label {
  cursor: not-allowed !important;
}

#metadata_form .select2-container--default .select2-selection--single .select2-selection__clear {
  display: none !important;
}

#lstview option, #lstview_to option {
  background-color: #e8eaf1 !important ;
  margin: 5px 0px;
  padding: 6px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#lstview option:checked , #lstview_to option:checked {
  background-color: #1e90ff !important;
  margin: 5px 0px;
  padding: 6px 10px;
}

.df-example {
  font-size: 0.875rem;
  letter-spacing: normal;
  padding: 10px;
  background-color: #fff;
  border-top: 1px solid rgba(72, 94, 144, 0.16) !important;
  border: 0px;
  position: relative;
}

.ui-accordion-header {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1b2e4b !important;
  margin-bottom: 0 !important;
  border: 1px solid rgba(72, 94, 144, 0.16) !important;
  background-color: #f5f6fa !important;
  padding: 12px 15px 12px 35px !important;
  position: relative !important;
  outline: none !important;
  cursor: pointer;
  transition: all 0.2s ease-in-out !important;
}

.dsWrapper {
  display: none;
}

#dbConnectiontbody td {
  cursor: pointer;
}