.scorecard { position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width:700px; height:85%; background-color:#f9f9f9; z-index:9999; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; overflow:hidden; } .cardframe { width:100%; height:100%; border: 0px solid; -webkit-overflow-scrolling: touch; overflow-y: scroll; } #tarjeta { opacity: 1; transition: opacity 1s; } #tarjeta.hide { opacity: 0; } #cida { float:left; min-height:25px; width:100%; margin-top: 0px; } #cvuelta { float:left; min-height:25px; width:100%; margin-top: 0px; } .cardholes { float:left; min-height:17px; width:100%; background-color:#a0a0a0; color:#f0f0f0; font-family: Roboto Condensed; font-size:16px; } .cardpar { float:left; min-height:17px; width:100%; background-color:#ccc; font-family: Roboto Condensed; font-size:16px; } .cardhcp { float:left; min-height:17px; width:100%; background-color:#f0f0f0; font-family: Roboto Condensed; font-size:16px; } .carditemtit { float:left; min-height:17px; width:18%; text-align:center; padding-top:1px; } .cardholetit { float:left; min-height:17px; width:8%; text-align:center; padding-top:1px; } .cardtottit { float:left; min-height:17px; width:9%; text-align:center; padding-top:1px; } .cardgross { float:left; min-height:21px; width:100%; overflow:hidden; font-family: Roboto Condensed; font-size:18px; } .cardnet { float:left; min-height:21px; width:100%; overflow:hidden; font-family: Roboto Condensed; font-size:18px; } .cardsfgross { float:left; min-height:21px; width:100%; overflow:hidden; font-family: Roboto Condensed; font-size:18px; } .cardsfnet { float:left; min-height:21px; width:100%; overflow:hidden; font-family: Roboto Condensed; font-size:18px; } .carditem { float:left; min-height:20px; width:18%; text-align:center; padding-top:2px; } .cardhole { float:left; min-height:20px; width:8%; text-align:center; padding-top:2px; } .cardtot { float:left; min-height:20px; width:9%; text-align:center; padding-top:2px; } #vgross { float:left; width:100%; min-height:22px; border-top:#000 solid 4px; border-bottom:#000 solid 4px; margin: 2px 0px; padding-top:3px; } #vnet { float:left; width:100%; min-height:22px; border-top:#780001 solid 4px; border-bottom:#780001 solid 4px; margin: 2px 0px; padding-top:3px; } #vsfgross { float:left; width:100%; min-height:22px; border-top:#009 solid 4px; border-bottom:#009 solid 4px; margin: 2px 0px; padding-top:3px; } #vsfnet { float:left; width:100%; min-height:22px; border-top:#090 solid 4px; border-bottom:#090 solid 4px; margin: 2px 0px; padding-top:3px; } #igross { float:left; width:100%; min-height:22px; border-top:#000 solid 4px; border-bottom:#000 solid 4px; margin: 2px 0px; padding-top:3px; } #inet { float:left; width:100%; min-height:22px; border-top:#780001 solid 4px; border-bottom:#780001 solid 4px; margin: 2px 0px; padding-top:3px; } #isfgross { float:left; width:100%; min-height:22px; border-top:#009 solid 4px; border-bottom:#009 solid 4px; margin: 2px 0px; padding-top:3px; } #isfnet { float:left; width:100%; min-height:22px; border-top:#090 solid 4px; border-bottom:#090 solid 4px; margin: 2px 0px; padding-top:3px; } .statsrow1 { float:left; min-height:22px; width:19%; margin-right:4px; font-family: Roboto Condensed; font-size:18px; padding:3px; text-align:right; overflow:hidden; } .statsrowgral { float:left; min-height:22px; width:12%; font-family: Roboto Condensed; font-size:18px; text-align:center; padding:3px; } /* parrafos especiales calenadario */ #pcalh { margin:0px; padding: 15px 0px 0px 15px; line-height: 24px; font-size:16px; } #pcalm { margin:0px; padding: 2px 0px 1px 15px; line-height: 20px; font-size:16px; } #pcal { margin:0px; padding: 2px 0px 1px 15px; line-height: 12px; font-size: 14px; } #pcalk { margin:0px; padding: 5px; font-size: 16px; } #pspo { margin:0px; padding: 0px; line-height: 14px; font-size:14px; } /* ESTILOS DE SCORING */ .GENERAL { font-family: Roboto, sans-serif; font-size: 13px; color: #000000;} .TITULO { font-family: Roboto, sans-serif; font-size: 17px; color: #000000;} .GENERALCH { font-family: Roboto, sans-serif; font-size: 15px; color: #000000;} .THECUT { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:100%; min-height: 30px; text-align:center; background-color:#e1e1e1; } .HEADSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORING7i { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:5%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:5%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:9%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:10%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORING24 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:24%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORINGrdx { float: left; visibility:hidden; width: 0px; } .HEADSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORINGt { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; } .PRACTICEHEADSCORINGpos { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:10%; min-height: 28px; padding-top: 3px; text-align:center; } .PRACTICEHEADSCORINGply { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:50%; min-height: 28px; padding-top: 3px; text-align:center; } .PRACTICEHEADSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:13%; min-height: 28px; padding-top: 3px; text-align:center; } .PRACTICEBODYSCORINGpos { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:10%; min-height: 28px; padding-top: 3px; text-align:center; } .PRACTICEBODYSCORINGply { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:50%; min-height: 28px; padding-top: 3px; text-align:left; font-weight:bold; } .PRACTICEBODYSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:13%; min-height: 28px; padding-top: 3px; text-align:center; } .BODYSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; padding-top: 4px; } .BODYSCORING7i { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; padding-top: 4px; } .BODYSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:5%; text-align:center; } .BODYSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:5%; text-align:center; padding-top: 4px; } .BODYSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:9%; text-align:center; padding-top: 4px; } .BODYSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:10%; text-align:center; padding-top: 4px; } .BODYSCORINGrdx { float: left; visibility:hidden; width: 0px; } .BODYSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; padding-top: 4px; } .BODYSCORINGt { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; text-align:center; padding-top: 4px; } .BODYSCORINGname { float: left; font-family: Roboto, sans-serif; font-size: 20px; padding-left: 5px; width:24%; text-align:left; padding-top: 10px; } .HEADSCORINGSC { font-family: Roboto, sans-serif; font-size: 15px; color: #FFFFFF; background-color: #000000;padding: 2px 0px 2px 0px; text-align:center; } .BODYSCORINGSC { font-family: Roboto, sans-serif; font-size: 15px; color: #FFFFFF; background-color:#69859d; padding: 0px 0px 0px 0px;text-align:center; } .BODYSCORINGCH { font-family: Roboto, sans-serif; font-size: 15px; color: #000000; padding: 2px 0px 2px 0px;text-align:center; } #photoply { width: 140px; } #flagy { width: 24px; height: 24px; padding-top: 4px; } #flagcard { width: 32px; height: 32px; } .hcp_baja { margin: 0px; padding: 2px 5px; font-size: 16px; } .hcp_tit { margin: 0px; padding: 2px 5px; font-size: 24px; } .hcp_score { margin: 0px; padding: 25px 5px 0px 5px; font-size: 48px; text-align: center; } .celda_score_rev { width:100%;min-height: 60px; float:left; align-content:center; } .profilehcp { width:200px; height:200px;} /* RESULTADOS FINALES */ .thrnom { width:30%;} .thr { text-align:center; } .thrs { text-align:center; } /* ESTILOS DE REPORTES*/ .HEADS { font-family: Roboto, sans-serif; font-size: 15px; color: #000000;} .BODYSCORINGTT { font-family: Roboto, sans-serif; font-size: 11px; color: #000000;} .HML {color: #FFFFFF; font-family: Roboto Condensed; font-size: 12px; background-color:#940000; } .BML {color: #OOOOOO; font-family: Roboto Condensed; font-size: 15px; } p.BL13 { margin: 0px; padding: 5px; color:#031C51; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; } @media only screen and ( max-width: 978px ) { /* ESTILOS DE SCORING */ .GENERALCH { font-family: Roboto, sans-serif; font-size: 15px; color: #000000;} .THECUT { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:100%; min-height: 30px; text-align:center; background-color:#e1e1e1; } .HEADSCORING7i { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:5%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:5%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:9%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:10%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORING24 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:24%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORINGrdx { float: left; visibility:hidden; width: 0px; } .HEADSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; } .HEADSCORINGt { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; } .BODYSCORING7i { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; } .BODYSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; } .BODYSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:5%; text-align:center; } .BODYSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:5%; text-align:center; } .BODYSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:9%; text-align:center; } .BODYSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:10%; text-align:center; } .BODYSCORINGrdx { float: left; visibility:hidden; width: 0px; } .BODYSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; } .BODYSCORINGt { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; text-align:center; } .BODYSCORINGname { float: left; font-family: Roboto, sans-serif; font-size: 22px; padding-left: 5px; width:24%; text-align:left; padding-top:-2px; } .HEADSCORINGSC { font-family: Roboto, sans-serif; font-size: 15px; color: #FFFFFF; background-color: #000000;padding: 2px 0px 2px 0px; text-align:center; } .BODYSCORINGSC { font-family: Roboto, sans-serif; font-size: 15px; color: #FFFFFF; background-color:#69859d; padding: 0px 0px 0px 0px;text-align:center; } .BODYSCORINGCH { font-family: Roboto, sans-serif; font-size: 15px; color: #000000; padding: 2px 0px 2px 0px;text-align:center; } #photoply { width: 120px; } #flagy { width: 24px; height: 24px; padding-top: 4px; } #flagcard { width: 28px; height: 28px; } } @media only screen and ( max-width: 767px ) { /* ESTILOS DE SCORING*/ .GENERALCH { font-family: Roboto, sans-serif; font-size: 13px; color: #000000;} .THECUT { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:100%; min-height: 30px; text-align:center; background-color:#e1e1e1; } /* ESTILOS DE SCORING */ .HEADSCORING7i { float: left; visibility:hidden; width: 0px; } .HEADSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:10%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:5%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:5%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:10%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORING24 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:24%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORINGrdx { float: left; visibility:hidden; width: 0px; } .HEADSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:7%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORINGt { float: left; visibility:hidden; width: 0px; } .BODYSCORING7i { float: left; visibility:hidden; width: 0px; } .BODYSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:10%; text-align:center; } .BODYSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:5%; text-align:center; } .BODYSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:5%; text-align:center; } .BODYSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:9%; text-align:center; } .BODYSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:10%; text-align:center; } .BODYSCORINGrdx { float: left; visibility:hidden; width: 0px; } .BODYSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:7%; text-align:center; } .BODYSCORINGt { float: left; visibility:hidden; width: 0px; } .BODYSCORINGname { float: left; font-family: Roboto, sans-serif; font-size: 16px; width:23%; text-align:left; padding-top:-5px; } .HEADSCORINGSC { font-family: Roboto, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #000000;padding: 2px 0px 2px 0px;text-align:center; } .BODYSCORINGSC { font-family: Roboto, sans-serif; font-size: 12px; color: #FFFFFF; background-color:#69859d; padding: 0px 0px 0px 0px;text-align:center; } .BODYSCORINGCH { font-family: Roboto, sans-serif; font-size: 12px; color: #000000; padding: 2px 0px 2px 0px;text-align:center; } #photoply { width: 95px; } #flagy { width: 18px; height: 18px; padding-top: 2px;} #flagcard { width: 24px; height: 24px; } } @media only screen and ( max-width: 600px ) { .scorecard { width:98%; height:98%; } /* ESTILOS DE SCORING*/ .GENERALCH { font-family: Roboto, sans-serif; font-size: 13px; color: #000000;} .THECUT { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:100%; min-height: 30px; text-align:center; background-color:#e1e1e1; } /* ESTILOS DE SCORING */ .HEADSCORING7i { float: left; visibility:hidden; width: 0px; } .HEADSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:10%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORINGy { visibility:hidden; width:0px; height:0px; } .HEADSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORING10 { float: left; visibility:hidden; width: 0px; } .HEADSCORING24 { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:52%; min-height: 25px; padding-top: 3px; text-align:center;} .HEADSCORINGrdx { visibility:visible; float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORINGr { float: left; visibility:hidden; width: 0px; } .HEADSCORINGt { visibility:visible; float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; } .HEADSCORINGrd { float: left; visibility:hidden; width: 0px; } .PRACTICEHEADSCORINGpos { font-size: 16px; } .PRACTICEHEADSCORINGply { font-size: 16px; } .PRACTICEHEADSCORINGr { font-size: 16px; } .PRACTICEBODYSCORINGpos { font-size: 16px; } .PRACTICEBODYSCORINGply { font-size: 16px; } .PRACTICEBODYSCORINGr { font-size: 16px; } .BODYSCORING7i { float: left; visibility:hidden; width: 0px; } .BODYSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:10%; text-align:center; } .BODYSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:9%; text-align:center; } .BODYSCORINGy { visibility:hidden; width:0px; height:0px; } .BODYSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:9%; text-align:center; } .BODYSCORING10 { float: left; visibility:hidden; width: 0px; } .BODYSCORINGrdx { visibility:visible; float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:9%; text-align:center; padding-top: 4px; } .BODYSCORINGr { float: left; visibility:hidden; width: 0px; } .BODYSCORINGt { float:left; visibility:visible; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; text-align:center; width:9%; } .BODYSCORINGname { float: left; font-family: Roboto, sans-serif; font-size: 16px; text-align:left; width:52%; padding-top: 8px; } .HEADSCORINGSC { font-family: Roboto, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #000000;padding: 2px 0px 2px 0px;text-align:center; } .BODYSCORINGSC { font-family: Roboto, sans-serif; font-size: 11px; color: #FFFFFF; background-color:#69859d; padding: 0px 0px 0px 0px;text-align:center; } .BODYSCORINGCH { font-family: Roboto, sans-serif; font-size: 11px; color: #000000; padding: 2px 0px 2px 0px;text-align:center; } #photoply { width: 95px; } #flagy { width: 14px; height: 14px; padding-top: 3px;} #flagcard { width: 24px; height: 24px; } .hcp_baja { margin: 0px; padding: 2px 5px; font-size: 14px; } .hcp_tit { margin: 0px; padding: 2px 5px; font-size: 20px; } .hcp_score { margin: 0px; padding: 25px 5px 0px 5px; font-size: 30px; text-align: center; } .celda_score_rev { min-height: 45px; float:left; align-content:center; } .profilehcp { width:100px; height:100px; } /* RESULTADOS FINALES */ .thr { display:none; font-size: 14px; } .thrnom { width:45%; font-size: 14px;} .thrs { text-align:center; font-size: 14px; } }