/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 13, 2014 */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.0.3'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-times:before { content: "\f00d"; } .fa-plus:before { content: "\f067"; }/* CSS Document */ /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .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 * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=A1AFB2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget {} .ui-widget .ui-widget { } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { } .ui-widget-content { border: 1px solid #A1AFB2; background: #fcfdfd 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #78888B; background: #CDD5D6 url(picture/wibo/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; 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 #78888B; background: #B8C3C4 50% 50% repeat-x; color: #1d5987; } .ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #78888B; background: #f5f8f9 url(picture/wibo/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; 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 #fad42e; background: #fbec88 url(picture/wibo/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(picture/wibo/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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(picture/wibo/ui-icons_469bdd_256x240.png); } .ui-widget-content .ui-icon {background-image: url(picture/wibo/ui-icons_469bdd_256x240.png); } .ui-widget-header .ui-icon {background-image: url(picture/wibo/ui-icons_d8e7f3_256x240.png); } .ui-state-default .ui-icon { background-image: url(picture/wibo/ui-icons_6da8d5_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(picture/wibo/ui-icons_217bc0_256x240.png); } .ui-state-active .ui-icon {background-image: url(picture/wibo/ui-icons_f9bd01_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(picture/wibo/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(picture/wibo/ui-icons_cd0a0a_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-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(picture/wibo/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(picture/wibo/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable ----------------------------------*/ .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;}/* Selectable ----------------------------------*/ .ui-selectable-helper { border:1px dotted black } /* Accordion ----------------------------------*/ .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; } /* IE7-/Win - Fix extra vertical space in lists */ .ui-accordion a { zoom: 1; } .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; }/* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url('picture/wibo/ui-anim_basic_16x16.gif') right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .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; } /* Button ----------------------------------*/ .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 .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.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 .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon .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-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 */ /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 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 { 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 button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .5em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .5em; } .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; }/* Tabs ----------------------------------*/ .ui-tabs { } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { } .ui-tabs .ui-tabs-nav li { } .ui-tabs .ui-tabs-nav li a { } .ui-tabs .ui-tabs-nav li.ui-tabs-selected {} .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; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ #ui-datepicker-div { z-index:100 !important;} .ui-datepicker { width: 17em; padding: .2em .2em 0; } .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%; } /* 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*/ }/* Progressbar ----------------------------------*/ .ui-menu{ padding-left: 0; padding-right: 0; } .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* UPRAVY */ .ui-corner-all{ border-radius: 0; } .ui-widget-content a{ color: #4D4C4C; border: 0; cursor: pointer; } .ui-state-hover a, .ui-state-hover a:hover, .ui-widget-content a:hover{ font-weight: normal; } .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{ background: none; border: 0; } .ui-menu .ui-menu-item{ padding-bottom: 0.3em; padding-top: 0.3em; border-bottom: 1px solid #ccc; } #content {} #branding { margin-bottom: 1.5em; border-top: 6px solid #ececec; } #branding .branding-bottom{ background: #ececec; border-bottom: 1px solid #bfbfbf; } #home { float: left; display: block; margin-bottom: 0.6em; margin-top: 0.9em; } #mask-pz-links{ float: right; margin-top: 0.7em; } #mask-pz-links a, #mask-pz-links strong{ color: #000; text-shadow: 0 1px #fff; text-decoration: none; } #mask-pz-links strong{ padding-left: 25px; background: url('../picture/ico-person.png') no-repeat; } #mask-pz-links a{ margin-left: 32px; } #mask-pz-links a:hover{ text-decoration: underline; } #content { margin-bottom: 1.5em; } #content-left{} #content-right{} #page.footer { padding: 1.3em 0; font-size: 14px; font-size: 1.4rem; border-top: 1px solid #bfbfbf; } #copyright { float: right; } .nav ul { display: block; margin: 0; padding: 0; list-style-type: none; } .nav li { display: block; margin: 0; padding: 0; background: transparent; } /* MENU TOP */ #menu-main { } #menu-main li{ display: block; float: left; } #menu-main li a{ } #menu-main li a:hover{ } #menu-main li.last a{ } #menu-main li.active{ } #menu-main li.active a, #menu-main li.active a:hover { } /** * MENU TABS ARTICLE: 2 COLUMNS */ #menu-content { clear: both; width: 646px; display: table; margin: -1.5em 0 2.1em; padding: 1em 16px 1.2em 16px; font-size: 90%; border-bottom: 1px solid #ccc; } #menu-content ul { float: left; list-style-type: none; } #menu-content ul.first { margin-right: 205px; padding-right: 10px; } #menu-content li { padding: 0.1em 0; margin: 0 5px 5px 0; } #menu-content a { padding: 0.1em 0 0.1em 15px; text-decoration: none; background: url("../picture/bg-li.gif") no-repeat 0px 4px; } #menu-content a:hover { text-decoration: underline; } #menu-content .active a, #menu-content .active.last a { font-weight: bold; text-decoration: none; } #menu-content .active a:hover { text-decoration: none; } /** * MENU SIDE */ #menu-side{ } #menu-side ul.makeMenu{ } #menu-side .makeMenu li { } #menu-side a{ display: block; padding: 1em 15px 0.75em 18px; text-decoration: none; } #menu-side a:hover{ } /* 1. level - click */ #menu-side .makeMenu > li.active-item, #menu-side .makeMenu > li.active-item-submenu, #menu-side .makeMenu > li.active-item-in-submenu { } #menu-side .makeMenu > li > a.active-item, #menu-side .makeMenu > li > a.active-item-submenu, #menu-side .makeMenu > li > a.active-item-in-submenu{ } /* 2. level */ #menu-side ul ul { display: block; padding: 0.1em 0 0.8em; margin: 0; } #menu-side ul ul > li{ padding: 0 0 0 0; border-left: 1px solid #fff; border-bottom: 1px solid #eaeaea; } #menu-side ul ul a { padding-bottom: 0.6em; padding-top: 0.65em; } /* 2. level - over */ #menu-side ul ul a:hover { } /* 2. level - click */ #menu-side ul ul li.active-item, #menu-side ul ul li.active-item-submenu, #menu-side ul ul li.active-item-in-submenu{ border: 1px solid #bfbfbf; border-right: 0; background: #fff; } #menu-side ul ul li.active-item a, #menu-side ul ul li.active-item-submenu a, #menu-side ul ul li.active-item-in-submenu a{ } .forms { margin-bottom: 1em; } .forms form > div{ clear: both; } .forms input[type="file"], .forms input[type="text"], .forms input[type="password"], .forms select, .forms .selectboxit-container .selectboxit, .forms textarea, .forms .secure .fixedWidth, .forms .selector, .forms .uploader { position: relative; border: solid #e0e0e0 1px; outline: none; color: #4D4C4C; box-shadow: inset 0 0 0 1px #fff; background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 50%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#ffffff), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 50%,#ffffff 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 50%,#ffffff 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 50%,#ffffff 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 50%,#ffffff 100%); -pie-background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 50%,#ffffff 100%); behavior: url('/js/PIE.php'); } .forms textarea{ background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 15%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(15%,#ffffff), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 15%,#ffffff 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 15%,#ffffff 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 15%,#ffffff 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 15%,#ffffff 100%); -pie-background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 15%,#ffffff 100%); } .forms input[type="file"], .forms input[type="text"], .forms input[type="password"], .forms select, .forms .selectboxit-container .selectboxit, .forms textarea, .forms .empty-item, .forms .label-wrap, .forms .selector, .forms .uploader, .forms .secure { position: relative; width: 50%; float: left; margin: 0 0 0.7em 0; padding: 0px 13px 0; border-radius: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .forms input[type="checkbox"], .forms input[type="radio"], .forms input[type="file"], .forms input[type="text"], .forms input[type="password"], .forms input[type="submit"], .forms button, .forms a.button, .forms select, .forms textarea, .forms .label-wrap, .forms .empty-label, .forms label, .forms .empty-item, .forms .fixedWidth, .forms .selector span, .forms .checker span, .forms .radio span, .forms .uploader, .forms .selectboxit-container span, .forms .selectboxit-container .selectboxit-options a{ height: 34px; line-height: 34px; } .forms select{ padding-bottom: 8px; padding-right: 5px; padding-top: 8px; } .touch select { position: relative; border-radius: 0; -webkit-appearance: listbox; line-height: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAMAAADa6lTVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlQTFRFcHBw/Pz88vLy7Ozs29vbAAAA1NTUz8/P8PDw2tra7e3t8fHx0tLS7+/v0dHR2NjY1tbW3d3d6+vrxqUitQAAAFtJREFUeNp00DkWgCAQBFFQ3BeU+x9WpghsFyqZfj8c5775ZyaNVpFFQ0YN2TRk1pBWq0hKqSvlhZw5wAYSrAzcW0KBIpOGRA05NKTXkFVDdg0ZNP/753eXAAMAPpcIiAE90YEAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: right 4px; } .forms input[type="checkbox"], .forms input[type="radio"] { position: absolute; width: 14px; margin: -1px 0 0 0; padding: 0; vertical-align: middle; } .forms .item-group{ float: left; } .forms .item-group label:after { content:"\A"; white-space:pre; } .ie8 .forms .item-group label:after{ content: ''; display: block; white-space: normal; } .forms .inline .item-group label:after{ content: ''; display: inline-block; width: 20px; } .forms .inline .item-group label:last-child:after{ width: 0px; } .forms .item-group label { padding-left: 20px; } .forms textarea { padding-top: 0.3em; padding-bottom: 0.3em; height: 100px; line-height: 140%; } .forms .empty-item { width: 100%; } .forms .label-wrap { display: table; width: 25%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; float: left; margin: 0 8px 0 0; padding: 1px 0 0 0; text-align: right; cursor: pointer; clear: none; } .forms label, .forms input[type="file"], .forms select { cursor: pointer; } .forms .label-wrap label{ display: table-cell; vertical-align: middle; width: 100%; height: auto; line-height: 120%; cursor: pointer; } .forms .label-wrap label em{ font-style: normal; color: #989797; font-weight: normal; } .forms button, .forms a.button, .forms input[type="submit"] { position: relative; font-family: Century Gothic, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; display: block; color: #fff; padding: 0px 25px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; border: 0; font-size: 22px; font-size: 2.2rem; text-shadow: 0 -1px #034672; box-shadow: none; background: #0774b2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3NzRiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTI0NTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #0774b2 0%, #052452 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0774b2), color-stop(100%,#052452)); background: -webkit-linear-gradient(top, #0774b2 0%,#052452 100%); background: -o-linear-gradient(top, #0774b2 0%,#052452 100%); background: -ms-linear-gradient(top, #0774b2 0%,#052452 100%); background: linear-gradient(to bottom, #0774b2 0%,#052452 100%); -pie-background: linear-gradient(to bottom, #0774b2 0%,#052452 100%); behavior: url('/js/PIE.php'); } .forms button.small-font, .forms a.small-font, .forms input[type="submit"].small-font{ font-size: 19px; font-size: 1.9rem; } .forms button.smaller-font, .forms a.smaller-font, .forms input[type="submit"].smaller-font{ font-size: 18px; font-size: 1.8rem; } .forms button.with-ico, .forms a.with-ico{ padding-right: 10px; padding-left: 13px; text-align: left; } .forms button.with-ico .ico, .forms a.with-ico .ico, .forms button.with-ico .fa, .forms a.with-ico .fa{ float: right; margin-left: 18px; font-size: 25px; font-size: 2.5rem; } .forms button.with-ico.ico-left .ico, .forms a.with-ico.ico-left .ico{ float: left; font-weight: normal; margin-left: 0; margin-right: 8px; text-align: right; } .forms button.with-ico.ico-left, .forms a.with-ico.ico-left{ padding-right: 13px; padding-left: 10px; } .forms button.disabled, .forms a.disabled, .forms input[type="submit"].disabled { background: #A9A9A9; cursor: default; } /* FF FIX BUTTONS PADDING */ .forms button::-moz-focus-inner, .forms a::-moz-focus-inner, .forms input[type="button"]::-moz-focus-inner, .forms input[type="submit"]::-moz-focus-inner, .forms input[type="reset"]::-moz-focus-inner { padding: 0; border: 0; } .forms label.required{ font-weight: bold; } .forms .fixedWidth { position: absolute; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .forms .fixedWidth + div{ width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .forms .secure{ padding: 0; } .forms .secure .fixedWidth { width: 141px; } .forms .secure .fixedWidth{ padding: 2px; } .forms .secure .fixedWidth + div{ padding-left: 151px; } .forms .secure input[type="text"] { width: 100%; letter-spacing: 5px; text-align: center; } /* INLINE */ .forms.inline form > div{ clear: none; } /* SIDE BY SIDE */ .forms.side-by-side > form div.pull-left, .forms.side-by-side > form div.pull-right, .forms.side-by-side .secure { width: 50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .forms.side-by-side > form div.pull-left, .forms.side-by-side .secure { float: left; clear: left; padding-right: 5px; } .forms.side-by-side > form div.pull-right{ float: right; clear: right; padding-left: 5px; } .forms.side-by-side input[type="file"], .forms.side-by-side input[type="text"], .forms.side-by-side input[type="password"], .forms.side-by-side select, .forms.side-by-side .selectboxit-container .selectboxit, .forms.side-by-side textarea, .forms.side-by-side .label-wrap, .forms.side-by-side .empty-item, .forms.side-by-side .selector, .forms.side-by-side .uploader { width: 100%; } .forms.side-by-side .label-wrap{ text-align: left; } .forms.side-by-side .submit-row{ clear: none; float: right; } .forms.side-by-side .submit-row .label-wrap{ width: 0; margin: 0; padding: 0; } /* HOVER, FOCUS, ERROR */ .forms input[type="file"]:hover, .forms input[type="text"]:hover, .forms input[type="password"]:hover, .forms select:hover, .forms .selectboxit-container .selectboxit:hover, .forms textarea:hover, .forms .uploader.hover, .forms .selector.hover, .forms input[type="file"]:focus, .forms input[type="text"]:focus, .forms input[type="password"]:focus, .forms select:focus, .forms .selectboxit-container .selectboxit:focus, .forms textarea:focus, .forms .uploader.focus, .forms .selector.focus { border-color: #aaa; color: inherit; } .forms button:hover, .forms a:hover, .forms input[type="submit"]:hover{ background: #052452; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MjQ1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzc0YjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #052452 0%, #0774b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#052452), color-stop(100%,#0774b2)); background: -webkit-linear-gradient(top, #052452 0%,#0774b2 100%); background: -o-linear-gradient(top, #052452 0%,#0774b2 100%); background: -ms-linear-gradient(top, #052452 0%,#0774b2 100%); background: linear-gradient(to bottom, #052452 0%,#0774b2 100%); -pie-background: linear-gradient(to bottom, #052452 0%,#0774b2 100%); } .forms input[type="text"].error, .forms input[type="text"].text-error, .forms input[type="text"].text-small-error, .forms input[type="password"].error, .forms select.error, .forms select.error + .selectboxit-container .selectboxit, .forms textarea.error{ border-color: #e4181d; } /* UNIFORM FILE */ .forms div.uploader{ position: relative; padding-right: 0; overflow: hidden; } .forms div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; z-index: 100; } .forms div.uploader span.filename { float: left; text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; width: 100%; padding-right: 64px; box-sizing:border-box; -moz-box-sizing:border-box; } .forms div.uploader span.action{ position: absolute; cursor: pointer; top: 0px; right: 0px; padding: 0 8px; border-left: 1px solid #dcdcdc; box-sizing:border-box; -moz-box-sizing:border-box; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ -pie-background: linear-gradient(#ffffff, #e6e6e6); /* PIE */ behavior: url('/sys.php?action=pie'); } /* UNIFORM SELECT */ div.selector, div.selector.fixedWidth { position: relative; } div.selector span { width: 100%; padding-right: 20px; overflow: hidden; display: block; white-space: nowrap; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; background: none; } div.selector span:after{ content: ''; display: block; position: absolute; right: 8px; top: 50%; width: 17px; height: 18px; margin-top: -9px; background: #fff url('../picture/bg-form-inputs.png') no-repeat right 0; } div.selector select { padding: 0; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: -1px; left: 0px; width: 100%; } div.selector.disabled span{ color: #ccc; } div.selector.disabled span:after{ opacity: 0.5; } /* UNIFORM CHECKBOX */ div.checker input, div.radio input { -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } div.checker, div.radio { position: absolute; display: inline-block; } div.checker span, div.radio span{ width: 15px; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; background: url('../picture/bg-form-inputs.png') no-repeat 0 9px; } div.radio span { background-position: -36px 10px; } div.checker span.checked{ background-position: 0 -26px; } div.radio span.checked { background-position: -36px -26px; } div.checker input, div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } /* SELECTBOXIT */ .forms .selectboxit-text{ text-indent: 1px; } .forms .selectboxit-container .selectboxit-options{ border-radius: 0; } .forms .selectboxit .selectboxit-option-icon-container{ margin-left: 0; } .forms .checkbox-new-line div.checker { position: relative; } div.doruceni-confirm label { color: #c00; }/* Animations */ html.mm-opened .mm-page, html.mm-opened #mm-blocker, .mm-is-menu.mm-horizontal .mm-inner > ul { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; } html.mm-opened.mm-dragging .mm-page { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } html.mm-opened.mm-dragging.mm-next .mm-menu, html.mm-opened.mm-dragging.mm-front .mm-menu { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } html.mm-opened .mm-page, html.mm-opened #mm-blocker { /* border-color is needed to force transitionend event even if no other value changed */ /* transform is needed to force hardware acceleration */ -webkit-transition-property: top, right, bottom, left, margin, border, -webkit-transform; -moz-transition-property: top, right, bottom, left, margin, border, -moz-transform; -ms-transition-property: top, right, bottom, left, margin, border, -ms-transform; -o-transition-property: top, right, bottom, left, margin, border, -o-transform; transition-property: top, right, bottom, left, margin, border, transform; border: none solid rgba(0, 0, 0, 0); } html.mm-opening .mm-page, html.mm-opening #mm-blocker { border: none solid rgba(1, 1, 1, 0); } .mm-is-menu.mm-horizontal .mm-inner > ul { -webkit-transition-property: margin-left; -moz-transition-property: margin-left; -ms-transition-property: margin-left; -o-transition-property: margin-left; transition-property: margin-left; } html.mm-accelerated.mm-opening .mm-page, html.mm-accelerated.mm-opening #mm-blocker, html.mm-accelerated .mm-is-menu.mm-horizontal .mm-inner > ul.mm-subopened { -webkit-transform: translate3d( 0, 0, 1px ); -moz-transform: translate3d( 0, 0, 1px ); -ms-transform: translate3d( 0, 0, 1px ); -o-transform: translate3d( 0, 0, 1px ); transform: translate3d( 0, 0, 1px ); } html.mm-opened .mm-page, html.mm-opened #mm-blocker { margin: 0px; left: 0%; top: 0; } html.mm-opening .mm-page, html.mm-opening #mm-blocker { margin: 0 0 0 -65px; left: 100%; } /* Menu, submenus, items - Sizing and positioning */ html.mm-opened .mm-page, .mm-menu, .mm-menu .mm-inner, .mm-is-menu ul, .mm-menu div.mm-search, .mm-menu div.mm-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* html/body */ html.mm-opened, html.mm-opened body { width: 100%; height: 100%; overflow: hidden; } html.mm-opened body { position: relative; } /* menu */ .mm-menu { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; overflow: hidden; } .mm-menu.mm-opened { display: block; overflow: scroll; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mm-menu.mm-opened ~ .mm-menu.mm-opened { display: none; } .mm-inner { width: 100%; height: 100%; padding: 0 65px 0 0; } /* ul/li */ .mm-is-menu ul, .mm-is-menu li { list-style: none; display: block; padding: 0; margin: 0; } .mm-is-menu li { position: relative; } .mm-is-menu li:after { content: ''; display: block; width: 100%; position: absolute; bottom: 0; } .mm-is-menu .mm-inner > ul { width: 100%; padding: 20px 0 40px 0; } /* items */ .mm-is-menu li > a, .mm-is-menu li > span { text-indent: 20px; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; overflow: hidden; display: block; padding: 0 10px 0 0; margin: 0; } /* subopen/close */ .mm-menu a.mm-subopen { width: 40px; height: 40px; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-menu a.mm-subopen:before { content: ''; display: block; height: 100%; position: absolute; left: 0; } .mm-menu a.mm-subopen.mm-fullsubopen { border-left: none; width: 100%; } .mm-menu a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-menu a.mm-subclose { text-indent: 40px; padding-top: 20px; margin-top: -20px; } .mm-menu a.mm-subopen + a, .mm-menu a.mm-subopen + span { padding-right: 45px; } /* page + blocker */ html.mm-opened .mm-page { height: 100%; overflow: hidden; position: absolute; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: #fff; opacity: 0; display: none; width: 100%; height: 100%; position: absolute; z-index: 9999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } /* vertical submenu */ .mm-menu.mm-vertical ul ul { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical li.mm-opened > ul { display: block; } .mm-menu.mm-vertical ul ul li:last-child, .mm-menu.mm-vertical ul ul li:last-child:after { border-bottom-width: 0; } .mm-menu.mm-vertical li.mm-selected > a.mm-subopen + a, .mm-menu.mm-vertical li.mm-selected > a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-menu.mm-vertical li.mm-selected > em.mm-counter + a.mm-subopen + a, .mm-menu.mm-vertical li.mm-selected > em.mm-counter + a.mm-subopen + span { margin-right: 75px; } /* horizontal submenu */ .mm-menu.mm-horizontal .mm-inner { white-space: nowrap; } .mm-menu.mm-horizontal ul { vertical-align: top; margin-left: 0%; } .mm-menu.mm-horizontal ul.mm-submenu { display: none; } .mm-menu.mm-horizontal ul, .mm-menu.mm-horizontal ul.mm-submenu.mm-opened { display: inline-block; } .mm-menu.mm-horizontal ul.mm-subopened { margin-left: -100%; max-height: 100%; overflow: hidden; } /* Menu, submenus, items - Styling (default: dark background) */ .mm-is-menu { background: #333; } .mm-is-menu * { -webkit-text-size-adjust: none; text-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 ); font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .mm-is-menu li { border-bottom: 1px solid rgba( 255, 255, 255, 0.1 ); } .mm-is-menu li:after { border-bottom: 1px solid rgba( 0, 0, 0, 0.4 ); } .mm-is-menu li, .mm-is-menu li > a, .mm-is-menu li > span { color: rgba( 255, 255, 255, 0.5 ); text-decoration: none; } .mm-menu li.mm-selected > a, .mm-menu li.mm-selected > span { background: rgba( 0, 0, 0, 0.2 ); } .mm-menu li.mm-selected > a.mm-subopen { background: transparent; } /* subopen/close */ .mm-menu a.mm-subopen { border-left: 1px solid rgba( 255, 255, 255, 0.1 ); } .mm-menu a.mm-subopen:before { border-left: 1px solid rgba( 0, 0, 0, 0.4 ); } .mm-menu a.mm-subclose { background: rgba( 0, 0, 0, 0.2 ); } /* vertical submenu */ .mm-menu.mm-vertical li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical li.mm-opened > ul { background: rgba( 255, 255, 255, 0.06 ); } /* page + blocker */ html.mm-opened .mm-page { box-shadow: 0 0 20px rgba( 0, 0, 0, 0.8 ); } /* Labels - Sizing and positioning */ .mm-menu li.mm-label { text-transform: uppercase; text-indent: 20px; line-height: 25px; } /* Labels - Styling */ .mm-menu li.mm-label { background: rgba( 255, 255, 255, 0.1 ); font-size: 11px; color: rgba( 255, 255, 255, 0.5 ); } /* Counters - Sizing and positioning */ .mm-menu em.mm-counter { text-indent: 0; text-align: center; text-shadow: none; line-height: 22px; display: block; min-width: 16px; height: 20px; padding: 0 2px; position: absolute; right: 40px; top: 10px; } .mm-menu em.mm-counter + a.mm-subopen { padding-left: 35px; } .mm-menu em.mm-counter + a.mm-subopen + a, .mm-menu em.mm-counter + a.mm-subopen + span { padding-right: 80px; } /* Counters - Styling */ .mm-menu em.mm-counter { border-radius: 5px; background: rgba( 255, 255, 255, 0.1 ); box-shadow: 0 0 2px rgba( 0, 0, 0, 0.3 ); font-size: 11px; font-style: normal; color: rgba( 255, 255, 255, 0.4 ); } /* Arrows - Sizing and positioning */ .mm-menu a.mm-subopen:after, .mm-menu a.mm-subclose:before { content: ''; border-width: 4px; border-style: solid; display: block; width: 6px; height: 6px; position: absolute; top: 50%; -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); -o-transform: rotate( -45deg ); transform: rotate( -45deg ); } .mm-menu a.mm-subopen:after { border-top: none; border-left: none; margin-top: -4px; right: 16px; } .mm-menu a.mm-subclose:before { border-right: none; border-bottom: none; margin-top: 4px; left: 20px; } .mm-menu.mm-vertical li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); } /* Arrows - Styling */ .mm-menu a.mm-subopen:after, .mm-menu a.mm-subclose:before { border-color: rgba( 255, 255, 255, 0.3 ); } /* Search - Sizing and positioning */ .mm-menu div.mm-search { width: 100%; height: 50px; padding: 10px; position: relative; z-index: 1; } .mm-menu div.mm-search input { border: none; border-radius: 15px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 0 0 10px; } .mm-menu li.mm-noresults { border: none; display: none; padding-top: 30px; } .mm-menu li.mm-noresults:after { border: none; } .mm-menu.mm-noresults li.mm-noresults { display: block; } .mm-menu .mm-noresult, .mm-menu .mm-nosubresult > a.mm-subopen, .mm-menu .mm-nosubresult > em.mm-counter { display: none; } .mm-menu .mm-nosubresult > a.mm-subopen + a, .mm-menu .mm-nosubresult > a.mm-subopen + span { padding-right: 5px; } /* Search - Styling */ .mm-menu div.mm-search { background: rgba( 0, 0, 0, 0.2 ); border-bottom: 1px solid rgba( 255, 255, 255, 0.1 ); } .mm-menu div.mm-search input { background: rgba( 255, 255, 255, 0.3 ); color: rgba( 255, 255, 255, 0.9 ); } .mm-menu li.mm-noresults { color: rgba( 255, 255, 255, 0.4 ); text-align: center; } /* Bugfix for browsers without support for overflowscrolling - Android < 3 */ html.mm-no-overflowscrolling.mm-opened, html.mm-no-overflowscrolling.mm-opened body { overflow: visible; } html.mm-no-overflowscrolling.mm-opened body { overflow-x: hidden; } html.mm-no-overflowscrolling.mm-opened .mm-page { min-height: 200%; position: fixed; top: 0; z-index: 3; } html.mm-no-overflowscrolling .mm-menu { height: auto; min-height: 100%; overflow: default; overflow-x: default; overflow-y: default; position: relative; left: auto; top: auto; } /* Bugfix for browsers with "scrolling" addressbar - mobiel safari on iPhone and iPod */ html.mm-iphone-addressbar.mm-opened body { padding-bottom: 60px; } /* Sizing and positioning for larger screens */ @media all and (min-width: 500px) { .mm-menu { width: 500px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker { left: 500px; } } /* pozisitions */ /* position */ /* top */ html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker { top: 0%; left: 0; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker { margin: -65px 0 0 0; left: 0; top: 100%; } /* right */ html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker { left: auto; right: 0%; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { margin: 0 -65px 0 0; left: auto; right: 100%; } /* bottom */ html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker { bottom: 0%; top: auto; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker { margin: 0 0 -65px 0; top: auto; left: 0; bottom: 100%; } .mm-menu.mm-top .mm-inner { padding: 0 0 65px 0; } .mm-menu.mm-right .mm-inner { padding: 0 0 0 65px; } .mm-menu.mm-bottom .mm-inner { padding: 65px 0 0 0; } @media all and (min-width: 500px) { .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; } html.mm-opening.mm-top .mm-page, html.mm-opening.mm-top #mm-blocker, html.mm-opening.mm-bottom .mm-page, html.mm-opening.mm-bottom #mm-blocker { left: 0; } .mm-menu.mm-right { width: 500px; left: auto; right: 0; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { left: auto; right: 500px; } } /* z-position */ /* reset defaults */ html.mm-front.mm-opening .mm-page { top: 0; right: 0; bottom: 0; left: 0; margin: 0; } /* z-indexing */ html.mm-front .mm-page, html.mm-front #mm-blocker { z-index: 0; } .mm-menu.mm-front { z-index: 1; } /* styling */ .mm-menu.mm-front { box-shadow: 0 0 15px rgba( 0, 0, 0, 0.5 ); } html.mm-opened.mm-next .mm-page { box-shadow: none; } /* animations */ .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, margin, border-color, -webkit-transform; -moz-transition-property: top, right, bottom, left, margin, border-color, -moz-transform; -ms-transition-property: top, right, bottom, left, margin, border-color, -o-transform; -o-transition-property: top, right, bottom, left, margin, border-color, -o-transform; transition-property: top, right, bottom, left, margin, border-color, transform; } html.mm-accelerated.mm-opening .mm-menu.mm-front, html.mm-accelerated.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d( 0, 0, 1px ); -moz-transform: translate3d( 0, 0, 1px ); -ms-transform: translate3d( 0, 0, 1px ); -o-transform: translate3d( 0, 0, 1px ); transform: translate3d( 0, 0, 1px ); } /* left */ .mm-menu.mm-front .mm-inner, .mm-menu.mm-next .mm-inner { padding: 0 0 0 65px; } html.mm-opened .mm-menu.mm-front, html.mm-opened .mm-menu.mm-next { left: -100%; } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { left: 0%; margin: 0 0 0 -65px; } /* top */ .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { /* bottom: auto; */ } .mm-menu.mm-top.mm-front .mm-inner, .mm-menu.mm-top.mm-next .mm-inner { padding: 65px 0 0 0; } html.mm-opened .mm-menu.mm-top.mm-front, html.mm-opened .mm-menu.mm-top.mm-next { left: 0; top: -100%; } html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next { margin: -65px 0 0 0; left: 0; top: 0%; } /* right */ .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { left: auto; } .mm-menu.mm-right.mm-front .mm-inner, .mm-menu.mm-right.mm-next .mm-inner { padding: 0 65px 0 0; } html.mm-opened .mm-menu.mm-right.mm-front, html.mm-opened .mm-menu.mm-right.mm-next { left: auto; right: -100%; } html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { margin: 0 -65px 0 0; left: auto; right: 0%; } /* bottom */ .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { top: auto; } .mm-menu.mm-bottom.mm-front .mm-inner, .mm-menu.mm-bottom.mm-next > .mm-inner { padding: 0 0 65px 0; } html.mm-opened .mm-menu.mm-bottom.mm-front, html.mm-opened .mm-menu.mm-bottom.mm-next { left: 0; bottom: -100%; } html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next { margin: 0 0 -65px 0; left: 0; bottom: 0%; } html.mm-no-overflowscrolling.mm-right .mm-menu { position: absolute; } @media all and (min-width: 500px) { /* left */ html.mm-opened .mm-menu.mm-front, html.mm-opened .mm-menu.mm-next { left: -500px; } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { left: 0px; } /* top + bottom*/ html.mm-opened .mm-menu.mm-top.mm-front, html.mm-opened .mm-menu.mm-top.mm-next, html.mm-opened .mm-menu.mm-bototm.mm-front, html.mm-opened .mm-menu.mm-bototm.mm-next, html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next, html.mm-opening .mm-menu.mm-bototm.mm-front, html.mm-opening .mm-menu.mm-bototm.mm-next { left: 0; } /* right */ html.mm-opened .mm-menu.mm-right.mm-front, html.mm-opened .mm-menu.mm-right.mm-next { right: -500px; left: auto; } html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { right: 0px; left: auto; } } .open-side-menu { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC") no-repeat scroll center center transparent; display: block; height: 40px; left: 10px; position: absolute; top: 0; width: 40px; } /* RYCHLA OBJEDNAVKA */ #firm-info{ font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #cccccc; padding-bottom: 0.7em; padding-top: 0.8em; margin-bottom: 1em; } #firm-info .firm{ margin-right: 20px; } #mask-fast-order .table-wrap{ background: #ecece7; margin-bottom: 0.55em; } #mask-fast-order-table{ width: 100%; margin-bottom: 0; table-layout: fixed; } #mask-fast-order-table .first-row{ display: none; } #mask-fast-order-table .th, #mask-fast-order-table .td { float: none; vertical-align: middle; text-align: left; margin-left: 0; border-left: 20px solid #ecece7; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mask-fast-order-table .td{ border-bottom: 13px solid #ecece7; } #mask-fast-order-table .th:first-child, #mask-fast-order-table .td:first-child{ border-left: 0; } #mask-fast-order-table .th{ padding-bottom: 0.4em; font-weight: bold; } #mask-fast-order-table .td.nazev{ background: #cccccc; padding-left: 10px; } #mask-fast-order-table .td.nazev strong{ margin-right: 10px; } #mask-fast-order-table input[type="text"]{ height: 36px; line-height: 34px; border-color: #cfcfcb; margin-bottom: 0; font-weight: normal; } #mask-fast-order-table input[type="text"]:hover, #mask-fast-order-table input[type="text"]:focus{ border-color: #aaa; } #mask-fast-order-table input[type="text"].state-success{ border-color: #70c765; } #mask-fast-order-table .td .wrap{ position: relative; } #mask-fast-order-table .td.kod .wrap{ padding-right: 70px; } #mask-fast-order-table .td.mnozstvi .wrap{ padding-right: 60px; } #mask-fast-order-table .td .unit, #mask-fast-order-table .td .message{ position: absolute; line-height: 36px; padding-left: 10px; } #mask-fast-order-table .td .message .states{ padding: 0 0 0 21px; border: 0; margin: 0; font-weight: bold; background-color: transparent; background-position: 0 0; } #mask-fast-order-table .td .message .states.state-error, #mask-fast-order-table .td .message .states.state-success{ display: inline-block; background-position: 0 center; } #mask-fast-order-table .td .message .states.state-success { color: #6ec563; } #mask-fast-order { margin-bottom: 2.6em; } #mask-fast-order #add-order-row{ display: inline-block; margin-bottom: 0.9em; margin-top: 0.3em; } #mask-fast-order .basket-add{ margin-top: 0.8em; } #mask-fast-order a.button.next-order{ display: inline-block; } #mask-fast-order button.del{ width: 28px; text-shadow: none; padding: 0; background: url('../picture/ico-del.png') 10px center no-repeat; } #mask-fast-order button.del:hover{ background-position: -30px center; } #mask-fast-order #sum-price{ background: #f3f4f0; } #mask-fast-order-table .span1{ width: 28px; } #form_vyber_firmy_firma_search { display: none; } #cboxLoadedContent img { border-radius: 5px; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:hidden !important;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} .cboxTitle2 {padding: 10px; text-align: center;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(../picture/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../picture/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../picture/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../picture/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../picture/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../picture/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:2px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../picture/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../picture/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../picture/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../picture/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; top:0; right:0; background:url(../picture/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;}html{ font-size: 62.5%; /*10px*/ } body, form, input, select, textarea, td, th, button, a.button { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; } form, input, select, textarea, th, td { font-size: 15px; font-size: 1.5rem; } img { border: 0; } sup, sub { line-height: 0; vertical-align: middle; font-size: 50%; position: relative; top: -0.48em; font-weight: bold; } sub { top: 0.48em; } p, ul, ol, dl, table { margin: 0 0 1em 0; padding: 0; } h2, h3, h4, h5, h6 { font-family: Century Gothic, sans-serif; margin: 0.9em 0 0.4em; line-height: 120%; padding: 0; } h1 { float: left; font-family: Century Gothic, sans-serif; margin: 0; padding: 0.5em 0 0.4em; font-weight: normal; color: #4c4c4c; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; } h2 { font-size: 235%; color: #a07634; } h3 { font-size: 215%; color: #ae8340; } h4 { font-size: 170%; color: #bd904c; } h5{ font-size: 150%; color: #c59854; } h6{ font-size: 135%; color: #ce9f5b; } h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0; } .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child { margin-top: 0; padding-top: 0; } a { color: #476791; text-decoration: underline; } a:hover { text-decoration: none; } /* IKONKY U ODKAZU */ .entry-summary a[href^='http'], .entry-summary a[href^='https'], .entry-content a[href^='http'], .entry-content a[href^='https'] { padding-right: 0.9em; background-image: url('../picture/sys-link-out.gif'); background-position: right top; background-repeat: no-repeat; } .entry-summary a[href^='mailto'], .entry-content a[href^='mailto'] { padding-right: 1em; background-image: url('../picture/sys-link-mail.gif'); background-position: right top; background-repeat: no-repeat; } .link-file { padding-right: 22px; background-image: url('../../../picture/files/default.gif'); background-position: right center; background-repeat: no-repeat; } .link-img { background-image: url('../../../picture/files/img.gif'); } .link-gif { background-image: url('../../../picture/files/gif.gif'); } .link-png { background-image: url('../../../picture/files/png.gif'); } .link-jpg { background-image: url('../../../picture/files/jpg.gif'); } .link-video { background-image: url('../../../picture/files/video.gif'); } .link-fonts { background-image: url('../../../picture/files/fonts.gif'); } .link-doc { background-image: url('../../../picture/files/doc.gif'); } .link-pdf { background-image: url('../../../picture/files/pdf.gif'); } .link-ppt { background-image: url('../../../picture/files/ppt.gif'); } .link-rtf { background-image: url('../../../picture/files/rtf.gif'); } .link-txt { background-image: url('../../../picture/files/txt.gif'); } .link-xls { background-image: url('../../../picture/files/xls.gif'); } .link-zip { background-image: url('../../../picture/files/zip.gif'); } /** * FORMATOVANI - UVNITR CLANKU ARTICLE */ .entry-content ul { margin-left: 2em; padding: 0; list-style-type: none; } .entry-content ul ul { margin-bottom: 0; margin-left: 2em; } .entry-content ul li { padding: 0 0 0.5em 1.2em; background: url('../picture/bg-li.gif') 0 6px no-repeat; } .entry-content ol ul li { padding-left: 1.2em; background: url('../picture/bg-li.gif') 0 6px no-repeat; } .entry-content ol { margin-left: 4em; padding: 0; } .entry-content ol ol { margin-bottom: 0; margin-left: 1.2em; } .entry-content ol li { padding: 0 0 0.5em 0; } .entry-content ul ol li { padding-left: 1em; } .entry-content li ol { margin: 0.5em 0 0.4em 1.2em; padding: 0; } .entry-content li ul { margin: 0.5em 0 0.4em 0; padding: 0; } .entry-content ol li, .entry-content ul ol li { background: none; } .entry-content ul li:last-child, .entry-content ol li:last-child { padding-bottom: 0.2em; } .obrazek-zarovnany-vlevo, .obrazek-zarovnany-vpravo, .obrazek-formatovany { padding: 3px; border: solid #dbdbdb 1px; background: #fff; } a:hover .obrazek-zarovnany-vlevo, a:hover .obrazek-zarovnany-vpravo, a:hover .obrazek-formatovany { border-color: #0071bb; } .obrazek-zarovnany-vlevo { float: left; margin: 0 20px 1em 0; } .obrazek-zarovnany-vpravo { float: right; margin: 0 0 1em 20px; } .obrazek-zarovnany-vlevo, .obrazek-zarovnany-vpravo { position: relative; border: 1px solid #fff; box-shadow: 0 0 4px #abb0b4; behavior: url('/js/PIE.php'); } .tabulka-formatovana { border-collapse: collapse; } .tabulka-formatovana caption, .tabulka-formatovana th, .tabulka-formatovana td { padding: 0.5em 30px 0.5em 10px; } .tabulka-formatovana th, .tabulka-formatovana td { border: solid #d3d4d8 0.1em; } .tabulka-formatovana caption { font-weight: bold; text-align: left; color: #000; } .tabulka-formatovana th, .tabulka-formatovana tr.radek-zahlavi td { border-bottom-width: 0.2em; color: #916927; font-weight: bold; background-color: #eaeaea; } .tabulka-formatovana td { vertical-align: top; } .tabulka-formatovana th[valign='middle'], .tabulka-formatovana td[valign='middle'] { vertical-align: middle; } .tabulka-formatovana th[valign='bottom'], .tabulka-formatovana td[valign='bottom'] { vertical-align: bottom; } #content .entry-summary { font-size: 120%; font-weight: bold; } #content .entry-summary, #content .entry-content{ margin-bottom: 1.5em; } /** * INFORMACNI BLOKY - ERROR/SUCCESS */ .states, #forms-success, #shop-wibo-tisky { margin-bottom: 1em; padding: 8px 10px 8px 38px; border-style: solid; border-width: 1px; border-radius: 3px 3px; } .states p, #shop-wibo-tisky p { margin-bottom: .4em; } .states ul, .states li, #shop-wibo-tisky ul, #shop-wibo-tisky li { margin: 0; padding: 0; list-style-type: none; } .states p:last-child, #shop-wibo-tisky p:last-child { margin-bottom: 0; } .state-error, .file-list-error { border-color: #cd0a0a; color: #cd0a0a; background: #fef1ec url('../picture/btn-error.png') 15px 10px no-repeat; } .state-highlight, #shop-wibo-tisky { border-color: #fad42e; color: #363636; background: #fbec88 url('../picture/btn-info.png') 15px 10px no-repeat; } .state-info { border-color: #96a9cd; color: #3a5897; background: #dee8f0 url('../picture/btn-info.png') 15px 10px no-repeat; } .state-success, #forms-success { border-color: #b2e0c1; color: #12a041; font-weight: bold; background: #c5e8d1 url('../picture/btn-accept.png') 15px 10px no-repeat; } .state-error a { color: #cd0a0a; } .state-highlight a { color: #363636; } /** * AJAX LOADER */ .loading_bar { display: none; position: absolute; width: 100%; height: 100%; background: #fff url('../picture/colorbox/loading.gif') 50% 50% no-repeat; opacity: .8; filter: alpha(opacity=80); z-index: 99; }/* Zakladni format pro elementy stranky */ body { margin: 0; padding: 0; color: #4d4c4c; background-color: #fff; } .cleaner { font-size: 0; line-height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hidden{ display: none; } .hidden-user{ position: absolute; top: -1000px; width: 1px; height: 1px; overflow: hidden; } .pull-right, .pull-right[class*="span"]{ float: right; } .pull-left, .pull-left[class*="span"] { float: left; } .txt-left{ text-align: left; } .txt-center{ text-align: center; } .txt-right{ text-align: right; } .m-center{ margin-left: auto; margin-right: auto; } .table{ display: table; } .tr{ display: table-row; } .th, .td{ display: table-cell; } /* popup okno - DIV */ .popup { position: absolute; top: 25%; left: 25%; padding: 5px; border: solid #444 0.2em; text-align: left; background-color: #eee; z-index: 100; filter: alpha(opacity="90"); opacity: 0.90; overflow: auto; } .popup-head { padding: 0 0 10px; text-align: right; } .popup-head a { font-weight: bold; } .popup-body { text-align: left; } /* skryti statistiky */ #mask-statistic { display: none; } /******************************************************************************** * MOBILE */ @media (max-width: 767px) { .container { width: 0 auto; } .row { margin-left: 0; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .hidden-phone{ display: none !important; } .container { padding: 0 22px; } .half-phone{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; padding-right: 10px; float: left; } .half-phone:nth-child(even){ padding-right: 0; padding-left: 10px; } .half-phone:nth-child(even) + .half-phone{ clear: left; } #mask-fast-order-table .label-wrap, #mask-fast-order-table .tr:first-child{ display: none; } /* MASK */ #firm-info{ margin-bottom: 0; border-bottom: 0; } #firm-info > span{ display: block; float: left; } #firm-info:before, #firm-info:after { display: table; line-height: 0; content: ""; } #firm-info:after { clear: both; } #mask-pz-links strong{ display: none; } #mask-pz-links a.logout{ float: right; margin-left: 20px; font-weight: bold; } /* MODULS */ #mask-fast-order-table { table-layout: auto; } #mask-fast-order-table .first-row .label-wrap{ display: block; } #mask-fast-order-table .tr{ display: block; position: relative; width: 100%; } #mask-fast-order-table .td{ display: block; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mask-fast-order-table .td input[type="text"]{ float: left; } #mask-fast-order-table .td .wrap:before, #mask-fast-order-table .td .wrap:after { display: table; line-height: 0; content: ""; } #mask-fast-order-table .td .wrap:after { clear: both; } #mask-fast-order-table .td.nazev{ padding-bottom: 0.4em; padding-top: 0.4em; margin: 0 -22px; padding-left: 22px; padding-right: 45px; width: auto; } #mask-fast-order-table .td.kod{ padding-right: 104px; } #mask-fast-order-table .td.mnozstvi{ width: 104px; position: absolute; right: 0; bottom: 0; } #mask-fast-order-table .span1{ width: auto; } #mask-fast-order-table .td.del-col{ position: absolute; right: 0; top: 1px; } #mask-fast-order button.del { background-position: 0 center; height: 31px; width: 10px; } #mask-fast-order button.del:hover { background-position: -40px center; } #mask-fast-order-table .td.kod, #mask-fast-order-table .td.mnozstvi{ padding-top: 1em; padding-bottom: 1em; } #mask-fast-order-table .tr.first-row td.kod, #mask-fast-order-table .tr.first-row td.mnozstvi{ padding-top: 0.3em; } #mask-fast-order-table .tr.first-row.load-line{ display: none; } #mask-fast-order-table .td.mnozstvi .wrap{ padding-right: 58px; } #mask-fast-order .table-wrap .button-row{ margin: 1.3em -22px 0; padding: 0.8em 22px 0; border-top: 2px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mask-fast-order-table .td .message .states{ vertical-align: middle; position: relative; } #mask-fast-order-table .spinner{ position: absolute !important; top: 0; left: 0; } #mask-fast-order-table .td .message .states.state-error, #mask-fast-order-table .td .message .states.state-success{ display: inline-block; background-position: 0 center; } #mask-fast-order-table .td .message .states.state-error{ text-indent: -10000px; } #mask-fast-order-table .td .message{ overflow: hidden; height: 36px; } #mask-fast-order-table .td.mnozstvi .input-mnozstvi{ padding-left: 4px; padding-right: 4px; } .ui-menu .ui-menu-item{ padding-top: 0.7em; padding-bottom: 0.7em; } /* FORMS */ .forms .empty-label { display: none; } .forms.inline button, .forms.inline input[type="submit"] { margin: 0.6em auto; } .forms input[type="file"], .forms input[type="text"], .forms input[type="password"], .forms select, .forms .selectboxit-container .selectboxit, .forms textarea, .forms .empty-item, .forms .label-wrap, .forms .selector, .forms .uploader, .forms .secure { float: none; } } @media (max-width: 450px) { h1{ max-width: 190px; } /* MASK */ body{ min-width: 320px; } #home{ text-align: center; float: none; } #firm-info{ padding-bottom: 0.8em; } #copyright{ text-align: right; } #copyright strong{ display: block; } /* MODULS */ #mask-choose-firm button{ width: 100%; max-width: 276px; } #mask-fast-order-table .td.kod .wrap{ padding-right: 44px; } #mask-fast-order-table .td .message .states.state-error, #mask-fast-order-table .td .message .states.state-success{ display: inline-block; text-indent: -10000px; background-position: 0 center; } #mask-fast-order-table .td.mnozstvi{ width: 95px; } #mask-fast-order-table .td.kod{ padding-right: 95px; } ul.ui-autocomplete{ width: 100% !important; left: 0 !important; z-index: 10000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* FORMS */ .half-phone, .half-phone:nth-child(2n), .forms.side-by-side > form div.pull-left, .forms.side-by-side > form div.pull-right, .forms.side-by-side .secure { clear: both; float: none; width: 100%; padding: 0; } .forms .secure input[type="text"] { min-width: 80px; } .forms label, .forms .label-wrap{ height: auto; line-height: 19px; line-height: 1.9rem; margin-bottom: 0.6em; margin-top: 0.5em; } .forms .label-wrap{ padding-bottom: 0.4em; margin-bottom: 0; } } /******************************************************************************** * TABLET */ @media only screen and (min-width: 768px) and (max-width: 978px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } [class*="span"].no-left-margin { margin-left: 0; } [class*="span"] img{ max-width: 100%; } .container { width: 724px; margin: 0 auto; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } #mask-fast-order-table .kod, .span4 { width: 228px; } .span3 { width: 166px; } .span2{ width: 104px; } .span1 { width: 42px; } .hidden-tablet{ display: none !important; } /* MODULS */ #mask-fast-order-table .nazev{ width: 304px; } #mask-choose-firm button{ width: 100%; } #mask-choose-firm button .fa{ margin-left: 13px; } #mask-fast-order-table .td.kod .wrap{ padding-right: 55px; } #mask-fast-order-table .td.mnozstvi .wrap{ padding-right: 58px; } #mask-fast-order-table .td.mnozstvi .input-mnozstvi{ padding-left: 4px; padding-right: 4px; } #mask-fast-order-table .td .message .states.state-error{ text-indent: -10000px; background-position: 0 center; display: inline-block; } } /******************************************************************************** * DESKTOP */ @media (min-width: 979px) {.row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } [class*="span"].no-left-margin{ margin-left: 0; } .container{ width: 940px; margin: 0 auto; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .hidden-desktop { display: none !important; } } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min--moz-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { #mask-pz-links strong { background-image: url("../picture/ico-person-2x.png"); background-size: 18px 15px; } div.selector span:after { background-image: url("../picture/bg-form-inputs-2x.png"); background-size: 88px 50px; } }