/*** flexacombo **/
.flexacombo {
    position: relative;
    overflow: hidden;
   /* min-height:49px;*/
}

/*** flexacombo inputs **/
.subform-table .flexacombo input {
  
}



.flexacombo input.data {
    float: left; 
    width: calc(30% - 50px);
    /** padding: 8px 15px;  **/
    display: none;    
}

.flexacombo input.display {
    float: left;
    padding: 22.5px 14px 7px 7px;
    font-size:12px;
   /* overflow: hidden;
    text-overflow: ellipsis;*/
    transform: translate(0px, 0px);
}

.flexacombo button {
    float: right;
}

/** caret **/
.flexacombo i.clearbutton {
 position: absolute;
    right: 23px;
    top: 20px;
    font-size: 10px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 50;
}

.flexacombo i.ddbutton {
    position: absolute;
    right: 9px;
    top: calc(50% - 4px);
    cursor: pointer;
    z-index: 50;
    font-size: 12px;
    font-weight: 400;
}

.flexacombo.required .clearbutton { display: none; }
.flexacombo.readonly .clearbutton, .flexacombo.readonly .ddbutton { display: none; }

/*** open status ***/
.flexacombo.opened input {
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


/*** flexacombo drop ***/
.flexacombodrop {
    display: none;
    position: absolute;
    z-index:1000000;
    
    min-width: 250px;
    border-bottom: 1px solid var(--component-active-bg);
    border-left: 1px solid var(--component-active-bg);
    border-right: 1px solid var(--component-active-bg);
    border-top: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-width: calc(100vw - 10px);
}

.flexacombodrop .table-container {
    overflow-y: auto;
    max-height: 365px;
}

.flexacombodrop table {
    width: 100%;
    background-color: white;   
    
}

.flexacombodrop.opened {
    display: block;
}

.flexacombodrop table tr { 
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    
}

.flexacombodrop table tr.selected { 
    background-color: #ddd;
}
.flexacombodrop table tr.active { 
    background-color: #ccc;
}
.flexacombodrop table tr.filtered { 
    display: none;
}

.flexacombodrop table td { 
    padding: 8px 15px;
    font-size: 15px;
    min-height: 20px;
}

.flexacombodrop .fcombo-new {
    text-align: center;
    padding: 5px;
    background: #eee;
    cursor: pointer;
    
}

.fb.fb-combo {
  margin-bottom: 10px;
}


.flexacombodrop tr[data-value=''] td {
    padding: 15px 15px;
}

.flexacombodrop[data-type='simple'] tr[data-value=''] td:after {
    content: 'Lista vacía';
}


/*** WITHOUT LABEL **/

.combo > .without-label.form-group > div {
    padding: 0px 12px 0 0 !important;
}

.combo > .without-label.form-group > .input-group .select2-selection {
    padding-top: 8px !important;
}








/****************** IN SUBFORM  *************/
.subform-row .fb.fb-combo .select2-selection {
    padding: 27px 8px 6px 0px;
    min-height: 51px;
}

.subform-row .fb.fb-combo .form-group {
    /*margin-left: 8px;*/
    height:100%;  /*---- agregado 21/07/24*/
}

/*agregado 21/07/24-----*/
.subform-table .form-group > div {
  /*  padding: 18px 14px 4px 3px;
    height: 100%*/
    padding:0px;
   /*border-bottom: 1px dotted #ddd;*/
}

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


/*---------- inhabilita el selecionador de los combos -----*/
.form-readonly.readonly .fb-combo .form-group label {
    pointer-events: none;
} 

/*------  oculta el caret de los combos en readonly ---*/
.form-readonly.readonly  .fb-combo .flexacombo .ph-caret-down,.form-readonly.readonly .fb-combo .flexacombo .clearbutton {
    display: none;
    pointer-events: none; 
}
 


/*** --------------------------------------------- **/