/*!///////////////////////////////////////////
 * Modificación en CSS: BootStrap (Core)
 ///////////////////////////////////////////
 */

:root {
  color-scheme: only light;
}
 @font-face {font-family:'Roboto';
  src:url('../bootstrap/Roboto-Regular.ttf') format("truetype");
}

 body {
  margin-top: 0px;
  /*font-family: Arial, sans-serif;*/
  
  font-family: Roboto, sans-serif !important;
  /* src: url('../bootstrap/SourceSansPro-Regular.otf') format('opentype'); */
    
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  /*background-color: #EEF4F9;*/
  background-color: #EEEEEE;
  padding-top: 60px;
  padding-bottom: 10px;
  -webkit-font-smoothing: antialiased;
}

.card__title::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
.card__title>*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
}

/* Handle */
.card__title>*::-webkit-scrollbar-thumb {
  background-color: var(--iweb-bonita-primario); 
  border-radius: 10px;
}

/* Handle on hover */
.card__title>*::-webkit-scrollbar-thumb:hover {
  background-color: var(--iweb-bonita-borde-activo); 
}

.container-fluid{
  max-width: 1920px;
  margin: auto;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  vertical-align: middle;
}
.body-iweb{
		/*background: none repeat scroll 0% 0% #ffffff;
        background-color: #ffffff;*/
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        padding-bottom: 2em;
        height: 100%;
}

.iweb-word-wrap{
    -ms-word-break: break-all;
     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
} 
 /*!///////////////////////////////////////////
 * Modificacion colores bloques iweb  - Paneles
 ///////////////////////////////////////////
 */
.panel-iweb {
  /* border-color: #CACACA; */
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3); */
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3);
  /* box-shadow: 0 2px 2px rgba(0,0,0,.3); */
  /* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000003');
}
.panel-iweb > .list-group{
	font-size: 13px;
	/*font-family: Arial, sans-serif;*/
  font-family: Roboto, sans-serif ;
    
}
.panel-iweb > .panel-heading {
  font-weight:bold;
  color: #333333;
  border-color: #CACACA;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F5F5F5', EndColorStr='#E8E8E8'); /* IE6,IE7 */
  background-image: linear-gradient(to bottom, #ffffff 0%, #E8E8E8 100%);
  background-repeat: repeat-x;
  
}
.panel-iweb > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #CACACA;
}
.panel-iweb > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #CACACA;
}

.panel + .panel-default > .panel-body {
  border-top-color: #000000;
}

.iweb-panel-body-bloqueado{
  background-color: #EEEEEE;  
}

 /*!///////////////////////////////////////////
 * Modificacion MENU jscookmenu
 ///////////////////////////////////////////
 */
/* list-group para que themeoffice solo impacte en los blocks de portada */
.list-group  .ThemeOfficeMainItem {
    background-color: #FFFFFF;
    font-size: 16px;
    color: #363636;
}

.list-group  td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive,
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderLeft,tr.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderLeft,tr.ThemeOfficeMainItemHover td.ThemeOfficeMainItemLeft,tr.ThemeOfficeMainItemActive td.ThemeOfficeMainItemLeft,
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderText,tr.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderText,tr.ThemeOfficeMainItemHover td.ThemeOfficeMainItemText,tr.ThemeOfficeMainItemActive td.ThemeOfficeMainItemText,
tr.ThemeOfficeMainItemHover td.ThemeOfficeMainFolderRight,tr.ThemeOfficeMainItemActive td.ThemeOfficeMainFolderRight,tr.ThemeOfficeMainItemHover td.ThemeOfficeMainItemRight,tr.ThemeOfficeMainItemActive td.ThemeOfficeMainItemRight,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemLeft,.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemLeft,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemText,.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemText,
.ThemeOfficeMenuItemHover .ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemActive .ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemHover .ThemeOfficeMenuItemRight,.ThemeOfficeMenuItemActive .ThemeOfficeMenuItemRight
{
	color: #363636;
	/* //font-weight:bold;
	//font-size: 13px; */
	font-size: 14px;
	border-color: #CACACA;
	background-color: #F3F3F3;
}
.list-group    .ThemeOfficeMenuItemText,.ThemeOfficeMenuFolderText{
	font-size: 14px;
}

/*! ////////////////////////////////////////
 * Modificación Buscador general iWeb
 ///////////////////////////////////////////
 */
 
.iweb-readonly-blanco{
  cursor: pointer!important;
  background-color: #fff!important;
} 

.iweb-readonly-default{
  cursor: pointer!important;
}
 
/* Para jquery ui que el buscador general tenga la misma letra */
#id_search_iweb{
	/*font-family: Arial,sans-serif;*/
  font-family: Roboto, sans-serif ;
    /*src: url('../bootstrap/SourceSansPro-Regular.otf') format('opentype');*/

}
#id_search_iweb_xs{
	/*font-family: Arial,sans-serif;*/
  font-family: Roboto, sans-serif ;
    /*src: url('../bootstrap/SourceSansPro-Regular.otf') format('opentype');*/
    
}
.ui-widget {
	/*font-family: Arial,sans-serif;*/
  font-family: Roboto, sans-serif ;
    /*src: url('../bootstrap/SourceSansPro-Regular.otf') format('opentype');*/
    
	font-size: 14px;
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
.ui-menu-item{
    border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;  
}

.ui-widget .ui-widget {
	font-size: 14px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	/*font-family: Arial,sans-serif;;*/
  font-family: Roboto, sans-serif ;
    /*src: url('../bootstrap/SourceSansPro-Regular.otf') format('opentype');*/
    
	font-size: 14px;
}

.ui-autocomplete-category {
	font-weight: bold !important;
	padding: .2em .4em !important;
	margin: .8em 0 0em !important;
	line-height: 1.5 !important;
	background-color: #EEE!important;
}
.ui-autocomplete {
	max-height: 600px;
	overflow-y: auto;
	overflow-x: auto;
	
}

* html .ui-autocomplete {
	height: 600px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #ffffff/*{borderColorHover}*/;
	background: #000000/*{bgColorHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcHover}*/;
}




 /*!///////////////////////////////////////////
 * Barra iWeb 
 ///////////////////////////////////////////
 */ 
.navbar-iweb { 
	/* llegado el caso que quiera cambiar el color de la barra . Ver de usar de includes/bs/bootstrap.css todo lo que diga navbar-inverse (negro) por navbar-default (gris) */
}
#id_barra_iweb .navbar-brand{
    color: rgb(255, 255, 255);
    font-weight: bold;
}
.navbar-brand-logo{
  display: flex;
  align-items: center;
  width: auto;
}	

.navbar-brand-portada{
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 18px;
}
  /*!///////////////////////////////////////////
 * Forms style - Admin iWeb 
 ///////////////////////////////////////////
 */   
.form-signin {
        padding: 5px 25px 8px;

        background-color:  white;
       
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3);
           -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3);
                box-shadow: 0 2px 2px rgba(0,0,0,.3);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F1F1F1', EndColorStr='#E8E8E8'); /* IE6,IE7 */
}

.form-mascara {
		font-size: 12px;
        padding: 2.5px 12.5px 4px;
        margin-right: 10px;
        margin-left: 10px;   
        margin-top: 10px;
        margin-bottom: 10px;        
        background-color:  rgb(233, 233, 233);
        border-style:solid;
        border-width:1px;
        border-color: rgb(162,179, 203);
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;        
        -webkit-box-shadow: 1px 3px 3px rgba(162,179,203,.3);
           -moz-box-shadow: 1px 3px 3px rgba(162,179,203,.3);
                box-shadow: 1px 3px 3px rgba(162,179,203,.3);
}

/**Utilizado para el OpenDivMascaraAmplio*/
.form-mascara-amplio {
    display:table; 
    /*display: inline-block; 
    overflow: hidden;*/     
    width:100%;
		font-size: 12px;
        padding: 2.5px 12.5px 4px;
        margin-top: 10px;
        margin-bottom: 10px; 
          
        background-color:  rgb(233, 233, 233);
        border-style:solid;
        border-width:1px;
        border-color: rgb(162,179, 203);
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;        
        -webkit-box-shadow: 1px 3px 3px rgba(162,179,203,.3);
           -moz-box-shadow: 1px 3px 3px rgba(162,179,203,.3);
                box-shadow: 1px 3px 3px rgba(162,179,203,.3);
}

.form-mascara-menu {
		font-size: 12px;
        padding: 5px 25px 8px;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color:  rgb(255, 255, 255);
        border-style:solid;
        border-width:1px;
        border-color: rgb(162,179, 203);
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;        
        -webkit-box-shadow: 1px 3px 3px rgba(162,179,203,.3);
           -moz-box-shadow: 1px 3px 3px rgba(162,179,203,.3);
                box-shadow: 1px 3px 3px rgba(162,179,203,.3);
}


.form-iweb .row {
    margin-top: 10px;
}

.iweb-disabled{
	background-color: #D5D5D5;
}
/*.form-iweb .row{  
  white-space:nowrap
}*/
.iweb-row-titulo{
	background-color: #C2C2C2;
  font-size: 20px;
}
.iweb-row-notas{
	background-color: #A2B3CB;
}
.form-control > calendar-date-iweb{
	background-color: #A2B3CB;
}

.table-iweb{
  font-size: 14px;
}

.table-iweb-center{
    margin-left: auto;
    margin-right: auto;
}
.nowrap-iweb{
	white-space:nowrap
}

.table-iweb-center{
    margin-left: auto;
    margin-right: auto;
}
.nowrap-iweb{
	white-space:nowrap
}


/*   */
.table > thead > tr > td.table-iweb-firstrow,
.table > tbody > tr > td.table-iweb-firstrow,
.table > tfoot > tr > td.table-iweb-firstrow,
.table > thead > tr > th.table-iweb-firstrow,
.table > tbody > tr > th.table-iweb-firstrow,
.table > tfoot > tr > th.table-iweb-firstrow,
.table > thead > tr.table-iweb-firstrow > td,
.table > tbody > tr.table-iweb-firstrow > td,
.table > tfoot > tr.table-iweb-firstrow > td,
.table > thead > tr.table-iweb-firstrow > th,
.table > tbody > tr.table-iweb-firstrow > th,
.table > tfoot > tr.table-iweb-firstrow > th {
  color: #363636;
	background-color: #F3F3F3;
	color: #333333;
    border-color: #CACACA;
    /* Color de 1a Fila en tablas   #E8E8E8 0%, #C4C4C4 100%  */
    background-image: linear-gradient(to bottom, #C3C3C3 0%, #E3E3E3 100%);
    background-repeat: repeat-x;
  font-weight: bold;
  font-size: 12.5px;
  border-bottom: 2px solid #888888;

}
.border-iweb{
  border: 2px solid #CACACA;
	border-top-color: #CACACA;
	border-bottom-color: #CACACA;
  color: #363636;
}
.valign-iweb-top{
	vertical-align:top !important;
}

.label-lov {
 padding-top: 7px;
}

.iweb-bonita-adj-no-scroll{
  overflow-x: clip;
}

.iweb-bonita-lapiz-activo{
  color: var(--iweb-bonita-primario);
}

/*!///////////////////////////////////////////
 * Modificacion Tablas: Si es menor a 768 pixeles 100% si es mayor auto
 ///////////////////////////////////////////
 */
 
 @media (min-width: 768px) {
  .table-iweb {
    width: auto;
  }
  .table-iweb-100 {
    width: 100%;
  }
  
}
/* color del interlineado */
.table-striped-iweb > tbody > tr:nth-child(odd) {
  background-color: #F3F3F3;
}                         

/* color de resalto al pasar por encima de la fila */        
.table-hover > tbody > tr:hover {
  background-color: #ffffff;
}        

/*!///////////////////////////////////////////
 * Modificacion Tablas para reducir espacio entre inputs
 ///////////////////////////////////////////
 */
.table-iweb>thead>tr>th, 
.table-iweb>tbody>tr>th, 
.table-iweb>tfoot>tr>th, 
.table-iweb>thead>tr>td, 
.table-iweb>tbody>tr>td, 
.table-iweb>tfoot>tr>td {
  padding: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 0px;  
}
.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
  border-top: 0px;  
}

.table-iweb-centrada{
  margin-left: auto; margin-right: auto; 
}

.iweb-lov-glyphicon {
    font-size: 1.2em;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

 /*!///////////////////////////////////////////
 * Campos Notas Anexas - Obtenido de: http://startbootstrap.com/template-overviews/sb-admin-2/
 ///////////////////////////////////////////
 */   

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: auto;
    overflow-y: scroll;
}

.iweb-bonita-notas{
  min-height: 100px !important;
}


 /*!///////////////////////////////////////////
 * Footer iWeb 
 ///////////////////////////////////////////
 */   
html {
  position: relative;
  min-height: 100%;
  /*height: 100%;*/
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 0px;
  
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /*height: 60px;*/
  background-color: #f9f9f9;
}


#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
         
.textmore{
 display: block;
 overflow: hidden;
 
}

.table-iweb-valign-top>thead>tr>th, 
.table-iweb-valign-top>tbody>tr>th, 
.table-iweb-valign-top>tfoot>tr>th, 
.table-iweb-valign-top>thead>tr>td, 
.table-iweb-valign-top>tbody>tr>td, 
.table-iweb-valign-top>tfoot>tr>td {
  padding: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px;  
}


 /*!///////////////////////////////////////////
* Nuevas Fuentes iWeb 
///////////////////////////////////////////*/
/* 
body {
  font-family: 'Roboto, sans-serif' !important;
} */
/*
@font-face {
  font-family: 'Source Sans Pro Semi Bold' ;
  src: url('../bootstrap/SourceSansPro-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-display: fallback;
}         


/* Bonita */

:root {
  --iweb-bonita-background-form: #FFFFFF;
  --iweb-bonita-header-form: #FFFFFF;
  --iweb-bonita-resalta-azul: #033357;
  --iweb-bonita-borde-activo: #337AB7;
  --iweb-bonita-zona-activa: lightgrey;
  --iweb-bonita-primario: #337AB7;
  --iweb-bonita-gris-inactivo: #F5F5F5;
  --iweb-bonita-borde-cards: #ddd;
}


div.sticky {
  position: sticky;
  top:50px;
}

.iweb-bonita-tabla-monoparte > th,
.tr-class-parte-bonita  {
  position: sticky !important;
  /*top: 135px !important;*/
  padding: .5em;
  z-index: 90;
}

.div-iweb-header{
  /* color: #FFFFFF; */
  background-color: var(--iweb-bonita-header-form);
  border-color: var(--iweb-bonita-header-form);;
  background-repeat: repeat-x;
  font-weight: bold;
  border: 2px solid var(--iweb-bonita-header-form);;
  width: 100%;
  padding: 1px;
  z-index: 95;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;

}

.modal-notas-bonita-monoparte {
  width: 100%;
  height: 100%;
  padding:0px;
  padding-top:150px !important;
}

.modal-adjuntos-bonita-monoparte {
  height: 100%;
  margin: 0px;
  padding-top:180px !important;
}

.modal-notas-bonita-monoparte-edicion {
  width: 100%;
  height: 100%;
  margin: 0px !important;
  padding-top:125px !important;
}

.modal-adjuntos-bonita-monoparte-edicion {
  width: 100%;
  height: 100%;
  padding:0px;
  padding-top:95px;
}


.modal-notas-bonita-multiparte {
  width: 100%;
  height: 100%;
  padding:0px;
  padding-top:200px !important;
}

.modal-adjuntos-bonita-multiparte {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding-top:235px !important;
}


.modal-notas-bonita-multiparte-edicion {
  width: 100%;
  height: 100%;
  margin: 0px !important;
  padding-top:190px !important;
}

.modal-adjuntos-bonita-multiparte-edicion {
  width: 100%;
  height: 100%;
  padding:0px;
  padding-top:150px;
}

.modal-content-bonita {
  height: 100%;
  border-radius: 0;
  position: absolute !important;
  width: 100%;
}

.div-iweb-encabezado-izq {
  /*padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 5px;*/
  margin-right: auto;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  gap: 5px;
  color: #000000;
  /* flex: 1; */
}

.div-iweb-graf-izq {
  /*padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 5px;*/
  margin-right: auto;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  gap: 5px;
  color: #000000;
  /* flex: 1; */
}

.div-iweb-encabezado-izq > h5{
  display: contents;
  /* color: var(--iweb-bonita-borde-activo);  */
  margin: unset;
}
.div-iweb-encabezado-izq-btn{
  gap: 15px;
}

.div-iweb-encabezado-der {
  /*float: right !important;
  padding-right: 40px;
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: 14px;
  margin-left: auto;*/
  display: flex;
  /* justify-content: center; */
  align-items: center;
  gap: 15px;
  flex: 1;
  margin-left: 15px;
}

.div-iweb-graf-der {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1;
  margin-left: 15px;
}

.span-iweb-encabezado > a, .span-iweb-encabezado > a > p {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  margin: unset;
}

.span-iweb-encabezado {
  padding: unset;
  margin-right: unset;
}
.span-iweb-encabezado-izq{
  margin-right: 15px;
}
.span-iweb-encabezado-der-first{
  margin-left: auto;
  margin-right: 15px;
}
.span-iweb-encabezado-der{
  margin-right: 15px;
}
#id_encabezado_form_iweb{
  margin: unset;
}

.iweb-bonita-nombre-formulario{
  /* color: black !important; */
  margin: unset;
  font-weight: bold;
}

/* Progressbar */
.progressbar-iweb {
  position: relative;
  display: flex;
  justify-content: space-between;
  counter-reset: step;
  margin: 0.5rem 0 0.5rem;
}

.progressbar-iweb-unica-parte {
  position: relative;
  display: flex;
  justify-content: space-between;
  counter-reset: step;
  margin: 0.5rem 0 0.5rem;
}

.progressbar-iweb::before,
.progress-iweb {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 100%;
  background-color: #dcdcdc;
}

.progressbar-iweb-unica-parte::before,
.progress-iweb {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 100%;
  background-color: transparent;
}

.progress-iweb {
  background-color: var(--iweb-bonita-primario);
  width: 0%;
  transition: 0.3s;
}

.progress-step {
  width: 2.1875rem;
  height: 2.1875rem;
  background-color: #dcdcdc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.progress-step::before {
  counter-increment: step;
  content: counter(step);
}

.progress-step::after {
  content: attr(data-title);
  position: absolute;
  top: calc(100% + 0.5rem);
  font-size: 0.85rem;
  color: #666;
}

.progress-step-active {
  background-color: var(--iweb-bonita-borde-activo);
  color: #f3f3f3;
}

.progress-step .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555555;
  color: var(--iweb-bonita-header-form);
  text-align: center;
  border-radius: 6px;
  padding: 15px 0;
  position: absolute;
  z-index: 100 !important;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}


/*  */

.progressbar-iweb-auditoria {
  position: relative;
  display: flex;
  justify-content: space-between;
  counter-reset: step;
  margin: 0;
  margin-bottom: 25px;
  height: auto;
}

.progressbar-iweb-auditoria::before,
.progress-iweb-auditoria {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 100%;
  background-color: transparent;
}

.progress-iweb-auditoria {
  background-color: var(--iweb-bonita-primario);
  width: 0%;
  transition: 0.3s;
}

.progress-step-auditoria {
  width: 2.1875rem;
  height: 2.1875rem;
  background-color: transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
}

.progress-step-auditoria::before {
  counter-increment: step;
}

.progress-step-auditoria::after {
  content: attr(data-title);
  position: absolute;
  top: calc(100% + 0.5rem);
  font-size: 0.85rem;
  color: #666;
}

.progress-step-auditoria .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555555;
  color: var(--iweb-bonita-header-form);
  text-align: center;
  border-radius: 6px;
  padding: 15px 0;
  position: absolute;
  z-index: 100 !important;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}

/*  */



.tooltiptext-auditoria {
  width: 170px;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 11px;
  border: 2px solid black;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -85px;
}

.tooltiptext-auditoria-activo {
  border: 2px solid var(--iweb-bonita-borde-activo);
  background-color: var(--iweb-bonita-borde-activo);
  color: white;
}

.iweb-bonita-info-audit-monoparte {
  color: #000000 !important;
  font-size: 12px;
  font-weight:lighter;
  padding: 10px;
  margin: 10px;
}

.progress-step .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555555 transparent;
}

.progress-step:hover .tooltiptext {
  visibility: visible;
}

.idoc-encabezado-info-documento {
  width: 100%;
  background-color: var(--iweb-bonita-header-form);
  position: sticky;
  top: 90px;
  z-index: 91;
}

.iwo-encabezado-info {
  width: 100%;
  background-color: var(--iweb-bonita-header-form);
  position: sticky;
  top: 90px;
  z-index: 91;
}

.contenedor-iweb-div, .genera2-contenedor-iweb-div {
  width: 100%;
  background-color: var(--iweb-bonita-header-form);
  position: sticky;
  top: 90px;
  z-index: 91;
}

.genera2-contenedor-iweb-div > div{
  padding-bottom: unset;
  padding: .8rem;
}

.idoc-encabezado-stepbar{
  width: 100%;
  background-color: var(--iweb-bonita-header-form);
  position: sticky;
  /*top: 175px;*/
  z-index: 91;
  padding-bottom: .5em;
}

.iwf-encabezado-stepbar{
  width: 100%;
  background-color: var(--iweb-bonita-header-form);
  position: sticky;
  /*top: 175px;*/
  z-index: 91;
  padding-bottom: .5em;
}


.contenedor-barra-iweb-div {
  width: clamp(80%, 80%, 80%);
  margin: 0 auto;
  border: 0px solid #ccc;
  border-radius: 0.35rem;
  padding: 1.5rem;
  /* position: sticky; */
  padding-bottom: 2.5em;
}

.contenedor-barra-iweb-div-unica-parte {
  width: clamp(5em, 5em, 5em) !important;
}

.form-mascara-bonita {
  font-size: 14px;
  padding: 2.5px 12.5px 4px;
  /*margin-right: 10px;
  margin-left: 10px;*/
  width: 95%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;        
    background-color:  rgb(255,255,255);
  border-style:solid;
  border-width:1px;
  border-color: rgb(255,255,255);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;        
 /* -webkit-box-shadow: 1px 3px 3px rgba(255,255,255,.3);
  -moz-box-shadow: 1px 3px 3px rgba(255,255,255,.3);
  box-shadow: 1px 3px 3px rgba(255, 255, 255, 0.3);*/
}

.border-mascara{
  border: thin solid #c1c1c1;
}

.img-listado{
  max-height: 50px;
  width: auto;
}

.div-paginacion{
  display: grid;
  /*grid-template-columns: 1fr repeat(3,auto) 1fr;*/
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5px;
  justify-items: center;
}
/*
.div-paginacion > :nth-child(2){
  grid-column-start: 2;
}*/

.div-paginacion > :first-child{
  margin-right: auto;
  margin-left: 12px;
}

.div-paginacion > div{
  display: flex;
  align-items: center;
}

.div-paginacion-derecha{
  margin-left: auto;
  display: flex;
  gap: 1em;
}

/**Utilizado para el OpenDivMascaraAmplio*/
.form-mascara-amplio-bonita {
  padding: 10px;
  display:table; 
  /*display: inline-block; 
  overflow: hidden;*/     
  width:95%;
  margin: auto;
  /* font-size: 12px;
  padding: 2.5px 12.5px 4px;
  margin-top: 10px;
  margin-bottom: 10px; 

  background-color:  rgb(233, 233, 233);
  border-style:solid;
  border-width:1px;
  border-color: rgb(162,179, 203);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;        
  -webkit-box-shadow: 1px 3px 3px rgba(162,179,203,.3);
  -moz-box-shadow: 1px 3px 3px rgba(162,179,203,.3);
  box-shadow: 1px 3px 3px rgba(162,179,203,.3); */

  font-size: 14px;
  /* padding: 2.5px 12.5px 4px;
  margin-right: 10px;
  margin-left: 10px;   
  margin-top: 10px;
  margin-bottom: 10px;         */
    background-color:  rgb(255,255,255);
  border-style:solid;
  border-width:1px;
  border-color: rgb(255,255,255);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;        
  -webkit-box-shadow: 1px 3px 3px rgba(255,255,255,.3);
  -moz-box-shadow: 1px 3px 3px rgba(255,255,255,.3);
  box-shadow: 1px 3px 3px rgba(255, 255, 255, 0.3);
}




.tr-class{
  background-color:#FFFFFF !important;
}

.iweb-bonita-campo-inactivo,
.row-solo-lectura{
  background-color: var(--iweb-bonita-gris-inactivo) !important;
  border: none;
  box-shadow: none;
  padding: unset !important;
}



.circle-parte-bonita {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  border: 1px solid #333333;
  margin: 0 .5em 0 1em;
  vertical-align: middle;
}

.td-class{
  border:1px solid #FFFFFF !important;
}

.table-class{
  background-color: white;border: 2px solid white;
}



.iweb-bonita-campos-multiparte{
  display:table;
  width: 98%;
  padding: 3em;
  margin: 0 auto 0;
  /* box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); */
}

.iweb-bonita-campos-multiparte > tr{
  background-color: white;
}

.iweb-bonita-parte-no-activa > tr{
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color:white;
}

/* .iweb-bonita-parte-no-activa > .iweb-bonita-borde-interno > td{
  background-color: var(--iweb-bonita-gris-inactivo);
} */

.iweb-bonita-tabla-activa .iweb-bonita-borde-interno:last-of-type > td{
  background-color: var(--iweb-bonita-zona-activa);
}
/*
.iweb-bonita-parte-no-activa > tr:first-child{
  background-color: #FFFFFF;
  height: 15px;
}*/

.iweb-bonita-parte-no-activa > tr:last-child{
  background-color: #FFFFFF;
  height: 15px;
}
/*
.iweb-bonita-parte-no-activa > tr:nth-child(2) > td:first-child{
  border-top-left-radius: 10px !important;
}

.iweb-bonita-parte-no-activa > tr:nth-child(2) > td:last-child{
  border-top-right-radius: 10px !important;
}*/


.iweb-bonita-parte-no-activa > tr:first-child > td:first-child{
  border-top-left-radius: unset !important;
}

.iweb-bonita-parte-no-activa > tr:first-child > td:last-child{
  border-top-right-radius: unset !important;
}



.iweb-bonita-parte-no-activa > tr:nth-last-child(2) > td:first-child{
  border-bottom-left-radius: 10px !important;
}

.iweb-bonita-parte-no-activa > tr:nth-last-child(2) > td:last-child{
  border-bottom-right-radius: 10px !important;
}

 .iweb-bonita-campos-multiparte > tr:first-child > td:first-child{
  border-top-left-radius: 10px;
  padding-top: 30px;
}

.iweb-bonita-campos-multiparte > tr:first-child > td:last-child{
  border-top-right-radius: 10px;
  padding-top: 30px;
}

.iweb-bonita-campos-multiparte > tr:nth-last-of-type(2) > td:first-child{
  border-bottom-left-radius: 10px;
}

.iweb-bonita-campos-multiparte > tr:nth-last-of-type(2) > td:last-child{
  border-bottom-right-radius: 10px;
} 

.iweb-bonita-tabla-monoparte{
  background-color: var(--iweb-bonita-zona-activa);
  border-radius: 15px;
}

.iweb-bonita-campos-monoparte{
  display: table;
  width: 98%;
  margin: 1em auto;
  margin-bottom: 2em;
  margin-top: 0;
  color: black;
}

.iweb-bonita-campos-monoparte > tr{
  background-color: white;
}


.iweb-bonita-campos-monoparte > tr:first-child > td:first-child{
  border-top-left-radius: 10px;
  padding-top: 15px;
}

.iweb-bonita-campos-monoparte > tr:first-child > td:last-child{
  border-top-right-radius: 10px;
  padding-top: 15px;
}

.iweb-bonita-campos-monoparte > tr:last-child > td:first-child{
  border-bottom-left-radius: 10px;
}

.iweb-bonita-campos-monoparte > tr:last-child > td:last-child{
  border-bottom-right-radius: 10px;
}

.iweb-bonita-tabla-activa{
  background-color: var(--iweb-bonita-zona-activa) !important;
  border-radius: 20px !important;
}
.iweb-bonita-tabla-activa .tr-class-parte-bonita{
  background-color: var(--iweb-bonita-zona-activa);
  /* color: white !important; */
}

.iweb-bonita-tabla-activa .tr-class-parte-bonita th{
  background-color: var(--iweb-bonita-zona-activa);
  /* color: white !important; */
}

.iweb-bonita-borde-activo{
  background-color: var(--iweb-bonita-zona-activa) !important;
  /* color: white !important; */
}

.iweb-bonita-tabla-activa > tbody > tr > td {
  padding-bottom: 2rem;
}

.iweb-bonita-cabecera-parte{
  height: 40px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: white;
}

.iweb-bonita-cabecera-parte-monoparte{
  height: 20px;
}

.iweb-bonita-tabla-activa > .iweb-bonita-cabecera-parte > .tr-class-parte-bonita > th > h5 > div > .circle-parte-bonita{
  /* border: 1px solid white !important; */
} 


.tr-class-parte-bonita{
  background-color: #E6E6E6;
  color: #333333;
}

.tr-class-parte-bonita th{
  background-color: #E6E6E6;
  color: #333333;
}

.tr-class-parte-bonita > td{
  padding: .5em;
}


.iweb-bonita-tabla-campos{
  width: 100%;
  background-color: #FFFFFF;
}

.iweb-bonita-field{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.iweb-bonita-field-col2{
  grid-column: span 2;
}

.iweb-bonita-field-col3{
  grid-column: span 3;
}

.iweb-bonita-field-col4{
  grid-column: span 4;
}

.btn-primary-iweb-bonita {
  background-image: none;
  width: 15em;
}
.btn-primary-iweb-bonita-hijo {
  background-image: none;
  width: 5em;
}

.btn-default-iweb-bonita {
  background-image: none;
  width: 15em;
}
.btn-default-iweb-bonita-hijo {
  background-image: none;
  width: 5em;
  margin-top: 5px;
  margin-right: 5px;
}
.btn-default-iweb-bonita-link {
  background-image: none;
  color: var(--iweb-bonita-borde-activo);
  width: 100%;
  text-align: right;
  border: none;
  box-shadow: none;
  padding-top: 0px;
}

.btn-default-iweb-bonita-link:hover{
  background-color: var(--iweb-bonita-gris-inactivo);
}

.btn-default-iweb-bonita-adjuntos {
  background-image: none;
  width: 15em;
  color: blue;
}

.btn-default-iweb-bonita-notas {
  /* color: blue; */
  background-image: none;
  width: 15em;
}

.btn-borra-iweb-bonita {
  background-image: none;
  border-color: red;
  color: red;
  width: 15em;
}

.botones-accion-iweb-bonita {
  padding-top: 15px;
  padding-bottom: 15px;
}

.botones-accion-iweb-bonita-guardado {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-danger-iweb-bonita, .btn-danger-iweb-bonita:hover{
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  color: red;
  box-shadow: none;
}

.btn-danger-iweb-bonita:active{
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: red !important;
  box-shadow: none !important;
}

.botones-accion-iweb-bonita-der {
  float: right !important;
  padding-top: 15px;
  padding-bottom: 15px;
}

.iweb-bonita-field-grid2{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: dense;
  grid-gap: 10px;
  grid-auto-rows: 1fr;
  justify-items: left;
}
.iweb-bonita-field-grid3{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: dense;
  grid-gap: 10px;
  grid-auto-rows: 1fr;
  justify-items: left;
}
.iweb-bonita-field-grid4{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: dense;
  grid-gap: 10px;
  grid-auto-rows: 1fr;
  justify-items: left;
}

.iweb-bonita-field > select{
  padding-right: 30px;
}

/*Radio*/

.radio-bonita > label{
  width: 100%;
  display: table-cell;
  cursor: pointer;
  flex-wrap: nowrap;
  font-weight: 400;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 2px;
  align-self: center;
  margin: auto;
}


.radio-bonita{
  width: 100%;
  /* border-style: groove; */
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
}



.radio-bonita-check{
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    align-self: self-end;
    margin: 0px 0 0 !important;
    height: 100%;
}


/*Checks*/

.check-bonita > label{
  width: 100%;
  cursor: pointer;
  display: table-cell;
  flex-wrap: nowrap;
  font-weight: 400;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 2px;
  align-self: center;
  margin: auto;
}

.check-bonita{
  width: 100%;
  /* border-style: groove; */
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
}
.check-bonita-check{
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    align-self: self-end;
    margin: 0px 0 0 !important;
    height: 100%;
}

.img-bonita-select{
  display: flex;
  align-items: center;
  padding: 0.75rem 0.75rem;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0px 0 0 !important;
  text-align: center;
  position: relative;
  cursor: pointer;
  color: #337ab7;
}
.img-bonita-delete {
  margin: auto;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  width: 30px;
  background-color : rgba(255, 255, 255, 0.7);  ;
}
.file-bonita-select{
  display: flex;
  align-items: center;
  padding: 0.75rem 0.75rem;
  margin-bottom: 0;
  /* font-size: 2rem; */
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: left;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0px 0 0 !important;
  text-align: center;
  position: relative;
  cursor: pointer;
  color: #337ab7;
}
.file-bonita-delete {
  margin: auto;
  position: absolute;
  /* top: 10px; */
  right: 10px;
  z-index: 10;
  width: 30px;
  /* background-color : rgba(255, 255, 255, 0.7);  ; */
}

.img-bonita-imagen{
  margin: auto;
}
/*Romper Form inline desde Bonita*/
.iweb-bonita-field-col1  > div.form-inline,
.iweb-bonita-field-col2  > div.form-inline,
.iweb-bonita-field-col3  > div.form-inline,
.iweb-bonita-field-col4  > div.form-inline {
  display: grid ;
}


.iweb-bonita-campos-multiparte> tr  > td{
  padding: 5px;
  vertical-align: top;
  border-bottom: thin solid #EEEEEE;
}

.iweb-bonita-campos-multiparte> tr:nth-last-of-type(2)  > td,
.iweb-bonita-campos-multiparte> tr:last-of-type  > td,
.iweb-bonita-campos-monoparte> tr:nth-last-of-type(2)  > td,
.iweb-bonita-campos-monoparte> tr:last-of-type  > td {
  border-bottom: none;
}

.iweb-bonita-campos-monoparte > tr > td{
  border-bottom: thin solid #EEEEEE;
  padding-bottom: 1rem !important;
}

/* Margen izquierdo para la columna de la etiqueta */
.iweb-bonita-campos-multiparte > tr  > td:first-child,
.iweb-bonita-campos-monoparte > tr  > td:first-child{
  padding-left: 50px;
  font-weight: bold ;
  width: 25%;
  /*border-bottom: white;*/
}

.iweb-bonita-campos-monoparte > tr  > td > div{
  font-weight: normal;
}

.iweb-bonita-campos-multiparte > tr  > td > div{
  font-weight: normal;
}

/* .iweb-bonita-campos-multiparte> tr  ,
.iweb-bonita-campos-monoparte > tr  {
  padding-top: 10px;
} */
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {

   font-size: 14px;
   height: auto;

}
.input-group-addon {
  font-size: 13px;
}

.div-iweb-header input{
  font-weight: 100;
}

.link-bonita{
  width: 100%;
  /* border-style: groove; */
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.link-bonita-select > select{
  /* background-color: #e9ecef;
  border: 0px; */
}
.link-bonita-link{

    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    align-self: self-end;
    margin: 0px 0 0 !important;
    height: 30px
}

.div-alert-bonita{
  margin-top: 10px;
  width: 930px;
  font-size: 13px;
  text-align: left;
}

.div-alert-bonita > .botones-accion-iweb-bonita-guardado{
  margin-left: 10px;
  margin-right: 10px;
}

.iweb-bonita-div-comunicacion{
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  text-align: left;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.bonita-table-iweb-firstrow > th{
  border-left: none !important;
  border-right: none !important;
}

.iweb-bonita-registro-multi > td{
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: thin solid #ddd !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.iweb-modal-bonita{
  padding-right: 0px !important;
}

.iweb-bonita-borde-interno{
  height: 15px;
}

/* .sgc_header_partes_info1 > td,
.sgc_header_partes_info2 > td,
.sgc_header_partes_info3 > td{
  font-size: 12px;
} */

.modal-auditoria-bonita {
  width: 100%;
  height: 50%;
  margin: 0px !important;
  padding-top:190px !important;
}

/* Estilos Multi Registro */
.iweb-bonita-multi-header-mobile {
  display: none;
}

.btn-ver-mas {
  display: none;
}

.iweb-bonita-registro-multi>td {
  vertical-align: top !important;
}

.btn-bonita-outline-danger{
  border: thin solid red;
  border-radius: 5px;
  background-color: white;
  color: red;
}

.btn-bonita-outline-danger:hover{
  color: white;
  background-color: red;
  transition: .5s;
}


.btn-bonita-outline {
  border: thin solid var(--iweb-bonita-primario);
  /* reemplazar x variable --iweb-bonita-primario */
  border-radius: 5px;
  background-color: white;
  color: var(--iweb-bonita-primario);
}

.btn-bonita-outline:focus{
  outline: none;
  box-shadow: none;
  color: var(--iweb-bonita-borde-activo);
}

.btn-bonita-outline:hover {
  /*border: thin solid var(--iweb-bonita-primario);
  border-radius: 5px;
  background-color: var(--iweb-bonita-primario);
  transition: .5s;
  color: white;*/
  color: var(--iweb-bonita-primario);
}
.btn-bonita-doc {
  width: 30em;
  white-space: pre-wrap;
  text-align: left;
}

.iweb-bonita-tr-nuevo-registro>td {
  border: none;
}

.multi-descripcion-contenedor {
  max-width: 50%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
}

.multi-nombre-form {
  grid-column: span 2;
  text-overflow: ellipsis;
  white-space: initial;
  overflow: hidden;
  font-weight: bold ;
  font-size: 14px;
}

.multi-div-nuevo-registro {
  margin: auto;
}

/* .multi-btn-nuevo-registro::after {
  content: ' Nuevo';
} */

.iweb-bonita-table-header {
  border: none !important;
}

.iweb-bonita-multi {
  border: none !important;
}
.iweb-bonita-multi > thead > tr > th{
  white-space: nowrap;
}

.multi-nro-registro {
  font-weight: bold;
}

.iweb-bonita-accion-multi{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.iweb-bonita-accion-multi > a{
  margin-right: 5px;
}

.eliminar-item-multi {
  color: #B7333B;
  font-size: x-large;
}

.clonar-item-multi {
  font-size: large;
}

.btn-multi-accion {
  display: none;
}

.iweb-bonita-registro-multi:hover{
    background-color: rgba(0,0,0,.075) !important;
}

/* FIN Multi Registro */



.bonita-table-busqueda-iweb-firstrow > tr > th {
  /* border-bottom: 4px;
  border-bottom-color: #dddddd; */
}


.bonita-table-busqueda-iweb-firstrow > th{
  font-weight: 600;
  color: var(--iweb-bonita-primario);
  background-color: var(--iweb-bonita-background-form);
  /* border-bottom: 4px;
  border-bottom-color: #dddddd; */
}

.bonita-table-busqueda-iweb-firstrow > th > :is(a, span),
.bonita-table-busqueda-iweb-firstrow > th
{
  color: black;
} 

.iweb-modal-bonita + .in{
  overflow-y: clip !important;
}

.bonita-inactivo{
  color: #bebdbd;
}


/* tr.table-iweb-firstrow > th */

.table-iweb-bonita-listado{
  border-collapse: separate;
}

.table-iweb-bonita-listado > thead > tr > th { 
  position: sticky;
  top: 0;
  z-index: 0;
  left: 0;
  padding-left: 1em;
  /* border-bottom: 4px; */
  /* border-bottom: 4px solid #888888; */
  /* border-bottom-style: solid; */
  /* border-top: 3px solid #dddddd; */
  border-bottom: 3px solid #dddddd;
  
 }

 .table-iweb-bonita-listado> thead > tr > th:first-child {
  z-index: 2;
  padding-left: 1em;
  padding-right: 0.5em;
  /* border-bottom: 3px solid #dddddd; */
 }

 .table-iweb-bonita-listado > tbody > tr > td:first-child { 
  position: sticky;
  top: 0;
  z-index: 1;
  left: 0;
  background-color: white;
  font-weight: 500;
  padding-left: 1em;
  padding-right: 0;
  
 }

 .iweb-bonita-listado-registro > td:first-child > a{
  /*color: black;*/
  font-weight: 500;
 }


 .table-iweb-bonita-listado> tbody, .table-iweb> tbody{
    background-color: white;
 }

 .table-iweb-bonita-listado > tbody > tr > td{
    border-left: none ;
    border-right: none ;
    border-bottom: thin solid #d1caca;
    padding-left: 1em;
    padding-right: 1em;
 }
 .table-iweb-bonita-listado-sin-borde > tbody > tr > td{
  border-bottom: none;
  border-top: none;
}

 .table-iweb > tbody > tr > td{
  border-left: none ;
  border-right: none ;
}

.table-striped-iweb > tbody > tr > td{
  border-bottom: thin solid #d1caca;
}
 .table-iweb-bonita-listado > thead > tr > th {
    white-space: nowrap;
    padding-left: 1em;
    padding-right: 1em;
 }
 .table-iweb > thead > tr > th{
  white-space: nowrap;
}


.table-iweb-bonita,
 .table-iweb-bonita > tr,
 .table-iweb-bonita > tr > td {
  border-bottom-style: none !important;
  width: auto;
 }
 .iweb-bonita-table-listado{
  margin-right: 10px;
  margin-left: 0px; 
  overflow: auto;
  overflow-y: scroll;
  /* height: 65vh; */
  height: calc(80vh - 140px)
 }

 .iweb-bonita-table-listado-graf{
  margin-right: 10px;
  margin-left: 0px; 
  overflow: auto;
  overflow-y: auto;
  height: auto;
  width: 100%;
 }

 .iweb-bonita-table-listado::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
.iweb-bonita-table-listado::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
}

/* Handle */
.iweb-bonita-table-listado::-webkit-scrollbar-thumb {
  background-color: var(--iweb-bonita-primario); 
  border-radius: 10px;
}

/* Handle on hover */
.iweb-bonita-table-listado::-webkit-scrollbar-thumb:hover {
  background-color: var(--iweb-bonita-borde-activo); 
}

 
 .iweb-bonita-table-listado-65{
  margin-right: 10px;
  margin-left: 10px; 
  overflow: scroll;
  /* max-height: 65vh; */
  max-height: calc(80vh - 140px)

 }
 .iweb-bonita-table-listado-70{
  margin-right: 10px;
  margin-left: 10px; 
  overflow: auto;
  /* max-height: 70vh; */
  max-height: calc(85vh - 140px)

 }
 .iweb-bonita-table-listado-80{
  margin-right: 10px;
  margin-left: 10px; 
  overflow: auto;
  /* max-height: 80vh; */
  max-height: calc(90vh - 140px)

 }

 .iweb-header-busqueda{
  border-bottom: thin solid #cecece;
  border-top: thin solid var(--iweb-bonita-gris-inactivo);
 }

 .border-menu-iweb{
  border-bottom: thin solid #cecece;
}

 .iweb-bonita-listado-registro:hover > td{
  background-color: #F5F5F5 !important;
 }


 .radio-bonita-no-edita-cursor{
  cursor:default !important;
 }

 .radio-bonita-no-edita{
  cursor:default !important;
  accent-color: rgb(0, 0, 0);
}

 .ClickableRow td{
  cursor: pointer;
 }

 /* input[type='radio']:checked:after {
  cursor:default !important;
  accent-color: green;
} */

.paginado-bonita{
  display: inline-block;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 1.25rem;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  /* color: #495057; */
  text-align: center;
  white-space: nowrap;
  /* background-color: #e9ecef; */
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  align-self: self-end;
  margin: 0px 0 0 !important;
}

.paginado-bonita-activo{
  
  color: var(--iweb-bonita-background-form);
  background-color: var(--iweb-bonita-borde-activo);
}

.iweb-bonita-filtro-inline-elements{
  padding-right: 10%;
}

/*
.iweb-bonita-filtro-inline-elements > div {
  /*flex-grow: 3;
}

.iweb-bonita-filtro-inline-elements > input {
  margin-left: .5em;
}*/


.iweb-bonita-table-filtros > tbody > tr > td:first-child{
  width: 20%;
}
.iweb-bonita-table-filtros > tbody > tr > td:nth-child(2){
  width: 80%;
}


.iweb-listado-filtros{
  padding-bottom: 175px;
}


.iweb-bonita-botones-filtros{
  display: flex;
  position: fixed;
  bottom: 2px;
  padding-bottom: 10px;
  width: 96%;
  background-color: white;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
}

.iweb-bonita-botones-filtros > div{
  display: inline-block;
}

.iweb-bonita-botones-filtros > div:nth-child(n+1){
  margin-left: .5em;
}

.iweb-bonita-botones-filtros > div:last-child{
  margin-left: 0.5;
}

.btn-iweb-bonita-btn-aplica-filtros{
  background-color: var(--iweb-bonita-primario);
  color: white;
  border-radius: 5px;
}

.iweb-bonita-alert-info{
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
}

.iweb-bonita-chat-body {
  margin-left: 40px !important;
}

.iweb-bonita-registros-encontrados{
  margin-left: 1em;
}

.iweb-bonita-tablero-cantidad{
  background-color: var(--iweb-bonita-primario);
  color: white;
}

.iweb-bonita-tablero-filtros > tbody >tr:first-child{
  border-bottom: thin solid black;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}

.badge-danger {
  color: #fff !important;
  background-color: #dc3545;
}

.badge-danger-outline{
  background-color: white;
  color: #dc3545 !important;
  border: thin solid #dc3545;
}
.badge-warning{
  background-color: #F9F471;
  color: black !important;
}

.badge-warning-outline{
  background-color: white;
  color: black !important;
  border: thin solid #F9F471;
}

.badge-success{
  background-color: #3c763d;
  color: white !important;
}

.badge-success-outline{
  background-color: white;
  color: #3c763d !important;
  border: thin solid #3c763d;
}

.badge-black{
  background-color: #202020;
  color: white !important;
}

.badge-black-outline{
  background-color: white;
  color: black !important;
  border: thin solid black;
}

.badge-nro-registro{
  background-color: var(--iweb-bonita-resalta-azul);
  font-size: 1em;
  padding-right: 5px;
}
.badge-cant-registros{
  background-color: #495057;
  font-size: 1em;
  padding-right: 5px;
}

.modal.right .modal-filtros {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.right .modal-body {
  padding: 15px 15px 80px;
}

.modal.right.fade .modal-filtros {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-filtros {
  right: 0;
}

.modal-filtros{
  width: 90% !important;
}

/* ADJUNTOS MONOPARTE ALTA*/
.modal.iweb-modal-bonita-right .modal-adjuntos-bonita-monoparte-right {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 79%;
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

.modal.iweb-modal-bonita-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.iweb-modal-bonita-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.iweb-modal-bonita-right.fade .modal-adjuntos-bonita-monoparte-right {
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.iweb-modal-bonita-right.fade.in .modal-adjuntos-bonita-monoparte-right {
  right: 0;
  bottom: 0;
}

.modal-adjuntos-bonita-monoparte-right{
  width: 70% !important;
}

/* ADJUNTOS MULTIPARTE ALTA*/
.modal.iweb-modal-bonita-right .modal-adjuntos-bonita-multiparte-right {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 72%;
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

.modal.iweb-modal-bonita-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.iweb-modal-bonita-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.iweb-modal-bonita-right.fade .modal-adjuntos-bonita-multiparte-right {
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.iweb-modal-bonita-right.fade.in .modal-adjuntos-bonita-multiparte-right {
  right: 0;
  bottom: 0;
}

.modal-adjuntos-bonita-multiparte-right{
  width: 70% !important;
}

/* ADJUNTOS MULTIPARTE EDICIÓN*/
.modal.iweb-modal-bonita-right .modal-adjuntos-bonita-multiparte-edicion-right {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 72%;
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

.modal.iweb-modal-bonita-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.iweb-modal-bonita-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.iweb-modal-bonita-right.fade .modal-adjuntos-bonita-multiparte-edicion-right {
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.iweb-modal-bonita-right.fade.in .modal-adjuntos-bonita-multiparte-edicion-right {
  right: 0;
  bottom: 0;
}

.modal-adjuntos-bonita-multiparte-edicion-right{
  width: 70% !important;
}


/* ADJUNTOS MONOPARTE EDICIÓN*/
.modal.iweb-modal-bonita-right .modal-adjuntos-bonita-monoparte-edicion-right {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 78%;
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

.modal.iweb-modal-bonita-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.iweb-modal-bonita-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.iweb-modal-bonita-right.fade .modal-adjuntos-bonita-monoparte-edicion-right {
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.iweb-modal-bonita-right.fade.in .modal-adjuntos-bonita-monoparte-edicion-right {
  right: 0;
  bottom: 0;
}

.modal-adjuntos-bonita-monoparte-edicion-right{
  width: 70% !important;
}


/* NOTAS MONOPARTE ALTA*/
.modal.iweb-modal-bonita-right .modal-notas-bonita-monoparte-right {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 79%;
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

.modal.iweb-modal-bonita-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.iweb-modal-bonita-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.iweb-modal-bonita-right.fade .modal-notas-bonita-monoparte-right {
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.iweb-modal-bonita-right.fade.in .modal-notas-bonita-monoparte-right {
  right: 0;
  bottom: 0;
}

.modal-notas-bonita-monoparte-right{
  width: 70% !important;
}

/* NOTAS MULTIPARTE ALTA*/
.modal.iweb-modal-bonita-right .modal-notas-bonita-multiparte-right {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 72%;
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

.modal.iweb-modal-bonita-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.iweb-modal-bonita-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.iweb-modal-bonita-right.fade .modal-notas-bonita-multiparte-right {
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.iweb-modal-bonita-right.fade.in .modal-notas-bonita-multiparte-right {
  right: 0;
  bottom: 0;
}

.modal-notas-bonita-multiparte-right{
  width: 70% !important;
}


/* NOTAS MULTIPARTE EDICIÓN*/
.modal.iweb-modal-bonita-right .modal-notas-bonita-multiparte-edicion-right {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 72%;
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

.modal.iweb-modal-bonita-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.iweb-modal-bonita-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.iweb-modal-bonita-right.fade .modal-notas-bonita-multiparte-edicion-right {
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.iweb-modal-bonita-right.fade.in .modal-notas-bonita-multiparte-edicion-right {
  right: 0;
  bottom: 0;
}

.modal-notas-bonita-multiparte-edicion-right{
  width: 70% !important;
}


/* NOTAS MONOPARTE EDICIÓN*/
.modal.iweb-modal-bonita-right .modal-notas-bonita-monoparte-edicion-right {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 78%;
  -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
}

.modal.iweb-modal-bonita-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.iweb-modal-bonita-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.iweb-modal-bonita-right.fade .modal-notas-bonita-monoparte-edicion-right {
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
      transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.iweb-modal-bonita-right.fade.in .modal-notas-bonita-monoparte-edicion-right {
  right: 0;
  bottom: 0;
}

.modal-notas-bonita-monoparte-edicion-right{
  width: 70% !important;
} 

.iweb-bonita-img-chat{
  padding-right: 10px;
  font-size:35px;
}

.iweb-bonita-boton-archivo{
  color: var(--iweb-bonita-primario);
  background-image: none;
  border: none;
  border-color: transparent;
  font-size: 14px;
  background-color: transparent;
  padding: 0px;
  box-shadow: none;
}

.iweb-bonita-boton-archivo:hover{
  background-color: transparent;
  text-decoration: underline;
}

.form-signin-bonita{
  padding: 5px 25px 8px;
  background-color: white;
}

/** LOGIN */

.foto-login {
  height: 130px;
  width: 130px;
  background: white;
  border: thin solid #E1E4E7;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  border-radius: 75px;
  z-index: 10;
  position: relative;
  bottom: -65px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.foto-login>img {
 /* position: relative;
  bottom: -65px;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);*/
  max-width: 90px;
  height: auto;
}

.alinear-centro {
  margin: auto;
}

.iweb-login {
  width: 32%;
	margin-bottom: 1.5em;
  display: flex;
  flex-direction: column;
  background-color: white;
}

.iweb-login-cabecera{
  width: 66%;
}

.formulario-login {
  /* padding: 2em; */
  padding-top: 1em;
  padding-left: 3em;
  padding-bottom: 1em;
  padding-right: 3em;
  border: thin solid #E1E4E7;
  height: 100%;
}

.caja-logo-sitio{
  padding: 1em;
  padding-top: 5em;
  border: thin solid #E1E4E7;
  height: 100%;
}

.formulario-recupera-password{
  border: thin solid #E1E4E7;
  margin-bottom: 1.5em;
}

.campos-recupera-password{
  width: 70%;
  margin: auto;
}
.iconos-login {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  border-radius: 4px;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
}

.boton-ingresar-login {
  display: flex;
  justify-content: space-around;
}

.no-visible {
  visibility: hidden;
}

.btn-login {
  width: 100% !important;
}

.contenedor-login{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2em;
}

.login-con-logo{
  padding-top: 5em;
}

.nav-login{
  display: flex;
  max-height: 50px;
  padding: 1em;
  background-color: white;
}

.nav-login > a > img{
  height: 30px;
  width: auto;
}
/* FIN LOGIN */



.text-success-bonita {
  color : #3c763d;
}
.text-warning-bonita {
  color : #F9F471;
}
.text-danger-bonita {
  color : #ca2b2b;
}

.btn-accion {
  display: none;
}
.btn-accion {
  display: inline-block;
  background-color: transparent;
  border: none;
}

.btn-accion::after {
  content: '\2807';
  font-size: 25px;
}
.btn-accion-header {
  display: none;
}
.btn-accion-header {
  display: inline-block;
  background-color: transparent;
  border: none;
}

.btn-accion-header::after {
  /* content: '\2807'; */
  /* font-size: 25px; */
}
.pager{
  margin: 5px 0 5px 0;
}
.notas-anexas-add{
  padding: 5px 0 !important;

}

.bonita-table-busqueda-iweb-firstrow > th:nth-child(n+2) > *{ 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 250px; 
  height: 1.2em; 
  white-space: nowrap;
}

.bonita-table-busqueda-iweb-firstrow > th:nth-child(n+2) > *:hover  { 
  white-space: normal;
  overflow: visible;
  height: auto;
}

.form-nueva-clave-botones{
  display: flex; 
  justify-content: center;
}

.bonita-filtros-graficos{
  display: inline-block;
  padding: 1rem 1rem;
  margin: auto !important;
}

/*

.iweb_bonita_width_0{
  width:5em !important;
}

.iweb_bonita_width_1{
  width:6em !important;
}

.iweb_bonita_width_2{
  width:10em !important;
}

.iweb_bonita_width_3{
  width:10em !important;
}

.iweb_bonita_width_4{
  width:20em !important;
}

.iweb_bonita_width_5{
  width:20em !important;
}

.iweb_bonita_width_6{
  width:20em !important;
}*/

.iweb_bonita_width_id_pending{
  min-width: 5.5em;
  max-width: 5.5em;
  margin-right:10px;
}

.iweb_bonita_width_0{
  min-width: 5.5em;
  max-width: 5.5em;
}

.iweb_bonita_width_1{
  min-width: 7.2em;
  max-width: 7.2em;
}

.iweb_bonita_width_2{
  min-width: 10.7em;
  max-width: 10.7em;
}

.iweb_bonita_width_3{
  min-width: 14.3em;
  max-width: 14.3em;
}

.iweb_bonita_width_4{
  min-width: 17.9em;
  max-width: 17.9em;
}

.iweb_bonita_width_5{
  min-width: 21.5em;
  max-width: 21.5em;
}

.iweb_bonita_width_6{
  min-width: 25em;
  max-width: 25em;
}

.iweb_bonita_width_7{
  min-width: 28.6em;
  max-width: 28.6em;
}
.iweb_bonita_width_2_max{
  min-width: 10.7em;
}
.iweb_bonita_width_3_max{
  min-width: 14.3em;
}

.iweb_bonita_width_4_max{
  min-width: 17.9em;
}

.iweb_bonita_width_5_max{
  min-width: 21.5em;
}

.iweb_bonita_width_6_max{
  min-width: 25em;
}

.iweb_bonita_width_7_max{
  min-width: 28.6em;
}


.iweb-login-lista-menu{
  list-style-type: none;
}

.iweb-login-lista-menu > li{
  margin: 1em 0;
}

.container-login-footer{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.container-login-footer > div{
  text-align: center;
}

.container-login-footer > div:first-child{
  margin-bottom: 1em;
}

.columna-adjuntos,
.columna-notas{
  display: none;
  
}


.funciones-extras{
  display: flex;
  align-items: center;
  gap: 1em;
}

.funciones-extras-contenedor{
  display: inline-block;
}

.boton-muestra-adjunto{
  color: var(--iweb-bonita-primario);
  background-color: white;
  border: none;
}

.table-adjuntos{
  width:100%; 
  table-layout: fixed;
  border: thin solid #cecece;
}

.table-adjuntos th{
  text-align: center;
  border-bottom: thin solid #cecece;
}

.table-adjuntos td{
  text-align: left;
}

.separacion-campos-multi{
  margin-bottom: .5em;
}

.modal-header-sticky{
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--iweb-bonita-header-form);
}

.admin-multi-opcion{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admin-multi-opcion > a{
  margin-right: .5em;
}

#iw_opendiv_menu-iweb{
  margin-top: 0;
}

.div-header-registro{
  padding: .7em;
}

.iweb-bonita-cabecera-activa{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.iweb-nombre-parte{
  font-weight: bold;
  vertical-align: middle;
}

.iweb-nombre-monoparte{
  font-weight: bold;
  vertical-align: middle;
  /* color: white; */
  padding-left: 2em;
}

.linktooltips-container-bonita{
  background-color: #888888;
  color: #ffffff;
  padding: 5px 30px;
  border-radius: 10px;
  /* position:absolute; */
  font-size: 12px;
  width: max-content;
  align-items: center;
  margin: auto;
  opacity: 0.7;
  left: calc(101%);
  top: calc(-100%);
  /* position: absolute; */
  /* clip-path: polygon(0 0, 100% 0, 50% 100%); */
}

.iweb-bonita-mostrar{
  margin-left: 25px;
}

.span-iweb-encabezado> a:hover{
  text-decoration: none;
}

.iweb-bonita-adjuntos-listado{
  /* overflow: hidden; */
  text-align: left !important;
  padding-left: 5px !important;
  border-top: thin solid #d1caca;
}
.table-adjuntos > tr:first-child > td{
  overflow: hidden;
  text-align: left !important;
  padding-left: 5px !important;
  border-top: 0px;
}

.badge-order-selected{
  font-size: .75rem;
}

a {
	text-decoration: none !important;
}

.iweb-bonita-sticky-mono-alta{
  height: 1em;
  position: sticky !important;
  top: 90px;
  z-index: 99;
  background-color: var(--iweb-bonita-zona-activa);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; 
}

.iweb-bonita-sticky-mono-edicion{
  height: 1em;
  position: sticky !important;
  top: 90px;
  z-index: 99;
  background-color: var(--iweb-bonita-zona-activa);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; 
}

/*.iweb-bonita-iframe-multi{
  border: thin solid black;
  border-radius: 10px;
}*/

.iweb-td-multiregistro{
  padding-left: 30px !important;
  border-top: 5px solid #b2b2b2 !important;
  border-bottom: 5px solid #b2b2b2 !important;
}

.div-campo-limg{
  padding-left: unset;
}

.multi-campo-texto{
  overflow:auto; 
  resize: both; 
  height:50px
}
.span-iweb-mod-previsualizado a{
  border: thin solid var(--iweb-bonita-primario);
  /* reemplazar x variable --iweb-bonita-primario */
  border-radius: 5px;
  background-color: white;
  color: var(--iweb-bonita-primario);
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

.idoc-datos-documento{
  /*display: flex;
  align-items: center;*/
  display: grid;
  grid-template-columns: repeat(1fr,4);
  gap: 0em;
  font-style: italic;
}

.idoc-contenedor-tablas-firmas{
  display: grid;
  gap: 1em;
  grid-template-columns: 1fr 1fr 1fr;
}

.idoc-contenedor-tablas{
  display: grid;
  gap: 1em;
  grid-template-columns: 1fr;
  width: 60%;
}


.idoc-contenedor-tablas div.panel-default, .idoc-contenedor-tablas-firmas div.panel-default, .contenedor-detalle-grupos div.panel-default{
  height: 100%;
}

.idoc-encabezado-resumen{
  width: 100%;
  background-color: var(--iweb-bonita-header-form);
  position: sticky;
  top: 50px;
  z-index: 91;
}
.idoc-etapa-cabecera{
  position: sticky !important;
  /*top: 255px !important;*/
  padding: .5em;
  z-index: 90;
  background-color: #E6E6E6;
  color: #333333;
}

.iwo-etapa-cabecera{
  position: sticky !important;
  /*top: 259px !important;*/
  padding: .5em;
  z-index: 90;
  background-color: #E6E6E6;
  color: #333333;
}

.iwo-etapa-cabecera > th > div{
  display: flex;
  align-items: center;
}

.idoc-resumen-titulo{
  background-color: var(--);
  /* font-style: italic; */
  text-transform: uppercase;
}

.idoc-contenido-multi{
  margin: auto;
}

.iweb-bonita-panel-griseado{
  background-color: #F5F5F5 !important;
}

.iweb-bonita-activo{
  color: var(--iweb-bonita-primario);
}

.idoc-tr-datos > td:first-child{
  padding-left: 70px !important;
}

.idoc-tabla-adjuntos{
  margin: auto;
}

.multi-descripcion-header-padre{
  margin-left: -10px;
  margin-top: -20px;
}

#iw_opendiv_header-idoc{
  position: sticky;
  top: 50px;
  z-index: 1000;
}

#iw_opendiv_header-iwo{
  position: sticky;
  top: 50px;
  z-index: 1000;
}
.idoc-datos-encabezado{
  overflow: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
body > .alert ,
form > .alert {
  width: 95% !important;
}

.idoc-etiqueta-etapa{
  position: absolute;
  top: 125%;
  width: 200px;
  text-align: center;
  padding: .5em;
  border: thin solid var(--iweb-bonita-borde-activo);
  border-radius: 1em;
  background-color: var(--iweb-bonita-background-form);
  color: var(--iweb-bonita-borde-activo);
}

.idoc-etiqueta-etapa-activa{
  background-color: var(--iweb-bonita-borde-activo);
  color: #f3f3f3;
}

.idoc-texto-encabezado{
  max-height: 1.5em;
}

.idoc-texto-encabezado-contenedor{
  max-height: 10em;
  overflow-y: auto;
}

.font-plus-25{
  font-size: 1.25rem;
}

.font-plus-50{
  font-size: 1.5rem;
}

.font-plus-100{
  font-size: 2rem;
}

.font-plus-200{
  font-size: 3rem;
}

.font-plus-300{
  font-size: 4rem;
}

.panel-resumen{
  border-radius: 10px;
}

.ipending-tabla-resumen{
  width:100%; 
  table-layout: fixed;
}

.w-100{
  width: 100%
}

.panel-body-pending{
  overflow: auto;
}

.panel-body-pending::-webkit-scrollbar, .div-contenedor-pendientes::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
.panel-body-pending::-webkit-scrollbar-track, .div-contenedor-pendientes::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
}

/* Handle */
.panel-body-pending::-webkit-scrollbar-thumb, .div-contenedor-pendientes::-webkit-scrollbar-thumb {
  background-color: #ddd; 
  border-radius: 10px;
}

/* Handle on hover */
.panel-body-pending::-webkit-scrollbar-thumb:hover, .div-contenedor-pendientes::-webkit-scrollbar-thumb:hover {
  background-color: #ddd; 
}

.buscador-pending, .buscador-pending > span{
  display: flex;
}

.buscador-pending > span{
  justify-content: center;
  align-items: center;
}

.div-contenedor-pendientes{
  overflow: auto;
}

.card__title{
  display: block;
  width: 270px;
}

.card__title > div{
  max-width: 100%;
  word-wrap: break-word;
  overflow-x: auto !important;
}

.iweb_bonita_oculta_link{
  display: none;
}

/*Boton búsqueda Pending*/

.container-input {
  position: relative;
}

.input {
  width: 150px;
  padding: 10px 0px 10px 40px;
  border-radius: 9999px;
  border: solid 1px #333;
  transition: all .2s ease-in-out;
  outline: none;
  opacity: 0.8;
}

.container-input svg {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
}

.input:focus {
  opacity: 1;
  width: 250px;
}

/*Fin botón*/

.pending-encabezado-buscador{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.contenedor-navegacion{
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.select2-container .select2-search__field,
.select2-container .select2-input
 { width: 100% !important }

 .select2-container{
  width: 90% !important;
 }

 .input-group-multiselect{
  display: flex !important;
 }

 .div-encabezado-atributos{
  display: flex;
 }

 .div-encabezado-atributos > span{
  width: 100% !important;
 }

 .div-atributos-filtros{
  display: flex; 
  flex-direction: column; 
  gap: .5em;
 }

 .importa-lista-campos-ingresa {
  max-width: 400px;
  word-wrap: break-word; /* Permite cortar palabras */
  overflow-x: auto; /* Agrega una barra de desplazamiento horizontal si es necesario */
}



 /* Estilos iPending Portal */
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;

}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 14 px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tabcontent-default{
  display: block;
}

.boton_historial {
  margin-top: 5px !important;
}

 /* FIN estilos iPending Portal*/

 .idoc-agregar-firmante{
  display: flex;
  gap: 1em;
  align-items: center;
}

.hopscotch-bubble {
  border-radius: 25px !important;
}

.startTour {
  position: fixed;
  top: 80px;
  right: 80px;
  background-color: #f1f1f1;
  padding: 5px;
  border-radius: 50%;
  font-size: 12px;
  text-decoration: none;
  color: #337AB7;
  font-weight: bold;
  border: none;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  transform: perspective(1px) scale(1);
  transition: transform 0.3s, box-shadow 0.3s;
}


/*INICIO MULTI REGISTRO DESKTOP*/

.multi-campo-modal{
  z-index: 2000 !important;
}

.iweb-bonita-registro-multi:hover{
  background-color: #ffffff !important;
}

.iweb-bonita-multi {
  width: 100%;
}
/*
.iweb-bonita-registro-multi {
  display: inline-block !important;
}*/

.iweb-bonita-registro-multi {
  margin: 1em;
}

.iweb-bonita-iframe-multi{
  min-height: 350px !important;
}
/*
.iweb-bonita-registro-multi>td {
  display: block;
  border-left: 3px solid var(--iweb-bonita-borde-cards) !important;
  border-right: 3px solid var(--iweb-bonita-borde-cards) !important;
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 0 .5em 1em !important;
  max-width: 250px;
  min-width: 250px;
}*/
/*
.iweb-bonita-registro-multi>td:first-child {
  border-top: 3px solid var(--iweb-bonita-borde-cards) !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 1em !important;
}*/
/*
.datos-reducidos >td:nth-child(n+8) {
  display: none;
}*/
/*
.iweb-bonita-registro-multi>td:last-child {
  display: block;
  border-bottom: 3px solid var(--iweb-bonita-borde-cards) !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 1em !important;
}*/
/*
.iweb-bonita-multiHeader-desktop>tr:last-child {
  display: none;
}*/

/*
.btn-multi-accion {
  display: inline-block;
  background-color: transparent;
  border: none;
}*/

.btn-multi-accion::after {
  content: '\2807';
  font-size: 25px;
}

.iweb-bonita-registro-multi>td:first-child>div {
  display: inline-block;
  float: right;
}


.iweb-bonita-registro-multi>td:last-child>a:last-child {
  display: inline-block;
}
/*
.iweb-bonita-multi-header-mobile {
  display: block;
}*/
/*
.iweb-bonita-tr-nuevo-registro>td>div {
  max-width: 300px;
  min-width: 300px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}*/


/*
.link-eliminar-item-multi,.link-clonar-item-multi {
  display: none;
}*/

.iweb-bonita-accion-multi{
  display: block;
}

/*.multi-btn-nuevo-registro::after {
  content: '';
}*/


#frmAltaHijo > td:first-of-type{
  border-top: 12px solid var(--iweb-bonita-borde-cards);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#frmAltaHijo > td{
  border-left: 12px solid var(--iweb-bonita-borde-cards);
  border-right: 12px solid var(--iweb-bonita-borde-cards);
}

#frmAltaHijo > td:last-of-type{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#frmAltaHijo > td:last-child{
  border-bottom: 12px solid var(--iweb-bonita-borde-cards);
  padding-bottom: 1em;
} 

#frmAltaHijo:hover > td{
  background-color: unset;
}

.encabezado-multi-desktop{
  border-bottom: 3px solid var(--iweb-bonita-borde-cards);
}

.iweb-bonita-frm-alta-hijo>td {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  max-width: 320px;
  min-width: 320px;
}

.iweb-bonita-frm-alta-hijo>td {
  display: block;
  width: 600%;
  margin: auto;
}

.iweb-bonita-frm-alta-hijo>td .note-editor.note-frame.fullscreen {
  position: sticky;
}

.iweb-bonita-frm-alta-hijo > td:last-child{
  border-bottom: thin solid black;
  padding-bottom: 1em;
} 

.iweb-bonita-td-bloqueado{
  background-color: #F5F5F5;
}

.iweb-bonita-tr-nuevo-registro>td>div>div:first-child {
  grid-column: span 3;
}
/*
.btn-ver-mas {
  display: block;
}*/

.table-responsive{
  display: block;
}

.table-responsive-no-block{
  /* FIX para la seleccion de íconos de menú*/
  display: table;
}

.modal-iframe {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;      
  margin-top: 50px;
  padding-left: 1%;
  padding-right: 1%;
  z-index: 1000;
  overflow: hidden;                    
  background-color: rgba(0,0,0,0.8);
}                

.modal-iframe-content {
  position: relative;
  z-index: 1001; 
  width: 70%; 
  height: 95%;
  margin: auto;
  overflow-y: auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.overlay-bonita {
  position: fixed; 
  display: none; 
  width: 100%; 
  height: 100%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); 
  z-index: 100; 
  /* cursor: pointer; */
}

.select2-selection{
  height: 100% !important;
}

.iweb-bonita-nombre-adj{
  max-width: 250px;
  overflow-y: auto;
  overflow-x: auto;
  white-space: nowrap;
}

.iweb-bonita-nombre-adj::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
.iweb-bonita-nombre-adj::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
}

/* Handle */
.iweb-bonita-nombre-adj::-webkit-scrollbar-thumb {
  background-color: var(--iweb-bonita-primario); 
  border-radius: 10px;
}

/* Handle on hover */
.iweb-bonita-nombre-adj::-webkit-scrollbar-thumb:hover {
  background-color: var(--iweb-bonita-borde-activo); 
}

/*FIN MULTI REGISTRO DESKTOP*/


/* SCROLLBAR GENERAL */

.scrollbar-bonita::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
.scrollbar-bonita::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
}

/* Handle */
.scrollbar-bonita::-webkit-scrollbar-thumb {
  background-color: var(--iweb-bonita-primario); 
  border-radius: 10px;
}

/* Handle on hover */
.scrollbar-bonita::-webkit-scrollbar-thumb:hover {
  background-color: var(--iweb-bonita-borde-activo); 
}


/* CONFIGURACION GRAFICOS ANALISIS */

.fila-grafico {
  display: grid;
  grid-template-columns: 1fr 2fr; /* Two columns with equal width */
  grid-gap: 10px; /* Adjust the gap between grid items as needed */
  /* You can add more styling here as per your requirements */
}

.fila-doble-tabla-grafico {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two columns with equal width */
  grid-gap: 10px; /* Adjust the gap between grid items as needed */
  /* You can add more styling here as per your requirements */
}
.contenedor-grafico {
  grid-column-start: 2; /* Start the second div from the second column */
  grid-column-end: 3; /* End the second div in the second column */
}

.contenedor-grafico-full {
  grid-column-start: 1; /* Start the second div from the second column */
  grid-column-end: 3; /* End the second div in the second column */
}

.tabla-grafico {
  width: 100%;
  max-height: 500px;
  overflow-x: auto; /* Enable horizontal scrolling if the table overflows its container */
}

.btn-expandir-tabla{
  position: sticky;
  top: 0;
}

.btn-tabla-busqueda{
  max-width: 250px;
}

.header-busqueda > td{
  border: none !important;
}

.table-iweb-firstrow-graficos > th, .table-iweb-firstrow-graficos > td{
  font-weight: bold !important;
  color: black !important;
  background-color: var(--iweb-bonita-background-form) !important;
  background-image: none !important;
  border-right-style: none !important;
  border-left-style: none !important;
}

.iweb_bonita_boton_derecha{
  float: right;
  margin-right: 1em !important;
  margin-left: auto !important;
}

#modal-grafico > .modal-dialog{
  max-width: 95%;
  width: auto !important;
  margin: auto;
  display: inline-block;
  overflow: hidden;
}

#div-muestro-grafico{
  overflow: auto;
}

#modal-grafico.modal {
  z-index: -1;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.modal-open #modal-grafico.modal {
  z-index: 1049;
}

.iweb-bonita-boton-submit {
  border: 0;
  color: var(--iweb-bonita-primario);
  background: white;
}

.iweb-mobile-only{
  display: none;
}

.iwo-tabla-items-titulo > td{
  background-color: #E6E6E6 !important;
}

.iwo-tabla-items > tbody > tr > td{
  border-bottom: thin solid var(--iweb-bonita-borde-cards);
}

.contenedor-detalle-grupos{
  margin-top: 1em;
  display: grid;
  gap: 2em;
  grid-template-columns: 1fr 1fr;
}

#id_barra_logo_print{
  width: 100px;
  margin-right: auto;
  margin-left: 1em;
}

#id_barra_logo_print > img{
  max-height: 100%;
  max-width: 100%;
}


@media not print {
  /* Media query for screens smaller than a certain width (e.g., 768px) */
  @media (max-width: 768px) {
    .fila-grafico, .fila-doble-tabla-grafico{
      display: flex;
      flex-direction: column;
    }

    .iweb-bonita-tabla-items{
      min-width: 318px;
    }
    
  }


@media all and (max-width: 1366px) {

  .card__title{
    width: 200px;
  }

  #iw_opendiv_header-idoc{
    position: unset;
  }

  .contenedor-barra-iweb-div{
    position: inherit;
  }

  .iweb-bonita-tabla-monoparte > th, .tr-class-parte-bonita > th {
    top: 150px !important;
  }

  .idoc-encabezado-info-documento {
    width: 100%;
    background-color: var(--iweb-bonita-header-form);
    position: sticky;
    top: 50px;
    z-index: 91;
  }

  .iwo-encabezado-info {
    width: 100%;
    background-color: var(--iweb-bonita-header-form);
    position: sticky;
    top: 50px;
    z-index: 91;
  }

  .contenedor-iweb-div {
    width: 100%;
    background-color: var(--iweb-bonita-header-form);
    position: sticky;
    top: 50px;
    z-index: 91;
  }

  .idoc-encabezado-stepbar{
    position: unset;
  }

  .iwf-encabezado-stepbar{
    position: unset;
  }

  /*.iwo-etapa-cabecera{
    top: 135px !important;
  }*/

  .iweb-bonita-field-col1{
    grid-column: span 2;
  }

  .iweb-bonita-field-col2{
    grid-column: span 3;
  }
  
  .iweb-bonita-field-col3{
    grid-column: span 4;
  }
  
  .iweb-bonita-field-col4{
    grid-column: span 5;
  }
  
  .iweb-bonita-table-listado{
    margin-right: 10px;
    margin-left: 10px; 
    overflow: auto;
    overflow-y: scroll;
    /* max-height: 60vh; */
    max-height: calc(75vh - 140px)

   }

  .iweb-bonita-sticky-mono-edicion{
    height: 1em;
    position: sticky !important;
    /*top: 142px;*/
    z-index: 99;
    /*background-color: var(--iweb-bonita-borde-activo);*/
  }

  .genera2-control-iweb{
    position: unset;
  }

  .tr-class-parte-bonita > th{
    top: 85px !important;
  }

  .genera2-contenedor-iweb-div{
    position: unset;
  }

  .div-iweb-graf-der{
    margin-left: unset;
    width: 100%;
    justify-content: space-evenly;
    padding-top: 20px;
    flex-wrap: wrap;
  }

  .iweb_bonita_oculta_link{
    display: none;
  }

}

img.lazy-loading {
    background-color: #e0e0e0; /* Light gray placeholder */
    width: 100px;
    height: 100px;
    object-fit: cover;
}

/*Estilos Edge con barra bing al costado*/
@media all and (max-width: 1358px){

  .iweb_bonita_oculta_link{
    display: none;
  }

}

  /* SIEMPRE AL FINAL */
  @media all and (max-width: 850px) {


    .contenedor-detalle-grupos{
      grid-template-columns: 1fr;
    }
    .iwo-tabla-items > tbody > tr > td:first-child{
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-top: thin solid var(--iweb-bonita-borde-cards);
      display: flex;
      align-items: center;
    }

    .iwo-tabla-items > tbody > tr > td:first-child > :last-child:not(div){
      margin-left: auto;
    }

    .iwo-tabla-items > tbody > tr > td:first-child > :last-child:is(div.form-inline){
      width: 100%;
    }

    .iwo-tabla-items > tbody > tr > td:first-child > :last-child:is(div) > input{
      width: 100%;
    }

    .iwo-tabla-items > tbody > tr > td:last-child{
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom: thin solid var(--iweb-bonita-borde-cards);
      margin-bottom: 1em;
    }

    .iwo-tabla-items > tbody > tr > td{
      border-left: thin solid var(--iweb-bonita-borde-cards);
      border-right: thin solid var(--iweb-bonita-borde-cards);
      border-bottom: thin solid var(--iweb-bonita-borde-cards);
      background-color: var(--iweb-bonita-header-form);
      text-align: left;
      display: block;
    }

    .iwo-tabla-items > tbody > tr:first-child > td{
      display: none;
    }

    

    small + .iwo-boton-editar-etapa{
      display: block;
      text-align: end;
      margin-right: 1em;
    }
    
    .iwo-boton-editar-etapa + small{
      font-size: .7em;
    }

    #iwo-encabezado-info{
      display: none;
    }

    .card__title{
      width: 200px;
    }

    #modo-tarjetas-pendientes{
      overflow: auto;
    }

    .idoc-agregar-firmante{
      flex-direction: column;
    }

    .idoc-agregar-firmante > div{
      width: 100%;
    }

    .div-iweb-encabezado-der>span{
      margin-left: 0;
      margin-right: 0;
    }

    .div-iweb-graf-der>span{
      margin-left: 0;
      margin-right: 0;
    }

    .idoc-contenedor-tablas{
      width: 100%;
    }

  /* .iwo-etapa-cabecera{
      top: 214px !important;
    }*/

    .iwo-etapa-cabecera > th:not(:has(a)) {
      font-size: .7em;
    }

    div.dataTables_filter input{
      width: 10em;
    }

    .idoc-div-responsive{
      max-width: 320px;
      overflow: scroll;
    }

    .iwo-div-responsive{
      max-width: 100%;
      overflow: scroll;
    }

    .idoc-contenedor-tablas{
      display: flex;
      gap: 1em;
      flex-direction: column;
    }

    .idoc-contenedor-tablas-firmas{
      display: flex;
      gap: 1em;
      flex-direction: column;
    }

    .idoc-contenedor-tablas{
      flex-direction: column;
    }

    .idoc-tr-datos > td:first-child{
      padding-left: unset !important;
    }

    #card-not-found > td{
      min-height: 250px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .multi-campo-texto{
      margin-right: .5em;
    }

    .iweb-td-multiregistro{
      padding-left: unset !important;
    }
    

    .iweb-bonita-nombre-formulario{
      max-width: 60%;
    }

    .iweb-bonita-campos-multiparte > tr  > td:first-child,
    .iweb-bonita-campos-monoparte > tr  > td:first-child{
      border-bottom: none;
    }

    .div-iweb-header{
      flex-direction: column;
    }


    .div-paginacion{
      display: block;
    }

    .div-paginacion > div{
      justify-content: center;
    }

    .iweb-bonita-filtro-inline-elements{
      padding-right: unset;
      padding-bottom: 6px;
      padding-top: 6px;
    }

    .form-nueva-clave-botones{
      display: block;
    }

    .fecha-mobile{
      max-width: 75%;
      margin: auto;
    }
    .fecha-mobile > input{
      text-align: center;
    }

    /* LOGIN*/

    .iweb-login {
      width: unset;
    }

    .contenedor-login{
      flex-direction: column;
      justify-content: center;
    }
    /*FIN LOGIN*/

    .iweb-bonita-campos-multiparte,
    .iweb-bonita-campos-multiparte th,
    .iweb-bonita-campos-multiparte td {
      /* display: block	;		 */
    }
    
    /* Experimiento PPM */
    .row-solo-lectura, .row-solo-lectura > th, .row-solo-lectura > td
    {
      display: block;		
      background-color: var(--iweb-bonita-gris-inactivo)!important;

    }

    
    .row-editable, .row-editable > th, .row-editable td {
      display: block;
      background-color: white;
    }
    

    .idoc-resumen-titulo{
      display: block;
    }
    
    .modal-notas-bonita-monoparte {
      width: 100%;
      height: 100%;
      margin: 0px;
      padding-top:155px !important;
    }

    .modal-adjuntos-bonita-monoparte {
      width: 100%;
      height: 100%;
      margin: 0px;
      padding-top:155px !important;
    }

    .modal-notas-bonita-monoparte-edicion {
      width: 100%;
      height: 100%;
      margin: 0px !important;
      padding-top:150px !important;
    }

    .modal-adjuntos-bonita-monoparte-edicion {
      width: 100%;
      height: 100%;  
      margin: 0px !important;
      padding-top:155px !important;
    }


    .modal-notas-bonita-multiparte {
      width: 100%;
      height: 100%;
      margin: 0px;
      padding-top:230px !important;
    }
    
    .modal-adjuntos-bonita-multiparte {
      width: 100%;
      height: 100%;
      margin: 0px;
      padding-top:230px !important;
    }

    
    .modal-notas-bonita-multiparte-edicion {
      width: 100%;
      height: 100%;
      margin: 0px !important;
      padding-top:200px !important;
    }  
    
    .modal-adjuntos-bonita-multiparte-edicion {
      width: 100%;
      height: 100%;
      margin: 0px !important;
      padding-top:190px !important;
    }

    .modal-auditoria-bonita {
      width: 100%;
      height: 100%;
      margin: 0px !important;
      padding-top:190px !important;
    }

    .modal-content-bonita {
      height: 100%;
      border-radius: 0;
    }

    .div-iweb-encabezado-der{
      margin-left: unset;
      width: 100%;
      justify-content: space-evenly;
      padding-top: 20px;
      flex-wrap: wrap;
    }

    .div-iweb-graf-der{
      margin-left: unset;
      width: 100%;
      justify-content: space-evenly;
      padding-top: 20px;
      flex-wrap: wrap;
    }

    .div-iweb-encabezado-der>span{
      margin: .5em .5em 0 .5em;
      padding:0px;
    }

    .div-iweb-graf-der>span{
      margin: .5em .5em 0 .5em;
      padding:0px;
    }

    .div-iweb-encabezado-der>span>a{
      display: flex;
      justify-content: center;
      align-items: center;
      /* flex-direction: column; */
      flex-direction: unset;
    }

    .div-iweb-graf-der>span>a{
      display: flex;
      justify-content: center;
      align-items: center;
      /* flex-direction: column; */
      flex-direction: unset;
    }

    .span-iweb-encabezado {
      padding: 0px;
    }

    .botones-accion-iweb-bonita {
      display: block;
      width:100%;
    }
    
    .botones-accion-iweb-bonita-guardado {
      display: block;
      width:100%;
      padding-right: 15px;
    }

    .iweb-bonita-td-botones-accion{
      padding-left:5px;
      padding-right:5px;
    }

    .iweb-bonita-campos-monoparte,
    .iweb-bonita-campos-monoparte th,
    .iweb-bonita-campos-monoparte td {
      display: block	;		

    }

    .iweb-bonita-nombre-adj{
      max-width: 140px;
      overflow-y: visible;
      overflow-x: auto;
      white-space: nowrap;
    }
    
    .iweb-bonita-campos-multiparte{
      display:table;
      width: 98%;
      padding: 3em;
      margin: 0em auto;
      /* box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); */
    }

    /* #guardar_iweb, #guardar_iweb_final, #cancel_iweb, #guardar_iweb_multi, #seleccion_adjunto, #iweb-bonita-btn-aplica-filtros, #id_borrar{ */
    .btn-primary-iweb-bonita, .btn-default-iweb-bonita, .btn-iweb-bonita-btn-aplica-filtros,.btn-borra-iweb-bonita,.btn-primary-iweb-bonita-hijo, .btn-default-iweb-bonita-hijo{
      width: 100%;
      display: block;
    }

    .panel-body > .table-responsive{
      width: 100%;
      display: block;
    }

    .iweb-bonita-adj-no-scroll{
      width: 100% !important;
      display: block !important;
    }

    .iweb-bonita-field{
      display: block;
    }
    .iweb-bonita-field-grid4{
      display: grid;
      grid-template-columns: auto;
      justify-items: left;
    }

    div.sticky {
      position: sticky;
      top:50px;
    }
    div.sticky-sin-barra {
      position: sticky;
      top:00px;
    }
    
    .tr-class-parte-bonita  {
      position: sticky;
      /*top: 145px !important;*/
    }


    
    .iweb-bonita-campos-multiparte > tr  > td:first-child,
    .iweb-bonita-campos-monoparte > tr  > td:first-child{
      padding-left: 10px;
      padding-top: 20px;
      width: 25%;
    }

    /* Arreglo de LOV para pantallas pequeñas */
    .table-responsive ,
    .table-responsive  th,
    .table-responsive  td {
      display: table-cell	;		

    }
    
    .table-responsive  th {
      display: table-cell	;		
      /* ALERT!!! Gonza, creo que se rompe algo con lo del Multiregistro */
      top: 20px !important;
    }
    /* .info > th {
      display: table-cell	;		

    } */

    .form-mascara-bonita {
      font-size: 14px;
      padding: 2.5px 12.5px 4px;
      margin-right: 0px;
      margin-left: 0px;   
      margin-top: 0px;
      width: 98%;
      margin: auto;       
      margin-bottom: .5em;
    }
    .botones-accion-iweb-bonita a{
      width: 100%;
      display: block;
    }

    .botones-accion-iweb-bonita-guardado a{
      width: 100%;
      display: block;
    }

    .table-responsive {
      align-self: center;
      border-color: #FFFFFF;
    }

    /* Multi Registro */

    #frmAltaHijo > td:first-of-type{
      border-top-width: 3px;
    }
    
    #frmAltaHijo > td{
      border-left-width: 3px;
      border-right-width: 3px;
    }

    #frmAltaHijo > td:last-child{
      border-bottom-width: 3px;
    } 

    .modal-iframe-content{
      width: 100%;
    }

    .iweb-bonita-registro-multi:hover{
      background-color: #ffffff !important;
    }

    .iweb-bonita-multi {
      width: 100%;
      height: 100%;
    }

    .iweb-bonita-registro-multi {
      display: inline-block !important;
    }

    .iweb-bonita-registro-multi {
      margin: 1em;
    }

    .iweb-bonita-iframe-multi{
      min-height: 350px !important;
    }

    .iweb-bonita-registro-multi>td {
      display: block;
      border-left: 3px solid var(--iweb-bonita-borde-cards) !important;
      border-right: 3px solid var(--iweb-bonita-borde-cards) !important;
      border-top: none !important;
      border-bottom: none !important;
      padding: 0 0 .5em 1em !important;
      /* Arriba derecha abajo izquierda */
      max-width: 250px;
      min-width: 250px;
    }

    .iweb-bonita-registro-multi>td:first-child {
      border-top: 3px solid var(--iweb-bonita-borde-cards) !important;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      padding-top: 1em !important;
    }
    
    .datos-reducidos >td:nth-child(n+8) {
      display: none;
    }

    .iweb-bonita-registro-multi>td:last-child {
      display: block;
      border-bottom: 3px solid var(--iweb-bonita-borde-cards) !important;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      padding-bottom: 1em !important;
    }
    
    .encabezado-multi-desktop {
      display: none;
    }


    .btn-multi-accion {
      display: inline-block;
      background-color: transparent;
      border: none;
    }

    .btn-multi-accion::after {
      content: '\2807';
      font-size: 25px;
    }

    .iweb-bonita-registro-multi>td:first-child>div {
      display: inline-block;
      float: right;
    }


    .iweb-bonita-registro-multi>td:last-child>a:last-child {
      display: inline-block;
    }

    .iweb-bonita-multi-header-mobile {
      display: block;
    }

    .iweb-bonita-tr-nuevo-registro>td>div {
      max-width: 300px;
      min-width: 300px;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 10;
    }


    
    .link-eliminar-item-multi,.link-clonar-item-multi {
      display: none;
    }

    .iweb-bonita-accion-multi{
      display: block;
    }

    /* .multi-btn-nuevo-registro::after {
      content: '';
    } */

    .iweb-bonita-frm-alta-hijo>td {
      position: sticky;
      top: 0;
      left: 0;
      z-index: 10;
      max-width: 320px;
      min-width: 320px;
    }

    .iweb-bonita-frm-alta-hijo>td {
      display: block;
      width: 10%;
      margin: unset;
    }



    

    .iweb-bonita-tr-nuevo-registro>td>div>div:first-child {
      grid-column: span 3;
    }

    .btn-ver-mas {
      display: block;
    }

    .table-responsive{
      display: block;
    }
    .table-responsive-wrap > .table > tbody > tr > td {
      white-space:unset;
    }

    /* Fin Multi Registro */

    
    .iweb-bonita-campos-multiparte> tr  > td:first-child,
    .iweb-bonita-campos-monoparte > tr  > td:first-child{
      width: 100% !important;
    }

    .multi-campo-modal{
      z-index: 2000 !important;
    }
      
    .iweb-bonita-parte-no-activa > tr:first-child,
    .iweb-bonita-parte-no-activa > tr:last-child{
      height: 15px;
    }

    .iweb-bonita-info-audit-monoparte {
      color: #000000 !important;
      font-size: 12px;
      font-weight:lighter;
      padding: 10px;
      padding-left: 0px;
      padding-right: 0px;
      margin: 1px;
    }

    .div-alert-bonita{
      margin-top: 10px;
      padding-left: 1px;
      padding-right: 1px;
      width:auto;
    }

    .iweb-bonita-table-filtros > tbody > tr > td{
      display: block;
      width: 100% !important;
    }

    .progressbar-iweb-auditoria {
      position: relative;
      display: block;
      margin: 0;
      padding-bottom: 0px;
    }

    .tooltiptext-auditoria {
      width: 1200%;
      padding: 0px;
      left: 0;
      margin-left: auto;
    }

    .progress-step-auditoria {
      height: 7rem;
    }

    .iweb-listado-filtros{
      padding-bottom: 150px;
    }

    .iweb-bonita-botones-filtros{
      display: flex;
      flex-direction: column;
      bottom: 1px;
      width: 90%;
    }

    #iweb-div-limpiar-filtros{
      margin-left: unset;
      margin-left: 0.5em;
    }

    .iweb-boton-limpiar-filtros{
      margin-left: 0.5em;
    }

    .iweb-bonita-botones-filtros > div{
      display: block;
      margin-top: .5em;
      margin-bottom: .5em;
    }


    .iweb-bonita-botones-filtros > div > button, .iweb-bonita-botones-filtros > div > input[type=submit]{
      display: block;
      width: 100%;
    }

    .contenedor-barra-iweb-div {
      padding-bottom: 0rem;
    }

    .iweb-bonita-div-comunicacion{
      padding-left: 15px;
      padding-right: 15px;
      margin: auto;
      text-align: left;
      font-size: 13px;
      padding-top: 10px;
      padding-bottom: 5px;
    }

    .iweb-bonita-alert-info{
      margin-right: 15px;
      margin-left: 15px;
      margin-bottom: 0;
      margin-top: 7px;
      text-align: center;
    }

    /* NOTAS MULTIPARTE ALTA MOBILE*/
    .modal.iweb-modal-bonita-right .modal-notas-bonita-multiparte-right {
      position: fixed;
      margin: auto;
      width: 500px;
      height: 73%;
      -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
    }

    .modal-notas-bonita-multiparte-right{
      width: 90% !important;
    }

    /* NOTAS MULTIPARTE EDICIÓN MOBILE*/
    .modal.iweb-modal-bonita-right .modal-notas-bonita-multiparte-edicion-right  {
      position: fixed;
      margin: auto;
      width: 500px;
      height: 73%;
      -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
    }

    .modal-notas-bonita-multiparte-edicion-right{
      width: 100% !important;
    }

    /* NOTAS MONOPARTE ALTA MOBILE*/
    .modal.iweb-modal-bonita-right .modal-notas-bonita-monoparte-right {
      position: fixed;
      margin: auto;
      width: 500px;
      height: 76%;
      -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
    }

    .modal-notas-bonita-monoparte-right{
      width: 90% !important;
    }

    /* NOTAS MONOPARTE EDICIÓN MOBILE*/
    .modal.iweb-modal-bonita-right .modal-notas-bonita-monoparte-edicion-right {
      position: fixed;
      margin: auto;
      width: 500px;
      height: 76%;
      -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
    }

    .modal-notas-bonita-monoparte-edicion-right{
      width: 100% !important;
    }

    /* ADJUNTOS MULTIPARTE ALTA MOBILE*/
    .modal.iweb-modal-bonita-right .modal-adjuntos-bonita-multiparte-right {
      position: fixed;
      margin: auto;
      width: 500px;
      height: 73%;
      -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
    }

    .modal-adjuntos-bonita-multiparte-right{
      width: 90% !important;
    }

    /* ADJUNTOS MULTIPARTE EDICIÓN MOBILE*/
    .modal.iweb-modal-bonita-right .modal-adjuntos-bonita-multiparte-edicion-right {
      position: fixed;
      margin: auto;
      width: 500px;
      height: 73%;
      -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
    }

    .modal-adjuntos-bonita-multiparte-edicion-right{
      width: 100% !important;
    }

    /* ADJUNTOS MONOPARTE ALTA MOBILE*/
    .modal.iweb-modal-bonita-right .modal-adjuntos-bonita-monoparte-right {
      position: fixed;
      margin: auto;
      width: 500px;
      height: 76%;
      -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
    }

    .modal-adjuntos-bonita-monoparte-right{
      width: 90% !important;
    }

    /* ADJUNTOS MONOPARTE EDICIÓN MOBILE*/
    .modal.iweb-modal-bonita-right .modal-adjuntos-bonita-monoparte-edicion-right {
      position: fixed;
      margin: auto;
      width: 500px;
      height: 76%;
      -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
    }

    .modal-adjuntos-bonita-monoparte-edicion-right{
      width: 100% !important;
    }

    .iweb-bonita-campos-multiparte > tr:first-child > td:first-child{
      border-top-left-radius: 10px;
      padding-top: 15px;
    }
    
    .iweb-bonita-campos-multiparte > tr:first-child > td:last-child{
      border-top-right-radius: 10px;
      padding-top: 15px;
    }
    .iweb-bonita-table-listado{
      margin-right: 10px;
      margin-left: 10px; 
      overflow: scroll;
      overflow-y: scroll;
      /* height: 50vh; */
      height: calc(65vh - 140px)

    }

    .leyenda-adjuntos{
        display: flex;
    }

    .iweb-bonita-sticky-mono-alta{
      height: 1em;
      position: sticky !important;
      top: 138px;
      z-index: 99;
      /*background-color: var(--iweb-bonita-borde-activo);*/
    }

    .iweb-bonita-sticky-mono-edicion{
      height: 1em;
      position: sticky !important;
      top: 142px;
      z-index: 99;
    /* background-color: var(--iweb-bonita-borde-activo);*/
    }
    .iweb-td-multiregistro{
      /*padding-left: 30px !important;*/
      border-top: 5px solid #b2b2b2 !important;
      border-bottom: none !important;
    }

    .div-iweb-graf-izq {
      width: 100%;
    }

    .mobile-hide {
      display: none !important; /* Oculta el elemento con la clase "mobile-hide" en pantallas pequeñas */
    }

    .iweb_bonita_boton_derecha{
      float: none;
    }

    .iweb-bonita-tabla-items{
      min-width: 318px;
    }

    .iweb_bonita_oculta_div{
      display: none;
    }

    .iweb_bonita_oculta_link{
      display: block;
    }

    .iweb_bonita_tr_vertical{
      display: flex;
      flex-direction: column;
      border: 1px solid #ccc;
      margin-bottom: 10px;
      margin-right: 5px;
    }

    .iweb-bonita-td-vertical{
      overflow: auto;
      height: calc(65vh - 80px);
    }

    .iweb-bonita-iwo-textmore{
      display: inline !important;
    }

    .iweb_bonita_tr_vertical > td{
      border: none !important;
      position: relative !important;
      padding-top: 1px !important;
      padding-bottom: 1px !important;
      padding-right: 1px !important;
    }

    .iweb_bonita_tr_vertical > td:first-child{
      padding-top: 5px !important;  
    }

    .textmore.iweb-bonita-iwo-textmore br{
      display: none;
    }

    .iweb_bonita_tr_vertical > td:first-child:before{
      content: "#";
    }

    .iweb_bonita_align_vertical{
      text-align: left !important;
    }

    .iweb_bonita_leyenda_xs{
      font-weight: bold;
    }


  }
}
/* https://github.com/coliff/bootstrap-print-css */
@media print{*,::after,::before{text-shadow:none;box-shadow:none}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px}.container{min-width:992px}.badge{border:1px solid #000}.table{border-collapse:collapse}.table td,.table th{background-color:#fff}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}}
@media print {
  .iweb-bonita-tabla-activa, .iweb-bonita-tabla-campos {
    background-color:#fff !important;
    border: 3px; 
    border-style: solid;
  }
  .iweb-bonita-cabecera-parte{
    border-style: solid;
  }
  /* Parte Activa */
  .iweb-bonita-tabla-activa{
    border-style: dotted !important;
  }
  .iweb-bonita-tabla-activa > .tr-class-parte-bonita, .iweb-bonita-tabla-activa > .iweb-bonita-cabecera-parte{
    border-style: dotted !important;
  }
  body {
    padding-top: 0px;
  }
  .iweb-bonita-borde-interno , .btn-default-iweb-bonita-adjuntos, .notas-anexas-add {
    display: none !important;
  }
  input[type=submit], input[type=button], .botones-accion-iweb-bonita, .back-to-top {
    display: none !important;
  }
  .progress-step{
    background-color: #fafafa!important;
    /* color: #888888 !important; */
  }
  .progress-step-active::before{ 

    background-color:grey!important;
    border-style: dotted;
    border-color: grey;
    color: #FFFFFF !important;
    font-weight: bold;
    padding: 5px;
  }
  div.sticky{
    position: static !important;
  }

  .iweb-bonita-tabla-monoparte > th,
  .tr-class-parte-bonita > th,
  .tr-class-parte-bonita > th{
    position: static !important;
    top: 0px !important;
    /* padding: .5em; */
    z-index: 90;
    
  }

  .iweb-bonita-campos-multiparte, .iweb-bonita-borde-interno{
    display: table-row-group;
  }
  
   /* Manejo de Modal en Print */
   .modal {
    position: static;
  }/*anulación*/

  .modal-adjuntos-bonita-multiparte-edicion-right > .panel-body, .notas-anexas-list, .archivos-adjuntos-list{
    display: inline !important;
  }
  .modal.iweb-modal-bonita-right .modal-adjuntos-bonita-multiparte-edicion-right, .modal.iweb-modal-bonita-right .modal-notas-bonita-multiparte-edicion-right {
    position: static;
  }
  .modal.iweb-modal-bonita-right .modal-body  {
    padding: 0 0 0 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  /* Configuración gráficos */

  [id^="chart"] > svg{
    width: 100%;
  }

  .fila-grafico, .fila-doble-tabla-grafico{
    display: flex;
    flex-direction: column;
  }

  .btn-expandir-tabla{
    display: none;
  }

  /*table {
    page-break-inside: avoid;
    
  }*/
  /* table {
      border: solid #000 !important;
      border-width: 3px 3px 3px 3px !important;
  } */
  tr {
      /* border: solid #000 !important; */
      border-width: 0 0 0 0  !important;
      /* border-spacing: 0 0 0 0 !important; */
  }

  /* table { page-break-inside:auto ; border: 3px; border-style: solid;} */
  /* tr    { page-break-inside:avoid; page-break-after:auto } */
  /* thead { display:table-header-group } */
  /* tfoot { display:table-footer-group } */

 .div-iweb-encabezado-der, .iwf-encabezado-stepbar, #id_start_tour_boton, #iw_opendiv_menu-iweb{
    display: none;
  }

  .iweb-bonita-tabla-monoparte > th,
  .tr-class-parte-bonita  {
    position: unset !important;
  }
}
/* @import "/bootstrap-print.min.css";
@import "/bootstrap-print-xs.min.css";
@import "/bootstrap-print-sm.min.css";
@import "/bootstrap-print-md.min.css";
@import "/bootstrap-print-lg.min.css"; */

/* Compatibilidad con lo existente */
.table-iweb-firstrow > th, .table-iweb-firstrow > td{
  font-weight: bold !important;
  color: black !important;
  background-color: var(--iweb-bonita-background-form) !important;
  background-image: none !important;
  border-right-style: none !important;
  border-left-style: none !important;
}

.table-iweb-firstrow-blockeado > th, .table-iweb-firstrow-blockeado > td{
  font-weight: bold !important;
  color: black !important;
  background-color: #F5F5F5 !important;
  background-image: none !important;
  border-right-style: none !important;
  border-left-style: none !important;
}

/* color del interlineado */
.table-striped-iweb > tbody > tr:nth-child(odd) {
  background-color: var(--iweb-bonita-background-form)!important;
}      
.table-iweb{ /*, .table-iweb > tbody > tr > td*/
  border-left-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
  border-top-style: none !important;
}
/* .iweb-bonita-listado-registro:hover > td{
  background-color: #F5F5F5 !important;
 } */
 .table-hover > tbody > tr:hover > td,
 .table-hover > tbody > tr:hover > td > a.btn-default-iweb-bonita-link{
  background-color: var(--iweb-bonita-gris-inactivo) ;/*!important*/
 }
 .table-bordered, .table-bordered > tr > td, .table-bordered>tbody>tr>td {
  border-right-style: none !important;
  border-left-style: none !important;

 }