/*tfe100*/
			.tfe100 table.megaficha div{display: block;}
			.tfe100 table.megaficha td{width: 90%;    display: table-cell; flex-direction: row;}
			.tfe100 table.megaficha .megaficha-data div{width: 90%}
			.tfe100 table.megaficha .megaficha-data div.noicon{width: 90%}
			.tfe100 .email{text-transform: none;}

			.tfe100 .noicon{padding-left: 37px}
			.tfe100 i{margin: 0 5px 0 12px}
			.tfe100 i.fa-un{ margin: 0 4px 0 11px;padding: 0}
			.tfe100 i.fa-phone{font-size: 16px;}
			div.card .contactos table.megaficha .megaficha-data{padding: 6px 0}
		/*Tarjeta TFE101*/
			div.card .tfe101 table.megaficha .megaficha-data{padding: 4px 0}
			.tfe101 .first-line{height: 30px;line-height: 30px;vertical-align: middle;}
			.tfe101 .date{width: 85px;line-height: 30px;vertical-align: middle;display: inline-block;font-size: 14px}
			.tfe101 i{line-height: 30px;vertical-align: middle;font-size: 20px;margin-right: 2px;top: 3px;}
			.tfe101 img{line-height: 30px;vertical-align: middle;float: right;padding: 1px 0 0}
			.tfe101 .tcb{text-transform: none}
			.tfe101 .t_url{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 205px !important;display:block}
			.tfe101 .t_link i{font-size: 20px!important}
		/*tfe102 Tarjeta Direccion*/
			.tfe102 .nano .nano-content{right: 0!important;}
			.tfe102  .direccionData .right i{width: 38px;height: 38px;line-height: 38px; border:1px solid;border-radius:50%;text-align: center;font-size: 26px;font-weight: 400;}
			.tfe102  .direccionData,.tfe102  .telefono,.tfe102  .email,.tfe102  .web{border-bottom: 1px solid;float: left;padding: 6px 16px;width: 208px;}
			.tfe102  .web{border-bottom:none}
			.tfe102  div{float: left}
			.tfe102  .direccionData .left{width: 208px}
			.tfe102  .direccionData .right{float: right;}
			.tfe102  .tcb div,.tfe102  .telefono .tcb {margin-left: 20px;text-transform: none;width: 188px;display: inline-block;float: left;font-size: 14px;}
			.tfe102  .direccionData .tcb div{width: 185px;}
			.tfe102  .tcb div.nospace,.tfe102  .telefono .tcb.nospace{margin-left: 0}
			.tfe102  .titleLabel{width: 100%;font-size: 14px;margin-bottom: 2px}
			.tfe102 .t_link:hover i{text-decoration: none!important;}
		/*Tarjeta TFE103*/
			.tfe103 .first-line,.tfe103 .second-line{height: 16px;line-height: 16px;vertical-align: middle;float: left;width: 177px;display: inline-block;}
			.tfe103 .num{width: 30px;text-align: left;line-height: 32px;height: 32px;vertical-align: middle;display: inline-block;float: left;font-size: 16px}
			.tfe103 .ciudad{float: left;line-height: 16px;padding: 0;width: 80px}
			.tfe103 .val{float: right;text-transform: uppercase;;padding: 0;font-size: 16px;font-weight: 700;width: 88px;padding-right: 2px;text-align: right;line-height: 16px;}
			.tfe103 .flag{float: right;margin-top: 5px;padding: 0}
			.tfe103 .empresa{float: left;text-transform: uppercase;padding: 0;width: 140px}
		/* tfe104 Tarjeta Operaciones en curso*/
			div div.card .tfe104 .nano{height:194px!important}
			.tfe104 .info{width: 100%}
			.tfe104 .info div{display: inline-block;}
			.tfe104 .first-line .left{width: 170px}
			.tfe104 .first-line .right{width: 30px}
			.tfe104 .first-line i{float: left; font-size: 20px;top: -4px;}
			.tfe104 .second-line{width: 100%;text-align: right;float: right;}
			.tfe104 .first-line{float: left;width:100%;}
			.tfe104 .estado{width: 148px;line-height: 14px}
			.tfe104 .val{width: 148px;padding: 3px 0 ;height: 12px;}
			.tfe104 .second-line div{line-height: 13px; padding: 0;}
			div.card .tfe104 table.megaficha .megaficha-data {padding: 5px 0	}
			div.card .tfe104 table.megaficha.first .megaficha-data {padding: 5px 0	}
		/* tfe105 Tarjeta Condiciones*/
			.tfe105 .info{width: 100%}
			.tfe105 .info .val{font-weight: 700;}
			.tfe105 .first-line{width: 100%;float:left;}
			.tfe105 .formal .tc{font-size: 13px}
			.tfe105 .formal .tcb{font-size: 16px}
			.tfe105 .formal .formal{font-size: 13px;text-transform: uppercase;font-size: 11px}
			.tfe105 .informal .formal{font-size: 13px;text-transform: uppercase;font-size: 11px}
			.tfe105 .informal .tc{font-size: 13px;}
			.tfe105 .informal .tcb{font-size: 14px}
			.tfe105 .first-col{width: 151px;}
			.tfe105 .second-col{width: 55px;text-align: right;}
			.tfe105 .first-col div,.tfe105 .second-col div{display:block;clear: both;}
			.tfe105 .second-col img{float: right;}
			div.card .tfe105 table.megaficha .megaficha-data {padding: 4px 0 1px;}
			div.card .tfe105 table.megaficha.first .megaficha-data {padding: 4px 0 1px;}
		/*Tarjeta TFE106*/
			div.card .tfe106 table.megaficha .megaficha-data{padding: 10px 0}
			div.card .tfe106 table.megaficha.first .megaficha-data{padding: 10px 0}
			.tfe106 .texto{float: left}
			.tfe106 i{float: right;}
		/*Tarjeta TFE107*/
			.tfe107 .easy-pie-chart{margin: 25px 80px;}
			.tfe107 .d1,.tfe107 .d2,.tfe107 .d3{margin: 0 50px}
			.tfe107 .d1{font-size: 18px}
			.tfe107 .d1 b{font-size: 22px}
			.tfe107 .d2 b{font-size: 18px}
			.tfe107 .d1,.tfe107 .d2,.tfe107 .d3{margin-bottom: 15px}
			.tfe107 .tooltipFidelidad{background: transparent;width: 62px;height: 20px;position: absolute;top: 30px;left: 10px;z-index: 1;}
		/*Tarjeta Agenda*/
			.agenda div.nano {padding: 0;width: 244px;}
			.agenda .left div.nano {border-right: 1px solid #9b9b9b}
			.agenda div.nano ul{margin:  0 0 0 12px;text-align: left;}
			.agenda div.nano ul{display: inline-block;margin-right: 10px;width: 150px;}
			.agenda div.nano ul span{}
			.agenda div.nano div.hora{float: right;width: 55px;display: inline-block;text-align: right;}
			.agenda .right div.nano ul{width: auto;display: block;}
			.agenda .right div.nano div.dato{float: right;width: auto;display: inline-block;text-align: right;}
			.agenda .right div.nano table.megaficha .megaficha-data{width: 234px;}

		/*Tarjeta tpv202*/
			div div.card .tpv202 .nano{height:189px;margin-top: 0}
			.tpv202 .title > div{width: 50%}

			.tpv202 div.nano ul {display: block;margin: 2px 0 2px 20px;width: 167px;text-transform: uppercase;}
			.tpv202 div.nano ul li{padding: 0 0 0 15px}
		/*Tarjeta Totales*/
			.totales .col{width: 136px;margin: 20px 12px;height: 210px;float: left}

			.totales .col1{margin-left: 16px;}
			.totales .col1 div{margin-left: 10px;}
			.totales .col3{margin-right: 16px;}
			.totales .col2 .d2 i{width: 30px}
			.totales .col2 .d4{margin-left: 30px;}

		/*Tarjeta Camana*/
			.campana .col{width: 136px;margin: 20px 10px;height: 210px;float: left;}
			.campana .col1{margin-left: 20px;}
			.campana .col2{ margin-right: 20px;width: 294px}
			.campana .col2 .search input{width: 245px}
			.campana .col2 .buttonsContainer{display: inline-block;float: right;margin-bottom: 10px;}
			.campana .col2 .buttonsContainer button{ margin: 0 0 0 10px;}
			.campana .col2 div.input{margin-bottom: 10px}
			div div.card .campana .tableCard .nano{height: 400px;}
			div div.card .campana .tableCard{height: 420px;width: 292px}
			div div.card .campana .tableCard div.td5,div div.card .campana div.td5,
			div div.card .campana .tableCard div.td6,div div.card .campana div.td6,
			div div.card .campana .tableCard div.td7,div div.card .campana div.td7
			{width: 39px;text-align:center;}
			div div.card .campana .tableCard div.td4,div div.card .campana div.td4,div div.card .campana div.td4 span{width: 160px}
			div div.card .campana button.option{clear: none;float: right;margin: 0 0 10px 10px}

		/*Tarjeta Totales hoy*/
			.totales_hoy div.content {height: 244px;width: 234px;padding: 3px;}
			.totales_hoy .vertical-progess{height: 75px;width: 30px;border:2px solid;float: right;}
			.totales_hoy div.estados{display: block;margin:  0 15px;text-align: center;width: 210;font-size: 12px;line-height: 12px}
			.totales_hoy div.info{width: 100%;font-size: 18px;margin: 3px 0;height: 22px}
			.totales_hoy div.info i{margin: 0 5px;}
			.totales_hoy div.info{width: 224px;font-size: 17px;margin: 5px 5px;height: 22px}
			.totales_hoy div.info .progress{border: 2px solid;height: 21px;margin: 0 5px;width: 120px;}
			.totales_hoy div.info .progress span{display: inline-block;text-align: right;width: 120px;}
			.totales_hoy div.info .progress .progress-bar-acciones {height: 100%}
			.totales_hoy div.acciones{border-bottom: 1px solid;margin: 10px 10px;font-size: 17px;}
			.totales_hoy table{width: 100%}
			.totales_hoy table td{width: 100%;vertical-align: top}
			.totales_hoy table .col1{width: 60px}
			.totales_hoy table .col2{width: 130px}
			.totales_hoy table .col3{width: 35px}
			.totales_hoy table .col2 ul li{height: 20px;vertical-align: top}
		/*Tarjeta tpg303*/
			.tpg303 .tc{font-size: 13px;display: inline-block;line-height: 9px}
			.tpg303 .tcb{font-size: 20px;display: block;margin-left: 25px;line-height: 14px}
			.tpg303 .num{width: 25px;}
			.tpg303 .tc.name{width: 140px;}
			.tpg303 .first .tc{font-size: 20px;line-height: 16px;}
			.tpg303 .first .tc.name{width: 135px;}
			.tpg303 .first .tcb{font-size: 24px;line-height: 20px;}
			.tpg303 img{float: right;}
			div.card .tpg303 .megaficha{padding:2px 0}
			div.card .tpg303 .megaficha.first{padding:5px 0}
			div.card .tpg303 .megaficha.first img.snapGoogle {height: 45px;width: 45px;}
		/*Tarjeta tpg305*/
			.tpg305 .tc{font-size: 13px;display: inline-block;line-height: 9px}
			.tpg305 .tcb{font-size: 20px;display: block;margin-left: 25px;line-height: 14px}
			.tpg305 .num{width: 25px;}
			.tpg305 .tc.name{width: 140px;}
			.tpg305 .first .tc{font-size: 20px;line-height: 16px;}
			.tpg305 .first .tc.name{width: 135px;}
			.tpg305 .first .tcb{font-size: 24px;line-height: 20px;}
			.tpg305 img{float: right;}
			div.card .tpg305 .megaficha{padding:2px 0}
			div.card .tpg305 .megaficha.first{padding:5px 0}
			div.card .tpg305 .megaficha.first img.snapGoogle {height: 45px;width: 45px;}

		/*Tarjeta Campa�aDxV */
			.campanaDxV {margin: 8px 16px;float: left;}
			.campanaDxV .col1{width: 136px;margin-right: 24px;height: 189px;display: inline-block;float:left}
			.campanaDxV .col2{width: 298px;height: 189px;display: inline-block;float:left}
			.campanaDxV .footer{width: 100%;float: left;display: inline-block;border-top:1px solid}
			.campanaDxV .footer .d3{margin: 0;padding: 7px 0;}
			.campanaDxV .footer .d3.middle{margin: 0 60px;}
			.campanaDxV .col2 .d2 {margin-bottom: 9px}
			.campanaDxV div.progress{height: 8px;width: 170px; margin: 0 10px }
			.campanaDxV div.progress-bar{line-height: 8px;}
		/*Tarjeta Totales*/
			.campanaManager .col{width: 136px;margin: 20px 12px;height: 210px;float: left}
			.campanaManager .col1{margin-left: 16px;}
			.campanaManager .col1 div{margin-left: 10px;}
			.campanaManager .col3{margin-right: 16px;}

		/*Search*/
			.t_search img{width: 950px;margin: 20px}
		/*tpv204*/
		    .tpv204 .div1{display: inline-block;margin: 8px 8px 8px 16px;width: 275px;height: 482px}
		    .tpv204 .div1 div.input span input{width: 226px;height: 30px}
		    .tpv204 .div1 div.input {margin: 0}
		    .tpv204 .div2{display: inline-block;margin: 8px 16px 8px 8px;width: 164px;height: 482px}
		    .tpv204 .div3{display: inline-block;margin: 8px 16px 8px 16px;width: 458px;}
		    .tpv204 .div1 .tableCard {height: 370px;width: 273px;float: left;}
		    .tpv204 .div1 .tableCard .tbody{height: 340px}
		    .tpv204 .div1 .tableCard div.td4{width: 167px;}
		    .tpv204 .div1 .tableCard div.td5{width: 45px;}
		    .tpv204 .div1 .tableCard div.td6{width: 45px;}

		    .tpv204 .div2 .tableCard {height: 370px;width: 162px;float: left;margin-top: 43px;}
		    .tpv204 .div2 .tableCard .tbody{height: 340px}
		    .tpv204 .div2 .tableCard div.td4{width: 150px;}
		    .tpv204 .div3 {height: 45px;text-align:center; }
		    .tpv204 .div3 button.option.shadow{display: inline-block;float: none;}
		/*tpv210*/
			.tpv210 .full{position: relative;width: 458px;}
			.tpv210 .titulo{float: left;width: 100%;margin: 0 0 5px 0;height: auto;}
			.tpv210 .titulo p{width: 400px;}
		    .tpv210 .easy-pie-chart{clear: left;margin: 0 10px 0 0;width: 50px;float: left;}
		    .tpv210 .d4{float: left;width: 110px;margin-top: 3px}
		    .tpv210 button{position: absolute; right: 0px;top: -14px;}
		     div.card .tpv210 table.megaficha .megaficha-data{padding: 17px 0}
		/*tpv211*/
		    .tpv211 .row{border-bottom: 1px solid;margin: 0;position: relative;}
		    .tpv211 .easyPieChart{height: 36px}
			.tpv211 .row .content{width: 458px;float: left;position: relative;}
			.tpv211 .leftContent{margin-top: 1px;}
		    .tpv211 .row1 .easy-pie-chart{clear: left;margin: 0 10px 0 0;width: 50px;float: left;top:-2px}
		    .tpv211 .d4{float: left;width: 110px;margin-top: 3px;min-width: 30px}
		    .tpv211 .d4, .tpv211 .d1{margin-bottom: 0;}
		    .tpv211 .row .d2 p{line-height: 18px}
		    .tpv211 .row .d2{height: 20px;margin-bottom: 2px;}
		    .tpv211 .d4{float: left;margin: 5px 30px 0 0;width: auto;}
		    .tpv211 .row3 .leftContent{width: 100%;margin: 0}
		    .tpv211 .row3 .col{width: 212px;position: relative;float: left;}
		    .tpv211 .row .content{padding: 14px 16px;}
		    .tpv211 .row3 .content{padding: 19px 16px;}
		    .tpv211 .row3.last{border-bottom: none}
		    .tpv211 .row3 .col1{margin-left:6px;width: 87px}
		    .tpv211 .row3 .col2{width: 137px;}
		    .tpv211 .row3 .col3{width: 100px;}
		    .tpv211 .row3 .col4{width: 100px;}
		    .tpv211 .row3 .d4{margin-right: 0;}
		    .tpv211 .d2 i{line-height: 0}
		/*tfe108*/
			.tfe108 .div1{width: 458px;height: 30px;text-align: right;margin: 5px 16px 5px}
			.tfe108 .div2{width: 458px;margin: 5px 16px 5px}
			.tfe108 .div1 div,.tfe108 .div1 label{display: inline-block;margin:auto }
			.tfe108 .div1 div div{width: 15px;height: 15px;border-radius:50%; margin: auto;vertical-align: middle;}
			.tfe108 .div1 .evolucion {margin-left: 10px}
			.tfe108 .div1{vertical-align: middle;}
		/*tarjeta Tarifario*/
			.tarjetaTarifarioRow {padding-bottom: 7px;}
			.tarjetaTarifarioRow,.tarjetaTarifarioRow *{line-height: 26px;}
			.tarjetaTarifarioRow .date{font-weight: 700}
			.tarjetaTarifarioRow .text{line-height: 0px;}
		/*tpoblf_002*/
			.tpoblf_002 h3{width: 100%; margin:3px 0 15px;padding: 0 0 2px;font-size: 16px;border-bottom: 1px solid #6E587A; color:#6E587A; text-transform: uppercase;float: left;}
			.tpoblf_002 div.viajes,.tpoblf_002 div.acciones{width: 221px;display: inline-block;float:left;margin:8px 16px;height: auto}
			.tpoblf_002 div.viajes{margin-right: 8px;}
			.tpoblf_002 div.acciones{margin-left: 8px;}
			.tpoblf_002 div.acciones div{width: 100%;height: 30px;margin-bottom: 5px;float:left;}
			.tpoblf_002 div.acciones div div.radioCheck{width: 24px;height: 24px;border-radius: 50%;border:2px solid #6E587A;background: #72c21a;float:left;  box-sizing: border-box;margin-top:2px;}
			.tpoblf_002 div.acciones div div.radioCheck.noFecha{background: transparent;}
			.tpoblf_002 div.acciones div div.radioCheck i{font-size: 16px;color:#FFF;left:3px;top:1px;}
			.tpoblf_002 div.acciones div label{width: 180px;height: 14px;line-height:14px;margin-left: 5px;color:#6E587A;margin-bottom: 0px;float:left;text-transform: uppercase;}
			.tpoblf_002 div.acciones div span{width: 180px;height: 14px;line-height:14px;margin-left: 5px;color:#40a3e9;float:left;text-transform: uppercase;}
			.tpoblf_002 div.viajes div.d6{width: 100px;float:left;margin-bottom: 10px}
			.tpoblf_002 div.viajes div.d6 .ellipsis{width:100%;display: block}
			.tpoblf_002 div.viajes div.d6.etd{clear: both;}
			.tpoblf_002 div.viajes div.d6.descripcion{clear: both;width:100%;}
			.tpoblf_002 div.acciones{}
			.tpoblf_002 div.obl,.tpoblf_002 div.viaje,
			.tpoblf_002 div.accionesLeft,.tpoblf_002 div.accionesRight{width: 213px;display: inline-block;float:left;margin:8px 16px;}

			.tpoblf_002 div.obl div,.tpoblf_002 div.viaje div{width: 100%;height: 16px;}
			.tpoblf_002 div.obl div label,.tpoblf_002 div.viaje div label{width: 100px;color:#6E587A;display: inline-block;margin: 0;padding: 0;}
			.tpoblf_002 div.obl div span,.tpoblf_002 div.viaje div span{width: 113px;color:#40a3e9;display: inline-block;}
/* viewfilescar */
.viewfilescar .card div.input {width: 458px;margin: 8px 16px 0;}

div.card2x2.viewfilescar div.card .nano{height: 505px}
div.containerWhite{box-sizing: content-box; width: calc(100% - 32px);background: #FFF;border: 1px solid #ddd;padding: 10px 15px;margin-bottom:20px;float:left;}
div.containerGrey{width: calc(100% - 32px);padding: 10px 15px;float:left;}
div.containerWhite .containerD3Bullerts .d3  {margin:5px 0;padding:0;float:left;width:33.33%}
div.containerWhiteTotales .containerD3Bullerts .d3  {margin:5px 0;padding:0;float:left;width:20%}

/* Estilos para el contenedor de rentabilidad con flex layout */
.rentabilidad-container {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* Panel de total rentabilidad USD */
.total-rentabilidad-panel {
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    min-width: 200px;
}

/* Estilos para los items individuales de totales USD */
.total-usd-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-usd-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.total-usd-item:last-child .total-usd-label,
.total-usd-item:last-child .total-usd-value {
    font-weight: bold;
	font-size: 14px;
	color: #40A3E9;
}

/* Etiqueta del item USD */
.total-usd-label {
    font-size: 12px;
    color: #6c757d;
    text-transform: uppercase;
    font-weight: 500;
}

/* Valor del item USD */
.total-usd-value {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}