@charset "utf-8"; body { font-family: Roboto, Arial, sans-serif; font-size: 0.875rem; line-height: 1.5rem; background: #4F9DD0; background: linear-gradient(to bottom, #02426A 0%, #509ED1 800px); background-attachment: fixed; margin: auto; padding: 0px; width: 100%; z-index: 0; min-height: 105vh; } #loadingBar { background-color: #b3d0ff; height: 3px; position: absolute; z-index: 1; display: none; } *, *:before, *:after { box-sizing: border-box; } textarea { max-width: 700px; } fieldset { border: medium none; margin: 0; padding: 0; } .clear { clear: both; } .apopup, .popup_hover { cursor: pointer; position: relative; } .tcenter { text-align: center; } h1, h2, h3, h4 { font-weight: bold; padding: 0; margin: 10px 0; } h1 { font-size: 20px; font-variant: small-caps; } h2 { font-size: 18px; font-variant: small-caps; } h3 { font-size: 13px; } pre { line-height: 8px; font-family: message-box, monospace; } a, a:visited, a:link, a:hover, a:active { text-decoration: none; color: inherit; cursor: pointer; } ul, li, ol { margin: 0; padding: 0; } ul { list-style: none; } p { text-align: justify; } img { border: none; } .sektor { color: #000048; } div.info, div.warn, div.error, div.tip { border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); margin: 10px auto; padding: 5px 10px 5px 23px; text-indent: -15px; } div.info a, div.tip a, div.warn a, div.error a { text-decoration: underline; font-weight: bold; text-indent: 0px; } div.info { background-color: #dff2bf; color: #1f6a00 } div.info:before { content: "\2714 "; font-size: 150%; position: relative; left: -5px; top: 2px; } div.error { background-color: #ffbaba; color: #a8000c } div.error:before { content: "\2716 "; font-size: 150%; position: relative; left: -5px; top: 2px; } div.tip { background-color: #bde5f8; color: #00327b } div.tip:before { content: "\2753 "; font-size: 150%; position: relative; left: -5px; top: 2px; } div.warn { background-color: #feefb3; color: #7f4000 } div.warn:before { content: "\2762 "; font-size: 150%; position: relative; left: -5px; top: 2px; } .left { float: left; } .right { float: right; } .cursor_pointer { cursor: pointer; } #top { margin-top: 0px; margin-bottom: 0px; padding: 0px; height: 105px; position: relative; max-width: 1180px; margin-left: auto; margin-right: auto; } .menu, table caption, table th, .tabs_profil, .prawa_tabelki, #stopka, #navi_link, .first_message, h1 { font-family: Roboto; } /*===== LOGO =====*/ #logo2 { height: 43px; left: 40px; top: 35px; width: 306px; position: relative; } /*===== USERPANEL =====*/ #loginPanel { height: 106px; right: 0px; position: absolute; top: 6px; width: 270px; z-index: 2; padding-left: 8px; font-size: 14px; color: white; } #loginPanel input { margin-top: 5px; } #loginPanel .userpanel_button_login { position: absolute; left: 147px; top: 54px; } #loginPanel .rememberMe { position: absolute; right: 5px; top: 30px; } #loginPanel input { max-width: 135px; } .userpanel { height: 144px; right: 0px; position: absolute; top: 0; width: 255px; z-index: 2; padding-left: 8px; font-size: 11px; color: white; } .userpanel p { float: left; margin: 3px 1px 3px 4px; width: 135px; font-weight: normal; } .userpanel_awatar { position: absolute; left: 167px; top: 13px; } .userpanel_awatar img { border-radius: 3px; } .userpanel_info { font-weight: bold; margin-left: 8px; margin-top: 12px; } .userpanel a { text-decoration: none; } .userpanel_button_poczta, .userpanel_button_menu, .userpanel_button_logout, .userpanel_button_pomoc { top: 112px; text-align: center; position: absolute; height: 25px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; cursor: pointer; max-width: 85px; } .userpanel_button_poczta { background-color: #0B70A4; background-image: linear-gradient(to bottom, #2F9CD4 0%, #0B70A4 100%); left: 20px; } .userpanel_button_menu { background-color: #0B70A4; background-image: linear-gradient(to bottom, #B70B0B 0%, #8B0607 100%); left: 98px; color: white; } .userpanel_button_logout { background-color: #0B70A4; background-image: linear-gradient(to bottom, #2F9CD4 0%, #0B70A4 100%); left: 189px; } .userpanel_button_login { position: absolute; left: 205px; top: 38px; } .userpanel_button_menu > ul { width: 165px; position: relative; left: -50px; background: #888888; top: -15px; border-left: 3px solid #787171; border-right: 3px solid #787171; border-bottom: 3px solid #787171; visibility: hidden; } .userpanel_button_menu:hover ul { visibility: visible; } .userpanel_button_menu > ul > li { display: block; background-color: #f2f2f2; border-bottom: 1px solid #E2E2E2; height: 23px; background-image: linear-gradient(to bottom, #FFFFFF 0%, #E2E2E2 100%); } .userpanel_button_menu > ul > li > a:hover { display: block; background: #B30B0B; color: #ffffff; } .userpanel_button_menu > ul > li > * { color: #222222; display: block; height: 20px; padding-bottom: 2px; padding-top: 5px; width: 100%; text-align: left; padding-left: 5px; } #navi_link { padding: 7px 5px; width: 100%; position: relative; border-bottom: 1px solid #ddd; } .info_portfel { background-color: #444444; border: 0 none; border-radius: 3px; display: table; margin: auto; padding: 15px; } .disc li { list-style: disc; margin-left: 20px; } .zglos_info_opis { background-color: #444444; color: #ffffff; padding: 10px; border-radius: 10px; } .box_container { padding-top: 10px; } /*============== TABELA LOGOWANIE ============ */ .tab_log_big { margin-top: 10px; margin-left: 5px; padding-bottom: 10px; background: #F7FDFC; } .tab_log_big th { font-weight: bold; padding: 10px 5px 10px 10px; background: #014284; color: #FFFFFF; } .log_menu td { padding: 2px 2px 2px 4px; color: #FFFFFF; } #userpanel_button_new_account, #userpanel_button_renew { font-size: 14px; font-weight: bold; position: absolute; right: 10px; color: #ffffff; } #userpanel_button_new_account:hover, #userpanel_button_renew:hover { color: #cccccc; } #userpanel_button_new_account { top: 10px; } #userpanel_button_renew { top: 30px; } /*===== BLOKI ZAWARTOSCI =====*/ #main { position: relative; margin: auto; width: 100%; background-color: #FAFAFA; justify-content: left; flex-wrap: wrap; display: flex; max-width: 1180px; margin-left: auto; margin-right: auto; } #container_left { width: 790px; height: 100%; padding-left: 3px; padding-right: 3px; clear: both; } #container_right { font-size: 12px; overflow: hidden; position: relative; top: 5px; margin-bottom: 40px; width: 211px; } #container_calosc { background: #FAFAFA; clear: both; padding: 0 3px 10px 3px; max-width: 100%; width: 100%; } #menu_mobile_rozwin { display: none; } @media (min-width: 1000px) { .menu { font-size: 12px; padding: 0px; height: 38px; font-weight: normal; background-color: #cbcbcb; background-image: linear-gradient(to bottom, #ececec 0%, #cbcbcb 100%); position: relative; border-radius: 5px 5px 0px 0px; display: table !important; width: 100%; padding-right: 237px; } .menu ul { padding: 0; margin: 0; list-style-type: none; z-index: 100; } .menu > ul { display: flex; justify-content: space-between; } .menu > ul > li:not(:last-child) { border-right: 1px solid #cccccc; } .menu > ul > li { text-align: center; width: 100%; } .menu ul ul { width: 149px; z-index: 100; } .menu li { position: relative; z-index: 100; } .menu a, .menu a:visited { color: #111111; font-weight: 500; width: auto; line-height: 38px; padding: 0px 10px; margin: 0px; display: block; } .menu ul ul a.drop:hover { color: #553900; } .menu ul ul { visibility: hidden; position: absolute; height: 0; top: 38px; left: 0; width: 149px; } .menu ul ul a, .menu ul ul a:visited { background-color: #ececec; color: #022950 !important; margin: 0px; padding: 1px 10px; width: 140px; line-height: 25px; border-right: solid 1px #B9C0CA; border-left: solid 1px #B9C0CA; border-bottom: solid 1px #B9C0CA; } .menu ul li.notcurrent:hover { background: #bec9cf; color: white; } .menu > ul > li.current { background: #005a96; position: relative; } .menu li.current a { color: #ffffff; } .menu li.current a:hover { color: #555555; background: #bec9cf; } .menu a:hover { color: #ffffff; } .menu ul ul a:hover { background: #2065a6 !important; z-index: 100; color: #FFFF33 !important; } .menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; } .menu li li { height: 28px; padding-top: 0px; margin-top: 0px; float: left; text-align: left; } } /*===== formularz rejestr =====*/ .zglos_info ul li { display: list-item; list-style-type: disc; margin-left: 22px; } /*===== NEWS =====*/ #news { max-width: 100%; } .left_news { float: left; margin: 0px 0px 30px 0px; } .baner { margin-bottom: 10px; margin-left: 0px; } .start_prawa { max-width: 100%; } .start_prawa p { color: #565656; text-align: justify; } /*===== sekcja wiadomosci =====*/ .news_main { margin-top: 15px; float: left; width: 386px; /*margin-left:4px;*/ background: #D7DCE2; } .news_main_tab { background: url("https://gragieldowa.pl/obr/bg_srodek.png") no-repeat; padding: 4px 0 4px 0; width: 544px; height: 25px; } .news_list_main { background: url("https://gragieldowa.pl/obr/bg_srodek2.png") no-repeat; width: 784px; padding: 4px 0 4px 0; height: 17px; float: left; } .news_main_tab_espi { width: 100%; height: 24px; } .news_main_tab_espi_lewa { width: 100%; } .news_tab { background: url("https://gragieldowa.pl/obr/news_tab.png") no-repeat; padding: 4px 0 4px 0; width: 230px; float: right; margin-right: 5px; margin-left: 5px; overflow: hidden; } .news_tab_all { width: 100%; float: left; } .news_rss_background { background: url('https://gragieldowa.pl/obr/rss_icon.jpg') no-repeat; min-height: 26px; padding-right: 4px; padding-left: 20px; display: flex; padding-bottom: 4px; } .news_rss_news_tresc { float: left; width: 290px; margin-left: 10px; } .news_rss_cont_small { float: left; margin: 4px 0 4px 4px; padding-bottom: 4px; width: 100%; } .news_tab_row { background: url("https://gragieldowa.pl/obr/news_mini_bg.png") repeat-x scroll center bottom; margin-left: 2px; padding: 4px 2px 2px 4px; margin-right: 2px; height: 50px; color: #0F3679; width: 100%; } .news_tab_row2 { min-height: 30px; padding: 2px 2px 2px 4px; color: #0F3679; } .news_list_row { min-height: 30px; background: url("https://gragieldowa.pl/obr/news_mini_bg2.png") repeat-x scroll center top #f8f8f8; margin-left: 8px; padding: 2px 2px 2px 4px; color: #0F3679; float: left; width: 100%; } .news_list_row_detail { float: left; background: url('https://gragieldowa.pl/obr/chart_Stat.png') no-repeat center left; vertical-align: text-top; } .news_list_row_detail_img { float: left; padding: 8px 2px 8px 2px; background: url('https://gragieldowa.pl/obr/strzaleczka.png') no-repeat center right; margin-top: 2px; margin-right: 3px; width: 26px; height: 10px; } .NewsTrescESPI { text-align: justify; padding: 4px 8px 8px 4px; background-color: #F2F7F9; float: left; border-spacing: 2px; width: 340px; line-height: 15px; border-top: 1px solid #dddff2; border-left: 1px solid #CCCDD2; border-right: 1px solid #CCCDD2; border-bottom: 1px solid #CCCDD2; } .news_date { background: url("https://gragieldowa.pl/obr/news_date_bg.png") repeat-x; padding: 4px 0 4px 8px; margin: 0; width: 120px; float: left; clear: left; } .newsy_artykuly_tresc img { width: 525px; } .newsy_artykuly_tresc p { color: #090808; text-indent: 30px; text-align: justify; } .start_newsy_artykuly_tresc p { color: #090808; text-indent: 30px; text-align: justify; } /*===== reklama kwadratowa =====*/ .banerkw { margin-bottom: 15px; margin-left: 15px; } /*========STRONA PRZED ZALOGOW ========*/ .first_page_top { margin-bottom: 0; margin-top: 0; padding-bottom: 2px; padding-top: 2px; border-bottom: 2px solid red; text-align: center; } /*===== SHOUTBOX =====*/ #shoutbox_container { font-size: 11px; position: relative; } #shoutbox_container .jqpopup > span:hover, #shoutboxEmoji .popup_hover:hover { cursor: pointer; } #wiadomosc { max-width: calc(100% - 210px); } #sh_c { margin: 0px; clear: both; padding: 0px; width: 100%; } #sh_image { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .shoutTop { display: flex; flex-wrap: nowrap; align-items: center; } .shoutTop { margin-right: 5px; } #sh_m_c .emoji { font-size: 150%; } #sh_m_c { overflow: auto; width: 100%; border: 1px solid #c8c8c8; color: #000000; text-align: left; } #sh_m_c > div { width: 100%; display: flex; flex-wrap: nowrap; min-height: 18px; background-color: #ffffff; line-height: 20px; padding-top: 4px; padding-bottom: 4px; } #sh_m_c > div:nth-child(even) { background-color: #E7E7E7; } #sh_m_c > div > div { vertical-align: middle; } #sh_m_c > div > div:first-child { text-align: center; width: 7%; border-right: solid 1px #aaaaaa; min-width: 32px; } #sh_m_c > div > div:nth-child(2) { width: 12%; text-align: left; padding-left: 5px; color: #AE0C03; font-weight: bold; border-right: solid 1px #aaaaaa; min-width: 75px; } #sh_m_c > div > div:nth-child(2) .time { display: none; } #sh_m_c > div > div:last-child { width: 78%; padding-left: 4px; font-size: 12px; } #sh_m_c > div > div:last-child a { color: #0c009c; } #sh_m_c > div > div:nth-child(2) a { color: #D61207; font-weight: bold; text-align: center; } #shout_history td { padding: 7px; } #shout_history td:nth-child(2) { color: #D61207; font-weight: bold; text-align: center; } /* to samo co messages */ /*=========== TUTORIAL ==========*/ .message { padding: 4px 4px 4px 4px; margin-bottom: 10px; margin-top: 0; border-top: 2px solid #005A8C; background: #E6F2F2; } .first_message { padding: 4px 4px 8px 4px; margin: 2px 2px 10px 2px; } .first_message li { padding: 2px; list-style-type: disc; display: list-item; margin-left: 20px; } .tyt_news { background: #005A8C; padding: 2px 20px 2px 20px; margin-bottom: 0; color: #F9FCF8; } .h3_news { margin-bottom: 0; } .tutorial { color: #090808; text-align: left; background: #FFFFFF; padding: 0px 10px 0px 6px; margin-top: 4px; } .tutorialmenu { line-height: 12px; } .tutorialmenu ul { display: flex; flex-wrap: nowrap; width: 100%; justify-content: space-between; } .tutorialmenu ul li { list-style: none; padding: 0px 5px 0px 5px; height: 80px; cursor: pointer; text-align: center; border-bottom: 1px solid #C8C8C8; background-color: #fafafa; line-height: 12px; width: 100%; } .tutorialmenu a { display: block; color: #565656; text-align: center; text-decoration: none; cursor: pointer; } .tutorialmenu img { padding: 10px 10px 0 10px; } .tutorial_active { background: #FFFFFF !important; font-weight: bold; border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; border-top: 1px solid #C8C8C8; border-bottom: 0px !important; } /*=========== FORUM OSTATNIE ==========*/ .forumBoxSpolkaInfo { color: #666666; font-size: 85%; font-weight: normal; padding-top: 3px; } .forumTopLine { display: flex; justify-content: space-between; width: 100%; } .forumHeaders { display: flex; justify-content: flex-start; width: 100%; } .forumHeaders { } .notification { width: 360px; float: left; padding: 0px; margin: 0px 10px 20px 0px; } .notification p, #profile_title p { font-weight: bold; color: #565656; background: #f3f3f3; border-bottom: 2px solid #969696; padding: 5px 0px 5px 10px; margin: 0px } .notification ul { background: #F9F9F9; width: 100%; list-style-type: none; padding: 5px 0px 0px 0px; margin: 0px; } .notification li { border-bottom: 1px dotted #BCB7BD; padding: 2px 2px 2px 20px; } .notification a, .notification_date { color: #565656; text-align: justify; cursor: pointer; } .notification_date { margin-right: 10px; } /* ========== TABS MENU =============== */ .tabs_profil { color: #ffffff; border-bottom: 2px solid #e6e6e6; } .tabs_profil ul { display: flex; justify-content: left; flex-wrap: wrap; } .tabs_profil li { float: none; display: table-cell; margin-bottom: 1px; } .tabs_profil li a { border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 6px 8px 3px 8px; display: block; min-width: 85px; text-align: center; margin-left: 2px; margin-right: 2px; background-color: #aDaDaD; } .tabs_profil > ul > li.tabs_profil_active > a { background-color: #2196f3; } .tabs_profil > ul > li.tabs_profil_active > a { background-color: #2196f3; position: relative; } .tabs_profil a:hover { background-color: #2196f3; } .tabs_profil a.tabs_profil_konkurs { background-color: #D72E20; } .tabs_profil li.tabs_profil_active_konkurs > a { background-color: #c71E10; } /* ============== PROFIL ===============*/ .profile, .dane_portfel { background: #fafafa; position: relative; } .dane_portfel i.fa { font-size: 15px; padding-left: 3px; padding-right: 3px; color: #555555; } .dane_portfel i.fa:hover { color: #588ae2; } i.fa.regular { font-weight: 400; } i.fa.solid { font-weight: 900; } #profile_title p { background: none; border-bottom: none; } .profil_img, .profile_info, .profile p { padding: 2px 2px 2px 4px; color: #05283A; } .calendarDateInput select { padding: 0; } .profile_info { border-collapse: collapse; } .urodziny { width: 200px; float: left; } .urodziny_dzien, .urodziny_miesiac, .urodziny_rok { position: relative; color: #0A4667; } .urodziny_dzien { width: 40px; } .urodziny_miesiac { width: 80px; } .urodziny_rok { width: 50px; } /* .profile td input { width: 167px; } */ a.infoo { position: relative; /*this is the key*/ z-index: 24; background: #E3ECF5; color: #0A4667; text-decoration: none } a.infoo:hover { z-index: 25; background: #E3ECF5; cursor: pointer; } a.infoo span { display: none } a.infoo:hover span { /*the span will display just on :hover state*/ display: block; position: absolute; top: -1em; left: 34em; width: 15em; border: 1px solid #0cf; background-color: #cff; color: #000; padding: 4px 4px 4px 4px; text-align: center } /*===== PRZYCISKI =====*/ .button_zolty { background: #FFC710; cursor: pointer; border: 1px solid #C4B3B3; text-decoration: none; width: 80px; height: 23px; font-weight: normal; color: #003333; padding-bottom: 4px; margin-top: 4px; } .button_log_big { background-color: #AA0A0A; background: linear-gradient(to bottom, #B50B0B 0%, #8B0607 95%, #B50B0B 1px) repeat scroll 0 0 transparent; cursor: pointer; border: 1px solid #FFFFFF; text-decoration: none; color: #FFFFFF !important; padding: 4px 10px 4px 10px; } #buttons_group, .buttons { background: #79a5c0; padding: 2px 2px 2px 2px; margin: 0; clear: both; /*position:relative; top:10px;*/ } .buttons { top: 0; color: #ffffff; } /*===== TABELA GLOWNA =====*/ .maintable_bar { background: #014284; } .maintable_bar p, .maintable_bar, .bar_profil_zobacz { text-align: center; color: #F7F7F7; line-height: 24px; font-weight: bold; } /*=====podglad profilu ============*/ .profil_akcje { border-radius: 0 0 10px 10px; padding: 2px 4px 2px 4px; margin: 0; } .profil_akcje li { margin: 2px 0; text-align: left } .profil_akcje li a { background: #cfd3e4; border: 1px solid #b3bad7; text-decoration: none; border-radius: 4px; color: #3e4a77; display: block } .profil_akcje li a:hover { background-color: #bcc2da; color: #29345e } .profil_akcje li a:active { background: #bcc2da; color: #3e4a77 } .profil_akcje img { border: none; padding-right: 2px; vertical-align: middle; } .profil_img_br { background: #CCD1DB; text-align: center; width: 22%; float: left; } .profil_img_br img { padding-top: 5px; padding-bottom: 2px; } .sub_profile { float: right; width: 77%; padding: 0; } .bar_profil_zobacz { background: url("https://gragieldowa.pl/img/table-bg.png") top; height: 25px; } .profil_zobacz { background: #F5FBFE; padding: 0; border: 8px solid #CCD1DB; width: 100%; } .profil_zobacz td { padding: 3px 3px 3px 10px; } .profile_actions li { background: url("https://gragieldowa.pl/img/ButtonProfile.png") no-repeat; text-align: left; padding-left: 10px; } .profile_actions li a { position: relative; top: -4px; } #menumale { overflow: hidden; padding: 2px 15px; margin: 0px; } ul#menumale li { list-style-type: none; float: left; } ul#menumale li a { display: block; color: #fff; } ul#menumale li li a { width: 70px; padding: 6px 5px; } ul#menumale li li:hover { background: #999; } ul#menumale li ul { overflow: hidden; display: none; } ul#menumale li:hover ul { position: absolute; background: #aaa; padding: 0; border: 1px solid #999; display: block; width: 70px; } .prawa_tabelki { width: 203px; margin-left: 4px; margin-right: 4px; border-spacing: 0px; margin-bottom: 1px; background: #F7F7F7; /*podsumowanie w tabelce wzrostyspadki*/ } .prawa_tabelki th { height: 26px; font-weight: bold; text-align: center; background: linear-gradient(to bottom, #0F60B1 0%, #004489 100%); color: #FFFFFF; border-bottom: 1px solid #BBBBB9; } .prawa_tabelki th a { color: #FFFFFF; } .prawa_tabelki td { padding: 3px 3px 3px 4px; } .forum_naglowek_gl { border-collapse: collapse; width: 100%; padding: 0; clear: both; } .link_gdzie { font-style: italic; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; } /*=========wiki style ==========*/ .wikiLastUpdateStamp { font-size: 12px; font-weight: normal; } .wiki_tabs { background: #FEFEFE; width: 30%; margin-left: 10px; margin-right: 10px; border: 1px solid #D7C6D2; } .wiki_tabs_holder { margin-top: 15px; display: flex; justify-content: space-between; } .wiki_tab_nag { height: 26px; border-bottom: 1px solid #BBBBB9; } .wiki_tab_nag p { font-weight: bold; margin: 0; padding: 6px 2px 2px 6px; } .wiki_tabs li { padding: 2px 2px 2px 2px; } .wiki_tabs li:hover { text-decoration: underline; } .wiki_szukaj { float: right; position: relative; top: 6px; padding-right: 8px; } .wiki_news { background: #EEF0F2; margin-top: 10px; padding: 6px 6px 6px 6px; border: 1px dotted #5584E6; } .wiki_dodal { font-weight: bold; } .forum_naglowek_gl { border-collapse: collapse; width: 100%; padding: 0; clear: both; } #c { background: #DFF1FF; } .maintable { border-collapse: collapse; width: 100%; text-align: left; font-size: 12px; margin-top: 10px; } .maintable.p13x { font-size: 13px; } .maintable.p13x td { padding: 4px 5px; } table.data.maintable tbody tr:hover { background-color: #f8fafd; } table.data.maintable caption { padding-top: 3px; padding-bottom: 3px; } .maintable th { border: 1px solid #bbbbbb; } .one { z-index: 5; } .two { background: #f3f2f2; height: 20px; } .one:hover { background: #e0eaf0; } .two:hover { background: #e0eaf0; } .maintable td { border: 1px solid #d5d5d5; padding: 5px 2px; } .leftalign { text-align: left; } .centeralign { text-align: center; } /*===== MINI TABELA =====*/ .leftminitable { float: right; width: 100%; margin: 10px 10px 20px 0px; } .minitable { width: 100%; margin: 0px; text-align: right; } .wiad_tyt { background: #ffffff; border: 0px; margin-top: 0; } .wiad_tresc { text-align: left; background: #F3F3F3; border: 0px; } /*=========== tabelki pierwsza strona ==========*/ .start_page_tab td { padding: 3px 4px 3px 4px; border-bottom: 1px dotted #E6E6E6; text-align: right; } .start_page_caption { color: #ffffff; background-color: #2e66b3; padding: 3px 2px 3px 2px; } .start_page_tab { margin-top: 4px; background: #F5F5FA; border-collapse: collapse; border-spacing: 1pt; border: 1px solid #C9CDDE; width: 100%; } .start_page_tab th { background: #C0CFE0; color: #4B6D96; border: 1px solid #97AFCC; padding: 3px 4px 3px 4px; font-weight: normal; } .start_page_firstrow th { font-weight: normal; } /*=========== MIN i MAX sesji ==========*/ .highlow { width: 460px; float: right; margin: 20px 10px 10px 0px; } .low { color: red; } .high { color: green; } /*=========== NAGWKI MAYCH TABELEK ==========*/ .tabs_menu_prawa_up { top: 12px; right: 22px; position: absolute; text-indent: -9999em; float: right; overflow: hidden; background: url("https://gragieldowa.pl/img/arrow_up.png") top; width: 15px; height: 13px; } .tabs_menu_prawa_down { position: absolute; right: 5px; top: 12px; text-indent: -9999em; float: right; overflow: hidden; background: url("https://gragieldowa.pl/img/arrow_down.png") top; width: 15px; height: 13px; } .portfel_pods { color: #ffffff; border: 0px; font-weight: normal; margin-top: 0px; margin-bottom: 10px; padding-bottom: 0px; padding-top: 0px; width: 400px; max-width: 100%; } #sum_portfolio { border-top: 2px solid #EAEAEA; } .maintable_stopka { background: transparent url("https://gragieldowa.pl/obr/tab_dol.png"); height: 5px; width: 100%; } /*===== STOPKA =====*/ #footer { margin: 0px auto; clear: both; width: auto; min-height: 30px; padding-top: 5px; background: #F4F4F9; border-top: 1px solid #6295CE; border-bottom: 1px solid #AFCAE7; } #footer ul { margin: auto; width: 600px; height: 25px; padding: 0px; } #footer li { display: inline; margin: 0px; line-height: 22px; color: #9C84D0; } #footer a { line-height: 22px; padding-left: 5px; padding-right: 5px; color: #011065; text-decoration: none; } #footer a:hover { color: #000000; /*text-decoration: underline;*/ } /*===== FIX =====*/ #cleaner { width: auto; height: 1px; clear: both; display: block; } /*WSPOLNE*/ table.data thead tr { background: #D5D5D5; text-align: center; } table.data tbody tr:nth-child(even) { background: #F3F3F3; } table.data tbody tr:nth-child(odd) { background: #FFFFFF; } table.data tfoot tr { background: #D5D5D5; } table.data th { padding: 5px; } .wsp_czerwone { background: #FFD9D9; border-spacing: 0px; text-align: right; } .wsp_zielone { background: #DAFFD9; border-spacing: 0px; text-align: right; } .wsp_podsumowanie { background: #eaeaea; border-spacing: 1px; } /*stooooooq*/ .stooq_div { margin-left: 4px; width: 190px; font-family: arial; } #pp_t { width: 203px; border: 0px; border-collapse: collapse; } #pp_t td { padding-top: 3px; padding-bottom: 3px; } #pp_h { padding: 4px 2px 4px 2px; color: white; font-weight: bold; text-align: center; border: 0px; } #pp_s { text-indent: 2px; padding-left: 3px; } #pp_v { border: 0px; } #pp_cu { color: #005500; } #pp_cd { color: #ff0000; } #pp_d { padding-right: 3px; } #pp_r1 { background-color: #F3F3F3; } #pp_r2 { background-color: #FFFFFF; } #pp_n { display: none; } /*piktogramy w portfelu i innych miejscach*/ .not_zlec_link_forum { background: url("https://gragieldowa.pl/obr/not_forum.png"); background-position: center; background-repeat: no-repeat; padding-right: 10px; padding-left: 12px; } .not_zlec_kalkulator { background: url("https://gragieldowa.pl/obr/ikonki/kalkulator.jpg"); background-position: center; background-repeat: no-repeat; padding-right: 10px; padding-left: 12px; } /*ABOUT*/ .about_nag { margin-top: 10px; font-weight: bold; margin-left: 15px; } .about_text { color: #112948; margin-top: 10px; margin-left: 10px; margin-right: 10px; text-align: justify; } .about_text li { margin-right: 20px; margin-left: 20px; } .about_text p { text-indent: 3em; } .about_text a { color: #153359; } /*ABOUT - koniec*/ /* EDYCJA STRON*/ .tresc { font-size: 15px; text-align: justify; padding: 10px; line-height: 19px; } .tresc h2 { color: #002B84; } .tresc h4 { color: #193670; text-indent: 0.5cm; } .tresc ul { list-style-type: disc; padding-left: 30px; } .wiki_link_pop a:visited { color: red; font-weight: normal; } .tresc a:link { color: #003399; font-weight: normal; } .tresc a:visited { color: #003399; font-weight: normal; } .tresc a:active { color: #003399; } .tresc a:hover { color: #003399; font-weight: normal; } .tresc li ul { text-indent: 10px; } .tresc hr { border: 0; color: #f00; background-color: #f00; height: 1px; margin-top: 10px; margin-bottom: 10px; line-height: 20px; } .tresc img { margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; } .tresc i { color: #002F5E; } .tresc dodal { color: red; text-align: right; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; } /*FORUM SPOLEK*/ .forum_zlec_tab { float: left; width: 100%; background-color: #ffffff; border-collapse: collapse; border-spacing: 1pt; } .forum_zlec_tab td { border: 1px solid white; padding: 5px 4px 5px 4px; } .forum_zlec_tab th { text-align: center; background: #7B7E7B; padding: 7px 4px 7px 4px; color: #E0E0E0; } .forum_dodnowytemat { text-align: right; background-position: 30px 1px; background-repeat: no-repeat; padding-left: 56px; font-weight: bold; color: #0928E7; } .f_post_lewy a { color: #D61207; font-weight: bold; padding-left: 2px; padding-right: 2px; } .forum_tab { width: 100%; background-color: #ffffff; border-collapse: collapse; } .forum_tab td { border: 1px solid white; padding: 5px 4px 5px 4px; } .forum_tab th { text-align: center; background: #7B7E7B; padding: 7px 4px 7px 4px; color: #E0E0E0; } .forum_header { margin-left: 5px; width: 700px; } .forum_spolka { width: 80px; background: #F4F5F6; color: #445563; } .forum_naglowek_gl { border-collapse: collapse; width: 100%; padding: 2px 2px 2px 2px; } .forum_naglowek_gl td { padding: 0 0 0 0; margin: 0; } .forum_naglowek { text-align: center; padding-top: 0; background: #0C2452; border-top: 0; height: 25px; } a.forum_profil_link { font-weight: bold; color: #ff0000; } .forum_naglowek_pm { text-align: center; padding-top: 0; background: #0C2452; border-top: 0; height: 25px; } .forum_naglowek_pm td { width: 16%; height: 25px; margin-top: 0; } .forum_naglowek_pm a { color: #ffffff; font-weight: bold; } .forum_naglowek_div { background: #0C2452; color: white; margin: 0; width: 450px; font-weight: bolder; border-collapse: collapse; padding: 2px 2px 2px 6px; } .forum_naglowek_div select { background: #CCD5FF; width: 134px; text-align: center; } .forum_naglowek_div_2 { margin: 0; padding: 2px 4px 2px 6px; } .forum_button { background-color: #003366; font-weight: bolder; color: #CFDFFE; margin-top: 5px; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; margin-right: 4px; } .button_a { background-color: #003366; color: #000000; margin-top: 5px; padding-left: 10px; padding-right: 10px; margin-right: 4px; } .forum_naglowek td { height: 25px; margin-top: 0; } .forum_naglowek a { color: #eeeeee; font-weight: bold; } .forum_gdzie { height: 100%; overflow: hidden; margin: 5px; font-weight: bold; float: left; } .forum_gdzie a { font-weight: bold; } .forum_spolka_ost { color: #606060; } .forumTopHeader { line-height: 20px; display: flex; justify-content: space-between; flex-wrap: nowrap; } .forumTopHeader a { display: block; text-align: center; background-color: #b3dcff; padding: 5px; width: 100%; } .forumTopHeader a:hover { background-color: #d3eaff; } /*.forum_wyszukaj { margin: 0; float: right; } */ .forum-opis { border-radius: 5px 5px 5px 5px; color: #FFFFFF; float: right; font-size: 10px; margin-right: 3px; padding: 2px 4px; } .forum-opis-sticky { background-color: #6B950F; } .forum-opis-closed { background-color: #EE7956; } .forum-opis-new { background-color: #8Ba51F; } .forum_tytul { padding-right: 6px; padding-left: 6px; background: #EAEBEC; color: #445563; } .forum_tytul_a { font-weight: bolder; } .forum_tytul_a:hover { color: #0099CC; text-decoration: underline; } .forum_tytul_page { font-weight: normal; } .forum_tytul_page:hover { color: red; } .forum_lista_tr { background: #fafafa; } .forum_back { padding-right: 6px; font-weight: bolder; color: #001F53; text-align: right; padding-left: 15px; } .forum_back:hover { cursor: pointer; } .forum_login { text-align: center; background: #EAEBEC; color: #D61207; font-weight: bold; } .forum_data { width: 90px; text-align: center; background: #F4F5F6; color: #445563; } .forum_tresc { background: #EEF5F7; padding: 2px 3px 2px 3px; color: #606060; text-align: justify; } .ilosc_odp { background: #F4F5F6; color: #445563; text-align: right; } .f_pasek_tytulu { background-color: #082d47; color: #eeeeee; width: 100%; height: 50px; position: relative; } .f_pasek_tytulu_tytul { font-weight: bold; position: absolute; left: 5px; top: 5px; } .f_pasek_tytulu_info { position: absolute; left: 5px; top: 29px; } .f_pasek_tytulu_strony { float: right; clear: both; margin-top: 7px; margin-right: 10px; } .f_pasek_tytulu_strony a, f_pasek_tytulu_strony a:link, f_pasek_tytulu_strony a:visited, f_pasek_tytulu_strony a:hover { color: #ffffff; } .f_pasek_info { color: #858585; } .forum_dodano { color: #151515; font-weight: bold; font-style: italic; } .forum_list { background: green; } .forum_tresc_kom { background: #ECECFF; padding: 6px 6px 6px 6px; text-align: justify; } .forum_zamkniety { position: relative; right: 10px; } .f_postow { color: #929292; } .f_temat { background: #dddddd; width: 100%; margin: auto; } .f_temat tr { margin: auto; } .f_temat_lewy { padding-top: 10px; padding-bottom: 20px; width: 15%; text-align: center; font-weight: bold; border-right: 1px solid white; } .f_temat_srodek { width: 70%; text-align: justify; } .f_temat_nagl { width: 30%; padding: 4px 2px 4px 6px; float: right; background: #CECECE; font-weight: bold; } .f_temat_tresc { min-height: 70px; padding-bottom: 15px; } .f_temat_podpis { border-top: 1px solid red; clear: left; padding-top: 4px; } .f_temat_ { text-align: center; border-left: 1px solid white; } /* FORUM POSTY */ .f_post { border: 1px solid #e4e4e4; width: 99%; margin: auto; background: #f9f9f9; border-collapse: collapse; } .f_post tr { margin: auto; } .f_post_lewy { padding-top: 10px; padding-bottom: 20px; vertical-align: top; width: 15%; text-align: center; background: #eeeeee; } .f_post_srodek { vertical-align: top; text-align: justify; width: 85%; background: #f3f3f3; } .f_post_tresc { text-align: justify; float: left; margin-top: 10px; min-height: 170px; padding-bottom: 15px; padding-left: 4px; color: #111111; width: 99%; } .f_post_tresc pre { max-width: 647px; word-wrap: normal; white-space: pre; line-height: 8px; text-align: left; } .f_post_podpis { border-top: 1px solid red; clear: left; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; } .f_post_stronawww { clear: left; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; } .f_post_buttonypod { border-top: 1px solid #dddddd; background: #e5e5e5; clear: left; padding: 6px; } .f_post_cytuj { padding: 3px; margin: 5px; text-align: justify; background: #dadada; color: #424F55; font-style: italic; clear: both; } .f_cytuj_b { height: 15px; background-color: #114376; font-weight: bolder; color: #CFDFFE; margin-top: 5px; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; margin-right: 3px; } .f_zglos_b { background-color: #aa1212; font-weight: bolder; color: #CFDFFE; margin-top: 5px; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; margin-right: 3px; } /*FORUM SPOLEK - koniec*/ /********* newsy pierwsza strona - komentarze i analizy ********/ .news_art { border-collapse: collapse; width: 760px; background-color: #EDF1F1; } .news_art img { width: 740px; height: 359px; text-align: center; } .news_art_tyt { color: #C00008; font: 16px Arial Black; height: auto; left: 0; margin: 0; padding: 0; position: relative; top: 0; font-weight: bold; } .news_art_tresc { padding: 6px 6px 6px 6px; } .news_art_data { font: 11px Tahoma; color: #746882; padding: 8px 4px 4px 4px; } /************ koniec komentarze i analizy **************/ /*NEWSY*/ .main_info_news { border-collapse: collapse; width: 100%; background-color: #EDF1F1; } .main_info_news td { padding: 0 0 1px 0; } .NewsTytTDL { background: #EAEBEC; color: #445563; border: 1px solid #CCCDD2; padding: 6px 4px 6px 7px; margin-top: 3px; display: block; /*color: #22049B;*/ font-weight: bold; position: relative; } .NewsTytTDL IMG { right: 6px; position: absolute; top: 4px } .NewsTytTDL:hover { background: #EAEBEC; } .NewsTytTDP { background: #9aafd9; padding: 3px 4px 3px 7px; text-align: right; } .NewsTyt { text-align: left; color: rgb(25, 25, 97); background-color: #C1D5FF; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; border-left: 2px solid #9AAFD9; border-right: 2px solid #9AAFD9; } .NewsTrescTD { text-align: justify; padding: 4px 8px 8px 4px; background-color: #F2F7F9; border-spacing: 2px; line-height: 15px; border-left: 1px solid #CCCDD2; border-right: 1px solid #CCCDD2; border-bottom: 1px solid #CCCDD2; } .NewsTrescTD_link { text-decoration: underline; padding: 2px 4px 4px 4px; color: #260AC9; background-color: #F2F7F9; border-left: 1px solid #CCCDD2; border-right: 1px solid #CCCDD2; border-bottom: 1px solid #CCCDD2; } .NewsTrescTD_data { padding-right: 10px; color: #746882; font-weight: bolder; right: 26px; padding: 3px 4px 4px 4px; position: absolute; } .NewsTytNewTDL { padding-left: 7px; } .NewsTytNewTDP { padding-right: 5px; text-align: right; } .NewsTytNew { background-color: #F5D9AD; font-style: italic; border: 0px; font-weight: bold; border-spacing: 0px; line-height: normal; } .NewsTrescNewTD { text-align: justify; padding-left: 3px; padding-right: 5px; background-color: #F9EDD0; border-spacing: 2px; line-height: 15px; } .newspanel { background-color: #BED3F3; border-spacing: 4px; line-height: 15px; border-bottom: 2px solid #DE8787; border-left: 2px solid #C1D5FF; border-right: 2px solid #C1D5FF; } .newsodstep { background-color: #eeeeee; border-spacing: 2px; } .komlogin { background-color: #D1DFEF; padding: 2px 4px 2px 4px; border: 0px; border-spacing: 0px; } .komtresc { background-color: #F4F7F5; border-spacing: 2px; } #menu_tab { background-color: #05006C; font-size: 11px; font-weight: bold; color: #ffffff; text-align: left; width: 125px; } #menu_tab li { cursor: pointer; height: 22px; display: block; height: 22px; padding: 0 0 0 8px; width: 116px; } #menu_tab li a { height: 18px; margin: 0px; padding: 2px 0px 0px 5px; display: block; } ul#menu_tab li a:hover { background: #8EBAE5 none repeat scroll 0%; } #menu_tab li.current { background-color: #C90000; border-top: #DC6566 1px solid; border-bottom: #DC6566 1px solid; } #menu_tab li.menu_new_item { display: block; height: 22px; cursor: pointer; padding: 0 0 0 8px; width: 116px; } #menu_tab li.podmenu { display: block; height: 22px; cursor: pointer; padding: 0 0 0 8px; width: 116px; } #menu_tab li.current_podmenu { background-color: #C90000; } #menu_tab li.current a:hover { background: transparent; } .menu_tab_active { background-color: #99CCFF; color: white; } .tooltip { position: absolute; top: 0; left: 0; z-index: 3; display: none; } .pomoctooltip { margin: 0; padding: 0; color: #fff; background-color: #222; padding: 5px 5px; } /*=========Ranking ============*/ .ranking_opis { background: #F8F8F8; color: #0A4667; } .ranking_opis caption { background: url("https://gragieldowa.pl/img/tab-rank-nag.png") repeat scroll 0 0 transparent; padding: 2px 2px 2px 2px; color: #0A4667; border-bottom: 1px solid #ABB8D8; } .profile_help_span { float: right; } .profile_help_span img { position: relative; top: -4px; width: 18px; height: 18px; } .profile_help_span_b img { position: relative; top: -4px; width: 13px; height: 13px; } .profil_td_right { float: right; padding-right: 5px; } .help { padding-left: 5px; margin-top: 5px; padding-right: 5px; } .stronicowanie { clear: both; } .stronicowanie a { color: #202d37; display: inline; float: left; text-align: center; text-decoration: none; border: 1px solid #dddddd; border-radius: 4px 4px 4px 4px; padding: 7px 12px; margin: 2px; background: #e9e9e9; transition: all 200ms ease; } .stronicowanie a:hover { filter: brightness(120%); } a.stronicowanie_aktywne { color: #eeeeee !important; font-weight: bold !important; border: 1px solid #1971b5; background: #015a9f; /* Old browsers */ } .stronicowanie_przerwa { width: 1px; height: 20px; float: left; background: #3991D5; margin: 4px 6px; } #stopka { border-top: 5px solid #cecece; height: 100px; width: 100%; color: white; position: relative; clear: both; font-size: 12px; background-color: #2b6ba3; max-width: 1180px; margin-left: auto; margin-right: auto; } #stopka_icon { position: absolute; left: 10px; top: 12px; height: 25px; width: 25px; background: url("https://gragieldowa.pl/images/stopka_icon.png") no-repeat; } #stopka_menu { position: absolute; top: 15px; left: 20px; } #stopka_menu li { float: left; padding-right: 14px; padding-left: 5px; background: url("https://gragieldowa.pl/images/stopka_separator.png") no-repeat; background-position: 0px 3px; } #stopka_menu a { margin-left: 5px; font-weight: bold; } #stopka_copyright { position: absolute; left: 20px; top: 57px; font-weight: 900; } #stopka_info { right: 10px; top: 45px; width: 700px; text-align: right; position: absolute; } #stopka_info a { font-style: italic; } #stopka_polecane { font-weight: bold; left: 15px; top: 75px; position: absolute; } #stopka_polecane a { font-weight: 900; color: #ffffff; } #stopka_online { left: 20px; top: 35px; font-weight: bold; text-align: left; position: absolute; } #stopka_online a { font-weight: bold; } #stopka_polec { position: absolute; right: -150px; background: #0D3678; padding: 4px 8px 4px 4px; border-radius: 5px; top: -1px; } #analityk_polec { position: absolute; left: 590px; background: #0D3678; padding: 4px 8px 4px 4px; border-radius: 5px; top: 225px; } .spolka_wyszukiwarka { z-index: 1; border: 1px solid #36a0ea; } body .spolka_wyszukiwarka a { border-bottom: 1px solid #333333; white-space: nowrap; margin: 0px; display: block; border-radius: 0px; padding-bottom: 4px; padding-top: 4px; padding-left: 3px; padding-right: 3px; border-bottom: 1px solid #0C6DB1; } .grupy_opis { background: #0073ad; /* Old browsers */ background: linear-gradient(to bottom, #0073ad 0%, #042f7e 49%, #004897 94%, #1c196a 96%, #1c196a 100%); /* W3C */ float: left; height: 110px; width: 100%; margin-top: 15px; padding-bottom: 16px; position: relative; } .grupy_b { color: #EAEAEA; float: left; height: 100px; width: 240px; position: absolute; margin: 2px 8px 4px 6px; } .grupy_gracz { background: #181B61; height: 110px; width: 200px; color: #EAEAEA; position: absolute; top: -10px; left: 250px; padding: 8px 8px 8px 8px; } .grupy_prof { background: #181B61; height: 110px; width: 200px; position: absolute; margin: 0 10px 10px 30px; padding: 8px 8px 8px 8px; color: #EAEAEA; top: -10px; right: 50px; } .grupy_ok { background: url("https://gragieldowa.pl/img/accept24.png") no-repeat center; width: 24px; height: 24px; } .grupy_nok { background: url("https://gragieldowa.pl/img/nok24.png") no-repeat center; width: 24px; height: 24px; } .arrow_r, .arrow_inactive { background: url("https://gragieldowa.pl/img/arrow_grupy.png") no-repeat; height: 60px; width: 60px; position: absolute; top: 20px; right: 36px; z-index: 1; } .arrow_l { background: url("https://gragieldowa.pl/img/arrow_grupy.png") no-repeat; height: 60px; width: 60px; position: absolute; top: 20px; left: 430px; z-index: 1; } .arrow_inactive { background: url("https://gragieldowa.pl/img/arrow_grupy_inactive.png") no-repeat; } .grupy_bottom { float: left; width: 60%; height: 24px; color: #EAEAEA; padding: 8px 4px 4px 10px; background-color: #1C196A; border-radius: 0 0 15px 0; } /* przypisania do grup */ .grupy_opis_z_info { height: 220px; } .grupy_opis_z { background: linear-gradient(to bottom, #9bd7d9 0%, #0572ae 1%, #0274af 2%, #0274af 13%, #0270ab 20%, #00609d 33%, #003d86 54%, #003281 63%, #003285 74%, #004596 89%, #004a9a 97%, #003b95 98%, #2281af 99%, #cbeeec 100%); float: left; height: 133px; width: 100%; margin-top: 15px; padding-bottom: 2px; position: relative; } .gry_dolacz_prof { float: left; height: 200px; width: 140px; margin-top: 15px; padding-bottom: 18px; position: relative; } .gry_info_top { border-radius: 5px; border: 1px solid #004A7F; background: #FFFFFF; margin-bottom: 10px; } .gry_info_top_tryb { float: left; background: #004A7F; padding: 5px; color: #FFCF82; width: 80px; text-align: center; font-weight: bold; margin-right: 6px; } .gry_info_bg { padding: 5px; } .lista li { background: url('/gra/img/icon_check_yes.png') left bottom no-repeat; background-position: 0% 10%; padding: 1px 0px 3px 20px; } .grupy_b_z { color: #EAEAEA; float: left; height: 120px; width: 197px; position: absolute; margin: 2px 8px 4px 6px; left: 170px; } .grupy_gracz_z { background: #181B61; height: 133px; width: 140px; color: #EAEAEA; position: absolute; top: -10px; left: 10px; padding: 8px 8px 8px 8px; } .grupy_prof_z { background: #181B61; height: 133px; width: 130px; position: absolute; margin: 0 10px 10px 30px; padding: 8px 8px 8px 8px; color: #EAEAEA; top: -10px; right: 10px; } .gry_gracz { background: #181B61; height: 120px; width: 130px; color: #EAEAEA; position: absolute; top: -10px; left: 100px; padding: 8px 8px 8px 8px; } .gry_prof { background: #181B61; height: 120px; width: 130px; position: absolute; margin: 0 10px 10px 30px; padding: 8px 8px 8px 8px; color: #EAEAEA; top: 140px; right: -56px; } .gra_szukaj { background: #006699; width: 370px; padding: 8px; margin-top: 8px; color: #ffffff; } .gry_info_param { float: left; padding-right: 0px; min-width: 190px; } .gry_param td { padding-left: 2px; } .gry_param { min-width: 305px } .arrow_r_z { position: absolute; top: 102px; right: 25px; z-index: 1; } .arrow_l_z { position: absolute; top: 102px; left: 132px; z-index: 1; } .arrow_l_z2 { position: absolute; top: 27px; left: 7px; z-index: 1; } .grupy_b_z_body { background: #181B61; color: #EAEAEA; padding: 8px 8px 8px 8px; height: 73px; } .belka { background: #006699; padding: 4px 6px 4px 6px; width: 200px; font-weight: bold; margin-bottom: 4px; margin-top: 8px; color: #E1EDFD; } .belka_g { font-weight: bold; color: #173E74; padding: 6px 6px 8px 8px; } #naglowek_barometr { background-image: url('https://gragieldowa.pl/images/barometr.png'); position: absolute; left: 709px; top: 2px; width: 47px; height: 100px; } .login { color: #D61207 !important; font-weight: bold; text-align: center; } .gry_table { border-collapse: collapse; } .gry_table th { border-collapse: collapse; padding: 3px 4px 3px 6px; font-weight: normal; } .gry_table td { padding: 3px 4px 3px 6px; font-weight: normal; } .gry_bg { font-weight: bold; clear: both; padding: 4px 2px 4px 4px; } .gry_tab_bg { background: #8AAFBF; padding: 6px 6px 6px 6px; } .gry_tab_bg th { text-align: left; } .gry_bg_info { padding: 2px; color: white; background: #006699; border-radius: 5px; margin-top: 6px; } .gry_bg_info_2 { padding: 6px 6px 6px 6px; color: white; background: #006699; border-bottom-left-radius: 5px; border-top-left-radius: 5px; margin-top: 6px; } .gry_tab_b { font-weight: bold; text-align: center; } .gry_buttons { margin-top: 6px; margin-bottom: 4px; height: 20px; width: 100%; clear: both; } .gry_belka_mini { font-weight: bold; padding: 8px 2px 4px 4px; } /*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/ .jqplot-target { position: relative; color: #101010; font-size: 1em; /* height: 300px; width: 400px;*/ } /*rules applied to all axes*/ .jqplot-axis { font-size: 11px; } .jqplot-xaxis { margin-top: 10px; } .jqplot-x2axis { margin-bottom: 10px; } .jqplot-yaxis { margin-right: 10px; } .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis { margin-left: 10px; margin-right: 10px; } /*rules applied to all axis tick divs*/ .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { position: absolute; } .jqplot-xaxis-tick { top: 0px; /* initial position untill tick is drawn in proper place */ left: 15px; /* padding-top: 10px;*/ vertical-align: top; } .jqplot-x2axis-tick { bottom: 0px; /* initial position untill tick is drawn in proper place */ left: 15px; /* padding-bottom: 10px;*/ vertical-align: bottom; } .jqplot-yaxis-tick { right: 0px; /* initial position untill tick is drawn in proper place */ top: 15px; /* padding-right: 10px;*/ text-align: right; } .jqplot-yaxis-tick.jqplot-breakTick { right: -20px; margin-right: 0px; padding: 1px 5px 1px 5px; /* background-color: white;*/ z-index: 2; font-size: 1.5em; } .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { left: 0px; /* initial position untill tick is drawn in proper place */ top: 15px; /* padding-left: 10px;*/ /* padding-right: 15px;*/ text-align: left; } .jqplot-meterGauge-tick { font-size: 12px; color: #999999; } .jqplot-meterGauge-label { font-size: 1em; color: #999999; } .jqplot-xaxis-label { margin-top: 10px; font-size: 11pt; position: absolute; } .jqplot-x2axis-label { margin-bottom: 10px; font-size: 11pt; position: absolute; } .jqplot-yaxis-label { margin-right: 10px; /* text-align: center;*/ font-size: 11pt; position: absolute; } .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label { /* text-align: center;*/ font-size: 11pt; position: absolute; } table.jqplot-table-legend { margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; } table.jqplot-table-legend, table.jqplot-cursor-legend { background-color: rgba(255, 255, 255, 0.6); border: 1px solid #cccccc; position: absolute; font-size: 12px; } td.jqplot-table-legend { vertical-align: middle; } td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active { cursor: pointer; } td.jqplot-table-legend > div { border: 1px solid #cccccc; padding: 1px; } div.jqplot-table-legend-swatch { width: 0px; height: 0px; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 6px; border-right-width: 6px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; } .jqplot-title { top: 0px; left: 0px; padding-bottom: 0.5em; font-size: 14px; font-weight: bold; } table.jqplot-cursor-tooltip { border: 1px solid #cccccc; font-size: 12px; } .jqplot-cursor-tooltip { border: 1px solid #cccccc; font-size: 12px; white-space: nowrap; background: rgba(208, 208, 208, 0.5); padding: 1px; } .jqplot-highlighter-tooltip { border: 1px solid #cccccc; font-size: 12px; white-space: nowrap; background: rgba(208, 208, 208, 0.5); padding: 1px; } .jqplot-point-label { font-size: 12px; z-index: 2; } td.jqplot-cursor-legend-swatch { vertical-align: middle; text-align: center; } div.jqplot-cursor-legend-swatch { width: 1.2em; height: 0.7em; } .jqplot-error { /* Styles added to the plot target container when there is an error go here.*/ text-align: center; } .jqplot-error-message { /* Styling of the custom error message div goes here.*/ position: relative; top: 46%; display: inline-block; } div.jqplot-bubble-label { font-size: 0.8em; /* background: rgba(90%, 90%, 90%, 0.15);*/ padding-left: 2px; padding-right: 2px; color: rgb(20%, 20%, 20%); } div.jqplot-bubble-label.jqplot-bubble-label-highlight { background: rgba(90%, 90%, 90%, 0.7); } div.jqplot-noData-container { text-align: center; background-color: rgba(96%, 96%, 96%, 0.3); } .zlecenie_tabela_ofert { padding-top: 2px; padding-bottom: 2px; padding-left: 4px; background: #D3D3D3; } .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none } .formError .formErrorContent { width: 100%; background: #ee0101; position: relative; z-index: 5001; color: #fff; width: 150px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; z-index: 5006; } .formError .formErrorArrowBottom { box-shadow: none; margin: 0px 0 0 12px; top: 2px; } .formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #FFF; } .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; } .formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } .formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; } .contact_info_bg { background: url('/gra/img/logo_silv.png') no-repeat; width: 125px; height: 100px; float: left; margin-right: 20px; } .contact_info, .contact_info a { float: left; color: #000000; } .zm { float: left; width: 378px; background: #FFFFFF; border: 2px solid #B7C6C9; margin-right: 3px; margin-left: 3px; margin-top: 6px; min-height: 277px; } .zm_tytul { color: #0066A1; margin: 8px; } .zm_foto { float: left; margin: 8px; } .zm_opis { margin: 4px; min-height: 192px; } .emakler { width: 458px; padding-bottom: 8px; padding-right: 8px; margin-bottom: 0; padding-bottom: 0; float: left; } .button_k, .button_k a { background: url("https://gragieldowa.pl/img/layout/standard_button_k_bg.jpg"); font-weight: bold; padding: 4px; color: #ffffff; margin-top: 6px; cursor: pointer; text-align: center; } .emakler_info { width: 300px; height: 251px; background: url("https://gragieldowa.pl/img/layout/emakler.png"); float: left; } .formularz { max-width: 990px; background: #ffffff; color: #000000; } .formularz label { float: left; text-align: left; } .formularz input[type=text] { float: left; text-align: right; } .formularz input[type=email] { float: left; text-align: right; } .formularz textarea { float: left; text-align: left; } .formularz form_row { float: left; width: 400px; clear: both; } .polecane_main { width: 387px; background: #CBCDD3; float: left; margin-left: 5px; margin-top: 5px; } .polecane_menu_bg { background: #e1e1e1; width: 100%; float: left; } .polecane_box { background: #ffffff; padding-bottom: 4px; width: 378px; margin-bottom: 10px; position: relative; margin-left: 5px; } .polecane_tyt { background: #EAE5E2; padding: 3px; height: 16px; border-bottom: 1px solid black; } .polecane_tyt a { font-weight: bold; padding-left: 4px; } .polecane_info { padding: 4px; } .polecane_czas { text-align: right; position: absolute; padding-top: 4px; top: 0px; right: 3px; } .polecane_vote { cursor: pointer; border: 1px solid #999999; background-color: #635A5A; width: 9px; height: 13px; text-align: center; float: left; margin-left: 3px; margin-right: 3px; padding: 0px; color: #ffffff; } .polecane_glos { margin-top: 6px; position: absolute; top: -4px; right: -70px; } .polecane_url { padding-left: 10px; padding-top: 10px; } .polecane_url, .polecane_url a { color: #020092; height: 15px; } .polecane_vote_best { } .polecane_vote_new { width: 300px; } .polecane_vote_best7 { } .minigra li { margin-left: 10px; } .flag_change1:hover { background: url('/img/pl.png'); } .flag_change2:hover { background: url('/img/en.png'); } .euro2012 { background: url('https://gragieldowa.pl/images/pilka.png'); background-position: 10px 10px; background-repeat: no-repeat; position: absolute; top: 5px; left: 353px; width: 100px; height: 70px; z-index: 99999; } #e1 { position: absolute; top: -5px; left: 18px; color: #D61207; font-weight: bold; } #e2 { position: absolute; top: 58px; left: 6px; color: #D61207; font-weight: bold; } .euro2012B { position: absolute; top: 11px; left: 640px; width: 150px; height: 170px; } #e11 { position: absolute; top: -8px; left: -5px; color: #D61207; font-weight: bold; } #e22 { position: absolute; top: 105px; left: 6px; color: #D61207; font-weight: bold; } .admtable { border-collapse: collapse; text-align: left; margin-top: 10px; } .admtable tr:nth-child(odd) { background-color: #DDDDDD; } .admtable tr:nth-child(even) { background-color: #EEEEEE; } .admtable td { padding: 4px; padding-left: 7px; } .gry_how_to { } .wiki_info_pomoc { background: #EB1A1A; color: #ffffff; width: 150px; text-align: center; padding: 4px; margin: 4px; border-radius: 5px 5px 5px 5px; position: absolute; left: 290px; } #barometr { background-image: url("https://gragieldowa.pl/images/barometr.png"); height: 99px; right: 260px; position: absolute; top: 3px; width: 57px; } /* tables */ table.tablesorter thead tr .header { cursor: pointer; } table.tablesorter thead tr .header:hover { background-color: #c5c5c5; cursor: pointer; } .binarne_info { padding-top: 20px; line-height: 20px; } .jqpopup { display: none; background-color: #333333; color: #eeeeee; min-width: 200px; min-height: 50px; border: 2px solid #111111; border-radius: 3px; opacity: 0; position: absolute; padding: 8px; z-index: 5; text-align: left; } .table_borderless { border-collapse: collapse; border-width: 0px; } .table_borderless > tbody > tr > td { border: 0px; } .portfel_popup_border_down { border-collapse: separate; border-bottom: 1px solid #444444; } .tekst_content { padding: 5px; font-size: 13px; margin: 20px; } .tekst_content ol li { margin-left: 15px; list-style-type: decimal; } .tekst_content ol li ol li { list-style-type: lower-latin; } .tekst_content ul li { list-style-type: disc; margin-left: 15px; } .tekst_content ul li ul li { list-style-type: square; } .tekst_content img { float: right; margin-right: 5px; } .t_content { font-weight: bold; font-size: 16px; } .zlecenie_form_cont { width: 430px; margin-top: 10px; margin-right: 4px; border-spacing: 0px; background: #F7F7F7; /*podsumowanie w tabelce wzrostyspadki*/ } #zlecenieInfoData { max-width: 400px; width: 100%; } .zlecenie_form_header { height: 26px; font-weight: bold; text-align: center; background-color: #0F60B1; background: linear-gradient(to bottom, #0F60B1 0%, #004489 85%, #0F60B1 3px); color: #FFFFFF; border-bottom: 1px solid #BBBBB9; padding-top: 5px; } .zlecenie_category { padding-left: 25px; margin-top: 5px; } .zlecenie_step { float: left; border-radius: 3px; background-color: #004E9A; color: #fafafa; padding: 3px 6px; } .zlecenie_option_name { float: left; min-width: 100px; margin-right: 7px; font-size: 13px; font-weight: bold; padding-top: 5px; } .zlecenie_option_value { } .zlecenie_option { margin-top: 10px; padding-left: 65px; } .zlecenie_separator { margin-top: 5px; margin-left: 20px; margin-right: 20px; width: 90%; height: 1px; background-color: #e8e8e8; clear: both; } .zlecenie_option_header { font-size: 12px; padding-top: 3px; padding-left: 25px; } .zlecenie_help_icon { float: right; margin-right: 20px; width: 16px; height: 16px; background-image: url("https://cdn.gragieldowa.pl/gra/img/icon_help.png"); background-repeat: no-repeat; } .zlecenie_help_icon:hover { cursor: pointer; background-image: url("https://cdn.gragieldowa.pl/gra/img/icon_help.png"); background-repeat: no-repeat; background-position: 0px -16px; } .zlecenie_reklama { margin-top: 10px; } .zlecenie_info { background-color: #F7F7F7; padding: 5px; margin-top: 5px; } .zlecenie_info div div { padding-left: 10px; float: left; width: 150px; padding-top: 5px; } .message_content { padding: 6px 6px 6px 35px; background: #F4F4F4; font-size: 12px; line-height: 16px; } .message_content a { text-decoration: underline; } form textarea { width: 100%; } form .columns2, form.columns3 { display: table; font-size: 15px; width: 100%; } form .columns2 > div, form.columns3 > div { display: table-row; } form .columns2 > div > label { padding: 10px; } form .columns2 > div > textarea { width: 70%; } form .columns3 > div > textarea { width: 50%; } form .columns2 label, form.columns3 label, form .columns2 span, form.columns3 span, form .columns2 div.input, form.columns3 div.input, form .columns2 div.message, form.columns3 div.message { padding-left: 15px; padding-right: 15px; display: table-cell; box-sizing: border-box; } form .columns2 label, form.columns3 label { text-align: right; padding-top: 7px; } form .columns3 label, form .columns3 div.input, form .columns3 div.message { width: 33.333%; } form .columns2 label, form .columns2 span { width: 25%; vertical-align: middle; } table .pName { display: flex; justify-content: space-between; flex-wrap: nowrap; } table .pName span { white-space: nowrap; } form .columns2 div.input { width: 75%; } form .columns2.label_narrow label { width: 20%; } form .columns2.label_narrow div.input { width: 80%; } form input, form textarea, form select { border: 1px solid #aaaaaa; border-radius: 2px; padding: 6px; font-size: inherit; display: table-cell; } .button { display: inline-block; margin-left: 5px; margin-top: 3px; margin-bottom: 3px; border-radius: 3px; padding: 7px; font-size: inherit; } h2 .button { font-variant: initial; font-weight: normal; font-size: 14px; float: right; margins-left: 10px; } form input[type="submit"], form .button, a.button, .button { box-shadow: none; border: none; } input::-webkit-input-placeholder { color: #333333; font-size: 14px } input:-moz-placeholder { color: #333333; font-size: 14px } input::-moz-placeholder { color: #333333; font-size: 14px } input:-ms-input-placeholder { color: #333333; font-size: 14px } textarea::-webkit-input-placeholder { color: #333333; font-size: 14px } textarea:-moz-placeholder { color: #333333; font-size: 14px } textarea::-moz-placeholder { color: #333333; font-size: 14px } textarea:-ms-input-placeholder { color: #333333; font-size: 14px } form input:focus, form textarea:focus, form select:focus, form input:hover, form textarea:hover, form select:hover { transition: all 0.4s ease; } .button, form input[type="submit"] .button, a.button { cursor: pointer; background-color: #B50B0B; color: #ffffff; } form input[type="submit"]:hover, .button:hover, form input .button:hover, a.button:hover { transition: all 0.4s ease; background-color: #d52B2B; color: #ffffff; } .button_grey, a.button_grey, .button_grey:hover, a.button_grey:hover { background: linear-gradient(to bottom, #c0c0c0 0%, #b9b9b9 100%, #c0c0c0 1px) repeat scroll 0 0 transparent; } .achiev_container > div > div { position: absolute; width: 64px; height: 64px; margin-left: 2px; margin-top: 2px; } .achiev_container .achiev_ramka { border: 2px solid #EAE6E6; border-radius: 3px; cursor: pointer; margin: 0px; } .achiev_container > div { background-color: #ffffff; width: 64px; height: 64px; } /** * Default Look and Feel */ .alertify, .alertify-log { font-family: sans-serif; } .alertify { background: #FFF; border: 10px solid #333; /* browsers that don't support rgba */ border: 10px solid rgba(0, 0, 0, .7); border-radius: 8px; box-shadow: 0 3px 3px rgba(0, 0, 0, .3); -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ -moz-background-clip: padding; /* Firefox 3.6 */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } .alertify-text { border: 1px solid #CCC; padding: 10px; border-radius: 4px; } .alertify-button { border-radius: 4px; color: #FFF; font-weight: bold; padding: 6px 15px; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5); background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0)); } .alertify-button:hover, .alertify-button:focus { outline: none; background-image: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); } .alertify-button:focus { box-shadow: 0 0 15px #2B72D5; } .alertify-button:active { position: relative; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); } .alertify-button-cancel, .alertify-button-cancel:hover, .alertify-button-cancel:focus { background-color: #FE1A00; border: 1px solid #D83526; } .alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus { background-color: #5CB811; border: 1px solid #3B7808; } .alertify-log { background: #1F1F1F; background: rgba(0, 0, 0, .9); padding: 15px; border-radius: 4px; color: #FFF; text-shadow: -1px -1px 0 rgba(0, 0, 0, .5); } .alertify-log-error { background: #FE1A00; background: rgba(254, 26, 0, .9); } .alertify-log-success { background: #5CB811; background: rgba(92, 184, 17, .9); } .alertify, .alertify-show, .alertify-log { transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ } .alertify-hide { transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */ } .alertify-log-hide { transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */ } .alertify-cover { position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; background-color: white; filter: alpha(opacity=0); opacity: 0; } .alertify-cover-hidden { display: none; } .alertify { position: fixed; z-index: 99999; top: 50px; left: 50%; width: 550px; margin-left: -275px; opacity: 1; } .alertify-hidden { -webkit-transform: translate(0, -150px); -moz-transform: translate(0, -150px); -ms-transform: translate(0, -150px); -o-transform: translate(0, -150px); transform: translate(0, -150px); opacity: 0; display: none; } /* overwrite display: none; for everything except IE6-8 */ :root * > .alertify-hidden { display: block; visibility: hidden; } .alertify-logs { position: fixed; z-index: 5000; bottom: 10px; right: 10px; width: 300px; } .alertify-logs-hidden { display: none; } .alertify-log { display: block; margin-top: 10px; position: relative; right: -300px; opacity: 0; } .alertify-log-show { right: 0; opacity: 1; } .alertify-log-hide { -webkit-transform: translate(300px, 0); -moz-transform: translate(300px, 0); -ms-transform: translate(300px, 0); -o-transform: translate(300px, 0); transform: translate(300px, 0); opacity: 0; } .alertify-dialog { padding: 25px; } .alertify-resetFocus { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .alertify-inner { text-align: center; } .alertify-text { margin-bottom: 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; } .alertify-buttons { } .alertify-button, .alertify-button:hover, .alertify-button:active, .alertify-button:visited { background: none; text-decoration: none; border: none; /* line-height and font-size for input button */ line-height: 1.5; font-size: 100%; display: inline-block; cursor: pointer; margin-left: 5px; } @media only screen and (max-width: 680px) { .alertify, .alertify-logs { width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .alertify { left: 5%; margin: 0; } } /* Główna tabelka logowania*/ #logowanie_main { position: relative; width: 340px; padding-left: 10px; } #logowanie_main div { margin-top: 5px; width: 62%; } #logowanie_main .header { font-size: 150%; padding: 5px; color: #002B84; padding-left: 30px; background-image: url('https://cdn.gragieldowa.pl/gra/img/icon_login_32x32.png'); background-repeat: no-repeat; background-position: 5px center; background-size: 7%; } #logowanie_main input[type=text], #logowanie_main input[type=password] { width: 100%; } #logowanie_main input[type=submit] { width: 35%; margin-left: 16px; } #logowanie_main ul { position: absolute; top: 38px; right: 5px; } #logowanie_main ul li { } #logowanie_main a { color: #002F5E; font-weight: bold; text-decoration: underline; line-height: 20px; } #portfel_gpw_stock_lookup { position: relative; } #portfel_gpw_stock_lookup_result { position: absolute; top: 10px; right: 20px; background-color: #ffffff; border-radius: 5px; border: 1px solid #aaaaaa; padding: 5px; } #portfel_gpw_stock_lookup_result > div:hover { cursor: pointer; } /*! jQuery UI - v1.11.4 - 2016-06-13 * https://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .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 } .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, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .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, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } /*! jQuery UI - v1.11.4 - 2016-06-13 * https://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333 } .ui-widget-content a { color: #333 } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold } .ui-widget-header a { color: #333 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #454545; 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 #ccc; background: #ededed; font-weight: normal; color: #2b2b2b } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #2b2b2b; text-decoration: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f } .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 } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png") } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png") } .ui-state-default .ui-icon { background-image: url("images/ui-icons_777777_256x240.png") } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png") } .ui-state-active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png") } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_777620_256x240.png") } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png") } .ui-icon-blank { background-position: 16px 16px } .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-on { background-position: -96px -144px } .ui-icon-radio-off { 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 { 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 } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30) } .ui-widget-shadow { margin: 0 0 0 0; padding: 5px; background: #666; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px } #portfel_dlugie table tr, #portfel_gpw table tr { background-color: #333333; } #popup_canvas a.btn { color: #ffffff; } #popup_canvas h2, #main div.contentBox h2 { font-size: 18px; font-weight: 500; padding-top: 10px; padding-bottom: 20px; text-align: left; color: #002446; margin-bottom: 10px; border-bottom: 3px solid #f2f2f2; } #popup_canvas h3, #main div.contentBox h3 { font-size: 16px; color: #188ae2; font-weight: 600; padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; } #popup_message { font-family: arial; width: 25vw; height: 15vh; font-size: 13px; } #popup_message_info { font-size: 1.5em; padding: 5px; } #popup { position: fixed; left: 50%; top: 50%; display: none; z-index: 20; max-width: 99vw; max-height: 99vh; overflow: hidden; margin-top: 5vh; transform: translate(-50%, -50%); } #popup_wrapper { background-color: #ffffff; border-radius: 10px; color: #000000; border: 1px solid #331F48; padding: 10px; position: relative; } #popup_wrapper table tr, #popup_wrapper table tr td { } #close { cursor: pointer; float: right; } #popup_bg { display: none; width: 100%; height: 100%; position: fixed; left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 101; background-color: rgba(0, 0, 0, 0.85); } #popup_canvas .button { margin-left: 10px; } #popup_canvas table { min-width: initial; width: 98%; margin: auto; } #popup_canvas table th { text-align: center; font-size: 12px; } #popup_canvas { max-width: 90vw; max-height: 90vh; overflow: auto; } @media (max-width: 1249px) { #popup_canvas { width: 100vw; } } #popup_canvas table tr { border-bottom: 1px solid #F5F7FB; } #popup_canvas table tr:hover { background-color: #f8fafd; } #popup_canvas .button { margin-left: 10px; } #popup_canvas table { min-width: initial; width: 98%; margin: auto; } #popup_canvas table th { text-align: center; font-size: 12px; } .svgicon { display: inline-block; fill: currentColor; vertical-align: middle; } .svgicon24 { width: 24px; height: 24px; } .svgicon16 { width: 16px; height: 16px; } #naviLinksIcons { position: absolute; right: 5px; top: 5px; display: flex; } #naviLinksIcons a { margin-left: 10px; transition: all 0.4s ease; color: #0F60B1; } #naviLinksIcons a:hover { color: #0CD509; } .iconsize16 { width: 16px; height: 16px; } @media all and (max-width: 999px) { .mobileHide { display: none; } } @media all and (min-width: 1000px) { .desktopHide { display: none; } } @media all and (max-width: 999px) { #menu_mobile_rozwin { padding-bottom: 65px; width: 65px; } .easter { display: none; } body { width: 100%; } .dane_portfel { } .overflowCont { overflow-x: auto; } #logo2 { display: none; } #container_left { width: 100%; } #container_right { width: 100%; } .prawa_tabelki { float: left; } #container_right > div { float: left; } #menu_mobile_rozwin { display: block; position: absolute; top: -130px; left: 0px; height: 0px; cursor: pointer; color: #ffffff; font-size: 3vw; z-index: 1100; text-indent: -9999px; } .menu_mobile_lines { height: 14%; border-radius: 10%; width: 90%; margin-left: auto; margin-right: auto; margin-top: 14%; background-color: #eeeeee; } @media all and (min-width: 1501) { #menu_mobile_rozwin { padding-bottom: 160px; width: 160px; } } .menu { display: none; font-size: 20px; margin: 1px 0px -1px; padding: 0px; width: 500px; max-width: 100%; height: 38px; font-weight: normal; z-index: 1000; position: absolute; left: 0px; top: 0px; } .menu > ul > li { border-bottom: 3px solid #248BD0; } #menu_mobile_icon_cont { border-radius: 10%; bottom: 0; left: 0; margin: 10%; right: 0; top: 0; position: absolute; } .menu_lines { height: 14%; border-radius: 10%; width: 90%; margin-left: auto; margin-right: auto; margin-top: 14%; background-color: #eeeeee; } .menu ul, .menu li { padding: 0; margin: 0; list-style-type: none; z-index: 100; } .menu li li { padding-left: 30px } .menu a { padding-left: 10px; width: 450px; max-width: 80%; display: block; color: #ffffff; } .menu li { background-color: #0C6DB1; } } @media all and (min-width: 1000px) { body { margin: auto; position: relative; } .prawa_tabelki { width: 325px; } #container_left { width: 840px; } #container_right { width: 330px; } #news { max-width: 50%; width: 100%; } .start_prawa { max-width: 50%; width: 100%; } #pp_t { width: 325px; } } .inputfile + label { font-size: 14px; border-radius: .25rem; font-weight: 400; color: white; background-color: #2196f3; display: inline-block; cursor: pointer; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; transition: all 200ms ease-in; } #sonda ol { padding-left: 20px; } #sonda ol li a:hover { background-color: #ffffff; } #top_cookie_warning { font-size: 12px; text-align: left; padding: 3px; background-color: #056eb9; width: 100%; border-radius: 0 0 3px 3px; color: #ffffff; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .cAuto, .c, .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } #topMobileRek { display: none; } #topComputerRek { display: block; } @media (max-width: 1000px) { .rdC3 { max-width: 75%; } .rdC6, .rdC9, .rdC12 { max-width: 100%; } .prawa_tabelki { float: none; width: 90%; margin: auto; } #container_right > div { float: none; } #pp_t, .stooq_div { width: 90%; margin: auto; } .stooq_div table { width: 100%; } } @media (min-width: 1000px) { .rdC3 { max-width: 25%; } .rdC6 { max-width: 50%; } .rdC9 { max-width: 75%; } .rdC12 { max-width: 100%; } } .c1 { flex: 0 0 8.33%; max-width: 8.33%; } .c2 { flex: 0 0 16.66%; max-width: 16.66%; } .c3 { flex: 0 0 25%; max-width: 25%; } .c4 { flex: 0 0 33.33%; max-width: 33.33%; } .c5 { flex: 0 0 41.66%; max-width: 41.66%; } .c6 { flex: 0 0 50%; max-width: 50%; } .c7 { flex: 0 0 58.33%; max-width: 58.33%; } .c8 { flex: 0 0 66.66%; max-width: 66.66%; } .c9 { flex: 0 0 75%; max-width: 75%; } .c10 { flex: 0 0 83.33%; max-width: 83.33%; } .c11 { flex: 0 0 91.66%; max-width: 91.66%; } .c12 { flex: 0 0 100%; max-width: 100%; } @media (min-width: 1000px) { .c { flex-basis: 0; flex-grow: 1; max-width: 100%; } .cAuto { flex: 0 0 auto; width: auto; max-width: none; } } div.contentBox .form-group.row { font-size: 14px; } div.contentBox .form-group { padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #f2f2f2; } div.contentBox { padding-left: 20px; padding-right: 20px; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .reactionPopup { display: none; position: absolute; left: -25px; top: -35px; } .forumReactionIcons { position: relative; cursor: pointer; } .forumReactionIcons .reactionBox:hover .reactionPopup { display: block; background-color: #ffffff; border-radius: 5px; padding: 5px; border: 1px solid #cdcdcd; } .reactionBox { display: inline-block; } .forumReactionIcons .reactionBox .reactionPopup:after { z-index: -1; position: absolute; top: 98.1%; left: 70%; margin-left: -25%; content: ''; width: 0; height: 0; border-top: solid 50px #e15915; border-left: solid 50px transparent; border-right: solid 50px transparent; } #progress-bar { height: 3px; background-color: rgba(5, 114, 206, 0.2); width: 100%; overflow: hidden; display: none; } .progress-bar-value { width: 100%; height: 100%; background-color: rgb(5, 114, 206); animation: indeterminateAnimation 1s infinite linear; transform-origin: 0% 50%; } @keyframes indeterminateAnimation { 0% { transform: translateX(0) scaleX(0); } 40% { transform: translateX(0) scaleX(0.4); } 100% { transform: translateX(100%) scaleX(0.5); } } .forumReactionIcons .fas { color: #888888; } .forumReactionIcons .fas:hover { color: #333333; } .forumReactionIcons { font-size: 20px; } .forumReactionIcons a { margin-left: 10px; } .forumReactionIcons .fas.reactionGreen { color: #1f6a00; } .forumReactionIcons .fas.reactionRed { color: #ad0000; } .forumReactionIcons .fas.reactionGreen:hover { color: #2f7a30; } .forumReactionIcons .fas.reactionRed:hover { color: #cd1010; } .stockLiveUpdate .priceDown { color: #cd1010; transition: all 300ms ease; } .stockLiveUpdate .priceNeutral { color: #333333; transition: all 300ms ease; } .stockLiveUpdate .priceUp { color: #2f7a30; transition: all 300ms ease; } @media only screen and (max-width: 1000px) { #top { height: 130px; } .userpanel_info { margin-top: 6px; } .userpanel_button_poczta, .userpanel_button_menu, .userpanel_button_logout, .userpanel_button_pomoc { top: 100px; } #stopka { height: 150px; } #stopka_info { width: 100%; top: 95px; } #stopka_copyright { left: 15px; top: 65px; } #stopka_polecane { top: 80px; } .portfel_pods { margin: auto; width: 90%; max-width: 100%; min-width: 300px; } } div.contentBox input::placeholder { font-size: 13px; color: #888888; font-style: italic; } div.contentBox .form-group { padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #f2f2f2; } div.contentBox .form-group:hover { background-color: #fcfcfc; } div.contentBox .form-group.row { font-size: 14px; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .cAuto, .c, .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (max-width: 1000px) { #sh_m_c > div > div:first-child { display: none; } #sh_m_c > div > div:nth-child(2) .time { display: block; } .jqpopup { max-width: 90vw; } .rdC3 { max-width: 75%; } .rdC6, .rdC9, .rdC12 { max-width: 100%; } } @media (min-width: 1000px) { .rdC3 { max-width: 25%; } .rdC6 { max-width: 50%; } .rdC9 { max-width: 75%; } .rdC12 { max-width: 100%; } } @media (min-width: 1000px) { .c { flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .cAuto { flex: 0 0 auto; width: auto; max-width: none; } .c1 { flex: 0 0 8.33%; max-width: 8.33%; } .c2 { flex: 0 0 16.66%; max-width: 16.66%; } .c3 { flex: 0 0 25%; max-width: 25%; } .c4 { flex: 0 0 33.33%; max-width: 33.33%; } .c5 { flex: 0 0 41.66%; max-width: 41.66%; } .c6 { flex: 0 0 50%; max-width: 50%; } .c7 { flex: 0 0 58.33%; max-width: 58.33%; } .c8 { flex: 0 0 66.66%; max-width: 66.66%; } .c9 { flex: 0 0 75%; max-width: 75%; } .c10 { flex: 0 0 83.33%; max-width: 83.33%; } .c11 { flex: 0 0 91.66%; max-width: 91.66%; } .c12 { flex: 0 0 100%; max-width: 100%; } } .flex-end { display: flex; justify-content: flex-end; } #listawyn a.selected { background-color: #d52B2B; } .dane_portfelNew .maintable { font-size: 13px; } .dane_portfelNew .tho { font-size: 10px; } span.pKrotka { font-size: 80%; color: #767676; font-weight: normal; } table span.main { } table span.dec { font-size: 90%; padding-left: 1px; } table span.sec { font-size: 90%; padding-left: 1px; color: #666666; } .prawa_tabelki .portfel_wykres_link { float: right; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: url(/images/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity=90); } #colorbox { outline: 0; } #cboxTopLeft { width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -101px 0; } #cboxTopRight { width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -130px 0; } #cboxBottomLeft { width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -101px -29px; } #cboxBottomRight { width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -130px -29px; } #cboxMiddleLeft { width: 21px; background: url(/images/colorbox/controls.png) left top repeat-y; } #cboxMiddleRight { width: 21px; background: url(/images/colorbox/controls.png) right top repeat-y; } #cboxTopCenter { height: 21px; background: url(/images/colorbox/border.png) 0 0 repeat-x; } #cboxBottomCenter { height: 21px; background: url(/images/colorbox/border.png) 0 -29px repeat-x; } #cboxContent { background: #fff; overflow: hidden; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxLoadingOverlay { background: url(/images/colorbox/loading_background.png) no-repeat center center; } #cboxLoadingGraphic { background: url(/images/colorbox/loading.gif) no-repeat center center; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(/images/colorbox/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious:hover { background-position: -75px -25px; } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(/images/colorbox/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext:hover { background-position: -50px -25px; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(/images/colorbox/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxClose:hover { background-position: -25px -25px; }