/* Minification failed. Returning unminified contents. (290,204): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (290,238): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (290,273): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (290,300): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' */ /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=dddddd&bgTextureHeader=02_glass.png&bgImgOpacityHeader=35&borderColorHeader=bbbbbb&fcHeader=444444&iconColorHeader=999999&bgColorContent=c9c9c9&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=50&borderColorContent=aaaaaa&fcContent=333333&iconColorContent=999999&bgColorDefault=eeeeee&bgTextureDefault=02_glass.png&bgImgOpacityDefault=60&borderColorDefault=cccccc&fcDefault=3383bb&iconColorDefault=70b2e1&bgColorHover=f8f8f8&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=bbbbbb&fcHover=599fcf&iconColorHover=3383bb&bgColorActive=999999&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=75&borderColorActive=999999&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=eeeeee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=ffffff&fcHighlight=444444&iconColorHighlight=3383bb&bgColorError=c0402a&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=c0402a&fcError=ffffff&iconColorError=fbc856&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0pxdow=0px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #c9c9c9 url(images/ui-bg_inset-soft_50_c9c9c9_1x100.png) 50% bottom repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #bbbbbb; background: #dddddd url(../images/ui-bg_glass_35_dddddd_1x400.png) 50% 50% repeat-x; color: #444444; font-weight: bold; } .ui-widget-header a { color: #444444; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #eeeeee url(../images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #3383bb; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #3383bb; text-decoration: none; } .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 #bbbbbb; background: #f8f8f8 url(../images/ui-bg_glass_100_f8f8f8_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #599fcf; } .ui-state-hover a, .ui-state-hover a:hover { color: #599fcf; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #999999; background: #999999 url(../images/ui-bg_inset-hard_75_999999_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #ffffff; background: #eeeeee url(images/ui-bg_flat_55_eeeeee_40x100.png) 50% 50% repeat-x; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #c0402a; background: #c0402a url(images/ui-bg_flat_55_c0402a_40x100.png) 50% 50% repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_999999_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../images/ui-icons_999999_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/ui-icons_999999_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/ui-icons_70b2e1_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_3383bb_256x240.png); } .ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_3383bb_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_fbc856_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #eeeeee url(../images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0pxdow=0px; -khtml-border-radius: 0pxdow=0px; -webkit-border-radius: 0pxdow=0px; border-radius: 0pxdow=0px; }/* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; margin-top: -8px; } .ui-button-icon-only .ui-icon { margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden;} .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } html, body { margin: 0; padding: 0; font-family: Tahoma; font-size: 13px; height: 100%; } ol, li { list-style: none; } .dxbButton_BEL { border-radius: 10px; -moz-border-radius: 10px; } .botonRedondoRecibo > tbody > tr > td { border-radius: 10px !important; -moz-border-radius: 10px !important; border-color: #D6D6D6; width: 250px; background: #FFF; color: #4A766E; } .botonRedondoLayout > tbody > tr > td { border-radius: 10px !important; -moz-border-radius: 10px !important; border-color: #D6D6D6; width: 150px; background: #FFF; color: #4A766E; } .botonRedondoRecibo > tbody > tr > td:hover { background: none repeat scroll 0 0 #001E57; border: 1px solid #7F7F7F; color: #FFFFFF; } .dxeEditAreaSys { background-position: 0 0; width: 99%; } .dxeErrorCell_BEL { padding-left: 4px; padding-right: 5px; position: absolute; } /* input, select { -webkit-border-radius: 4px; -moz-border-radius: 4px; }*/ .largo { width: 270px; } #homeContent { margin: 0 0 0 300px; width: 60%; } #flotador { clear: right; } .backGround { width: 600px; height: 500px; background-image: url ( "/images/copia.jpg" ); background-repeat: repeat; background-attachment: fixed; } /**** PROVISIONAL ACORDEON ****/ .accordionHeader { border: 1px solid #2F4F4F; color: white; background-color: #2E4d7B; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; } .accordionHeaderSelected { border: 1px solid #2F4F4F; color: white; background-color: #5078B3; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; } .accordionContent { background-color: #D3DEEF; border: 1px dashed #2F4F4F; border-top: none; padding: 5px; padding-top: 10px; } /*******************************/ /**** MENU ****/ #menu { float: left; display: inline; margin-top: 10px; width: 280px; font-size: 11px; clear: left; } #menu ul li { line-height: 25px; list-style-type: none; } #menu ul li a { text-decoration: none; } /*****************************/ /**** IMAGENES RECIBOS ****/ .imagenLogo { float: left; margin-left: -230px; position: absolute; top: -9px; } .imagenReloj { background: url("images/sprite.png") no-repeat scroll -728px -123px transparent; position: absolute; margin-left: 620px; float: right; border: none; width: 30px; height: 30px; } .imagenImprimir { top: -9px; position: absolute; left: 77%; width: 60px; height: 60px; } /*****************************/ /**** POSICIONES DE ELEMENTOS ****/ .alineaDerecha { left: 60%; position: relative; } .ajustarTabla { width: 650px; } .centrado { display: table !important; margin: 0 auto; } .centradotexto { position: relative; text-align: center; } .centradoImagenGrid { margin: 0 auto; background: transparent; } /*****************************/ table.tablaConfirmacion td, th { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-width: 2px; border-style: solid; border-color: #C0C0C0; } .tablaRecibo td, th { text-align: left; width: 200px; } .centrotabla { border-bottom: 0 none; border-top: 0 none; } .formulario td, th { text-align: left; width: 0%; } .color { background-color: #FAA912; } .alineaDerecha { left: 0; text-align: right; } .alineaIzq { text-align: left !important; } .alineaCent { text-align: center !important; } .ponerWrap { word-wrap: break-word; } .alineaDer { padding-right: 10px !important; text-align: right !important; } /*****************************/ /**** CAROUSEL MEJORADO HORIZONTAL ****/ #CuentasC { margin-top: 30px; } #cuentasO, #cuentasD { height: 450px; overflow: hidden; float: left; margin-right: 70px; } #cuentasD { margin-left: 80px; } .cuentas.viewport { float: left; width: 150px; height: 250px; overflow: hidden; position: relative; top: 0px; left: 0px; } .cuentas.buttons { display: block; margin: 30px 10px 0 0; float: left; position: absolute; } .cuentas.next { margin: 270px 0 0 50px; padding-left: 35px; padding-top: 35px; background: url(../images/down.png) no-repeat; } .cuentas.prev { padding-left: 35px; margin: -50px 0 0 50px; padding-top: 35px; background: url(../images/up.png) no-repeat; } .cuentas.disable { visibility: hidden; } .cuentas.overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } .cuentas.overview li { float: left; margin: 0 20px 0 40px; padding: 2px; height: 121px; width: 236px; } /****************************/ /**** CARRUSEL MEJORADO VERTICAL ****/ #cuentas_h { height: 85px; overflow: hidden; margin-left: 20px; margin-right: 40px; } .cuentas_h.viewport { float: left; width: 620px; height: 85px; overflow: hidden; position: relative; } .cuentas_h.overview li { float: left; margin: 0 0 0 20px; padding: 2px; height: 121px; width: 113px; } .cuentas_h.overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } .cuentas_h.buttons { display: block; margin: 20px 10px 0 0; float: left; position: absolute; } .cuentas_h.next { margin: 50px 0 0 640px; padding-left: 30px; padding-top: 45px; background: url(../images/right.png) no-repeat; } .cuentas_h.prev { margin: 50px 0 0 -60px; padding-left: 30px; padding-top: 35px; background: url(../images/left.png) no-repeat; } .cuentas_h.disable { visibility: hidden; } /*************************************/ /**** DRAG and DROP y Seleccion ****/ .contenedorOpciones { width: 650px; } .opcionesDragDrop { float: left; width: 210px; height: 350px; margin-right: 45px; margin-left: 0px; } .opcionesDragDropRight { float: right; width: 210px; height: 350px; margin-right: 45px; margin-left: 0px; } .opcionesListas { float: left; width: 45px; height: 250px; margin: 70px 15px 0 100px; } .opcionesDragDrop li, td.dxeListBoxItem_BEL.estiloLista { list-style: none !important; background: #EDEDED; padding: 5px !important; margin-bottom: 10px !important; color: #555555 !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; } .helper { border: 1px solid #fcefa1 !important; background: #fbf9ee !important; color: #363636 !important; height: 1.5em !important; line-height: 1.2em !important; } .handle { background: url(../images/move.png); float: left; margin-right: 5px; width: 12px; height: 12px; } .opcionesBotones { float: left; width: 25px; height: 100%; margin: 40px 50px 0 0; } .seleccion .ui-selecting { background: #E3F1FA; } .seleccion .ui-selected, .filaSeleccionada, .dxeListBoxItemSelected_BEL { background: #62BBE8 !important; border: 1px solid #2694E8; color: white; } /************************************/ /**** Scroll habilidatod/desahabilidato ****/ .noScroll { height: 155px; overflow: hidden; width: 539px; } .noScroll:hover { height: 155px; overflow: auto; width: 539px; } /*****************************************/ /**** Botones ****/ .botones { margin-top: 20px; margin-bottom: 20px; } .botonDerecha { float: right; margin-right: 35px; } .botones .centro { padding-left: 170px; margin-bottom: 20px; } /******************/ /**** ESTILOS FUENTES ****/ .negrita { font-weight: bold; } /************************/ .fila { height: 30px; list-style: none; } .celda { margin-left: -40px; float: left; margin-right: 45px; width: 302px; } /**** CLASE DE TOOLTIP ****/ .link img { border-style: none; border-color: inherit; border-width: medium; height: 22px; width: 22px; padding-left: 30px; vertical-align: top; } .link ul { width: 280px; } .link ul li { list-style: none; padding-bottom: 10px; } a.tool { display: block; width: 20px; margin: 0 auto; } /*************************/ #login { width: 390px; margin: 0 auto; } .instrucciones { font-size: 13px; margin: 10px 0; } .instruccionesrecibo { font-size: 13px; margin: 75px 0 0; } .descripcion { width: 680px; } .centradotexto p { margin: 10px; } .ErrorValidacion { font-size: 11px; color: Red; display: block !important; position: inherit; font-family: Tahoma; } .informacion { width: 490px; } .oculto { display: none; } .ocultoForzoso { display: none !important; } .ocultoEtiqueta { font-size: 11px; position: absolute; text-align: right; } .visible { display: block; } .activo { background: #C3C3C3; color: #fff; } #instructivos { -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #C3C3C3; } .Encabezado { font-family: Tahoma; font-weight: 100; font-size: 30px; } .LetrasRecibo { font-family: Tahoma; font-size: 10pt; font-weight: 700; } .Letracomun { font-family: Tahoma; font-size: 8pt; } .divBloqueousuario { width: 380px; } .divprincipal { width: 800px; height: 669px; } .alinearizquierda { margin-left: 550px; margin-top: 0px; width: 93px; } .divAcrobat { width: 500px; margin-left: 80px; } .divprincipal { width: 800px; } .botonRecibosElec { background-color: #CDCDCD; font-family: "Tahoma"; font-size: 12px; } .celdaRecibosElec { width: 100px; height: 50px; } .imagenRecElec { width: 20px; height: 20px; } .contorno { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; } .contornoPserv { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #E0E0E0; padding: 10px; } .contornoExterno { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; width: 658px; } .listas li { list-style: none; } .listas { margin: 0; padding: 5px; } tbl { table-layout: fixed; border-top: 5px solid #333; border-collapse: collapse; background: #fff; } .tbl td { border-bottom: 1px dashed #333; padding: 2px 5px; overflow: hidden; white-space: nowrap; } .tbl th { border-bottom: 1px dashed #333; padding: 2px 5px; overflow: hidden; white-space: nowrap; } /***************************************** NUEVOS ESTILOS PARA ASPxGridView - La primera clase se agrega a nivel del control y la segunda a nivel de la propiedad CellStyle-CssClass de las columnas. *****************************************/ .customTable { border: 5px solid #F1F1F1; border-collapse: separate; background-color: white; font: 12px Tahoma; } .customTableBorderRow { border: none !important; padding: 5px 0 !important; } /*****************************************/ /******************************************************************************* ** Se eliminan las reglas compuestas por .gridZebra y las clases propias de DevExpress, para dejar los estilos únicamente dentro de las que DevExpress asigna. ** Migración a DevExpress v18.1.5 ** AROJAS *******************************************************************************/ .dxgvSelectedRow_BEL td.dxgv, .dxgvFocusedRow_BEL td.dxgv { font-size: 12px !important; border: none !important; color: #FFFFFF !important; } /******************************************************************************* ** Se agrega text-align para mantenerlo como default en todos los grids, a menos que se aplique otra regla con mayor jerarquía. ** Migración a DevExpress v18.1.5 ** AROJAS *******************************************************************************/ .dxgvEditFormDisplayRow_BEL td.dxgv, .dxgvDataRow_BEL td.dxgv, .dxgvDataRowAlt_BEL td.dxgv, .dxgvSelectedRow_BEL td.dxgv, .dxgvFocusedRow_BEL td.dxgv { font-size: 12px; color: #000000; text-align: center; overflow: inherit; } .colorFila { color: #585858 !important; font-style: italic; } .dxgvDataRow_BEL:hover { background-color: #dadde3 !important; } .dxgvDataRowAlt_BEL:hover { background-color: #dadde3 !important; } /*******************/ /*ESTILO PARA EL RECIBO ELECTRONICO*/ .recibo table td { height: 35px; border: none; } .recibo { border-spacing: 0; border-bottom: 1px solid #D2D2D2; } .encabezadoInfo { background: #F1F1F1; height: 28px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #001E57; } .info { background: none repeat-x scroll left bottom #FFFFFF; border-left: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; padding: 3px 0; width: 260px; text-align: center; box-shadow: 0 0 5px #CCCCCC; } /*Nueva clase para las listas de los instructivos*/ .info_instruct { background: none repeat-x scroll left bottom #FFFFFF; border-left: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; padding: 3px 0; width: 300px; text-align: center; box-shadow: 0 0 5px #CCCCCC; display: flex; align-items: center; text-align: center; height: 15px; } .info_instruct span { width: 100%; justify-content: center; } .info_instruct div { width: 300px; } .info_instruct div input { width: 300px; text-align: center; } .buttonShow { height: 20px; position: absolute !important; margin-left: -155px !important; } #tablaReciboDescripcion .reciboDescripcion { padding-right: 10px; } /*Nueva clase para las listas de los instructivos*/ .infoConfirmaDivisas { background: none repeat-x scroll left bottom #FFFFFF; border-left: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; padding: 3px 0; width: 57%; text-align: center; box-shadow: 0 0 5px #CCCCCC; } .reciboDescripcionTop { border-top: 1px solid #D2D2D2; } .reciboDescripcionBottom { border-bottom: 1px solid #D2D2D2; border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; } .reciboDescripcion { border-left: 1px solid #D2D2D2; padding-right: 15px; text-align: right; } .reciboDescripcionMedio { border-left: 1px solid #D2D2D2; padding-right: 30px; text-align: right; } .infoMedio { background: none repeat-x scroll left bottom #FFFFFF; border-left: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; padding: 3px 0; width: 180px; text-align: center; box-shadow: 0 0 5px #CCCCCC; } /**********************/ /********ESTILOS DE LOGIN*******/ .separadorLogin { border-bottom: 1px solid #F1F1F1; margin-bottom: 0px; } .linkLogin { background-color: #296291; border: 1px solid #7F7F7F; color: #FFF; cursor: pointer; display: inline-block; font: bold 11px Tahoma; margin: 0 0 5px; padding: 6px 10px; text-align: center; vertical-align: middle; border-radius: 15px; -moz-border-radius: 15px; } .linkLoginBtn { background-color: #FFF; border: 1px solid #7F7F7F; color: #296291; cursor: pointer; display: inline-block; font: bold 11px Tahoma; margin: 0 0 5px; padding: 6px 10px; text-align: center; vertical-align: middle; border-radius: 15px; -moz-border-radius: 15px; width: 172px; } a.acceso_btn { background: url("images/sprite.png") no-repeat scroll -493px -34px transparent; color: #626262; display: inline-block; font-weight: bold; height: 22px; margin: 0 0 0 200px; padding: 5px 0 0 32px; text-decoration: none; width: 84px; } a.acceso_btn:hover { background: url("images/sprite.png") no-repeat scroll -493px -61px transparent; color: #FFFFFF; } a.registro_btn { background: url("images/sprite.png") no-repeat scroll -493px -34px transparent; color: #626262; display: inline-block; font-weight: bold; height: 22px; padding: 5px 0 0 32px; text-decoration: none; width: 84px; } a.registro_btn:hover { background: url("images/sprite.png") no-repeat scroll -493px -61px transparent; color: #FFFFFF; } .footerLogin { background: url("images/footer_bg.png") no-repeat scroll center top transparent; bottom: 0; color: #2479AB; font-size: 11px; font-weight: normal; height: 70px; padding: 10px 0 0; position: absolute; width: 100%; display: block; } .tituloLogin { font-size: 35px; margin-left: 70px; } .cuadroLogin { margin-top: 10px; padding: 0 30px; width: 520px; line-height: 10px; } .textoGris { font-size: 25px; color: #A1A1A1; } .textoLogin { color: #003366; } /*******************************/ .tablaFormulario p { display: inline-block; padding: 0; line-height: 0; } li.menu_btn.submenu_padre a { background: none !important; } #favoritosBar { position: absolute; top: 20px; width: 0px; overflow: hidden; } #favoritosBar.activo { border: 1px solid #D3D6DA; background: #F9F9FA; position: absolute; top: 10px; width: 650px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 201; } #favoritosBar ul { width: 650px; } #favoritosBar ul li a { float: left; margin-bottom: 5px; margin-right: 80px; margin-top: 20px; outline: none; } #favoritosBar ul li { border: 1px solid #D6D6D6; display: inline-table; height: 55px; margin: 10px; padding: 4px; width: 160px; border-radius: 10px; -moz-border-radius: 10px; cursor: pointer; } #favoritosBar li:hover { box-shadow: 0 0 5px #C1C1C1; } .favoritosTexto { color: #000000; left: -130px; position: relative; top: 35px; } .favDescripcion { color: #000000; margin-top: 10px; text-align: center; width: 110px; position: relative; top: -40px; left: 30px; } .favIconElement { margin-top: 10px; position: relative; cursor: pointer; } .favoriteContainer { height: 55px; margin-right: 50px; width: 100px; } .favoriteContainer > div { } #closeFavoritos { float: right; margin: 5px; position: relative; cursor: pointer; } #fav1, #fav8 { background: url(images/sprite.png) no-repeat scroll -278px 0 transparent; width: 33px; height: 33px; } #fav2, #fav7 { background: url(images/sprite.png) no-repeat scroll -317px 0 transparent; width: 33px; height: 33px; } #fav3, #fav6 { background: url(images/sprite.png) no-repeat scroll -354px 0 transparent; width: 33px; height: 33px; } #fav4 { background: url("images/sprite.png") no-repeat scroll -422px 0 transparent; width: 33px; height: 33px; } #fav5 { background: url("images/sprite.png") no-repeat scroll -388px 0 transparent; width: 33px; height: 33px; } #mapaSitio, .mapaSitio { background: url(../images/mapaSitio.png) no-repeat; width: 694px; height: 32px; margin-bottom: 10px; } #mapaSitio ul li a.inicio { background: url(../images/home.gif) no-repeat left center; padding: 4px 2px 5px 24px !important; margin-left: -20px; } #msContent, .msContent { overflow: hidden; width: 655px; margin-left: 17px; height: 30px; } #mapaSitio ul, .mapaSitio ul { bottom: 12px; height: 30px; left: -20px; position: relative; } #mapaSitio ul li, .mapaSitio ul li { float: left; } #mapaSitio ul li p, .mapaSitio ul li p { margin-right: 5px; position: relative; top: -5px; } #mapaSitio ul li a, .mapaSitio ul li a { font-weight: normal; text-decoration: none; position: inherit; } .separacionMapa { background: url(../images/separacionMapa.png) no-repeat; height: 30px; width: 12px; margin-right: 6px; } .msAtras { float: left; left: 4px; position: relative; top: 12px; width: 10px; background: url(../images/breadAtras.png) no-repeat; height: 10px; cursor: pointer; } .msAdelante { float: right; position: relative; right: 20px; top: -20px; width: 10px; background: url(../images/breadAdelante.png) no-repeat; height: 10px; cursor: pointer; } #mapaSitio1, .mapa-sitio { background: url(../images/mapaSitio.png) no-repeat; width: 694px; height: 32px; margin-bottom: 10px; } #breadcrum, .breadcrum { overflow: hidden; width: 645px; margin-left: 13px; height: 32px; } #mapaSitio1 ul, .mapa-sitio ul { bottom: 12px; height: 32px; padding: 0; position: relative; left: 0px; } #mapaSitio1 ul li, .mapa-sitio ul li { float: left; list-style: none; padding: 6px 0 7px; } #mapaSitio1 ul li a:hover, .mapa-sitio ul li a:hover { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: rgb(210,210,210) !important; } #mapaSitio1 ul li p, .mapa-sitio ul li p { margin-right: 5px; position: relative; top: -8px; color: rgb(150,150,150); text-shadow: 1px 1px #ffffff; } #mapaSitio1 ul li a, .mapa-sitio ul li a { font-weight: normal; text-decoration: none; position: inherit; padding: 4px 2px 5px 2px; } #mapaSitio1 ul li a.inicio1 { background: url(../images/home.gif) no-repeat center; margin-left: 22px; padding-bottom: 5px; padding-left: 22px; vertical-align: -2px; } .opcionHijo { background: url("images/sprite.png") no-repeat scroll 0 0 transparent; height: 31px; padding-left: 61px; padding-top: 15px; width: 185px; } .opcionHijo:hover { background-position: 0 -45px; color: #FFF; } .opcionHijo a { color: #626262; font-family: Tahoma; font-size: 12px; font-weight: bold; text-decoration: none; } .opcionHijo a:hover { color: #FFF; } .pdfContratos { background: url("/images/pdfContratos.png") transparent; float: left; height: 22px; left: -10px; position: relative; width: 22px; } .infoLote { line-height: 0; margin-left: 90px; position: absolute; width: 150px; margin-top: -15px; } .infoLote p { padding-left: 18px; padding-top: 4px; } .plus { background: url("../images/closedSubmenu.png") no-repeat scroll 0 0 transparent; float: right; height: 14px; left: 25px; position: relative; top: 0px; width: 14px; } .plusClosed { background: url("../images/openedSubmenu.png") no-repeat scroll 0 0 transparent; float: right; height: 14px; left: 25px; position: relative; top: 0px; width: 14px; } .light { height: 500px; position: absolute; top: 0px; width: 1500px; z-index: 200; } .imagenFilter { display: inline; float: right; margin-top: 5px; position: relative; margin-left: -30px; vertical-align: top; background: url(../images/sprite-contenido.png) 0px -22px no-repeat scroll transparent; width: 16px; height: 16px; } .imagenFilterTCorp { display: inline; float: right; margin-top: -15px; position: relative; vertical-align: top; background: url(../images/sprite-contenido.png) 0px -22px no-repeat scroll transparent; width: 16px; height: 16px; } .inputFilter { display: inline; margin-bottom: 2px; margin-left: 1px; margin-right: 1px; width: 250px; } .linkHistorico { color: Black; font-style: normal; } #cerrarError,.cerrarError { float: right; height: 16px; width: 16px; margin-top: -25px; margin-right: -10px; background: url(../images/eliminar.png); cursor: pointer; } .error-message { font-size: 12px; font-weight: normal; color: #F00000; } .configuraFavoritos { margin-left: 50px; position: relative; margin-top: 20px; } #btnCerrarSesion { background: url("../images/sprite.png") no-repeat scroll -250px -33px transparent !important; color: #626262; cursor: pointer; font-weight: bold; height: 22px; margin: -30px 0 0 550px; padding: 2px 22px 0 32px; border:none; } #btnCerrarSesion:hover { background: url("../images/sprite.png") no-repeat scroll -250px -60px transparent !important; color: #fff; border: none; } .mensajeBansi { border: 1px solid black; border-radius: 10px; -moz-border-radius: 10px; margin: 0 auto; width: 540px; } .mensajeBansiDefault { border: 1px solid black; border-radius: 10px; -moz-border-radius: 10px; margin: 0 auto; width: 75%; } .tituloErrorBansi { background: none repeat scroll 0 0 #FF0000; border-bottom: 1px solid black; box-shadow: 0 3px 4px #C1C1C1; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; color: #FFFFFF; font: 14px Tahoma; height: 25px; text-align: center; } .tituloExitoBansi { background: none repeat scroll 0 0 #009C82; border-bottom: 1px solid black; box-shadow: 0 3px 4px #C1C1C1; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; color: #FFFFFF; font: 14px Tahoma; height: 25px; text-align: center; } .tituloAlertaBansi { background: none repeat scroll 0 0 #001e57; border-bottom: 1px solid black; box-shadow: 0 3px 4px #C1C1C1; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; color: #FFFFFF; font: 14px Tahoma; height: 25px; text-align: center; } .tituloErrorBansi span, .tituloExitoBansi span, .tituloAlertaBansi span { display: block; padding-top: 3px; } .imagenErrorBansi { background: url("../images/warningBansi.png") no-repeat scroll 0 0 transparent; height: 64px; margin: 20px; width: 64px; } .imagenErrorNoControlado { background: url("../images/errorBansi.png") no-repeat scroll 0 0 transparent; height: 64px; margin: 20px; width: 64px; } .imagenExitoBansi { background: url("../images/successBansi.png") no-repeat scroll 0 0 transparent; height: 64px; margin: 20px; width: 64px; } .imagenAlertaBansi { background: url("../images/alertBansi.png") no-repeat scroll 0 0 transparent; height: 64px; margin: 20px; width: 64px; } .descripcionBansiMensaje { height: 60px; margin-left: 100px; position: absolute; width: 410px; } /***** Boton favoritos *****/ .btnFavoritosBansi { background: url("../images/sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 46px; width: 247px; margin-bottom: 5px; } .btnFavoritosBansi:hover { background: url("../images/sprite.png") no-repeat scroll 0 -45px transparent; color: #FFF; } .btnFavoritosBansi span { display: block; margin-left: 50px; text-align: left; } .operacionesBotones > table { display: inline; margin: 40px; } /**** Estilo para tabla por divs ****/ .left_column { float: left; margin-right: 10px; text-align: right; width: 22%; padding-top: 7px; } .left_column53 { float: left; margin-right: 10px; text-align: right; width: 43%; } .control { margin-bottom: 10px; display: table; padding: 0 !important; } .controlDivisas { margin-bottom: 10px; display: table; padding: 0 !important; text-align: center; } .check { padding-top: 7px !important; display: table !important; } .helpControl { float: right; margin-right: 290px; margin-top: 5px; } .helpControlFactura { float: right; margin-right: 20px; margin-bottom: 16px; } .helpControlFacturaArchivos { float: right; margin-right: 20px; margin-top: 5px; } .helpControlPagoServicios { float: right; margin-right: 278px; margin-top: 14px; } .helpControlInstructivos { float: right; margin-right: 130px; margin-top: 5px; } .cursor { cursor: pointer; } .loadingPanel { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=01)"; filter: alpha(opacity=01); opacity: 0.01; height: 100%; position: absolute; top: 0px; width: 100%; z-index: 99998; background: #FFF; } #loadingIcon { position: absolute; top: 9px; left: 15px; width: 32px; height: 32px; background: url("../images/loadingPanel.gif") no-repeat; } #loadingContainerIcon { background: #A9A9A9; border-radius: 10px; display: block; height: 50px; left: 50%; opacity: 0.65; position: absolute; top: 40%; width: 60px; } .carouselInfoOption :first-child { font-size: 10px !important; margin: 10px 0 5px; } .carouselInfoOption p { width: 70px; line-height: 0; } .ocultoCentrado { display: none !important; } .error-pop { background: #FFF; } .textoAzulCSM { font-size: 12px; color: #001e57; font-weight: bold; } .segundaFila { position: absolute; right: 0px; top: 45px; } .segundaFilaInstructivos { position: absolute; right: -110px; top: 32px; } .rfcFila { position: absolute; top: 98px; } .botonesFila { width: 725px; position: absolute; top: 140px; } .loteResumen { left: 420px; top: -30px; border-radius: 10px; height: 30px; } .loteResumenServ { left: 420px; top: 40px; border-radius: 10px; height: 30px; } .divErrorTransfer { position: relative; top: 80px; } .errorInstructive { top: -8px; } .tipoCambioServ { top: 30px; left: 0px; position: absolute; } .tipoCambioServ_Label { margin-right: 5px; float: left; } .botonAdd_Pserv { width: 155px; } .botonLote_Pserv { position: absolute; left: 150px; } .botonConf_Pserv { position: absolute; right: -55px; } .table_Lote_Summary { margin-top: -3px; width: 206px; } .carrousel_pServ_inactivos { overflow-x: scroll; height: 151px; } .botonDerechaTope { float: right; } /**** Estilo traspasos ****/ .alineaDerechaGeneral { left: 0; text-align: right; width: 90px; float: right; } .alineaConcepto { left: 0; text-align: right; width: 185px; float: right; } .alineaConceptoTraspasos { left: 0; text-align: right; width: 145px; float: right; } .alineaFrecuentes { left: 412px; position: relative; } .loteResumenTraspaso { left: 428px; top: -30px; border-radius: 10px; height: 30px; } .botonDerechaTope { float: right; } .loteResumenInstructivos { left: 428px; top: -30px; border-radius: 10px; height: 10px; } .justifyText { text-align: justify; } .divLeft { float: left; } .divRight { float: right; } .divMiddleLeft { float: left; margin-left: 5px; } .divMiddleCenterRight { float: right; margin-right: 50px; } .divMiddleCenterLeft { float: left; margin-left: 50px; } .divMiddleCenterLeft20 { float: left; margin-left: 20px; margin-right: 20px; } .divMiddleRight { float: right; margin-right: 5px; } .divBotonMiddleLeft { float: left; margin-left: 65px; } .divBotonMiddleRight { float: right; margin-right: 65px; } .divTransfer { position: relative; } .divTopTransfer { height: 25px; } .amountTransfer { height: 50px; } .comboFiscal { vertical-align: middle; height: 35px; } .informationLote { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 0px; top: -60px; border-radius: 10px; height: 30px; } .informationLoteTraspaso { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 0px; top: -5px; border-radius: 10px; height: 30px; } .informationLoteInversiones { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 3px; right: 0px; top: -7px; border-radius: 10px; height: 33px; } .informationLoteTraspasoDolares { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 0px; top: -5px; border-radius: 10px; height: 42px; } .informationLoteWT { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 0px; top: -32px; border-radius: 10px; height: 42px; } .informationLoteServicePayment { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 0px; top: -5px; border-radius: 10px; height: 30px; } .informationTCorp { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 0px; top: -25px; border-radius: 10px; height: 10px; } .informationOnlyLote { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 0px; top: -30px; border-radius: 10px; height: 10px; } .informationImportLote { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 15px; top: -5px; border-radius: 10px; height: 10px; } .informationLotePagoRef { font-size: 11px; position: absolute; text-align: right; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; right: 18px; top: 28px; border-radius: 10px; height: 30px; } .tableLote { margin-top: -3px; width: 145px; } .tableOnlyLote { margin-top: -5px; width: 145px; } .tableOnlyLoteTCorp { margin-top: -5px; width: 170px; } .divBotonTransfer { margin-top: 30px; } .divBotonContinuar { margin-top: 20px; } .divBotonTraspasos { margin-top: 15px; } .divBotonServicePayment { margin-top: 5px; } .divBotonNominaEdicion { margin-top: 30px; } .divBotonNominaImportar { margin-top: 90px; } .divBotonNominaContinuar { margin-top: 150px; } .divBotonLote { margin-top: 90px; } .divBotonCSMInversiones { margin-top: 25px; } .divBotonCSMCreditos { margin-top: 25px; } .divBotonCSMCreditosBC { margin-top: 25px; } .divInstructivos { margin-top: 10px; } .divInstructivosImpuestos { margin-top: 40px; } .divHeight { position: relative; height: 5px; } .divReminderCancel { top: 200px; position: absolute; left: 15px; } .divReminderConfirm { top: 200px; position: absolute; right: 15px; } .divReutilizaNominaBoton { position: absolute; top: 300px; right: 8px; } .divDown { clear: both; } .importeTraspaso { width: 200px; } .importeTraspasoDolares { width: 127px; } .li_nothing { border: none; } .wait_link { top: 1px; left: 0px; position: absolute; padding-top: 3px; } .imagenllave { width: 100px; height: 100px; float: left; } .datoslogin { width: 300px; margin-left: 100px; } .datosLoginRutinas { width: 300px; margin-left: 10px; } .objetoHijo { background: none repeat scroll 0 0 #F7F6F0; border: 1px solid #DADADA; border-radius: 15px 15px 15px 15px; box-shadow: 0 1px 2px #E5E5E5; height: 20px; padding-top: 4px; text-align: center; width: 280px; margin: 15px 0; cursor: pointer; position: relative; } .objetoHijo a { color: #626262; text-decoration: none; } .objetoHijo a:hover { background: #255381; color: #FFFFFF; border-radius: 15px 15px 15px 15px; } .objetoHijo:hover { background: #255381; color: #FFFFFF; border-radius: 15px 15px 15px 15px; } /* Establece el ancho para los controles del contenido */ /****************************************************** ** Modificación 07/08/2018. Ariadna Rojas. ** Se agrega la sentencia !important como parte de las modificaciones realizadas durante la migración a DevExpress v18.4.1 *******************************************************/ .gridZebra, .divGeneral, .divBotonGeneral, .divBotonCSMInversiones, .divBotonCSMCreditos, .divBotonCSMCreditosBC, .divTransfer, .divBotonTraspasos, .divBotonTransfer, .divBotonServicePayment, .carrousel_pServ_inactivos, .tableGeneralTransfer, .divAppletProvisional, .divAppletEjercicio, .divAppletEntidades, .divAppletDPA, .divErrorCenter, .divTopTransfer, .divBotonLote, .divBotonNominaEdicion, .divBotonNominaImportar, .divBotonNominaContinuar, .divBotonContinuar { width: 678px !important; } .divGeneralExterno { width: 678px; } .divErrorCenter { } .divAppletProvisional, .divAppletEjercicio, .divAppletEntidades, .divAppletDPA { overflow-x: scroll; } .appletEjercicio, .divBotonesAppletEjercicio { width: 700px; margin-bottom: 0px; } .appletEjercicio { height: 710px; } .appletProvisionales, .divBotonesAppletProvisionales { width: 700px; margin-bottom: 0px; } .appletProvisionales { height: 680px; } .appletEntidades, .divBotonesAppletEntidades { width: 700px; margin-bottom: 0px; } .appletEntidades { height: 700px; } .appletDPA, .divBotonesAppletDPA { width: 800px; margin-bottom: 0px; } .appletDPA { height: 700px; } .divTotalSizeLoading { width: 100%; height: 100%; position: absolute; opacity: 0.01; background-color: #FFFFFF; -webkit-background-color: transparent; -moz-background-color: transparent; filter: alpha(opacity=01); -moz-opacity:1; -webkit-opacity:1; } #loadingIconOut { width: 32px; height: 32px; background: url("../images/loadingPanel.gif") no-repeat; } .linkLoad { } .divContorno { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #C0C0C0; padding: 10px; width: 655px; } .divCentrado { display: table !important; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } .divCentradoPad { display: table !important; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; } .divButtonRight { float: right; padding-left: 20px; } .divBotonReciboElectronico { margin-top: 20px; } .divDescargarSolicitud { display: table !important; margin: 0 auto; } .divBotonAceptar { display: table !important; margin: 0 auto; margin-top: 60px; } .divBotonAceptarRecibo { display: table !important; margin: 0 auto; margin-top: 15px; } .divBotonCSM { display: table !important; margin: 0 auto; } .divBotonFinalizar { display: table !important; margin: 0 auto; padding-top: 10px; } .badge { margin:-45px 20px 0 0 !important; display: block; position: absolute; right: 3px; line-height: 16px; height: 16px; padding: 0 5px; font-family: Arial, sans-serif; font-size: 11px; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.25); border: 1px solid; border-radius: 10px; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08); } .badgeposition { margin:-15px 20px 0 0 !important; } .badge.red { background: #fa623f; border-color: red; background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f); background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f); background-image: -o-linear-gradient(top, #fc9f8a, #fa623f); background-image: linear-gradient(to bottom, #fc9f8a, #fa623f); } .badge.red:hover { background: #81bef7; border-color: #000000; background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f); background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f); background-image: -o-linear-gradient(top, #fc9f8a, #fa623f); background-image: linear-gradient(to bottom, #fc9f8a, #fa623f); } .badge.red.instruc_activate { margin: -45px 0px 0 0 !important; } .badge.red.instruc_activate:hover { margin: -45px 0px 0 0 !important; } .icono-btn-regresar, .icono-btn-imprimir, .icono-btn-siguiente, .icono-btn-exportar, .icono-btn-cerrar, .icono-btn-exportar-pdf, .icono-btn-exportar-xls, .icono-btn-exportar-csv, .icono-btn-buscar, .icono-btn-aceptar, .icono-btn-descargar-recibo-electr, .icono-btn-ir-consulta-saldos-mov, .icono-btn-confirmar, .icono-btn-ayuda, .icono-btn-registro, .icono-btn-agregar-usuario, .icono-btn-modificar-usuario, .icono-btn-eliminar-usuario { background-image: url('../images/sprite-contenido.png'); background-repeat: no-repeat; background-color: transparent; } .icono-btn-regresar { background-position: -22px 0px; width: 22px; height: 22px; } .icono-btn-siguiente { background-position: 0px 0px; width: 22px; height: 22px; } .icono-btn-buscar { background-position: -198px 0px; width: 16px; height: 16px; } .divPaddingBottom { padding-bottom: 10px; } .divPaddingBottomSpace { padding-bottom: 20px; } .divPaddingTop { padding-top: 10px; } .divPaddingButtonTop { padding-top: 5px; } /******************************************* 27/07/2018 : Modificacion : Hector Capistran Cambios migración devexpress 18.1.4 ********************************************/ .imagen-filtro-grid-buscar, .imagen-filtro-grid-cancelar { display: inline; float: right; position: relative; margin-top: -20px; vertical-align: top; background: url(../images/sprite-contenido.png) no-repeat scroll transparent; width: 16px; height: 16px; } .imagen-filtro-grid-buscar { background-position: 0px -22px; } .imagen-filtro-grid-cancelar { background-position: -16px -22px; } .imagen-filtro-grid-buscar:hover { -webkit-filter: drop-shadow(2px 2px 2px #969696); filter: drop-shadow(2Px 2px 2px #969696); } .imagen-filtro-grid-cancelar:hover { -webkit-filter: drop-shadow(0px 0px 0px #969696); filter: drop-shadow(0px 0px 0px #969696); cursor: pointer; } .pagoClickAvoid { } #loadingIcon1 { position: absolute; top: 9px; left: 15px; width: 32px; height: 32px; background: url("../images/loadingPanel.gif") no-repeat; } #loadingContainerIcon1 { background: #A9A9A9; border-radius: 10px; display: block; height: 50px; left: 50%; opacity: 0.65; position: absolute; top: 40%; width: 60px; } .imitaPopUp { box-shadow: 1px 1px 1px 0; border: 1px solid; height: 200px; width: 400px; left: 170px; position: absolute; top: 130px; } .tituloImitaPopUp { background-color: lightgray; width: 400px; } .redondea { border-radius: 5px; -moz-border-radius: 5px; } .linkLoginBtnHome { background-color: WhiteSmoke; border: 1px solid #7F7F7F; color: #296291; cursor: pointer; display: inline-block; font: bold 11px Tahoma; margin: 0 0 5px; padding: 6px 10px; text-align: center; vertical-align: middle; border-radius: 15px; -moz-border-radius: 15px; width: 170px; /*D4D4D4*/ } .linkLoginBtnHome:hover { background-color: #D4D4D4; border: 1px solid #7F7F7F; color: #296291; cursor: pointer; display: inline-block; font: bold 11px Tahoma; margin: 0 0 5px; padding: 6px 10px; text-align: center; vertical-align: middle; border-radius: 15px; -moz-border-radius: 15px; width: 170px; } .ignora { } .pruebaAlign { text-align: center; } .NoCursor { cursor: none; } .logo-encabezado { background: url(../images/sprite.png) no-repeat scroll 0px 0px; width: 696px; height: 93px; position: absolute; text-align: left; } .logo-bansi { background-image: url(../images/logo.png); background-repeat: no-repeat; width: 111px; height: 108px; position: relative; } .btn-bansi-com { background: url(../images/sprite.png) no-repeat scroll 0px -94px transparent; width: 109px; height: 22px; left: 570px; top: 0; color: #626262; font-weight: bold; text-decoration: none; position: absolute; cursor: pointer; text-align: right; padding: 0px 0 0 28px; border: none; } .separador-encabezado { border-bottom: 1px solid #F1F1F1; margin-top: 132px; width: 696px; position: absolute; } .botonConfirmacion > table { display: inline-block; margin: 20px; } .botonDescarga > table { display: inline-block; } .botonesConfirmar { margin-top: 15px; margin-bottom: 15px; } .divPaddingLabelPendientes { padding-bottom: 10px; } .divPaddingLabelConfirmar { padding-bottom: 15px; } .dxbButtonHover_BEL { color: #FFFFFF; background: #001E57; border: 1px solid #7F7F7F; } .contorno { border-radius: 10px !important; -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; } .small_text_info { font-size: 11px; font-weight: normal; font-style: italic; } /*Para sobreescrir DXR.axd generado por Devexpress 18.1 */ td, th { padding: 2px; } /*********VENTANA DE CONFIRMACION DIVISAS*************/ .reciboSubtitulo { height: 25px; } .reciboDescripcionTopRow { border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; } .reciboDescripcion_divisas { border-bottom: 1px solid #D2D2D2 !important; -moz-border-radius: 0 0 0 5px !important; } .reciboDescripcionWithOutDivider { border-bottom: 0px solid #D2D2D2 !important; -moz-border-radius: 0 0 0 5px !important; } .control_divisas { /*display: table;*/ text-align: center; /*width: 52% !important;*/ background: none repeat-x scroll left bottom #FFFFFF; border-left: 1px solid #D2D2D2 !important; border-bottom: 1px solid #D2D2D2 !important; border-right: 1px solid #D2D2D2 !important; padding: 0 !important; width: 260px; box-shadow: 0 0 5px #CCCCCC; height: 20px !important; } .control_cheques_cheques { width: 52% !important; } .left_column_divisas { /*float: left;*/ border-left: 1px solid #D2D2D2 !important; padding: 0px 15px 0px 0px !important; text-align: right; /*width: 40%;*/ width: 180px; height: 20px !important; } #loadingContainerAccess { background: #A9A9A9; border-radius: 10px; display: none; height: 50px; left: 50%; opacity: 0.65; position: absolute; top: 40%; width: 60px; } #loadingIconAccess { position: absolute; top: 9px; left: 15px; width: 32px; height: 32px; background: url("../images/loadingPanel.gif") no-repeat; } div.container_card { display: table; justify-content: space-between; align-items: baseline; } div.leftcol { display: table-cell; text-align: right; margin-right: 3px; } div.rightcol { display: table-cell; margin-left: 3px; padding-right: 10px; vertical-align: middle; } div.card { display: block; position: relative; width: 24px !important; height: 24px !important; cursor: pointer; border: none; text-align: center; } .contComplet { display: flex; justify-content: space-between; } .textCard { } .contText { text-align: center !important; background: Red; } .contTextBtn { } div.card.showcn { background: transparent url(../images/ic_value_show.png) no-repeat; } div.card.hidecn { background: transparent url(../images/ic_value_hide.png) no-repeat; } div.card.showcn_instructive { background: transparent url(../images/ic_value_show.png) no-repeat; position: fixed; margin-top: 12px; margin-left: 45px; background: red; } div.card.hidecn_instructive { background: transparent url(../images/ic_value_hide.png) no-repeat; position: fixed; margin-top: 12px; margin-left: 45px; } div.card.showcnwhite { background: transparent url(../images/ic_value_show_white.png) no-repeat; } div.card.hidecnwhite { background: transparent url(../images/ic_value_hide_white.png) no-repeat; } /*Estilo cuando se requiere que herede las propiedades del contenedor o padre del mismo*/ input.inherit-props-parent { color: inherit !important; } card-control { width: 135px !important; } div.btn-show-or-hide-instruc { position: absolute; right: 300px; } .label-rango { border: 1px solid; border-radius: 3px; border-color: #80808078; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; color: red; position: absolute !important; right: 30px !important; } div.show { background: transparent url(../images/mostrar.png) no-repeat; width: 16px !important; height: 16px !important; display: block; position: relative; cursor: pointer; border: none; text-align: center; } /*Migracion DevExpress V21.2*/ #btnFavoritosUsuario { border: none; background: none; } #btnAdministracion { border: none; } #btnFrecuen { border: none; background: none; } #imaLogo { border: none; background: none; } #btnContacto { border: none; } .dxbButton { border: none; } .dxbf { border: none !important; } .botonIdentifier { background-color: transparent; border: none; color: #001e57; font-weight: bold; font-size: 12px; cursor: pointer; text-align: left; font: inherit; } .header_transfer_identificador { position: relative; } .hlpTransferIcon { position: absolute; left: 220px; } .logo_fonderia { display: block; right: 0px; position: absolute; width: 100%; } .divTransfer.fonderia { width: 140px !important; height: 100px; position: relative; float: right } .divContorno.muestrafonderia { margin-top: 30px; } .divContorno.ocultafonderia { margin-top: 5px; } .defAtrstxtareactrl { height: 20px !important; } /********* VENTANA CONSULTAR FACTURAS REVISOR *********/ .containerBtnAuthCanc{ margin-top: 5px !important; margin-bottom: 5px !important; } .btnAuthCanc { padding: 5px !important; margin: 3px !important; } /* HTML GENERAL */ body { background-color: #FFF; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #303030; cursor: default; margin: 0; padding: 0; } img { border: none; } a, img, embed, object { outline: none; } a { color: #001e57; text-decoration: underline; font-family: Tahoma; font-size: 12px; font-weight: bold; color: #303030; } .clear { clear: both; } /* FORMULARIOS Y BOTONES */ input[type=text], input[type=password], input[type=file], textarea, select { font-size: 11px; font-weight: normal; margin: 0 0 5px 0; border: 1px solid #8c8c8c; background-color: #FFF; padding: 3px 0; margin: 0 0 5px 0; } input[type=checkbox], input[type=radio] { background-color: #FFF; } textarea { border: 1px solid #001e57; overflow: auto; resize: none; } input.btn { font-size: 11px; color: #001e57; font-weight: bold; background-color: #f8f8f8; border: 1px solid #7f7f7f; padding: 6px 10px; text-align: center; text-decoration: none; display: inline-block; margin: 0 0 5px 0; } button.btn { font-size: 11px; color: #001e57; font-weight: bold; background-color: #f8f8f8; border: 1px solid #7f7f7f; padding: 10px; text-align: center; text-decoration: none; display: inline-block; margin: 0 0 5px 0; border-radius: 10px; cursor: pointer; } input.btn:hover, button.btn:hover { background-color: #001e57; border: 1px solid #7f7f7f; color: #FFF; } intput.btn.sel { background-color: #001e57; border: 1px solid #7f7f7f; color: #FFF; } /* ESTRUCTURA GRAL */ .container { width: 700px; margin: 0 auto 0 auto; padding-bottom: 60px; height: 100%; } .container1 { width: 980px; margin: 0 auto 0 auto; padding-bottom: 60px; height: 91%; } .sidebar { background: url(../images/sidebar-bg.png) no-repeat scroll 0 0 transparent; width: 266px; display: inline; float: left; min-height: 635px; height: 635px !important; height: 542px; border: none; } .logo { margin: 0 0 0 2px; } .logo_login { margin: 0 0 0 92px; } .content { width: 696px; display: inline; float: left; margin-bottom: 30px; margin-left: 15px; } .main_container { margin: 0 0 0 5px; left: 0px; position: absolute; top: 0px; } a.btn.sel { background-color: #001e57; border: 1px solid #7f7f7f; color: #FFF; } .header { margin: 0; height: 110px; position: relative; } h1.main_welcome { background: url(../images/sprite.png) no-repeat scroll 0 -99px transparent; width: 696px; height: 73px; display: block; text-indent: -5000px; margin: 0 0 11px 0; } a.contact_btn { background: url(images/sprite.png) no-repeat scroll -381px -34px transparent; width: 102px; height: 22px; display: inline-block; margin: 0 0 0 34px; color: #626262; font-weight: bold; text-decoration: none; padding: 5px 0 0 10px; } a.contact_btn:hover { color: #FFF; background-position: -381px -61px; } .contact_btn_imagen { background: url("../images/sprite.png") no-repeat scroll -457px -34px transparent; color: #626262; display: inline-block; font-weight: bold; height: 27px; margin: 0 0 0 140px; position: relative; text-decoration: none; top: -3px; width: 36px; cursor: pointer; } /*.contact_btn_imagen:hover { color: #FFF; background-position: -457px -61px; }*/ .contact_btn_imagen_home { background: url("images/sprite.png") no-repeat scroll -381px -34px transparent; color: #626262; display: inline-block; font-weight: bold; height: 27px !important; margin: 0 0 0px 64px; position: relative; text-decoration: none; top: 10px; width: 112px !important; cursor: pointer; padding: 3px 0px 0px 12px; } .contact_btn_imagen_home:hover { color: #FFF; background-position: -381px -61px; } .contact_btn_imagen > tbody > tr > td > div { padding: 5px 0px 0px 20px; } a.logout_btn { background: url(images/sprite.png) no-repeat scroll -250px -34px transparent; width: 99px; height: 17px; display: inline-block; margin: 0 0 0 270px; color: #626262; font-weight: bold; text-decoration: none; padding: 5px 0 0 32px; } a.logout_btn:hover { color: #FFF; background-position: -251px -61px; } .main_site_btn { background: url(images/sprite.png) no-repeat scroll -493px -34px transparent; width: 109px; height: 22px; margin: -22px 0px 0px 570px; color: #626262; font-weight: bold; text-decoration: none; padding: 5px 0 0 30px; position: absolute; cursor: pointer; } .main_site_btn_access { background: url(../images/sprite.png) no-repeat scroll -493px -32px transparent; width: 109px; height: 23px; color: #626262; font-weight: bold; text-decoration: none; padding: 5px 0 0 30px; position: absolute; top: 94px; left: 571px; cursor: pointer; border: none; } .main_site_btn:hover, .main_site_btn_access:hover { color: #FFF; background-position: -493px -61px; } .main_title { margin: 5px 0; font-size: 16px; font-weight: normal; color: #001a3e; } .highlight { color: #001e57; font-weight: bold; top: 0px; left: 0px; } .download_btn { background: url(images/sprite.png) no-repeat scroll -520px -1px; width: 15px; height: 15px; display: inline-block; text-indent: 0; line-height: 0; font-size: 0; overflow: hidden; } .download_btn:hover { background-position: -701px -64px; } /* Clase de boton XML*/ .xml_btn { background: url('../images/xml-Azul.png') no-repeat scroll; width: 22px; height: 22px; display: inline-block; text-indent: 0; line-height: 0; font-size: 0; overflow: hidden; } /* Clase de boton XML*/ .view_btn { background: url(images/sprite.png) no-repeat scroll -521px -18px; width: 15px; height: 14px; display: inline-block; text-indent: 0; line-height: 0; font-size: 0; overflow: hidden; margin: 0 0 0 15px; } .small_text { font-size: 11px; font-weight: normal; } .lote_text { font-size: 11px; } .small_text a { font-weight: normal; font-size: 11px; font-weight: bold; color: #001e57; } .label { text-align: center; color: #FFF; font-size: 14px; font-weight: bold; border: 1px solid #001e57; padding: 15px 0; margin: 5px 0; } .labeljust { text-align: justify; color: #FFF; font-size: 14px; font-weight: bold; border: 1px solid #001e57; padding: 15px 0; } .label.success { background-color: #009C82; } .label.successVerde { background-color: #009C82; } .label.successOrange { background-color: orange; color: black; } .label.warning { background-color: #ff0000; } .label.alert { color: #000; background-color: #FFBF00; } .labeljust.alert { color: #000; background-color: #FFBF00; } .help_btn { padding: 7px 0 0 34px; height: 20px; display: inline-block; text-decoration: none; font-size: 11px; color: #001e57; font-weight: normal; background: url(images/sprite.png) no-repeat scroll -728px -123px transparent; } .image { } .thumb_image { } .tools_menu li { display: inline; float: left; } .tools_separador { background: url(images/sprite.png) no-repeat scroll -787px -61px transparent; font-size: 1px; width: 2px; height: 11px; margin: 0 9px; } .print_btn { background: url(images/sprite.png) no-repeat scroll -728px -61px transparent; display: block; text-indent: -5000px; width: 50px; height: 30px; } .export_btn { background: url(images/sprite.png) no-repeat scroll -796px -61px transparent; display: block; text-indent: -5000px; width: 53px; height: 31px; } /* MENU */ /*ul.menu { width: 246px; padding: 5px 0 0 7px; font-size: 10px; }*/ ul.menu { border-radius: 10px 10px 5px 5px; /*box-shadow: 1px 1px #E2E2E2;*/ font-size: 10px; height: 513px; padding: 2px 0 0 6px; width: 265px; } li.menu_btn { margin: 0 0 5px 0; } li.menu_btn a { background: url(../images/sprite.png) no-repeat scroll 0 0; width: 197px; height: 29px; display: block; color: #000; text-decoration: none; padding: 16px 0 0 48px; font-weight: normal; } li.menu_btn a:hover { background-position: 0 -45px; color: #FFF; } li.menu_btn a.sel { background-position: 0 -45px; color: #FFF; } ul.submenu { padding: 2px 0 2px 29px; } li.submenu_padre a { background: url("../images/plus.png") no-repeat scroll left center transparent; height: 30px; padding: 3px 30px; } li.submenu_padre a:hover { background: url(images/sprite.png) no-repeat scroll -690px -5px; color: #5c5c5c; } li.submenu_btn a { background: none; display: block; width: 180px; height: 100%; color: #356A9F; text-decoration: none; padding: 4px 0 1px 0; font-weight: normal; } li.submenu_btn a:hover { background: url(images/sprite.png) no-repeat scroll -690px -5px; color: #5c5c5c; } li.submenu_separador { background: url(images/sprite.png) no-repeat scroll 0 -94px; width: 181px; height: 2px; margin: 0; font-size: 1px; } .menuText { position: relative; bottom: 26px; } .badgeWrapper { position: relative; } .icon_consultas { background: url(../images/sprite.png) no-repeat scroll -245px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_traspasos { background: url(../images/sprite.png) no-repeat scroll -278px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_transferencias { background: url(../images/sprite.png) no-repeat scroll -315px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_pagos { background: url(../images/sprite.png) no-repeat scroll -354px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_referenciado { background: url(../images/sprite.png) no-repeat scroll -388px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_debito { background: url(../images/sprite.png) no-repeat scroll -422px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_operaciones { background: url(../images/sprite.png) no-repeat scroll -456px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_servicio { background: url(../images/spriteHeader.png) no-repeat scroll -319px -65px transparent; width: 33px; height: 33px; margin: -7px 0 0 -40px; } .icon_favoritos { background: url(../images/favoritos.png) no-repeat scroll transparent; width: 33px; height: 33px; margin: 5px 0 0 8px; } .icon_frecuentes { background: url(../images/frecuente.png) no-repeat scroll transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_inversiones { background: url(../images/inversiones.png) no-repeat scroll transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_nomina { background: url(../images/nomina.png) no-repeat scroll transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_proteccion { background: url(../images/proteccion.png) no-repeat scroll transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_favorite { background: url(../images/IconoFavoritos.png) no-repeat scroll transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_tarjeta { background: url(../images/Tarjeta.png) no-repeat scroll transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_factoraje { background: url(../images/sprite.png) no-repeat scroll -615px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } .icon_hojaazul { background: url(../images/sprite.png) no-repeat scroll -650px 0 transparent; width: 33px; height: 33px; margin: -9px 0 0 -40px; } /*Iconos para favoritos*/ .icon_consultas_fav { background: url(../images/sprite.png) no-repeat scroll -245px 0 transparent; width: 33px; height: 33px; } .icon_traspasos_fav { background: url(../images/sprite.png) no-repeat scroll -278px 0 transparent; width: 33px; height: 33px; } .icon_transferencias_fav { background: url(../images/sprite.png) no-repeat scroll -315px 0 transparent; width: 33px; height: 33px; } .icon_pagos_fav { background: url(../images/sprite.png) no-repeat scroll -354px 0 transparent; width: 33px; height: 33px; } .icon_referenciado_fav { background: url(../images/sprite.png) no-repeat scroll -388px 0 transparent; width: 33px; height: 33px; } .icon_debito_fav { background: url(../images/sprite.png) no-repeat scroll -422px 0 transparent; width: 33px; height: 33px; } .icon_operaciones_fav { background: url(../images/sprite.png) no-repeat scroll -456px 0 transparent; width: 33px; height: 33px; } .icon_servicio_fav { background: url(../images/sprite.png) no-repeat scroll -485px 0 transparent; width: 33px; height: 33px; } .icon_favoritos_fav { background: url(../images/favoritos.png) no-repeat scroll transparent; width: 33px; height: 33px; } .icon_frecuentes_fav { background: url(../images/frecuente.png) no-repeat scroll transparent; width: 33px; height: 33px; } .icon_inversiones_fav { background: url(../images/inversiones.png) no-repeat scroll transparent; width: 33px; height: 33px; } .icon_nomina_fav { background: url(../images/nomina.png) no-repeat scroll transparent; width: 33px; height: 33px; } .icon_proteccion_fav { background: url(../images/proteccion.png) no-repeat scroll transparent; width: 33px; height: 33px; } .icon_favorite_fav { background: url(../images/IconoFavoritos.png) no-repeat scroll transparent; width: 33px; height: 33px; } .icon_tarjeta_fav { background: url(../images/Tarjeta.png) no-repeat scroll transparent; width: 33px; height: 33px; } .icon_factoraje_fav { background: url(../images/sprite.png) no-repeat scroll -422px 0 transparent; width: 33px; height: 33px; } /* TABLAS */ .default_table { margin: 20px 0; font-weight: normal; } .zebra_table { font-weight: normal; border: 9px solid #f1f1f1; margin: 20px 0; } .zebra_table tr { background-color: #FFF; } .zebra_table td { padding: 5px 0; } .zebra_table tr.table_alternate_color { background-color: #e1e1e1; } .bordered_table { font-weight: normal; margin: 20px 0; } .bordered_table th { background-color: #f1f1f1; font-size: 12px; color: #001e57; font-weight: bold; text-align: center; padding: 10px 0; border: 1px solid #000; } .bordered_table td { text-align: center; padding: 5px 0; border: 1px solid #000; font-size: 11px; color: #626262; font-weight: normal; } .bordered_table td.first_column { font-size: 10px; color: #001e57; } /* FOOTER */ .footer { background: url(images/footer_bg.png) no-repeat scroll center top; height: 52px; font-size: 11px; color: #2479ab; padding: 30px 0 0; font-weight: normal; } .horizontal_menu { width: 170px; margin: 0 auto 10px auto; } .horizontal_menu li { font-size: 13px; font-weight: bold; color: #FFF; width: auto; display: inline-block; } .btnInicio { background-color: transparent !important; border-style: none; position: relative; top: 3px; } .horizontal_menu li a { font-size: 13px; font-weight: bold; color: #FFF; text-decoration: none; } .horizontal_menu_separador { width: 47px; text-align: center; } .copyright { text-align: center; position: relative; } .menu_separador { background: url(images/sprite.png) no-repeat scroll 0 -94px whitesmoke; width: 650px; height: 2px; margin-top: 8px; font-size: 1px; position: absolute; left: 30px; } .menu_separador_lote { background: url(images/sprite.png) no-repeat scroll 0 -94px whitesmoke; width: 650px; height: 2px; margin-top: 60px; font-size: 1px; position: absolute; left: 0px; } .menu_separador_lote_disposefac { background: url(images/sprite.png) no-repeat scroll 0 -94px whitesmoke; width: 650px; height: 2px; margin-top: 60px; font-size: 1px; position: static; left: 0px; } .menu_separador_lote_pserv { background: url(images/sprite.png) no-repeat scroll 0 -94px whitesmoke; width: 650px; height: 2px; margin-top: -10px; font-size: 1px; position: absolute; left: 0px; } .menu_separador_pago_referenciado { background: url(images/sprite.png) no-repeat scroll 0 -94px whitesmoke; width: 650px; height: 2px; font-size: 1px; position: absolute; left: 0px; } .divBotonLoteDisponerFacturas{ margin-top: 30px; } /*EOR - COLUMNAS DEL GRID MAS PEQUE�AS */ .gridSeleccion { width: 80px; } .gridLimites { width: 120px; } /***************************************/ /**-----Sprite de los botones genericos--***/ .icono-btn-regresar, .icono-btn-imprimir, .icono-btn-siguiente, .icono-btn-exportar, .icono-btn-cerrar, .icono-btn-exportar-pdf, .icono-btn-exportar-xls, .icono-btn-exportar-csv, .icono-btn-buscar { background-image: url("../images/sprite-contenido.png"); background-repeat: no-repeat; background-color: transparent; } .icono-btn-siguiente { background-position: 0px 0px; width: 22px; height: 22px; } .icono-btn-regresar { background-position: -22px 0px; width: 22px; height: 22px; } .icono-btn-imprimir { background-position: -44px 0px; width: 22px; height: 22px; } .icono-btn-exportar { background-position: -110px 0px; width: 22px; height: 22px; } .icono-btn-cerrar { background-position: -88px 0px; width: 22px; height: 22px; } .icono-btn-exportar-pdf { background-position: -132px 0px; width: 22px; height: 22px; } .icono-btn-exportar-xls { background-position: -154px 0px; width: 22px; height: 22px; } .icono-btn-exportar-csv { background-position: -176px 0px; width: 22px; height: 22px; } .icono-btn-buscar { background-position: -198px 0px; width: 22px; height: 22px; } .icon_divisas { background: url(../images/divisas.png) no-repeat 0 transparent; background-size: 33px 33px; width: 33px; height: 33px; margin: -9px 0 0 -40px; } /* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /*Horizontal Orientation CSS*/ .jscarousal-horizontal { width: 650px; height: 68px; background-color: #F8F8F8; border: solid 1px #7F7F7F; margin: 0; padding: 0; padding: 22px 8px 22px 8px; position: relative; /*overflow: hidden;*/ border-radius: 10px 10px 10px 10px; } .jscarousal-horizontal-back, .jscarousal-horizontal-forward { float: left; width: 23px; height: 98px; background-color: #121212; color: White; position: relative; top: 6px; cursor: pointer; } .jscarousal-horizontal-back { background-image: url(../images/left_arrow.jpg); background-repeat: no-repeat; background-position: left; z-index: 1; top: 8px; position: absolute; } .jscarousal-horizontal-forward { background-image: url(../images/right_arrow.jpg); background-repeat: no-repeat; background-position: right; z-index: 1; left: 633px; top: 8px; position: absolute; } .jscarousal-contents-horizontal { width: 650px; height: 84px; position: relative; overflow: hidden; top: -10px; } .jscarousal-contents-horizontal > div { position: absolute; width: 100%; height: 84px; } .jscarousal-contents-horizontal > div > div { float: left; margin-left: 58px; margin-right: 10px; } .jscarousal-contents-horizontal img { width: 120px; height: 94px; border: solid 1px #7A7677; } /*Horizontal Orientation CSS Ends*/ /*Vertical Orientation CSS Starts*/ .jscarousal-vertical { width: 200px; height: 350px; background-color: #F8F8F8; border: solid 1px #7F7F7F; margin: 0; padding: 0; position: relative; overflow: hidden; border-radius: 10px 10px 10px 10px; } .jscarousal-vertical-back, .jscarousal-vertical-forward { width: 100%; height: 30px; color: White; position: relative; cursor: pointer; z-index: 100; } .jscarousal-vertical-back { background-image: url(../images/top_arrow.jpg); background-repeat: no-repeat; background-position: bottom; } .jscarousal-vertical-forward { background-image: url(../images/bottom_arrow.jpg); background-repeat: no-repeat; background-position: top; bottom: 115px; } .jscarousal-contents-vertical { overflow: hidden; width: 140px; height: 410px; } .jscarousal-contents-vertical > div { position: absolute; top: 40px; width: 100%; height: 820px; overflow: hidden; } .jscarousal-contents-vertical > div > div { width: 140px; height: 65px; margin: 8px; margin-left: 14px; } .jscarousal-contents-vertical > div > div span { display: block; width: 70%; text-align: center; } .jscarousal-contents-vertical img { width: 110px; height: 80px; border: solid 1px #7A7677; } .carouselInfo { float: right; position: relative; top: -30px; width: 90px; left: 55px; } /*Vertical Orientation CSS Ends*/ /*Common*/ .hidden { display: none; } .visible { display: block; } .thumbnail-active { filter: alpha(opacity=100); opacity: 1.0; cursor: pointer; } .thumbnail-inactive { filter: alpha(opacity=20); opacity: 0.5; cursor: pointer; } .thumbnail-text { color: #7A7677; font-weight: bold; text-align: left; display: block; padding: 10px 2px 2px 0px; } /* Thumbnail Effects Style */ .tj_container { width: 300px; height: 240px; position: relative; background: #F8F8F8; border: 1px solid #7F7F7F; border-radius: 10px; behavior: url(~/Script/PIE.htc); } .tj_nav { position: absolute; /*right: -320px; top: 50%;*/ margin-top: -20px; height: 70px; width: 39px; } .tj_nav span { width: 70px; height: 35px; background: url(../images/up.png) no-repeat top left; position: absolute; top: 0px; left: 135px; text-indent: -9000px; opacity: 0.7; cursor: pointer; /*-webkit-transition: all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -transition: all 0.2s ease-in-out; */ } .tj_nav span.tj_next { background-image: url(../images/down.png); top: 195px; bottom: 0px; left: 135px; } .tj_nav span:hover { opacity: 1.0; } .tj_wrapper { /*width: 100%; margin: 0px auto;*/ width: 200px; height: 100%; position: relative; padding-top: 25px; } .tj_wrapper ul li { float: left; } .tj_wrapper ul li a { outline: none; display: block; margin: 5px; /*background: transparent url(../images/bg_thumb.jpg) no-repeat center center;*/ } .tj_wrapper ul li a img { display: block; border: none; opacity: 0.7; -moz-box-shadow: 2px 2px 4px #8e8e8e; -webkit-box-shadow: 2px 2px 4px #8e8e8e; box-shadow: 2px 2px 4px #8e8e8e; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -transition: all 0.2s ease-in-out; */ } .tj_wrapper ul li a img:hover { opacity: 1.0; } /*Carrusel horizontal*/ .tj_container_horizontal { width: 672px; height: 100px; position: relative; background: #F8F8F8; border: 1px solid #7F7F7F; border-radius: 10px; behavior: url(~/Script/PIE.htc); } .tj_nav_horizontal span { width: 40px; height: 100px; background: url(../images/left.png) no-repeat top left; position: absolute; top: 20px; left: 3px; text-indent: -9000px; opacity: 0.7; cursor: pointer; /*-webkit-transition: all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -transition: all 0.2s ease-in-out; */ } .tj_wrapper_horizontal { /*width: 100%; margin: 0px auto;*/ width: 350px; height: 100px; position: relative; padding-top: 10px; } .tj_wrapper_horizontal_Ajustado { /*width: 100%; margin: 0px auto;*/ width: 450px; height: 100px; position: relative; padding-top: 10px; } .tj_wrapper_horizontal ul li { float: left; } .tj_wrapper_horizontal ul li a { outline: none; display: block; margin: 40px; /*background: transparent url(../images/bg_thumb.jpg) no-repeat center center;*/ } .tj_wrapper_horizontal ul li a img { display: block; border: none; opacity: 0.7; -moz-box-shadow: 2px 2px 4px #8e8e8e; -webkit-box-shadow: 2px 2px 4px #8e8e8e; box-shadow: 2px 2px 4px #8e8e8e; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -transition: all 0.2s ease-in-out; */ } .tj_wrapper_horizontal ul li a img:hover { opacity: 1.0; } .tj_nav_horizontal { position: absolute; /*right: -320px; top: 50%;*/ height: 40px; width: 40px; } .tj_nav_horizontal span.tj_next { background-image: url(../images/right.png); top: 20px; bottom: 0px; left: 639px; } .tj_wrapper_horizontal ul li { left:100px !important; } .tj_wrapper_horizontal_Ajustado ul li { float: left; } .tj_wrapper_horizontal_Ajustado ul li a { outline: none; display: block; margin: 40px; /*background: transparent url(../images/bg_thumb.jpg) no-repeat center center;*/ } .tj_wrapper_horizontal_Ajustado ul li a img { display: block; border: none; opacity: 0.7; -moz-box-shadow: 2px 2px 4px #8e8e8e; -webkit-box-shadow: 2px 2px 4px #8e8e8e; box-shadow: 2px 2px 4px #8e8e8e; /* -webkit-transition: all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -transition: all 0.2s ease-in-out; */ } .tj_wrapper_horizontal_Ajustado ul li a img:hover { opacity: 1.0; } .tj_wrapper_horizontal_Ajustado ul li { left: 75px !important; } #bnwsNoticias { height: 27px; margin-left: 250px; position: absolute; top: 77px; width: 270px; background: #F8F8F8; border: 1px solid #7F7F7F; border-radius: 5px; behavior: url(../script/PIE.htc); } #bnwsNoticiasLogin { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #7F7F7F; border-radius: 5px; behavior: url(../script/PIE.htc); height: 70px; width: 520px; top: 272px; left: auto; margin-left: 100px; } #bnwsPaginacion { height: 12px; width: 290px; text-align: center; margin-top: 5px; } #bnwsPaginacion a { width: 12px; height: 12px; background: url(../images/paginacion.png) no-repeat transparent 0 0; display: inline-block; cursor: pointer; margin: 0 2px; } #bansiNews { height: 27px; overflow: hidden; position: relative; width: 290px; } #bansiNews ul { padding: 0; position: inherit; margin-top: 6px; -webkit-margin-top: 6px; -webkit-padding: 0; } #bansiNews ul li { display: inline-block; width: 290px; margin-left: 10px; height: 15px; overflow: hidden; -webkit-margin-left: 10px; } #bansiNews ul li a { text-decoration: none; font-weight: normal; } #bansiNews ul li a:hover { color: #356A9F; } #bnwsNav { height: 36px; left: -15px; position: absolute; width: 320px; } .bnwsFlechas { cursor: pointer; height: 10px; position: inherit; width: 10px; top: 9px; } #bnwsAtras { background: url(../images/breadAtras.png) no-repeat; } #bnwsAdelante { background: url(../images/breadAdelante.png) no-repeat; right: 0; } #bnwsImagenNoticia { background: url("../images/alerta.png") no-repeat; height: 50px; float: left; width: 50px; margin: 10px; } .bnwsTitulo { color: #003366; font-size: 14px; font-weight: bold; line-height: 8px; } #bansiNewsLogin { height: 70px; margin-top: 0; overflow: hidden; padding: 0; width: 434px; } #bansiNewsLogin ul { margin: 0; padding: 0; position: relative; width: 1300px; } #bansiNewsLogin ul li { display: inline-block; width: 470px; margin-right: 50px; } .bnwsDescripcion { height: 30px; margin: 0; overflow: hidden; padding: 0; } .bnwsDescripcionPop { margin-top: 20px; padding: 0; } .bnwsInfo { margin: 0; position: relative; width: 425px; } #bnwsArrows { height: 70px; position: absolute; right: 0; width: 25px; } #bnwsArrows div { cursor: pointer; height: 12px; left: 5px; margin: 0 auto; position: absolute; width: 12px; } .bnwsUpArrow { background: url("../images/upArrowNews.png") no-repeat; } .bnwsDownArrow { background: url("../images/downArrowNews.png") no-repeat; bottom: 3px; } .ui-widget-content { background: #F8F8F8; } .ui-widget-header { color: #003366; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 5px; width: 9px; height: 100%; background: transparent; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; visibility:hidden; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #E1E1E1; position: relative; border-radius: 6px; } .jspDrag { background: #D1D1D5; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 6px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }