/* Main stylesheet*/

.cdl-bankdata-grid {
  display: grid; 
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;

}
.cdl-fld-codban {
  grid-column: 1;
  grid-row: 1;
}

.cdl-fld-suc {
  grid-column: 2;
  grid-row: 1;
}

.cdl-fld-dc {
  grid-column: 3;
  grid-row: 1;
}

.cdl-fld-ccc {
  grid-column: 1 / 4;
  grid-row: 2;
}
  
/* .bancarios .submit {
      margin-top: 50px!important;
      float: right !important;
} */
.cdl-fld-codban .extra_field_input, .cdl-fld-suc .extra_field_input  {
    width: 100% !important;
}
.cdl-fld-dc .extra_field_input {
    width: 50% !important;
}
.cdl-fld-ccc .extra_field_input {
    width: 395% !important;
    margin-left: -95px!important;
}

 /* Tooltip inside form */

/* Tooltip text */
/**
.wppb-form-field .cdl-tooltip {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  opacity: 0;
  transition: opacity 0.3s;
} **/

/* Tooltip arrow */
.wppb-form-field .cdl-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.wppb-form-field:hover .cdl-tooltip {
  visibility: visible;
  opacity: 1;
} 

/* cambiar disppsición campos actualizacion*/

#cdl_form_bank_data .cdl-fld-codban {
  display: inline!important;
}

.cdl-bankdata-grid .cdl-tooltip {
  margin-left: 0!important;
  width: 120px !important;
}

.cdl-fld-dc .cdl-tooltip {
  width: 80px !important;
}

.cdl-fld-ccc .cdl-tooltip {
  width: 250px !important;
}

#cdl_form_bank_data .cdl-fld-codban label, #cdl_form_bank_data .cdl-fld-suc label, #cdl_form_bank_data .cdl-fld-dc label, #cdl_form_bank_data .cdl-fld-ccc label {
  width: 100% !important;
}

.cdl-bankdata-grid {
  display: inline-flex !important;
}

.cdl-bankdata-grid li:not(:nth-child(1)):not(:nth-child(4)){
  margin-left:-60px!important;
}
.cdl-bankdata-grid .cdl-fld-ccc{
  margin-left:-30px!important;
}


.cdl-bankdata-grid #custom_cocuen{
  width:420px!important
}