/* esconde model-row */
.model-row {
   display: none;
}

div.subform-row {
  position: relative;
  padding: 1px 4px 0px 2px;
  padding: 10px 4px 8px 2px;
}



.subform-table.cloned legend { display: none; }
.subform-table.cloned label { display: none; }

/*
.subform-table.fb2 .subform-row label { 
   
    margin-top: 8px;
    margin-bottom: 0px; 
   
    
}
*/

/**
.subform-table.fb2 .subform-row:first-of-type label { display: block; }
**/


/** .subform-table.cloned input { padding-top: 10px; } **/

.subform-table.fb2:not(.last) .subform-add { display: none; }
.subform-table.cloned .select2-selection {
  padding: 15px 8px 15px 0px !important;
}

/**
.subform-table.fb2 label {
  position: static !important;
 
  border-radius: 5px;
  width: 100%;
  padding: 7px 9px;
  margin: 5px 0;
  background-color: #efefef;
  
  padding: 2px 9px;
  margin: 0px 0;
  background-color: transparent;  
  
}
**/


.subform-table.fb2 .subform-delete {  
  text-align: right;  
  vertical-align: bottom;  
   width: 30px;
}
.subform-table.fb2 .subform-row .subform-delete {
  /*margin-top: 6px !important;*/
  border: solid 1px #d1d5db;
  border-radius:6px;
}
/* comentado 17/07/24
.subform-table.fb2 .subform-row:first-of-type .subform-delete {
  margin-top: 53px !important;
}
*/
.subform-table.fb2 .subform-delete i {
  font-size: 20px;
  padding: 4px;
  background-color: #ddd;
  border-radius: 7px;
}

.subform-table.fb2 .subform-add a {
  color: #bbb;
  margin-bottom: 10px;
  padding: 9px 12px;
  background-color: #ddd;
  width: 107px;
  border-radius: 7px;
  margin-left: 0 !important;
}

.subform-table .alert-valid {
    width: calc(100% - 70px);
    padding: 13px 60px 13px 15px;
    margin-left: 10px;
}

.alert-dismissible {
    margin-bottom: 15px;
}

.alert-dismissible button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;

    box-sizing: content-box;
    width: var(--btn-close-width);
    height: var(--btn-close-height);
    padding: 15px 15px;
    color: var(--btn-close-color);
    background: transparent;
    border: 0;
    border-radius: .375rem;
    font-size: 24px;
    opacity: 0.8;
}

.subform-row.is-invalid {
    /**
    border: 1px solid red;
    border-radius: 5px;
    **/
    padding: 10px 0 5px 0;
    margin-top: 0;
    margin-bottom: 7px;
}

.subform-row.is-invalid .invalid-feedback {
    display: block;
}

.invalid-feedback button {
    box-sizing: content-box;
    width: var(--btn-close-width);
    height: var(--btn-close-height);
    /** padding: 15px 15px; **/
    color: var(--btn-close-color);
    background: transparent;
    border: 0;
    border-radius: .375rem;
    font-size: 24px;
    opacity: 0.8;
    margin-top: -4px;
}

/*------ posision de label de combos solo dentro de subform -----*/
/*
.subform-table  .subform-row .fb-combo .form-group label {
    transform: matrix(0.85, 0, 0, 0.85, 2.04, 1.56);
}
.subform-table  .subform-row .fb-input .form-group label {
    transform: matrix(0.85, 0, 0, 0.85, 2.04, 1.56);
}

*/





/* espacio entre filas */
div.subform-row .form-group {
    margin-bottom: 5px;
}

/* ubica tacho de basura */
.subform-delete {
  /**
  position: absolute;
  right: -20px;
  bottom: 10px;
  **/
  padding: 0px;
  float: left;
  clear: none;
  color: #bbb;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: calc((100% - 50%) - 15px);
}

.subform-delete:hover {
  color: #000;
}

.subform-delete i {
  font-size: 14px;
}

.subform-table div.row.first-row .subform-delete {
   margin-top: 38px;
}

fieldset.subform-table.title-icon-only div.row.first-row .subform-delete {
    margin-top: 11px; 
}


.subform-table div.row.first-row button {
  margin-top: 26px;
}

.subform-table div.row button {
  float: left;
}


.no-add .subform-add > a {
  display: none !important;
}




/* esconde los labels que no sean del first-row */
.subform-table.onlyfirstlabels div.subform-row:not(.first-row) label {
  display: none;
}

/**
.subform-table.onlyfirstlabels div.subform-row:not(.first-row) input {
  padding-top: 10px;
}
**/

.subform-table.onlyfirstlabels div.subform-row:not(.first-row) .select2-selection {
  padding: 15px 8px 15px 0px !important;
}

/** **/


/**
.subform-row .col, .subform-row .col30-xs-1, .subform-row .col30-sm-1, .subform-row .col30-md-1, .subform-row .col30-lg-1, .subform-row .col30-xs-2, .subform-row .col30-sm-2, .subform-row .col30-md-2, .subform-row .col30-lg-2, .subform-row .col30-xs-3, .subform-row .col30-sm-3, .subform-row .col30-md-3, .subform-row .col30-lg-3, .subform-row .col30-xs-4, .subform-row .col30-sm-4, .subform-row .col30-md-4, .subform-row .col30-lg-4, .subform-row .col30-xs-5, .subform-row .col30-sm-5, .subform-row .col30-md-5, .subform-row .col30-lg-5, .subform-row .col30-xs-6, .subform-row .col30-sm-6, .subform-row .col30-md-6, .subform-row .col30-lg-6, .subform-row .col30-xs-7, .subform-row .col30-sm-7, .subform-row .col30-md-7, .subform-row .col30-lg-7, .subform-row .col30-xs-8, .subform-row .col30-sm-8, .subform-row .col30-md-8, .subform-row .col30-lg-8, .subform-row .col30-xs-9, .subform-row .col30-sm-9, .subform-row .col30-md-9, .subform-row .col30-lg-9, .subform-row .col30-xs-10, .subform-row .col30-sm-10, .subform-row .col30-md-10, .subform-row .col30-lg-10, .subform-row .col30-xs-11, .subform-row .col30-sm-11, .subform-row .col30-md-11, .subform-row .col30-lg-11, .subform-row .col30-xs-12, .subform-row .col30-sm-12, .subform-row .col30-md-12, .subform-row .col30-lg-12, .subform-row .col30-xs-13, .subform-row .col30-sm-13, .subform-row .col30-md-13, .subform-row .col30-lg-13, .subform-row .col30-xs-14, .subform-row .col30-sm-14, .subform-row .col30-md-14, .subform-row .col30-lg-14, .subform-row .col30-xs-15, .subform-row .col30-sm-15, .subform-row .col30-md-15, .subform-row .col30-lg-15, .subform-row .col30-xs-16, .subform-row .col30-sm-16, .subform-row .col30-md-16, .subform-row .col30-lg-16, .subform-row .col30-xs-17, .subform-row .col30-sm-17, .subform-row .col30-md-17, .subform-row .col30-lg-17, .subform-row .col30-xs-18, .subform-row .col30-sm-18, .subform-row .col30-md-18, .subform-row .col30-lg-18, .subform-row .col30-xs-19, .subform-row .col30-sm-19, .subform-row .col30-md-19, .subform-row .col30-lg-19, .subform-row .col30-xs-20, .subform-row .col30-sm-20, .subform-row .col30-md-20, .subform-row .col30-lg-20, .subform-row .col30-xs-21, .subform-row .col30-sm-21, .subform-row .col30-md-21, .subform-row .col30-lg-21, .subform-row .col30-xs-22, .subform-row .col30-sm-22, .subform-row .col30-md-22, .subform-row .col30-lg-22, .subform-row .col30-xs-23, .subform-row .col30-sm-23, .subform-row .col30-md-23, .subform-row .col30-lg-23, .subform-row .col30-xs-24, .subform-row .col30-sm-24, .subform-row .col30-md-24, .subform-row .col30-lg-24, .subform-row .col30-xs-25, .subform-row .col30-sm-25, .subform-row .col30-md-25, .subform-row .col30-lg-25, .subform-row .col30-xs-26, .subform-row .col30-sm-26, .subform-row .col30-md-26, .subform-row .col30-lg-26, .subform-row .col30-xs-27, .subform-row .col30-sm-27, .subform-row .col30-md-27, .subform-row .col30-lg-27, .subform-row .col30-xs-28, .subform-row .col30-sm-28, .subform-row .col30-md-28, .subform-row .col30-lg-28, .subform-row .col30-xs-29, .subform-row .col30-sm-29, .subform-row .col30-md-29, .subform-row .col30-lg-29, .subform-row .col30-xs-30, .subform-row .col30-sm-30, .subform-row .col30-md-30, .subform-row .col30-lg-30 {
    padding-left: 0px;
    padding-right: 0px;
}
**/

.subform-row input, .subform-row .select2-selection {
    border-radius: 0;
    border: none;
    /* border-bottom: 1px solid #ddd; **/
    border-bottom: 1px dotted #ddd;
}

.subform-row .form-group {
    margin-bottom: 0 !important;
}

.subform-row {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 12px;
}

/** --- no esta funcionando esto porque hay otros rows abajo **/
.subform-row .row:first-child input:first-child {
    border-top-left-radius: 5px;
}

.subform-row .row:last-child input:first-child {
    border-bottom-left-radius: 5px;
}
/** --- **/
/**
.subform-table.showonlyfirstlabels {
    padding-left: 10px;
}
**/


/************************** SUBFORM SHOWONLYFIRSTLABELS ******************************************/

.form-readonly.readonly .subform-table.showonlyfirstlabels{
        background-color: #ededed;
}
.subform-table.showonlyfirstlabels .subform-row {
    border-radius:0px;
    margin-bottom: 0;
}

.subform-table.showonlyfirstlabels .subform-row:not([id$="[0]"]) label { 
    display:none;
}

.form-readonly.readonly .subform-table.showonlyfirstlabels .subform-row input {
    border-bottom: none !important;
}

.subform-table.showonlyfirstlabels .subform-row[id$="[0]"] input {
    padding: 30px 14px 0px 7px;
}

.subform-table.showonlyfirstlabels .subform-row:not([id$="[0]"]) input {
    /** padding-top: 0 !important;  **/
    padding: 10px 14px 0px 6px;
}

.subform-table.showonlyfirstlabels .subform-row:not([id$="[0]"]) .select2-selection {
    min-height: auto !important;
}
.subform-table.showonlyfirstlabels .subform-row {
    border: none;
    padding: 0px 4px 0px 2px !important;
}

.subform-table.showonlyfirstlabels {
    border: 1px solid #ccc;
    border-radius: 12px;
}

/************************  CARTELES DE ERROR ************************************/

.subform-row.is-invalid .invalid-feedback {
  padding: 0px 0px 0 0;
}

.fb-subform.is-invalid > legend .invalid-feedback span {
  position: relative; 
    top: -4px;
}




/************************************* FORM READONLY BEHAVIOUR **********************************/

.form-readonly.readonly .subform-delete {
  display: none;
}

.form-readonly.readonly .subform-add a {
  display: none;
}


.form-readonly.readonly .subform-table .subform-row:nth-child(2) {  
  /** border-top: 1px dashed #ddd; **/
}

.form-readonly.readonly .subform-table .subform-row.first-row {
  overflow: hidden;
}

.fb-subform.showonlyfirstlabels .fb-subformrow[id*='[0]']::before {    /** .readonly .first-row **/
  content: " " !important;
  color: #bbb;
  top: 18px;
  position: absolute;
    width: 100%;
    border-bottom: 1px solid #ccc;
    z-index: 10000;  
}
.fb-subform.showonlyfirstlabels .form-group > label {
    padding: 0px 14px 0px 8px;
}

.form-readonly.readonly .subform-table .subform-row {
      border-bottom: 1px dotted #bbb;
      background-color: #ededed;
}

.form-readonly.readonly .subform-row.first-row {
	/** border-top: 1px solid #bbb;		 **/
}

.form-readonly.readonly .subform-table .subform-row:nth-last-of-type(2) {
      /** border-bottom: none; **/
}



*/
/*----------- botones en modo readonly-----*/
.form-readonly.readonly .subform-add, .form-readonly.readonly .subform-delete {
    display: none;
    
}

/****************************************************************************************************/





/** color agregar fila **/
div.row.subform-add a {
    color: #bbb;
    margin-bottom: 10px;
}

div.row.subform-add a:hover {
    color: #333;
}





/************************************* ADAPTATIVO OTRAS RESOLUCIONES **********************************/
/** delte modo celular boton formal **/
@media (max-width: 576px) {
  .subform-table .subform-delete {
    width: calc(100% - 10px);
    border: 1px solid rgb(221,221,221);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 7px 12px;
    margin: 1px 5px 10px 15px;
    text-align: center;
    /** background-color: rgb(33,150,243); **/
    background-color: #FF5722;
    color: #fff;
    opacity: 0.5;
    position:  relative; /** @new 10-2022 **/
  }

  .subform-table .subform-delete:after {
    content: "Eliminar";
  }


  .subform-add {
    width: calc(100% );
    border: 1px solid rgb(221,221,221);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 7px 12px;
    margin: 1px 0px 10px 0px !important ;
    text-align: center;
    
    opacity: 0.7;
  }
  .subform-add a {
    color: #fff !important;

    background-color: rgb(33,150,243);
  }
  fieldset {
      margin-bottom: 20px;
  }
  .subform-row:not(.first-row) {
      border-top: 1px solid #eee;
      margin-top: 10px;
      padding-top: 5px;
  }



}