/* CSS Document */ body { overflow-y: scroll; /*content-visibility: auto; overflow-x: hidden;*/ } H1 { font-family: Verdana; font-style: bold; font-weight: normal; color: #222222; display: block; font-size: 20px; margin-bottom: 10px; line-height: 3; text-align: left; letter-spacing: 0px; } /*Zmieniono z P na Puser. Klas bazowych nie powinno się formatować*/ .Puser { font-family: Verdana; font-style: normal; font-weight: normal; color: #666666; display: block; font-size: 12px; margin-bottom: 10px; line-height: 18px; text-align: left; letter-spacing: 0.2px; } P-ITALIC { font-family: Verdana; font-style: italic; font-weight: normal; color: #666666; display: block; font-size: 12px; margin-bottom: 10px; line-height: 18px; text-align: left; letter-spacing: 0.5px; } A { color: #0066CC; display: inline; } A:HOVER { color: #111111; display: inline; } .ui-datepicker-trigger { position:relative; top:7px; } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ .rules-dialog { display:none; position: absolute; z-index: 1000; top: -125px; background: white; border: lightgray 1px solid; height: 810; margin-left: auto; margin-right: auto; } #modal { background: black; width: 100%; height: 100%; position: fixed; top: 0; z-index: 999; opacity: .75; filter: alpha(opacity=50); } div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 10 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* 960 Grid System ~ Text CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ /*body { font: 12px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; }*/ pre, code { font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace; } hr { border: 0 #ededed solid; border-top-width: 1px; clear: both; height: 0; margin: 0; } /* `Headings ----------------------------------------------------------------------------------------------------*/ h1 { font-size: 25px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6 { font-size: 15px; } /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 30px; } p, dl, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure { margin-bottom: 20px; } /*-------------------------------- CONTAINER --------------------------------*/ .container { margin-left: auto; margin-right: auto; width: 1100px; } /*-------------------------------- CLEAR FLOATED ELEMENTS --------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after, .container:before, .container:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, .container:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .container { zoom: 1; } /*-------------------------------- GENERAL --------------------------------*/ body { min-width: 1110px; background: white; color: #777; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; line-height: 16px; /*text-align: center;*/ /*width: 100%;*/ contain: content; } .body-div-container { /*width: 1200px; display: initial;*/ } h1, h2, h3, h4, h5, h6, .dropcap { color: #414141; font-family: "Open Sans", sans-serif; font-weight: 500; } h2 { color: #267BB1; } hr { margin: 50px 0; } a { color: #267bb1; text-decoration: none; } a:hover { color: #414141; text-decoration: none; } .vertical-space-pusher { padding: 15px 0px 10px 0px; } .small-vertical-space-pusher { padding: 40px 0px 30px; } .extra-space-bottom { padding-bottom: 0px; } .small-extra-space-bottom { padding-bottom: 30px; } .extra-space-bottom-header { margin-top: 20px; } .date { color: #a8a8a8; padding-bottom: 10px; font-style: italic; text-decoration: none; } .strong { font-weight: bold; } /*-------------------------------- GRID --------------------------------*/ .one_fourth, .one_third, .one_half, .two_third, .three_fourth { float: left; margin-bottom: 10px; margin-right: 20px; position: relative; } .one_fourth { width: 180px; } .one_third { width: 293px; } .one_half { width: 460px; } .two_third { width: 626px; } .three_fourth { width: 900px; } .last_column { clear: right; margin-right: 0px !important; } .img-align-left { margin: 5px 150px 0 0; float: left; } .img-align-right { margin: 5px 0 0 15px; float: right; } .img-align-center { margin: 5px 15px; text-align: center; } .text-align-left { float: left; } .text-align-center { text-align: center; } .text-align-right { float: right; } /*-------------------------------- HEADER --------------------------------*/ #header-wrapper { height: 130px; border-bottom: 1px solid #d0d0d0; background: #ffffff; } #header-wrapper2 { height: 40px; border-bottom: 1px solid #d0d0d0; background: #ffffff; background: -moz-linear-gradient(center top , #F7F7F7 0%, #FFFFFF 100%) repeat scroll 0 0 transparent; } .notice-edit-header { height: 40px; border-bottom: 1px solid #d0d0d0; background: #ffffff; background: -moz-linear-gradient(center top , #F7F7F7 0%, #FFFFFF 100%) repeat scroll 0 0 transparent; } #header-logo { margin: 20px 30px 20px 0px; float: left; } #top-elements { height: 58px; } #header-social-icons { margin-top: 2px; float: right; } #header-social-icons ul li { list-style: none; margin: 0px; padding: 0px 8px; float: left; } #header-social-icons ul li:last-child { margin: 0px; padding: 0px 0px 0px 20px; } #header-social-icons ul li img { padding-top: 7px; } #header-social-icons img { opacity: 0.2; background: white; filter: alpha(opacity=20);/* IE6-IE8 */ } #header-social-icons img:hover { opacity: 0.5; filter: alpha(opacity=50);/* IE6-IE8 */0 } /*-------------------------------- NAVIGATION --------------------------------*/ #navigation-container { margin-top: 70px; position: relative; margin-right: 0px; width: 1100px; text-align: right; } #navigation-container2 { text-align:center; width: 1100px; padding-top: 8px; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { height: 30px; } .sf-menu ul { position: absolute; top: -9999px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 43px; /* match top ul list item height */ z-index: 999; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -9999px; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -9999px; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; } .sf-menu > li:hover > a { border-bottom: 1px solid #267bb1; } /*.sf-menu a { padding: 12px 20px 10px 20px; text-decoration: none; font-size: 13px; }*/ .sf-menu a { color: #267bb1; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 16px; padding: 5px 10px 12px; text-decoration: none; text-transform: uppercase; } .sf-menu a:hover { color: #1A30A5; } .sf-menu li li { background: #f7f7f7; } .sf-menu li li li { background: #f7f7f7; } .sf-menu ul li a { font-size: 11px; border-top: 1px solid #ffffff; border-bottom: 1px solid #efefef; } .sf-menu ul li:first-child a { border-top: none; border-bottom: 1px solid #efefef; } .sf-menu ul li a:hover { background: #f0f0f0; } .sf-menu, .sf-menu * { z-index: 999; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../Images/arrows-ffffff.png') no-repeat -10px -100px; } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 14px; background-position: 0 -98px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ 75 a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -98px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*-------------------------------- BREADCRUMBS --------------------------------*/ #breadcrumbs-wrapper { font-size: 10px; border-bottom: 1px solid #f0f0f0; background: #fff; opacity: 0.7; filter: alpha(opacity=70);/* IE6-IE8 */ } #breadcrumbs-container p { margin: 0; } .breadcrumbs { padding: 10px 0; } .breadcrumb-arrow { background: url(../images/breadcrumb-arrow.png) no-repeat scroll 10px 4px transparent; width: 5px; height: 9px; padding: 0 14px; } /*-------------------------------- PAGE TITLE --------------------------------*/ #page-title-wrapper { border-bottom: 1px solid #f0f0f0; background: #f7f7f7; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); } #page-title { color: #414141; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 40px; letter-spacing: -1px; padding: 12px 0 17px; float: left; } /*-------------------------------- SIDEBAR --------------------------------*/ #sidebar h6 { margin-bottom: 13px; } #sidebar p { margin-bottom: 0; } /* Popular Tags */ #popular-tags a { color: #80adc9; padding: 4px 10px 7px; margin-bottom: 2px; background: #f5f5f5; line-height: 32px; -webkit-border-radius: 20px; /* Saf3-4, iOS 1-3.2, Android select{ width:68.5%; } .w75percent > input { width:64.5%; padding:10px; } .w70percent > select{ width:70%; } .w70percent > input { width:66.5%; padding:10px; } .w100percent { width:100%; } .w100percent.for-longInput input{ width:64.5%; } .w100percent.for-longInput select { width:68%; } .w100percent input { width:61%; margin:0; } .w100percent textarea { width:53%; margin:0; } .w100percent textarea { width:76.5%; } .w100percent select { width:64.5%; margin:0; } select#TypeNr, select#WarriantyTypeNr, select#SchemaId { width:505px; } .inputNew { padding:10px; } .for-shortInput input { width:10%; } /* styles for checkbox */ .regular-checkbox { -webkit-appearance: none; background-color: white; border: 1px solid #cacece; padding: 9px 12px; padding-bottom:15px; border-radius: 3px; display: inline-block; position: relative; } .regular-checkbox:active, .regular-checkbox:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .regular-checkbox:checked { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; padding:0; } .regular-checkbox:checked:after { content: '\2714'; font-size: 26px; top: 0px; left: 5px; color: #267bb1; } input[type=checkbox].checkbox-for-owner { top:10px; margin-right:10px } /* Klasa dla podglądu wygenerowanych szablonów ----------------------------------------------------------*/ .schema-preview { color: black; } .schema-preview p { margin-bottom: 0; margin-top: 0; } /* Klasa dla podglądu wygenerowanych szablonów ----------------------------------------------------------*/ #recaptcha_switch_audio { display: none; } .categories { text-align: left; padding-left: 3px; font-size: 11px; } /* TABLE OLD ----------------------------------------------------------*/ /*table { border: solid 1px #e8eef4; border-collapse: collapse; } table td { padding: 5px; border: solid 1px #e8eef4; } table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: solid 1px #e8eef4; }*/ /*-------------------------------- TABLES --------------------------------*/ .basicInfo { width:100%; } .td-title { width:32%; } td { border: 1px solid #CCCCCC; /*background: #fff;*/ padding: 10px; color: #4f6b72; vertical-align:middle; /*text-align:center;*/ } .small td { border: 1px solid #CCCCCC; padding: 1px 1px 1px 1px !important; color: #4f6b72; vertical-align:middle; } td.alt { background: #FAFAFA; color: #808080; } td.last { padding: 6px 6px; } th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border: 1px solid #CCCCCC; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 12px; background: aliceblue; vertical-align:middle; } /* Styles for editor and display helpers ----------------------------------------------------------*/ .display-label, .editor-label { margin: 0 0 0 0; float: left; } .display-label2, .editor-label2 { margin: 10px 0 0 0; float: left; } .display-field, .editor-field { margin: 0.7em 0 0 0; /*float: left;*/ } .text-box { width: 30em; padding:10px; } .text-box.multi-line { height: 6.5em; } .tri-state { width: 6em; } /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { color: #ff0000; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #ff0000 !important; background-color: #ffeeee !important; } .validation-summary-errors { font-weight: bold; color: #ff0000; margin-left:18%; } .validation-error { color:#ff0000; text-align:left; margin-top:20px; } /*.validation-summary-errors { font-weight: bold; color: #ff0000; /* margin-left: 18%; background: #ec7e912b; padding: 5px ; width: 97%; } */ .validation-summary-valid { display: none; } .small-button-blue { color:#FFF; font: 120% 'trebuchet ms',helvetica,sans-serif; background-color:#267BB1; border:1px solid; border-color: #696 #363 #363 #696; } /* styles for Icons ------------------------------------------------------------*/ .details-icon { background: url('../../Images/icons/application-iconset/32/Settings.png') no-repeat center left; display:block; height:28px; width:28px; float:left; } .images-stanard { display:block; height:28px !important; width:28px !important; float:left; } .removeButtonContainer{ float:right; } /* styles created by ania */ /*.edit-menu p { width:30%; border:1px solid #ddd; text-align:left; padding:10px; padding-left:60px; margin:0 auto; margin-bottom:10px; }*/ .edit-menu { /*display:inline !important;*/ /*margin-bottom:200px !important;*/ width:100%; height: 50px; } .height-auto { height: auto } .edit-menu p { width: 250px; /*display:inline;*/ border: 1px solid #a8a8a8; /*border-radius:3px;*/ padding: 10px 3.5px; background-color: #267BB1; margin: 1px; } .edit-menu a { color:#fff; /*font-weight:bold;*/ } .edit-menu p:hover { background: #5293d3; } .disabled { color:#fff; font-weight:bold; background-color:#9dc4eb !important; } tr.itemParam:hover{ background-color:#9cbfe236; } tr.itemParam > td { padding:10px 0; border:1px solid #9cbfe287; } .td-title { background: aliceblue; font-weight:bolder; } #inspectionContainer td { padding:0; } #inspectionContainer td >input { width:100px; text-align:center; } .div-for-btn { height:40px; } .btn { background-color:#6899c9; font-weight:bolder; width:auto; border-radius:3px; } .btn:hover { background-color: #2368ac; color:#fff; } .btn-pagination { background-color:aliceblue; width:auto; border:1px solid #ddd; border-radius:3px; padding: 0px 3px; margin: 0px 2px; } .btn-pagination a { } .btn-pagination:hover { background-color:#c1d2e3; } a.button_prev_active { background: #6899c9 url(../Images/icons2/prev4_gimp60.png) 7px 5px no-repeat; padding: 10px 28px 1px 28px; height:25px; } a.button_prev2_active { background: #6899c9 url(../Images/icons2/prev3_gimp60.png) 5px 5px no-repeat; padding: 10px 0px 1px 30px; height:25px; } a.button_next_active { background: #6899c9 url(../Images/icons2/next4_gimp60.png) 185px 6px no-repeat; padding: 10px 28px 1px 10px; height:25px; width:170px; } a.button_next2_active { background: #6899c9 url(../Images/icons2/next3_gimp60.png) 125px 6px no-repeat ; padding: 10px 34px 1px 28px; height:25px; } a.button_next_active_lg { background: #6899c9 url(../Images/icons2/next4_gimp60.png) 180px 6px no-repeat; padding: 10px 28px 1px 10px; height:25px; width:165px; color:#fff; display:block; float:right; margin:1px 4px 0px 0px; } a.button_next2_active_lg { background: #6899c9 url(../Images/icons2/next3_gimp60.png) 180px 6px no-repeat; padding: 10px 28px 1px 10px; height:25px; width:165px; color:#fff; display:block; float:right; margin:1px 4px 0px 0px; } a.button_next2_active:hover { background-color: #2368ac!important; } a.btn-for-adding{ height: 25px; display: inline-block !important; padding: 10px 10px 0px; background-color:#70adea; border-radius:3px; color:#fff; font-weight:600; } a.btn-for-adding:hover { background-color:#5293d3; } .btn-work { width: 250px; height: 50px; margin: 0 auto; padding: 0; display: table-cell; vertical-align: middle; } .itemParam-Btn { margin-left:30px; padding:10px 35px; background-color:#9cbfe236 ; border:1px solid #9cbfe287; } .itemParam-Btn:hover { background-color:#9cbfe287; } .term-insp { padding: 3px 5px; margin:0 8px; background-color:#e4e4e4; border:1px solid #a2a2a2; border-radius:3px; color:#4f6b72; } .term-insp:hover { background-color: #d3d3d3; } label.radioBtn-choise-label { min-width:120px !important; padding-bottom:9px; display: inline-block; position: relative } .textarea-desc { width:710px; } .icon-for-edit { background: url(../../Images/icons/application-iconset/32/edit2.png) no-repeat center left; display: block; height: 28px; width: 28px; float:left; } .icon-for-edit-error { background: url(../../Images/icons/application-iconset/32/edit2.error.png) no-repeat center left; display: block; height: 28px; width: 28px; float: left; } .icon-for-edit-book { background: url(../../Images/icons/application-iconset/32/edit.books.png) no-repeat center left; display: block; height: 28px; width: 28px; float:left; } .icon-for-edit-book-error { background: url(../../Images/icons/application-iconset/32/edit.books.error.png) no-repeat center left; display: block; height: 28px; width: 28px; float:left; } .icon-for-edit-image { background: url(../../Images/icons/application-iconset/32/edit.image.png) no-repeat center left; display: block; height: 28px; width: 28px; float:left; } .icon-for-edit-image-error { background: url(../../Images/icons/application-iconset/32/edit.image.error.png) no-repeat center left; display: block; height: 28px; width: 28px; float:left; } .icon-for-delete { background: url(../../Images/icons/application-iconset/32/Delete.png) no-repeat center left; display: block; height: 28px; width: 28px; float:left; } .icon-for-copy { background: url(../../Images/icons/application-iconset/32/copy.png) no-repeat center left; display: block; height: 28px; width: 28px; float: left; } .icon-for-delete-elkrk { background: url(../../Images/icons/application-iconset/32/export.delete.png) no-repeat center left; display: block; height: 28px; width: 28px; float:left; } .icon-for-params { background: url(../../Images/icons/application-iconset/32/edit1.png) no-repeat center left; display: block; height:28px; width:28px; float:left; } .icon-for-params-error { background: url(../../Images/icons/application-iconset/32/params.error.png) no-repeat center left; display: block; height:28px; width:28px; float:left; } /* style do checkboxów */ .container-for-checkbox { position:relative; margin-bottom: 12px; cursor: pointer; font-size: 0.93rem; height:40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container-for-checkbox label { font-size: 0.8rem; line-height: normal; width: 100%; text-align: left; text-justify: inter-word; } .container-for-checkbox input { position: absolute; cursor: pointer; } .checkmark { position: absolute; top: 10px; left: 110px; height: 25px; width: 27px; background-color: #fff; border: 1px solid lightblue; border-radius:3px; } .hidden{ visibility: hidden; } .container-for-checkbox:hover input~.checkmark { background-color: #9cbfe236; border: 1px solid #9CBFE2; } .container-for-checkbox input:checked~.checkmark { background-color: #fff; } .checkmark:after { content: ""; position: absolute; display: none; } .container-for-checkbox input:checked~.checkmark:after { display: block; } .container-for-checkbox .checkmark:after { left: 10px; top: 4px; width: 5px; height: 10px; border: solid #2368ac; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } span.checkmark { margin-left: 0; margin-top: 1px; } .navigation-part-content { margin: 10px; font-size: 13px; } .navigation-part-element { margin: 3px; } navigation-part-element-selected { } .div-action-image { width: 25px; height: 25px; float: left; margin: 2px; } h3.titlepage { width: 100%; margin: 10px 0px; padding:5px; } h6.infobar { width: 100%; margin: 0px 0px; padding:0px; padding-top: 22px; padding-bottom: 2px; font-size: 12px; color: red; } .fileContainer { position: relative; width: 100%; justify-content: space-between; color: #fff; display: flex; align-items: center; } .fileChoice { display: flex; color: #666666; padding: 15px; align-items: center; justify-content: flex-end; } .addedFile { display: flex; color: #666666; align-items: center; cursor: pointer; } .addedFileContener { width: 60%; } .uploadLabel { width: 100%!important; min-width: 120px; max-width: 120px; height: 40px; color: #fff; display: flex; align-items: center; justify-content: center; background-color: #267BB1; } .uploadInput { opacity: 0; width: 0.1px; height: 0.1px; position: absolute }