/*******************************/
/** CSS ff/alert.css  **/
/*******************************/
.alert {
  overflow: hidden;
}


/*******************************/
/** CSS ff/button.css  **/
/*******************************/
.fb.fb-button button {
    /**
        width: 100%;
        margin-left: 0px !important;
    **/
    /**margin-top: 1em;**/
}

@media (max-width: 576px) {
    .fb.fb-button button {
        /**
            width: 100%;
            margin-left: 0px !important;
        **/
        margin-top: 1em;
    }
}

/*******************************/
/** CSS ff/buttongroup.css  **/
/*******************************/
/** button groups **/
.btn-group.flex-column>.btn-group:not(:last-child)>.btn, 
.btn-group.flex-column>.btn.dropdown-toggle-split:first-child,
.btn-group.flex-column>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 5px;    
    border-bottom-left-radius: 0;
}

.btn-group.flex-column>.btn-group:not(:first-child)>.btn, 
.btn-group.flex-column>.btn:nth-child(n+3), 
.btn-group.flex-column>:not(.btn-check)+.btn {
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
}



.fb-buttongroup .fb-button {
    padding-left: 0;
    padding-right: 0;
    
}

.fb-buttongroup .row .fb-button {
    padding-left: 5px;
    padding-right: 5px;
    
}



.fb-buttongroup .fb-button button {
    border-radius: 0;
    width: 100%;
}

.fb-buttongroup .fb-button button {
    border-right: none;
}

/*
.fb-buttongroup .row:first-child button {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;   
}

.fb-buttongroup .fb-button:not([style*="display: none"]):first-child button {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;   
}

.fb-buttongroup .row:last-child button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;   
    
}

.fb-buttongroup .fb-button:not([style*="display: none"]):last-child button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; 
    border-right: 1px;
    
}
*/


/*******************************/
/** CSS ff/calendar.css  **/
/*******************************/

.mbsc-flex-1-0-0 {
  -moz-box-flex: 1;
  flex: 1 0 0;
}
.mbsc-calendar-body-inner {
  margin-left: -1px;
  overflow: hidden;
  position: relative;
}

.mbsc-font {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    font-family: -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 10px;
    font-weight: 400;
}
.mbsc-ios.mbsc-calendar {
  background: #fff;
  color: #000;
}
.mbsc-ltr {:q
  direction: ltr;
}
.mbsc-page {
  display: block;
  min-height: 100%;
  padding: var(--mbsc-safe-top) var(--mbsc-safe-right) var(--mbsc-safe-bottom) var(--mbsc-safe-left);
}
.mbsc-ios.mbsc-page {
  background: #f2f2f7;
  color: #000;
}
.mbsc-eventcalendar {
  height: 100%;
  overflow: hidden;
}
.mbsc-calendar {
  position: relative;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mbsc-flex-col {
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
}
.mbsc-flex, .mbsc-flex-col {
  display: -moz-box;
  display: flex;
}
.mbsc-calendar-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.mbsc-calendar-wrapper-fixed {
  height: auto;
  overflow: visible;
}
.mbsc-flex-none {
  -moz-box-flex: 0;
  flex: none;
}
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header, .mbsc-ios.mbsc-eventcalendar .mbsc-calendar-week-days {
  background: #f7f7f7;
}
.mbsc-ios.mbsc-calendar-header, .mbsc-ios.mbsc-calendar-wrapper {
  border-color: #ccc;
}
.mbsc-calendar-header {
  position: relative;
  will-change: opacity;
  z-index: 1;
}
.mbsc-calendar-controls {
  -moz-box-align: center;
  align-items: center;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 2.5em;
}
.mbsc-ios.mbsc-calendar-controls {
  padding: 2px;
}
.mbsc-flex-1-1 {
  -moz-box-flex: 1;
  flex: 1 1 auto;
}
.mbsc-calendar-button.mbsc-button.mbsc-reset {
  margin: 0;
}
.mbsc-ios.mbsc-calendar-button.mbsc-button {
  color: #007aff;
  border: none;
  background-color: transparent;
  
}

mbsc-ios.mbsc-button-flat {
  color: #007aff;
}


.mbsc-event-content.selected {
    background-color: #007aff !important;
    color: white !important;
}


.fb-calendar .action-buttons {
        background-color: white;
    margin: 10px 0 0;
    padding: 10px 0 !important;
    width: calc(100% - 31px) !important;
}

.mbsc-button {
  -moz-box-pack: center;
  -moz-box-align: center;
  align-items: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  display: -moz-inline-box;
  display: inline-flex;
  font-size: 1em;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  z-index: 1;
}
.mbsc-ios.mbsc-button {
  border-radius: .25em;
  line-height: 2.25em;
  margin: .5em .25em;
  padding: 0 .5em;
  transition: opacity .1s ease-out, background-color .1s ease-out;
}
.mbsc-calendar-title {
  display: inline-block;
  font-size: 18px;
  overflow: hidden;
  padding: 0 .25em;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.mbsc-calendar-month, .mbsc-calendar-year {
  vertical-align: middle;
}
.mbsc-ios.mbsc-icon-button {
  border-radius: 4em;
  line-height: normal;
  padding: .5em;
}
.mbsc-calendar-picker {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.mbsc-calendar-picker-main {
  position: relative;
  z-index: 0;
}
.mbsc-calendar-scroll-wrapper {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.mbsc-calendar-scroll-wrapper>div {
  height: 100%;
}
.mbsc-calendar-scroll-wrapper>div>div {
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.mbsc-calendar-slide {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.mbsc-calendar-slide:first-child {
  position: relative;
}
.mbsc-calendar-slide.mbsc-ltr {
  left: 0;
}
.mbsc-calendar-table {
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header, .mbsc-ios.mbsc-eventcalendar .mbsc-calendar-week-days {
  background: #f7f7f7;
}
.mbsc-calendar-week-day {
  border-bottom: 1px solid transparent;
  font-size: 1em;
  height: 2em;
  line-height: 2em;
  text-align: center;
}
.mbsc-ios.mbsc-calendar-week-day {
  font-size: 1em;
  height: 1.7em;
  line-height: 1.7em;
}
.mbsc-calendar-day-marked {
  padding-bottom: .25em;
}
.mbsc-calendar-day {
  min-width: 0;
  text-align: center;
}
.mbsc-calendar-cell {
  cursor: pointer;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.mbsc-ios.mbsc-calendar-cell {
  background: #fff;
  border-color: #ccc;
  color: #000;
}
.mbsc-ios.mbsc-calendar-day-marked {
  padding-bottom: .4375em;
}
.mbsc-ios.mbsc-calendar-cell {
  border-top-style: solid;
  border-top-width: 1px;
}

.mbsc-calendar-cell-inner {
  display: inline-block;
  padding: 0 .25em;
  vertical-align: middle;
}
.mbsc-calendar-day-inner {
  border: 1px solid transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*height: 100%;*/
  padding: 0;
  position: relative;
  width: 100%;
  height:auto;
}
.mbsc-calendar-day-text {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  text-align: center;
}
[role="button"] {
  cursor: pointer;
}
.mbsc-ios.mbsc-calendar-cell-text {
  border-radius: 2em;
  height: 2em;
  line-height: 2em;
  padding: 0 .5em;
}
.mbsc-ios.mbsc-calendar-day-text {
    border: 2px solid transparent;
    border-radius: 2em;
    height: 1.625em;
    line-height: 1.625em;
    margin: .1875em;
    padding: 0;
    width: 1.625em;
}
.mbsc-ios.mbsc-calendar-marks {
  margin-top: -.0625em;
}
.mbsc-calendar-marks {
  height: .375em;
  left: 0;
  margin-top: -.125em;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  white-space: nowrap;
}
.mbsc-calendar-mark {
  border-radius: .25em;
  display: inline-block;
  height: .25em;
  margin: .0625em;
  vertical-align: top;
  width: .25em;
}
.mbsc-ios.mbsc-calendar-mark {
  background: #ccc;
}
.mbsc-ios.mbsc-calendar-mark.full {
  background: #888;
}


.mbsc-ios.mbsc-calendar-mark {
  border-radius: .375em;
  height: .375em;
  margin: 0 .0625em;
  width: .375em;
}
.mbsc-calendar-slide {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.mbsc-event-list {
  margin-top: -1px;
  position: relative;
  z-index: 0;
}
.mbsc-list {
  display: block;
}
.mbsc-ios.mbsc-event.mbsc-list-item {
  background: #fff;
  color: #000;
}
.mbsc-ios.mbsc-list-item {
  margin-top: -1px;
  padding: 1em;
}
.mbsc-ios.mbsc-list-item {
  background: #fff;
  border-color: #ccc;
  color: #000;
}
.mbsc-list-item-actionable {
  cursor: pointer;
}
.mbsc-list-header, .mbsc-list-item {
  display: -moz-box;
  display: flex;
}
.mbsc-list-item {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.25em;
  list-style: none;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.mbsc-event-color, .mbsc-event-time {
  -moz-box-flex: 0;
  flex: 0 0 auto;
}
.mbsc-event-time {
  width: 9em !important;
  
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.mbsc-ios.mbsc-event-time {
  font-size: 1.2em;
  line-height: 1.428572em;
  width: 6em;
}
.mbsc-ios.mbsc-event-time.mbsc-ltr {
  text-align: right;
}
.mbsc-event-content.occupied {
  border-left: 4px solid rgb(135, 1, 169);
  margin-left: 0;
  margin-bottom: -1px;
  padding-left: 8px;
  margin-top: -1px;
}
.mbsc-event-content.occupied[data-event='NO DISPONIBLE'] {
  border-left: 4px solid rgb(170, 170, 170);
}

.mbsc-event-content.occupied[data-event='NO DISPONIBLE'] .mbsc-event-text {
    color: #aaa;
    color:red;
   
}

.mbsc-event-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mbsc-list-item:before {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color .2s ease-out;
  z-index: -1;
}
.mbsc-ios.mbsc-list-item:after, .mbsc-ios.mbsc-list-item:before {
  content: "";
  left: 1em;
  position: absolute;
  right: 0;
}
.mbsc-ios.mbsc-event-text {
  font-weight: 500;
}
.mbsc-ios.mbsc-event.mbsc-list-item:after, .mbsc-ios.mbsc-event.mbsc-list-item:before {
  border-color: #ccc;
}
.mbsc-ios.mbsc-list-item:after, .mbsc-ios.mbsc-list-item:before {
  border-top: 1px solid #ccc;
}
.mbsc-ios.mbsc-list-item:before {
  top: 0;
  transition: none;
}

#diadiv_event > div.mbsc-event-time.mbsc-ios.mbsc-ltr > div{
   text-align: center !important; 
   white-space: nowrap;
   height: auto;
}






/*-------------------------------------------------------------------------------*/
/** MEDIA MAX 1020  **/
/*-------------------------------------------------------------------------------*/
@media screen and (max-width: 1020px) {
    #divderder {
        width: calc(100% - 20px);
    }
    #divderizq {
        width: 100%;
    }
    #normastitulo {
        width: 100%;
    }
    #navegacioncombo {
        display: none;
    }
    
    
}     

/** -------------------------- **/
/** MEDIA MIN 1020  **/
/** -------------------------- **/

/*-------------------------------------------------------------------- agregado */

@media screen and (min-width: 1020px) {
      
    .mbsc-event {
        border: solid 1px #cccccc;
        padding: 0px;
    }
    .mbsc-event > * {
        border-right: solid 1px #cccccc;
        padding: 10px;
    }
    .mbsc-ios.mbsc-list-item:before {
        border-top: none !important;
    }
    .mbsc-solo {
        display: none !important;
    }
    
    .mbsc-event-content.occupied {
        border-left: 6px solid rgb(135, 1, 169);
        margin-left: 0px;
        font-size:1em;
   
    }
    
    

    
    /*----------------------Dias de la semana ----------------------------*/
    
    /*----------------- table---------------*/
    .mbsc-calendar-table{
        /*display:table !important;*/
        width: 100%;
    }
    
    /*---------------------- Filas letas -----------------------------*/
    div.mbsc-calendar-week-days.mbsc-flex {
        /*display:table-row !important;*/
    }
        /*----------------------Celdas -----------------------------*/
        div.mbsc-calendar-week-days.mbsc-flex  > * :not(div:first-child) {  
            /*display: table-cell;*/
            width: calc((100vh - 150px )/ 7);
        }
        
         div.mbsc-calendar-week-days.mbsc-flex > div:first-child {  
            /*display: table-cell;*/
             width: 150px !important;
             /** flex-grow: 1.4229; **/
        }
     /*---------------------- Filas numeros -----------------------------*/    
   div.mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 > div:first-child  {
        /*display:table-row !important;*/
         width:150px !important;
         /** flex-grow: 1.4229; **/
    }
    
   
   /* div.mbsc-calendar-cell-inner.mbsc-calendar-day-inner.mbsc-ios {
         width:calc((100% - 150px) / 7);
    }*/
        div.mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 > div.mbsc-calendar-cell-inner {
            /*display: table-cell !important;*/
           /* width: 150px !important;*/
        }
       /* .mbsc-calendar-cell-inner.mbsc-calendar-day-inner.mbsc-ios {
            width:150px;
        }*/
        
        div.mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 > *:not(.mbsc-solo,div:first-child) {
            /*display: table-cell !important;*/
            width:calc((100% - 150px) / 7);
        }
  /*------------------------------------ Horarios del calendario --------------------------------*/
  
    /*----------------------tabla-----------------------------*/
    #diadiv.mbsc-ltr.mbsc-font.mbsc-list.mbsc-ios {
        
        width: 100%;
    }
    /*----------------------Filas ---------------------------*/
    /*clase para  totas las filas del calendario sin contar dia y fecha*/
    #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable {
        padding:0.125em;
    }
  
    /*----------------------Celdas ---------------------------*/
     #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable > :first-child {
        
        width: 150px !important;
     }
     
     #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable > *:not(.mbsc-solo, .mbsc-event-time.mbsc-ios.mbsc-ltr,:first-child) {
     
        width: calc((100% - 150px)/ 7);
        text-align: center;
        height: 40px;
     }
     
     #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable > div.mbsc-list-item-background {
         display: none !important;
     }
     
         
         #diadiv_event .mbsc-event-text.mbsc-ios.text-sm-right {
             text-align: center !important; 
         }
}
    
    



/** --------------------------------------------------------------------------------------------------------------------------- **/
/** MEDIA MAX 768 **/
/** --------------------------------------------------------------------------------------------------------------------------- **/
@media (max-width: 768px) {
    .panel-body {
        padding: 0;
    }
    #calendar {
        margin: 0 !important;
        width: 100% !important;
    }
    .panel-heading {
        /** height: 120px; **/
    }
    #unidad {
        margin-top: 8px;
    }
    #turno ul {
        margin-left: 10px;
    }
    #turno ul li a {
        text-align: center;
    }
    th#mes {
        font-size: 1em;
        background-color: #638cef;
        color: white;
    }
}





/*-------------------------------------------------------------------------------*/
/** MEDIA MAX 574  **/
/*-------------------------------------------------------------------------------*/
@media (max-width:574px) {
    /**   comentado roberto
       #turno>div {
        margin-left: calc(100vw - 93vw);
    }
    #calendar {
        height: 55vh;
        margin: 1vw !important;
        width: 98vw !important;
    }
    #weekbody > tr > td > div > span::after {
        content: "Disp.";
    }
    .mbsc-event-content.mbsc-flex-1-1.mbsc-ios {
        text-align: right;
    }
    .mbsc-solo {
        width: 50px;
    }
    .mbsc-event-content.mbsc-flex-1-1.mbsc-ios {
        flex: none;
    }
    #basecontent {
        padding: 0;
    }
    #mobilecal_button_prev i {
        font-size: 22px;     margin-top: 2px;
    }
    #mobilecal_button_next i {
        font-size: 22px;     margin-top: 2px;
    }
    #mobilecal_mes > div > div > span > span.selection > span {
        background-color: transparent;
        border: transparent;
        font-size: 20px;
        color: #007aff;
    }
    #mobilecal_mes > div > div > span {
        background-color: transparent;
    }
    #mobilecal_mes .form-group {
        margin-bottom: 8px;
    }
    #titulocalendario{
        display:none;
    }
   
    .mbsc-solo {
        width: 15px !important;    
    }
    .mbsc-event.selected {
        background-color: #007aff !important;
        color: white !important;
        
    }
    .mbsc-event.selected .mbsc-event-text {
        color: white !important;
       
    }
    .mbsc-event.disponible:not(.selected) .mbsc-event-text {
         color: #ccc;
         opacity: 0.5;
    }
    .panel-heading { display: none; }
    
    #select2-field__unidad_select-container {
        font-size: 16px !important;
        padding-left: 15px;
        
    }
    
    .select2-selection--single .select2-selection__arrow:after {
        margin-right: 5px;
    }
    
    #barramobilepopup {
            padding: 20px 40px 20px 27px !important;
    }
    #unidad > div > label {
        margin-left: 5px;
    }
    
    #select2-field__mobilecal_mes_select-container {
        padding-left: 10px;
    }
    **/
    
    
    /*#mobilecal_header_nav {
         margin-right: 10px;
        margin-left: 10px;
    }*/
    
    /*#mobilecal_header_days {
        margin-right: 10px;
        margin-left: 10px;
    }*/
    
    #mobilecal_header {
        border: none;
    }
    
    #demo-daily-events {
        margin-right: 10px;
        margin-left: 10px;
    }
    /*#mobilecal_eventlist {
        padding-right: 10px;
    }*/
    
    #box_container {
        background-color: transparent
    }

   
    .mbsc-ios.mbsc-list-item:after, .mbsc-ios.mbsc-list-item:before {
        left: 0px;
    }

    .mbsc-event.selected {
        background-color: #007aff !important;
        color: white !important;
    }
   
    .mbsc-font {   
        font-size: 15px;
    }
   
}


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

 
 
 
 /** --------------------------------------------------------------------------------------------------------------------------- **/
/** MEDIA MIN 577 **/
/** --------------------------------------------------------------------------------------------------------------------------- **/

/** Only desktop, display as a table **/
@media (min-width: 577px) {
    .mbsc-event {
      border: solid 1px #cccccc;
      padding: 0px;
    }
    .mbsc-event > * {
        border-right: solid 1px #cccccc;
        padding: 10px;
    }
    .mbsc-ios.mbsc-list-item:before {
          border-top: none !important;
    }
    .mbsc-solo {
        display: none !important;
    }
  
    .mbsc-event-content.occupied {
        border-left: 6px solid rgb(135, 1, 169);
        margin-left: 0px;
  
    }
  
  
    /*----------------------Celdas -----------------------------*/
    div.mbsc-calendar-week-days.mbsc-flex  > * :not(div:first-child) {  
        /*display: table-cell;*/
        width: calc((100vh - 110px )/ 7);
    }
        
     /*---------------------- Filas numeros -----------------------------*/    
    div.mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 > div:first-child  {
        /*display:table-row !important;*/
         width:110px !important;
    }
    
     div.mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 > *:not(.mbsc-solo,div:first-child) {
            /*display: table-cell !important;*/
            width:calc((100% - 110px) / 7);
        }
    /*----------------------horarios ---------------------------*/
     #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable > :first-child {
        /*display: table-cell !important ;*/
        width: 110px !important;
                max-width: 110px;
     }
     
      div.mbsc-calendar-week-days.mbsc-flex > div:first-child {  
        /*display: table-cell;*/
         width: 110px !important;
                 max-width: 110px;
    }
        
    .mbsc-calendar-week-days > .mbsc-calendar-week-day:first-child {
        width: 110px !important;
                max-width: 110px;
    }

     #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable > *:not(.mbsc-solo, .mbsc-event-time.mbsc-ios.mbsc-ltr,:first-child) {
       /* display: table-cell !important ;*/
        width: calc((100% - 110px)/ 7);
        text-align: center;
     }
  
  
    /*----------------- table---------------*/
      .mbsc-calendar-table{
        /*display:table !important;*/
    }
    div.mbsc-calendar-week-days.mbsc-flex {
       /* display:table-row !important;*/
    }
        div.mbsc-calendar-week-days.mbsc-flex  > :first-child {
           /*  display: table-cell;
            width: 16vw;*/
            width: 150px;
        }
        div.mbsc-calendar-week-days.mbsc-flex  > *:not(:first-child) {  
            /*display: table-cell;*/
            /*width: 14%;*/
            width:calc((100% - 150px)/ 7);
        }
        
  
  
    #diadiv.mbsc-ltr.mbsc-font.mbsc-list.mbsc-ios {
       /* display:table !important;*/
    }
    #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable.clickevent {
       /* display:table-row !important;*/
    }
     #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable.clickevent > * {
      /*  display: table-cell !important ;
        min-width: calc(100% / 8);*/
        text-align: center;
     }
    
     #diadiv_event .mbsc-event-text.mbsc-ios.text-sm-right {
         text-align: center !important; 
     }
     
     
  
  }
  
  /*-------------------------------------------------------------------------------------------*/
  /*---------------------------------------------------------------- media -----------------------------------------------------*/
@media (max-width: 576px) {
  .mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
      background: #007aff;
      border-color: #007aff;
      color: #fff;
  }
  
    div.mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 > div:first-child  {
        /*display:table-row !important;*/
         width:auto !important;
         padding-right: 10px;
    }

     #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable > :first-child {
        /*display: table-cell !important ;*/
        width: auto !important;
        padding-right: 10px;
     }
      div.mbsc-calendar-week-days.mbsc-flex > div:first-child {  
        /*display: table-cell;*/
         width: auto !important;
         padding-right: 10px;
    }
    .mbsc-calendar-week-days > .mbsc-calendar-week-day:first-child {
        width: auto !important;
        padding-right: 10px;
    }
      
    div.mbsc-calendar-row.mbsc-flex.mbsc-flex-1-0 > div:not(:first-child)  {
      padding-top: 5px;
    }
    .mbsc-calendar-week-days > .mbsc-calendar-week-day:not(:first-child) {
        padding-top: 5px;
    }
     #diadiv_event.mbsc-event.mbsc-list-item.mbsc-ios.mbsc-ltr.mbsc-list-item-actionable > :not(:first-child) {
         padding-top: 5px;
     }
}

@media (min-width: 577px) {
    .mbsc-calendar-marks {
      display: none;
    }
    .mbsc-scrollview-scroll {
      height: 52px !important;
    }
}
  
  .mbsc-ios.mbsc-schedule-date-header {
    border-bottom: 1px solid;
    position: relative;
    will-change: opacity;
    z-index: 3;
  }
  .mbsc-ios.mbsc-schedule-date-header {
    background: #f7f7f7;
    border-color: #ccc;
  }
  .mbsc-schedule-date-header-text {
    line-height: 1.5em;
    text-align: center;
  }
  .mbsc-ios.mbsc-schedule-date-header-text {
    font-size: .75em;
    font-weight: 700;
    padding: .5em;
  }
  .mbsc-list-item {
    display: flex;
    justify-content: space-evenly;
  } 
    
  div.mbsc-event-content:not(.occupied) .mbsc-ios.mbsc-event-text {
    opacity: 0.5;
  }
    
  .mbsc-ios.mbsc-list-item:after {
    border-top: none !important;
  }
  
  
  .mbsc-event-content:not(.occupied)  .mbsc-event-text  {
    font-size: 1.2em;
    margin-left: 12px;
  }
  












/*******************************/
/** CSS ff/checkbox.css  **/
/*******************************/
.fb-radiobutton .form-check label {
    cursor: pointer;
}

/*******************************/
/** CSS ff/combo.css  **/
/*******************************/
/*** 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; 
}
 


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








/*******************************/
/** CSS ff/form.css  **/
/*******************************/


/** oculta form cuando está en modo lista **/
.form.fb2 { min-height: 60vh; }
.view:not(.designer) .fb-form.cansearch:not(.form-mode):not(.form-mode-new) .form-edit, 
.view:not(.designer) .fb-form.cansearch:not(.list-mode) .form-list, 
.view:not(.designer) .fb-form.cansearch:not(.form-mode):not(.form-mode-new) .card-footer { 
       display: none;  
}

.fb-form.form-mode .form-edit, 
.fb-form.form-mode-new .form-edit, 
.fb-form.form-mode-new .card-footer, 
.fb-form.list-mode .form-list, 
.fb-form.form-mode .card-footer
{ 
    display: block; 
} 

.view:not(.designer) .fb-form.form-mode-new .form-new-btn, 
.view:not(.designer) .fb-form.form-mode-new .form-edit-btn,
.view:not(.designer) .fb-form.form-mode-new .form-delete-btn,
.view:not(.designer) .fb-form.list-mode .form-search-btn,
.view:not(.designer) .fb-form.list-mode .form-edit-btn,
.view:not(.designer) .fb-form.list-mode .form-delete-btn
{
  display: none;
}


.view.popup .fb-form > .card-header {
  --bg-opacity: 1;
  background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important;
  --text-opacity: 1;
  color: rgba(var(--light-rgb), var(--text-opacity)) !important;
}

.view.popup .fb-form .card-header h5 {
    color: white;   
    
}

.fb-form.form-readonly .edit-only { display: none; }


fieldset legend {
  font-size: medium;
    border-bottom: none;
    border-top: 1px solid #eee;
    padding-bottom: 2px !important;
    margin-bottom: 10px !important;
    padding-top: 9px !important;
}


.row fieldset:not(:last-child) {
   /** padding-right: 20px; **/
}

.row fieldset:first-child {
    padding-left: 0;   
}

.row fieldset legend {
    padding-top: 0;
}


.fb-form fieldset legend {
    font-size: medium;
    border-bottom: none;
    border-top: 0.063em solid #eee;
    padding-bottom: 0.125em !important;
    margin-bottom: 0.625em !important;
    padding-top: 0.563em !important;
    /* background-color: #26a69a7d; */
    padding: 0.188em 0.375em 1.250em 0.625em;
    /*padding-bottom: 0.625em !important;*/
    color: #000000ab;
    font-size: 16px;
    font-weight: 600;
    padding-left: 7px;
    
}

.fb-form .form-search-btn span,.fb-form .form-new-btn span,.fb-form .form-edit-btn span {
    /** display: none; **/
}

.fb-form .form-search-btn i,.fb-form .form-new-btn i,.fb-form .form-edit-btn i, .fb-form .form-delete-btn i  {
    margin-right: 0 !important;
}

.fb-form .form-search-btn span,.fb-form .form-new-btn span,.fb-form .form-edit-btn span, .fb-form .form-delete-btn span  {
    font-size: 14px;   
}

.fb-form .form-edit-btn span, .fb-form .form-delete-btn span  {
    display: none;
}

.fb-form .form-delete-btn i  {
    font-size: 19px;
}


.fb-form .card-header {
    background-color: var(--module-color);
    color: white;
}

.fb-form {
    padding-right: 0;
    padding-left: 0;
}


/*---- filas ----*/
.fb-form .row {
  margin-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.fb-subform .row, .subform-table .row {
  margin-left: 5px;
  margin-right: 5px;
  padding-right: 0px;
  padding-left: 0px;
}

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


/*------------ css para titulos  y subtitulos  ---------*/

.fb-form h5.panel-title {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
}

.fb-form h5.panel-title .subtitle {
    font-size: 12px;
}

.fb-form .subtitle {
    display: block;
    float: left;
}
/*------------------------ End Titulos -----------------------------*/

/*------------ css para botones en formularios--------------*/
.form-search-btn, .form-new-btn,  .form-edit-btn {
       padding: 8px 15px;
}

.fb-form .subtitle .fb-button i {
    font-size: 16px;
    margin-right: 5px;
}

.fb-form .subtitle .fb-button button {
    border-color: black;
}


.fb-form .form-buttons {
   /* display: block;*/
    display:flex;
    float: right;
    margin-left: 10px;
}

button span.shortcut {
    font-size: 9px;
    margin: -6px 5px 4px -4px;
}

.btn-save i, .btn-cancel i {
    margin: 2px 0px 1px 3px !important;
}
.btn-save, .btn-cancel {
    padding: 9px 19px 10px 23px;
}

.fb-form .subtitle button {
        --btn-color: var(--body-color);
    --btn-bg: var(--gray-200);
    --btn-border-color: var(--gray-400);
    --btn-hover-color: var(--body-color);
    --btn-hover-bg: var(--gray-300);
    --btn-hover-border-color: var(--gray-500);
    --btn-focus-shadow-rgb: 207, 207, 209;
    --btn-active-color: var(--body-color);
    --btn-active-bg: var(--gray-400);
    --btn-active-border-color: var(--gray-600);
    --btn-active-shadow: inset 0 0 0 0 transparent;
    --btn-disabled-color: var(--body-color);
    --btn-disabled-bg: var(--gray-200);
    --btn-disabled-border-color: var(--gray-400);

}

/*---------------------- End botones-------------------------------*/



/*----------------- css pata tablas en form -----------------------*/
.form-list .fb.fb-table {
    margin-top: -20px;
}

.form-list > .fb-table > .sticky-table-container {
    height: calc(100vh - 256px);
}
.form-list .fb.fb-table td, .form-list .fb.fb-table th {
    font-size: 13px;
}


/*------------------- End Tablas ----------------------------------*/

.fb.fb-form > .card-body {
    overflow-x: auto;
}



/********* LABELS **********************************************/
/** estilo campos con labels dentro **/

.form-group label { 
    cursor: text; 
    font-size: 12px;
}


.form-group {
  position: relative !important;
 /* min-height: 60px;*/
}

.form-group.text-right-onreadonly > label {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
     z-index: 1;
    text-align: right;
    
    
}

.form-group:not(.text-right-onreadonly) > label {
    z-index: 1;
    position: absolute;
    left: 12px;
    top: -10px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    /** @added 18/03/24 **/
    left: 0;
    top: -5px;
    width: 100%;
    padding: 9px 14px 0px 8px;
    /*transform: matrix(0.85, 0, 0, 0.85, 2.04, -5.44);*/
    /*transform: matrix(1, 0, 0, 0.85, 0, -5.44);*/
    display: block;
    font-weight: 400;
    line-height: 22.001px;
    opacity: 0.7;
    overflow-wrap: break-word;
    text-align: start;
    text-overflow: ellipsis;
    text-size-adjust: 100%;
    text-wrap: nowrap;
    transform-origin: 0px 0px;
}

.fb-subformrow .form-group > label {
    padding: 6px 14px 0px 8px;
}

/** fin estilo campos con labels dentro **/

/** Estilo de campos unidos **/
.bond-with-prev {
   padding-left: 0 !important;
}

.bond-with-prev input {
    padding-left: 0 !important;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bond-with-prev .select2-selection {
    padding-left: 0 !important;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.bonded-by-next {
   padding-right: 0 !important;
}

.bonded-by-next label {
    width: auto !important;
}

.bonded-by-next input {
    padding-right: 0 !important;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.bonded-by-next .select2-selection {
    padding-right: 0 !important;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.bonded-by-next .select2-selection--single .select2-selection__arrow:after {
  right: 4px;
}
/** Fin estilo campos unidos **/









/***** -------------------- FORM READONLY BEAHAVIOUR ------------- **/

.form-readonly.readonly .panel-footer {
  display: none;
}

.form-readonly.readonly .form-group {
    /**text-align: right; **/
    
}

.form-readonly:not(.readonly) .onlyreadonly {
  display: none;
}

.form-readonly.readonly .notreadonly {
  display: none;
}


.form.readonly .btn-save, .form.readonly .btn-cancel {
  display: none;
}

.form.readonly .stepy-finish {
  display: none;
}

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

.list-mode .only-form-mode { display: none; }
.form-mode .only-list-mode { display: none; }




@media print {
	
    /* IMPRESION */
  fieldset legend {
    font-size: normal;
  }
}

.card-footer .buttons-nobuttons { display: none }



@media (max-width: 992px) {
    .fb-form .card-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
    }
    
    .view:not(.popup) .card-footer {
        position: relative;
        bottom: 0;
        background-color: #ffffff00;
        border: none;
    }
}

.form.no-actions .card-footer button {
    display: none;
}







/*******************************/
/** CSS ff/gallery.css  **/
/*******************************/

.dropzone {
   width: 100%; 
   border: 1px solid grey; 
   /** max-height: 120px;  **/
   overflow: auto;

}

.gallery-upload-button {
    position: absolute; 
    top: 50px;
}

.gallery-upload-button .icon-camera { display: none; margin-right: 5px; }


@media (max-width: 1024px) {
    .gallery-upload-button {
        width: calc(100vw - 65px);
    }
    .gallery-upload-button .icon-camera { display: block; margin-right: 5px; }
    .gallery-upload-button .icon-attachment { display: none; }
    
}


.dropzone .dz-preview .dz-details {
   width: 100%;
}

.dropzone .dz-filename input {
  width: 100px;
  border: 1px solid #ddd;
}

.dropzone {
    border: none;
    /** min-height: 40px; **/
    display: block; /** table !important; **/
    padding-top: 0;
}

.dropzone .dz-default.dz-message {
   height: auto;
}


.dropzone .dz-default.dz-message:before {
    content: '';
}

.dropzone .dz-image img {
    height: 100px;
    cursor: pointer;
}

.dropzone .dz-default.dz-message {
  margin-top: 0;
}

.dropzone .dz-filename {
  height: 19px;
  width:  100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}

.dropzone a.dz-remove {

position: absolute;
    top: -30px;
    right: 5px;
    position: absolute !important;
    top: -18px !important;
    right: 18px;
    top: -22px;
    padding: 5px 6px !important;
    border-radius: 12px !important;
}

.dropzone a.dz-remove i {
    font-size: 13px !important;
}

.gallery.mini {
  margin: 0;
}

.gallery.mini button span {
  padding: 7px 7px;
}
.gallery.mini button span {
  display: none;
}

.gallery.mini .dropzone .dz-image img {
    height: 20px !important;
}

.gallery.mini .dropzone .dz-details {
  display: none;
}

.form.form-readonly.readonly .gallery > label {
    margin-bottom: 3px;
}

.form.form-readonly.readonly .gallery .help-block  {
  display: none;
}



.gallery-camera label {
   font-size: 14px !important;
   top: -12px !important;
   left: 15px !important;
}

.gallery-camera .dz-filename {
  display: none !important;
}

.gallery-camera .dz-details {
  display: none !important;
}

.gallery-camera .dz-image img {
  width: 100% !important;
  height: auto;
}


/*----------------------------------- agregado ------------------*/
/*clases para el lu */
.mail-attachments{
    display: flex;
}

.mail-attachments li {
    width: 20em;
    margin-right: 0.625em;
    list-style: none;
}

.mail-attachments-preview img {
    margin-left:0.625em;
    
}



/*-----------------------------------agregado 08/04/24-----------*/


.editable-gallery {
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}


/** gallery hover en archivos **/
ul.mail-attachments > li:hover {
  background: #ddd;
  cursor: pointer;
}

.fb-gallery label {
    top: 9px !important;
    padding: 5px 14px 0px 23px !important;
    position: relative !important;
}

.dropzone .dz-preview .dz-image {
    width: auto !important;
    /*height: auto !important;*/
}

.dropzone {
    height: 150px;
    overflow: scroll;
}


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


/** GALLERY **/
.form-readonly.readonly .dz-clickable {
  display: none;  
}

.form-readonly.readonly .dz-remove {
  display: none !important; 
}

.form-readonly.readonly .dz-size {
  display: none !important; 
}

.form-readonly.readonly .dz-preview {
  border: none !important;
}

.form-readonly.readonly .gallery-upload-button {
    display: none;
}

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










/*******************************/
/** CSS ff/input.css  **/
/*******************************/
.fb.fb-input {
  margin-bottom: 10px;
}
.fb.fb-input .form-group > input {
  padding: 23px 14px 5px 7px;
}
             .form-group > input {
  /** padding: 35px 11px 15px 11px; **/
  padding: 27px 14px 9px 14px;  /** @modified 18/03/24 */
  font-size: 12px;
}

.fb.fb-input .form-group > .input-group > input {
    padding: 26px 11px 9px 13px;
}
             .form-group > .input-group > input {
  padding: 35px 11px 15px 11px;
  font-size: 12px;
}



.form-group.without-label > input {
  padding: 15px 11px 15px 11px;
}

.form-group.without-label > .input-group > input {
  padding: 15px 11px 15px 11px;
}


.daterangepicker .drp-buttons {
    display: none !important;
}


.form-control:disabled {
    /*
    background-color: transparent !important;
    border: none !important;
    */
    background-color: lightgrey !important;
    border-radius: 10px !important;
}
/*
.fb.fb-input.readonly {
    border-radius: 10px;
}
*/
.fb.fb-input.div-input-decimal label,
.fb.fb-input.div-input-money label
{
    right: 0;
    text-align: right;
}

input:focus:not(.select2-search__field), textarea:focus {
  border-bottom: 1px solid red !important;
}


input[data-type='decimal'],input[data-type='money'],input[data-type='int'] {
  text-align: right;
}

/*------ ajusta  el tamaño del contenedor del input---*/
.fb-input .form-group {
     height: 100%;
 }

/************************************* IN SUBFORM **********************************/
.subform-table div.row div.input-group {
  padding: 0 0 !important;
}

.subform-table .fb.fb-input .form-group > input {
 /* padding: 20px 14px 4px 1px;
  margin: 0 0 0 7px;
  transform: translate(0px, 10px);*/
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px dotted #ddd !important;
}


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

.form-readonly.readonly input {
  /** border: none; **/
  background-color: #ededed;
  pointer-events: none;
  
  
}



/*******************************/
/** CSS ff/list.css  **/
/*******************************/
.fb.fb-list .list-more {
    position: absolute;
    right: 29px;
    z-index: 100;
    font-size: 24px;
    font-weight: bold;
    padding: 12px;
    cursor: pointer;
}

.fb.fb-list .fb.fb-record {
    margin-right: 20px;
    box-sizing: border-box;
}

.fb.fb-list .fb.fb-record label {
    font-weight: bold;
    margin-right: 5px;
}

.fb.fb-list .cards-container {
    display: grid;
    grid-template-columns: auto auto auto;
    /* background-color: #2196F3; */
    padding: 10px;
}

@media (max-width: 768px){
    .fb.fb-list .cards-container {
        display: flex !important;
        flex-direction: column !important;
        /* background-color: #2196F3; */
    }
}

.fb.fb-list .table-search {
    width: 100%;
}

.fb.fb-list .table-search input[type=search] {
    width: 100%;
}

.fb.fb-list .table-head1 {
        gap: 10px;
    margin: 7px 0;
}

@media (max-width: 768px){
    .dropdown-menu.filterandsearch{
        width: 90% !important;
    } 
    .filter-dormitorios{
        width: 100% !important;
    }
}

.table-search {
    visibility: hidden; /** por ahora **/
}

/*******************************/
/** CSS ff/panel.css  **/
/*******************************/
.fb-panel .card-header{
    align-items: center;
}

.card.borderless {
    --card-border-width: 0 !important;
    --card-box-shadow: none !important;
}
.card.borderless > .card-header {
    padding: 0 !important;
}

.card.borderless > .card-body {
    padding: 0 !important;
}



/** POPUPONMOBILE **/
.popuponmobile .popuponmobile-header {
  border-bottom: 1px solid #ddd;
  position: relative;
  /* width: 100%; */
  left: -20px;
  width: calc(100% + 40px);
  padding: 0 20px 15px 20px;
  display: none;
  margin-bottom: 15px;
}
.popuponmobile .popuponmobile-button {
  display: none;
}

.popuponmobile .popuponmobile-header > i {
	position: absolute;
  padding: 28px;
	/** top: 28px;  right: 28px; **/
  top: 0;
  right: 0;
  top: -20px;
  
}
@media (max-width: 576px) {
  .popuponmobile .popuponmobile-button {
    display: block;
  }
  .popuponmobile .card-header {
    border-bottom: none;
  }
  .popuponmobile .card-body {
    position: fixed;
    /** bottom: 0; **/ /** animate from -100% to 0% **/
    left: 0;
    right: 0;
    background-color: white;
    z-index: 1031;
    border: 1px solid #ddd;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;  
    display: none;
    overflow-y: auto !important;
    max-height: 100vh;
  }
  .popuponmobile.popuponmobile-shown .card-body {
    display: block;
  }

  .popuponmobile .popuponmobile-header {
    display: block !important;
  }
}

.popup-backdrop {
  z-index: 1030;
  background-color: var(--black);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.popup-backdrop.show {
  opacity: 0.35;
}
.bootbox.modal .bootbox-close-button {
         color:#333333 !important;
 }
 .ph.ph-caret-right[data-bs-toggle='offcanvas'] {
     margin-left: 5px;
 }
 
 
/** END POPUPONMOBILE **/




/*******************************/
/** CSS ff/radiobutton.css  **/
/*******************************/


/*******************************/
/** CSS ff/subform.css  **/
/*******************************/
/* 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;
  }



}










/*******************************/
/** CSS ff/tab.css  **/
/*******************************/

.nav-tabs .nav-item.active a {
    background-color: white;
}

/*******************************/
/** CSS ff/table.css  **/
/*******************************/
.fb.table-header td, .fb.table-footer td {
    font-weight: 600;
}

.fb-table .card-header .panel-title {
    font-size: 15px;
    font-weight: 700;
}

.multiplerowselect:not(.selectedrows) .multiple-show { display: none }
.multiplerowselect.selectedrows .multiple-hide { display: none }


.table-head1 .pagination li:not(.disabled) {
    cursor: pointer;
}


.table-search input {
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    background-color: white;
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #ccc;
    border-top-width: 1px !important;
    padding-left: 40px;
}

.table-search {
    position: relative;
}

.table-search .hourglasssearch {
    position: absolute;
    bottom: 2px;
    padding: 12px 12px;
}

.sticky-table-container {
    overflow-x: scroll;
    overflow-y: scroll;
    height: 75vh;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.sticky-table-container > table > thead > tr {
    position: sticky !important; 
    top: 0px;
    z-index: 10;
}

.sticky-table-container > table > thead > tr > td {
    border-bottom: 1px solid #ccc;
    background-color: #ddd;
}

table.cansort > thead > tr > th, table.cansort > thead > tr > td {
    position: relative;
}

table.cansort > thead > tr > th:not(.sorting_disabled):before, table.cansort > thead > tr > td:not(.sorting_disabled):before {
    content: '\e9c1';
    margin-top: -2px;
    color: #555;
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 12px;
    /** margin-top: -6px **/;
    display: inline-block;
    line-height: 1;
    opacity: 0.15;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table.cansort > thead > tr > th:not(.sorting_disabled):after, table.cansort > thead > tr > td:not(.sorting_disabled):after {
    content: '\e9c2';
    margin-top: -10px;
    color: #555;
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 12px;
    /** margin-top: -6px **/;
    display: inline-block;
    line-height: 1;
    opacity: 0.15;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table.cansort > thead > tr > th, table.cansort > thead > tr > td {
    cursor: pointer;
}
    
    
.fb-table tr .rowselect figure i {
    font-size: 24px;
    padding: 5px 5px;
    opacity: 0.2;
}

.fb-table tr.selected .rowselect figure i {
    opacity: 0.7;
}

.fb-table tr th.rowselect figure i { display: none; } /** Por ahora no implementamos select all **/

tr.header td, tr.table-header td, tr.table-footergroup td {
    font-weight: bold;
}

.fb-table .page-link {   cursor: pointer;  }

/** .hideonnorows:not(:has(tr.table-body:visible)) { **/
.hideonnorows:not(:has(tr.table-body:not([style*="display: none"]))) {    
    display: none;
}










/*******************************/
/** CSS ff/td.css  **/
/*******************************/
th.sorted-asc:after {  opacity: 1 !important; font-size: 14px; margin-top: -5px !important;  }
th.sorted-asc:before {  opacity: 0 !important;   }  

th.sorted-desc:before { opacity: 1 !important; font-size: 14px; margin-top: -5px !important; }
th.sorted-desc:after { opacity: 0 !important; }  

/*******************************/
/** CSS ff/textarea.css  **/
/*******************************/
/*** ---------- FORM READONLY BEHAVIOUR ----------- **/



.form-readonly.readonly .note-toolbar.panel-heading {
  display: none;
}

.form-readonly.readonly .note-editor .note-editable[contenteditable="false"] {
  background-color: #ffffff;
}

.form-readonly.readonly .note-editor.note-frame {
  /*border: none;*/
}

.form-group.textarea {
  overflow: auto;
  padding: 10px 0 0 10px;
  border: 1px solid rgb(221, 221, 221);
  margin: 0 5px;
}
.form-group > textarea {
  /**
  padding: 35px 11px 15px 11px;
  **/
  font-size: 13px;
  padding: 0 2px;
  margin-top: 22px;
  width: 100%;
  outline: none;

  /**
  margin-top: 0px;
  border: 1px solid #ddd;
  **/

}

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

/*******************************/
/** CSS ff/wizard.css  **/
/*******************************/
.wizard>.steps>ul>li:first-child:before {
    content: none;
}

.wizard>.steps>ul>li:last-child:after {
    content: none;
}

.wizard>.steps>ul>li.current:after{
   background-color: var(--wizard-step-line-color) !important;
  /* background-color: var(--wizard-step-number-active-bg);*/
}