@font-face {
    font-family: "bauerbodni_btbold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/bauer/hackingballz.com-bauer_bodoni_bt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bauer/hackingballz.com-bauer_bodoni_bt-webfont.woff") format("woff"), url("../fonts/bauer/hackingballz.com-bauer_bodoni_bt-webfont.ttf") format("truetype"), url("../fonts/bauer/hackingballz.com-bauer_bodoni_bt-webfont.svg#hackingballz.com-bauer_bodoni_bt-webfont") format("svg");
}

@font-face {
    font-family: "akzidenz-grotesk_bq_light_cRg";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenzgrotesk-lightcond_0-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenzgrotesk-lightcond_0-webfont.woff") format("woff"), url("../fonts/akzidenzgrotesk-lightcond_0-webfont.ttf") format("truetype"), url("../fonts/akzidenzgrotesk-lightcond_0-webfont.svg#akzidenz-grotesk_bq_light_cRg") format("svg");
}

#indicadoresCompradora td.CeldasTitulos {
    font-family: akzidenz-grotesk_bq_light_cRg;
    font-size: 18px;
}

.portlet span.error {
	display: none;
}

.portlet span.errorBlock {
	display: inline-block !important;
    position: absolute !important;
    top: inherit !important;
    width: 70% !important;
  	box-shadow: 0px 0px 8px #10162b; 
}

.portlet button.disabled,
.portlet input.disabled {
	background: grey;
	cursor: wait;
}

.uppercase{
	text-transform: uppercase;
}

.portlet fieldset {
	border: none;
}

.portlet fieldset p {
	width: 99%;
}

.portlet fieldset p label {
	width: 42%;
	vertical-align: middle;
	text-align: right;
	display: block;
	float: left;
	clear: left;
}

.portlet p.errors{
	color: red;
	width: auto;
	position: relative;
	top: -0.7em;
	padding: -1em 0;
	margin: -0.4em 0 -0.5em 44%;
}

.portlet p.help {
	color: #1d3353;
	width: auto;
	position: relative;
	top: -1em;
	padding: -1em 0;
	margin: -0.4em 0 -0.5em 44%;
}

.portlet fieldset span.required {
	color: #1866A7;
	vertical-align: top;
}

/* .portlet select, input, textarea {
	width: 33%;
} */

.portlet input[type=radio] {
	width: auto;
}

.portlet select, input, textarea, button, .button, .bigbutton {
    border: 1px solid #c9c9c9;
   /*  border-radius: 4px; */
}

.portlet select:focus, input:focus, textarea:focus { 
    outline: none;
    /* border-color: #9ecaed;
    box-shadow: 0 0 3px #9ecaed; */
}

.portlet .button,
.portlet .bigbutton {
	width: auto;
	padding: 0 1em;
	background-color: #000000;
	border: 1px solid #000000;
	color: #FFF;
	/* border-radius: 5px; */
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 0 1em;
	cursor: pointer;
}

.portlet .bigbutton {
	padding: 1em 2em;
	background-color: #000000;
	border: 1px solid #000000;
	cursor: pointer;
}

.portlet .dark {
	/* background-color: #1D3353; */
	color: #FFF;
	font-weight: bold;
}

#informacionPlanEspecial bigbutton{
	border: 1px solid #c9c9c9;
    border-radius: 4px;
	border: 1px solid #0067AA;
}


.portlet input {
	maxlength: 15;
}

.portlet p.preguntas * {
	text-align: left;
	width: auto;
}

.portlet #msgRespuesta span.saludo {
	color: red;
}

#mensajeFinal,
#clasificacionContactanosNC {
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid #000;
}

#clasificacionContactanosCRdesc {
	text-weight: italic;
}

.portlet fieldset .field {
	display: block;
}

#consultaCasosTbl {
	width: 100%;
}

.portlet .preguntas .head {
	margin: none;
	padding: none;
	background-color: #1F3251;
	color: #fff;
	padding: 5px;
}

.portlet .preguntas * {
	margin: none;
	padding: none;
}

.portlet .preguntas .answer.even {
	background-color: #ccc;
}

#consultaCasosTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#consultaCasosTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#consultaCasosTbl tr.pares {
	background-color: #F1F1F1;
}

/* #calendarioCampanaTbl th {
	background-color: #1F3251;
	color: #fff;
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
} */

#calendarioCampanaTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#pedidoVirtual table th {
	padding: 0 1em 5px 1em;
	margin: 0 1em;
}

#tblResumenPedido th {
	background-color: #1F3251;
	color: #fff;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#tblResumenPedido tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#tblResumenPedido tr.impar{
	background-color: #F1F1F1;
}
.portletTitle {
    color: white;
    background: #000000;
    font-weight: normal;
    padding: 3px 10px;
}

.portletTitleBlack {
    color: white;
    background: #000000;
    font-weight: normal;
    padding: 3px 10px;
    text-align: center;
    font-size: 1.3em;
}

#fechaCambiosTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px 15px;
	text-align: center;
	vertical-align: middle;
}

#fechaCambiosTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
	height: 25px;
}


#fechaCambiosTbl td {
    padding: 2px;
}

#fechaCambiosTbl tr.pares, #calendarioCampanaTbl tr.pares {
	background-color: #F1F1F1;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#notasCreditoTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
}

#notasCreditoTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#notasCreditoTbl tr.pares {
	background-color: #F1F1F1 !important;
}

#notasCreditoTbl tr th {
    border-top: 1px solid white;
}

#datalleCreditoTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#datalleCreditoTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#datalleCreditoTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

.portlet fieldset p.half{
	width: 50%;
	float: left;
	padding-top: 15px;
}

.portlet .halfDiv{
	float: left; 
	width: 40%; 
	padding-top: 2%;
}

.portlet p.errorsHalf {
	color: red;
	width: auto;
	position: relative;
	top: 8px;
	padding: -1em 0;
	margin: -0.6em 0 -0.5em 15%;
}

#recordatorioTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
}

#recordatorioTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#recordatorioTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

.cambiosTbl tbody:nth-child(odd) td {
    background: #f3f3f3;
}

.cambiosTbl tbody td, .cambiosTbl th {
    border: 1px solid #fff;
}

#ganadorasTbl table{
	width: 100%;
}

#ganadorasTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
}

#ganadorasTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#ganadorasTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#contactosPlanBasicoTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#contactosPlanBasicoTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#contactosPlanBasicoTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#planEspecialTbl th {
	background-color: #000000 !important;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#planEspecialTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#planEspecialTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#detallePlanEspecialTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#detallePlanEspecialTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#detallePlanEspecialTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

.portlet .txtCenter{
	text-align: center;
}

.portlet .contenidoGanadoras{
	width: 760px;
}

/* .portlet .darkBlue {
    background-color: #1D3353; 
    border: 1px solid #1D3353;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    max-width: 150px !important;
    margin-left: 81% !important;
}

 .portlet .darkBlue:hover {
    background-color: #004B7D;
} */

#registrosActivasTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#registrosActivasTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#registrosActivasTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
}

#registrosDescuentosTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#registrosDescuentosTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#registrosDescuentosTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
}

#registrosDetalleTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#registrosDetalleTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#registrosDetalleTbl tr.foodTable {
	background-color: #1F3251;
	color: #fff;
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
}

#registrosDetalleTbl tr td{
	width: 34%;
}

#registrosInscripcionTbl tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#registrosInscripcionTbl tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#registrosInscripcionTbl th {
	/* background-color: #1F3251;
	color: #fff; */
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
}

.tablaResumen th {
	background-color: #1F3251;
	color: #fff;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.tablaResumen tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

.tablaResumen tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

div#portletDescargaPazYSalvo{min-height: 70px;}
div#portletDescargaReferencia{min-height: 70px;}
div#portletDescargaMandato{min-height: 70px;}
div#portletDescargaVentas{min-height: 70px;}

div#portletInfoActivas{
	overflow-x: scroll;
}

/* div#portletInfoDescuentos .bigbutton{
	width: 145px !important;
} */

/* div#portletInfoActivas .bigbutton{
	width: 145px !important;
} */

.portlet form#clientesPorPedido .bigbutton{
	max-width: 150px !important; 
	margin: 0;
}

.portlet #superganga .bigbutton .dark{
	max-width: 200px !important; 
}



#estadisticasMagazine *{
	line-height: normal;
	padding: 0;
	margin: 0;
}

#contenidoIndicadores{
	background-color: #E8E6E1;
    height: 75px;
    margin-bottom: 10px;
}

#estadisticasMagazine .nota{
	height:10px; 
	
	background-color:#E8E6E1; 
	text-align:center; 
	margin-bottom:5px; 
	padding:8px 35px; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	color:#555555;
}

#estadisticasMagazine .tituloIndicador{
	color: #666666;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

#indicadoresCompradora *{
	line-height: normal;
	padding: 0;
	margin: 0;
}

#contenidoIndicadoresCompradora{
	background-color: #E8E6E1;
    height: 63px;
    margin-bottom: 10px;
}

#indicadoresCompradora .nota{
	height:10px; 
	background-color:#E8E6E1; 
	text-align:center; 
	margin-bottom:5px; 
	padding:8px 35px; 
	font-family:arial, sans-serif; 
	font-size:12px; 
	color:#555555;
	box-sizing: initial;
}

#indicadoresCompradora .tituloIndicador{
	color: #666666;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.divEstadistica table{
	width: 227px;
	height:100%;
	margin-left:20px;
}

.divEstadisticaCorta table{
	width: 202px;
	height:100%;
	margin-left:20px;
}

#indicadoresTit{
	background-image: url("../images/tit_indicadores.png");
    background-position: 0 12px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    height: 55px;
    padding: 15px 0 0 10px;
    width: 155px;
}


#indicadoresTit h3{
    font-family: 'akzidenz-grotesk_bq_light_cRg';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.2px;
}
#indicadoresTit h4{
    float: left;
    font-family: 'bauerbodni_btbold';
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0.8px;
}

#indicadoresCompradoraTit{
	background-image: url("../images/barra_indicadores_02.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    height: 45px;
    padding: 10px 0 0 10px;
    width: 140px;
    box-sizing: initial;
}

#indicadoresCompradoraTit h3{
	float: left;
    font-family: 'akzidenz-grotesk_bq_light_cRg';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: #FFFFFF;
}
#indicadoresCompradoraTit h4{
    float: left;
    font-family: 'bauerbodni_btbold';
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: #FFFFFF;
}

 .divEstadistica{
 	float: left;
 }
 
 .bold{
 	font-weight: bold;
 }
 
 .enlace{
 	text-decoration: underline;
 	cursor: pointer;
 }
 
 .contenedorGrafico{
 	height: 200px;
 	width: 600px;
 	border-bottom: 1px solid #969595;
 	border-left:  1px solid #969595;
 	margin-bottom: 20px;
 }
 
 .barra{
 	margin-left: 60px;
	width: 20px;
	background-color: #b0b0b0;
	height: 0px;
	position: relative;
	bottom: 0px;
	float: left;
	font-weight: bold;
 	font-size: 13px;
 	font-family: Arial,Helvetica,sans-serif;
 	color: #B0B0B0;
 }
 
 .barraAzul{
 	margin-left: 60px;
	width: 20px;
	background-color: #234376;
	color: #234376;
	height: 0px;
	position: relative;
	bottom: 0px;
	float: left;
	font-weight: bold;
 	font-size: 13px;
 	font-family: Arial,Helvetica,sans-serif;
 }
 
 .valorBarra{
 	margin: -20px auto 0 -65%;
 	position: absolute;
 }
 
 .etiquetaBarra{
 	position: absolute;
 	margin-left: -4px;
 	bottom: -20px;
 }
 
 .imgBarra{
 	margin-top: -50px;
 	position: absolute;
 	height: 24px;
 	width: 24px;
 }
 
 .indicador {
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 12px;
}

.divEstadistica{
	border-right: 1px solid #FFFFFF;
    float: left;
    height: 75px;
    width: 257px;
}

.divEstadisticaCorta{
	border-right: 1px solid #FFFFFF;
    float: left;
    height: 75px;
    width: 217px;
}
 
 .indicadorVerde{
 	color: #81B700;
 	font-family: Arial,sans-serif;
 	font-size: 12px;
 }
 
 .indicadorRosa{
 	color: #FF0060;
 	font-family: Arial,sans-serif;
 	font-size: 12px;
 }
 
 .contenedorTorta{
 	margin: 0 auto;
 	height: 200px;
 	min-width: 200px;
 }
 
 #graficosEstadisticasMagazine h1{
 	font-family: 'bauerbodni_btbold';
    font-size: 32px;
    text-transform: uppercase;
    color: #000000;
}

#graficosEstadisticasMagazine h2{
	font-family: 'bauerbodni_btroman';
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    color: #000000;
}

#tablaEncuesta th, #tablaPreguntas th {
	background-color: #1F3251;
	color: #fff;
	padding: 5px 25px;
	text-align: center;
	vertical-align: middle;
}

#tablaEncuesta tr, #tablaPreguntas tr {
	background-color: #D3D3D3;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

#tablaEncuesta tr.pares, #tablaPreguntas tr.pares {
	background-color: #ddd;
	padding: 5px 1em;
	text-align: center;
	vertical-align: middle;
}

.columnWhite{
	background: #FFFFFF;
}

#registerForm td.tdLabel{
	text-align: right;
	padding: 5px;
	width: 25%;
}

#registerForm td.tdInput{
	padding: 5px;
	width: 25%;
}

.portlet input[type="radio"] {
    width: auto !important;
	margin: 3px 3px 0px 5px !important;
}

#registerForm td.tdInput >input{
	width: 98%;
}

#registerForm td.tdInput > select {
    width: 98% !important;
}

#registerForm .divFields {
    background: none repeat scroll 0 0 #F1F1F1;
    color: #666666;
    padding: 10px;
}

#registerForm .divFields > label{
    font-weight: bold;
    font-size: 16px;
}

#registerForm .divFields table{
    background: #FFF
}

#registerForm .error{
	color: #FF0000;
}

.floatRight{
	float: right;
}

.alignRigth{
	text-align: right;
}

.alignLeft{
	text-align: left;
}

.tdEempty{
	padding: 6px;
}

#parrilla .comentario{
	margin-top: 20px;
	margin-right: 10px;
	width: 160px;
}

.comentario-negrilla{
	font-weight: bold;
}

#actualizacionDatosForm table td{
	width: 50%;
}

#actualizacionDatosForm .selectDia{
	width: 20%;
}

#actualizacionDatosForm .selectDia{
	width: 60%;
}

#impersonationForm .paginacion{
	color: #1d3353;
	text-decoration: none;
	cursor: default;
	padding: 5px;
}

#impersonationForm .valida{
	text-decoration: underline;
	cursor: pointer;
}

#impersonationForm .valida.paginacion:hover{
	font-weight: bold;
}

#impersonationForm .paginacion.selected{
	font-weight: bold;
}

#contendorTodo { 
        margin-top: 8px; 
        width: 400px; 
        background-color: #0f1629; 
        color: #FFF; 
        text-align: left; 
        border-radius: 5px; 
        /* opacity: 0.8; */ 
        padding: 20px 20px 20px 20px; 
        filter: alpha(opacity=70); 
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
}

.cyan{
	background-color: #24c7d1 !important;
}

.golden{
	background-color: #e1bb61 !important;
	color: #000 !important;
}

.contenidoGanadoras .linkFancybox {
	text-decoration: underline;
	font-weight: bold !important;
	color: #1C3353;
}

#ganadoras td {
    padding: 5px;
}

#formGanadora .title{
	text-transform: uppercase;
	text-align: center;
}

.titulo_mensaje1{
	text-align:center;
	color:#fff;
	padding: 10px 0;
	background-color:#66cccc;
	font-family: "AkzidenzGrotesk","Akzidenz-Grotesk BQ Condensed" !important;
	font-size: 3.1em;
	font-size-adjust: 0.5;
	text-transform: uppercase;
}

.mensaje1{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding-bottom:10px;
}
.mensaje1 h1{
	font-weight:700;
	padding:20px 0 20px 0;
	font-size:2.5em;
}
.mensaje1 p{
	line-height:1.2em;
	font-size:1.3em;
	color:#5a5a5a;
}
.mensaje1 strong{
	font-weight:900;	
}
.mensaje1 b{
	font-weight:900;	
}
.valor_campagna{
	height:30px;
	background-color:#999999;
	text-align:center;
	padding-top:10px;
	margin-bottom:2px;
}
.valor_campagna p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#222;
}
.valor_campagna b{
	font-weight:700;
}
.valor_pagar{
	height:60px;
	background-color:#cccccc;
	text-align:center;
	padding-top:10px;
	margin-bottom:10px;
}
.valor_pagar p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#222;
	margin: 0 0 1em 0;
}
.valor_pagar b{
	font-weight:700;
}
.btn_salir{
	margin:0 auto;
	width:120px;
	height:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px 25px 0  25px;
}
.recuerda{
	font: Arial, Helvetica, sans-serif 12px;
	text-align:center;
	color:#333;
	margin:20px;
	padding:20px;
}
.recuerda a{
	color:#66cccc;
	font-weight:600;
}
.recuerda a:hover{
	color:#666;
	font-weight:700;
}

.loginHidden{
	display: none;
}

.loginContracted{
	display: none;
}

input.out{
	background: transparent;
	border: none !important;
	padding: 0px 3px;
}

/*vista movil portlet registro*/
 @media only screen and (max-width: 767px) {
    .table-responsiver td, .table-responsiver tr {
        display: inline-block;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    .table-responsiver input.validate-email {
        display: block;
    }

    .table-responsiver input[type="radio"] {
        width: 20px !important;
        max-width: 20px !important;
        min-width: 20px !important;
    }
     
    .table-responsiver input[name="celular"] {
        display: block;
    }
     
    .table-responsiverr td, .table-responsiverr tr {
        display: inline-block;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }

    .table-responsiverr input.validate-email {
        display: block;
    }

    .table-responsiverr input[type="radio"] {
        width: 20px !important;
        max-width: 20px !important;
        min-width: 20px !important;
    } 
     .table-responsiverr input[name="celular"] {
        display: block;
    }
     
     .table-responsiverr span[title="si"],.table-responsiverr span[title="no"],.table-responsiver span[title="si"],.table-responsiver span[title="no"]  {
        display: none;
    }
     
     .table-responsiverr input[value="N"]:before,.table-responsiverr input[value="2"]:before {
        content: "No";
        margin-left: -45px;
        font-weight: bold;
    }
     
    .table-responsiverr input[value="S"]:before,.table-responsiverr input[value="1"]:before {
        content: "Si";
        margin-left: -45px;
        font-weight: bold;
    }
}

/*cambios y devoluciones solicitud buttons*/

form#consultaReferenciaForm {
    text-align: center;
}

#divFormReferenciasDevolver .bigbutton {
    width: auto !important;
}

form#consultaReferenciaForm .bigbutton {
    width: auto !important;
}

form#consultaReferenciaForm label {
    width: auto;
    display: initial;
    float: none;
}

#listaReferenciasFacturadasModal .bigbutton {
    width: auto !important;
}

.portlet input[name="referenciaConsultar"] {
    width: auto !important;
}

/*Fin Estilos para el  */