#voting-welcome-section .action:after { content: ""; display: block; clear: both; zoom: 1; } #voting-welcome-section .action button { float: right; } #voting.new-theme #voting-welcome-section, #voting.new-theme #personal-data-section, #voting.new-theme #search-section, #voting.new-theme #voting-projects-choosing-section, #voting.new-theme .project-item, #voting.new-theme .category-name-row, #voting.new-theme .info-row, #voting.new-theme #vote-btn-section-list, #voting.new-theme #search-section, .quarter-name-row, #thankyou-container, #vote-btn-section-reverted-wrapper, #projects-no-data, #vote-btn-section-wrapper, #voting-projects-points-summary-inner, #project-list-custom-info-text, #project-list-info-text { overflow:hidden; border-radius:8px!important; box-shadow:0px 5px 20px -5px rgba(0,0,0,.1); } @media all and (max-width: 1199px) { .col-md-none { display:none; } } #voting.new-theme .project-item:hover { box-shadow:0px 5px 20px -5px rgba(0,0,0,.2); } .voting-agreement { float:left; width:100%; font-size:0.85rem; line-height:150%; } .voting-agreement ol { margin-left:15px; } .voting-agreement li { margin:3px 0; } #parents-permission-section { display:inline-block; background:#f4f4f4;padding:10px 0; margin:15px; } .form-ver-2 #parents-permission-section { display:block; } .form-ver-2 #parents-permission-section { background:#fff; padding:15px; margin:0px; } .form-ver-2 .radio { margin:0px; } .permission_file_section { margin:10px 0; } #permission-upload-section h4 { font-size:0.9rem; line-height:130%; } #permission-upload-section a { font-size:0.9rem; } #permission-upload-section .form-group { margin:30px 0; } #permission-upload-section { padding:10px 0; width:100%; margin:15px 0; text-align:center; } #permission-upload-section .inner { background:#f4f4f4; display:inline-block; padding:10px; width:100%; } #permission-upload-section .permission_file { margin:0 auto; background:#fff; font-size:1rem; } #vote-project-alert { transform: scale(.8); -webkit-transform: scale(.8); border-radius: 20px; visibility:hidden; opacity:0; z-index:99999; text-align:center; padding: 20px; position:fixed; top:50%; left:50%; width:620px; height:auto; margin:-140px 0 0 -310px; box-shadow:0 0 30px rgba(0,0,0,.2); padding:20px; background: #fff url('../img/voting-welcome-bg.jpg') no-repeat center top; } #vote-project-alert-actions { } #vote-project-alert .title { width:100%; margin:15px 0; font-family: 'Jost'; font-weight:500; font-size:1.5rem; } #vote-project-alert .reasons { margin:20px 0; } #vote-project-alert .reason { font-family: 'Jost'; font-weight:500; font-size:1.2rem; margin:0; } #vote-project-alert-actions .btn { border-radius:50px; margin:10px 5px; font-size:1.2rem; padding:15px; line-height:100%; } #vote-project-alert.active { visibility:visible; opacity:1; transform: scale(1); } #project-voting-choose-section { display:none; background:#dfe6de; color:#aaa; line-height:80px; width:100%; text-align:center; cursor:pointer; font-size:1.3rem; float:left; font-family:"Jost"; font-weight:500; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-bottom-right-radius: 8px; } #project-voting-choose-section:hover { color:#427234; } #project-voting-choose-section i { font-size:1.3rem;} #vote-btn-section-reverted-wrapper { background:#fff; padding:20px; } #voting-safe { height:auto; background:#fcc02e; min-height:30px; padding:10px; text-align:center; font-weight: 500; color:#fff; font-size:1rem; margin-top:20px; float:left; width:100%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #voting-safe .security-icon { margin-top:-2px; height:20px; margin-right:5px; transform:scale(1); animation:none; -moz-animation:none!important; -webkit-animation: scale 2s linear infinite; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .new-theme #voting-safe { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } @keyframes scale { 50% { -webkit-transform:scale(1.2); } } #voting .form-control { height:40px; line-height:40px; } #voting select.form-control { line-height: inherit; } #voting .nice-select { } #voting .nice-select .list { max-height:none; } #voting .nice-select .current { font-size:0.9rem; } #voting #search-quarters-types-sections .nice-select .list { max-height:252px; font-size:0.9rem; } [id^="select2-points"] { text-align:center; } [id^="select2-points"] { max-height:362px!important; } [id^="select2-points"] .select2-results__option { font-size:0.9rem;} #voting .del-project-bt { cursor: pointer; padding:6px 12px!important; } #voting .del-project-bt i { margin-left:2px; } #voting .help { font-size:0.85rem; color:#666; letter-spacing:0px; display:inline-block; font-weight:500; } #voting .help.small { font-size:0.8rem; font-weight:400; } #voting .pesel-borders { position:absolute; top:0; left:0; height:100%; pointer-events: none; width:190px; background:#e8e8e8; border: 1px solid #ccc; border-right:0px; } #voting .error .pesel-borders { border-color:#dd0000; } #voting .last-numbers-mask-controls { position:relative; } #voting .last-numbers-mask { width:290px; letter-spacing:12px!important; padding:0 0 0 220px; } #voting .last-numbers-mask[maxlength="4"] { padding:0 0 0 205px; letter-spacing:10px !important; } .head-beam { margin-bottom:15px; margin-top:5px; } .head-beam .step-info { margin:0; line-height: 30px; margin:20px 10px; font-size:1.4rem; } .head-beam .step-info .title { color:#d41012; text-transform: uppercase; font-weight: 500; } .head-beam input {} #voting { min-height:500px; font-size:1rem; padding-bottom:25px; } .voting .btn:not(.small) { border-radius:50px; padding:15px 15px 15px 25px; } .voting .btn:not(.small) i { margin-left:10px; transition: all 0.2s ease-out; transform: translateX(0px); } .voting .btn:not(.small):hover i { transform: translateX(4px); } #voting p.info { text-align: center; font-size:1.2rem; color:#000; margin-bottom:20px; font-weight:500; } .ff #voting p.info { font-weight:400; } #voting .administrator-info-row { margin: 15px 0; } #parents-permission-section .administrator-info-row { margin: 15px 0; } #permission-upload-section .del-file { background: #f3f3f3 none repeat scroll 0 0; border-radius: 50%; height: 36px; line-height: 36px; position:absolute; text-align: center; width: 36px; display:none; cursor:pointer; margin-left:0px; } #permission-upload-section .file_name { background:#fff; padding:6px 12px; display: inline-block; border-radius:5px; font-size:1rem; border: 1px solid #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:300px; width:300px; text-align: left; } #permission-upload-section .file_name b { font-weight:500; } #permission-upload-section .file_name_wrapper { display:none; } @media only screen and (max-width : 379px) { #permission-upload-section .file_name { width:auto; max-width:220px; } } #voting .administrator-info-row ul, #voting .administrator-info-row ol { margin-left:15px; } #voting .choose-project-title-chosen-info span { color:#e35749; } #voting .points-info { color:#222; font-size: 1.1rem; font-weight: 600;} #id_street option[disabled]{ display:none; } #voting #chosen-projects-num-info-section { display:none; text-align:center; width:100%; padding:10px; font-size:1.2rem; letter-spacing: 0.3px; font-family:"Jost"; font-weight:600; background:#ededed; } #personal-data-first-step, #personal-data-second-step { float:left; width:100%; } #voting .data-processing-more-info, #voting .data-processing-small-info { font-size:0.85rem; } #voting #data-processing-more-info { } #voting #data-processing-more-info a, #voting .data-processing-small-info span.show-more { cursor:pointer; color:#337ab7; } #voting #data-processing-more-info a:hover, #voting .data-processing-small-info span.show-more:hover { color:#23527c; } #get-phone-section .phone-section { display:none; background:#f4f4f4; padding:15px 0 10px 15px; float:left; width:290px!important; border-radius:3px; } #get-phone-section .phone-section label { line-height: 40px; } #get-phone-section .phone-prefix { display:inline-block; line-height: 40px; margin-right: 10px; } #get-phone-section #citizen_phone { width:130px; display:inline-block; } @media all and (max-width: 767px) { #phone-section-wrapper { text-align:center; } } #get-phone-section .termin-info-alert b { font-family: 'Jost'; font-weight:500; } #voting-action-bt { margin-top:25px; margin-bottom:25px; } #voting .captcha-img { margin-top:28px; } #voting .vt-addition-bt, #reset-projects, .btn.back_step, #no-projects-back-bt { min-width:100px; border-radius:30px; background: #fff!important; border: 2px solid #aaa; color: #999!important; font-size:1rem; margin: 10px 0; padding: 10px 10px 8px !important; margin:5px; font-family: 'Jost'; font-weight:500; } #voting .vt-addition-bt:hover, #voting .vt-addition-bt:focus, #reset-projects:hover, #reset-projects:focus, #no-projects-back-bt:hover, #no-projects-back-bt:focus, .btn.back_step:hover, .btn.back_step:focus { color:#fff!important; background:#bbb!important; } .btn.back_step i, .btn.back_step i:hover { margin:0px!important; transform: translateX(0px)!important; -webkit-transform: translateX(0px)!important; float:left; } #vote-projects-quarter-info { background:#fff; text-align:center; padding:30px 10px; } #vote-projects-quarter-info p { font-size:1.5rem; font-family: 'Jost'; font-weight:500; color:#444; line-height: 120%; } #vote-projects-quarter-info p.info { font-size:1rem; font-family: 'Jost'; font-weight:500; color:#444; } #vote-projects-quarter-info .buttons-wrapper { margin-bottom:30px; } #vote-projects-quarter-info .buttons-wrapper .tooltip-inner { padding:10px; font-size:0.85rem; } #vote-projects-quarter-info .buttons-wrapper .btn { margin:6px; } #vote-projects-quarter-info .buttons-wrapper .inactive:hover { cursor:default; } #negative-opinion-section { margin: 20px 0; padding:15px; display: inline-block; background:#f4f4f4; width:100%; border-radius:12px; } #negative-opinion-section .negative-opinion-info-section { } #negative-opinion-section p.opinion-header { font-size:1.22rem; font-family: 'Jost'; font-weight:500; text-align:center; margin-bottom:5px; } #negative-opinion-section p.opinion-info { font-size:1rem; } #negative-opinion-section .btn { line-height:10px!important; margin:-3px 0 0 3px;; cursor:pointer; } #negative-opinion-section .btn i { margin-left: 3px; } #negative-opinion-section input.form-control { max-width:100px; } #negative-opinion-section b { font-weight:600; } #search-section { background:#f4f4f4; } #search-section select option { padding:5px 5px;} #voting-welcome-section .welcome-message { padding:5px 25px; color:#222; font-size:1.1rem; text-align:center; } #voting-welcome-section .welcome-message b { ; font-weight:600; } #voting-welcome-section .welcome-message p { font-size:1rem; } #voting-welcome-section .welcome-message li p { font-size:1.1rem; } #sms-send-again-section { padding-top:20px; display:none; } #sms-send-again-section p{ margin-bottom:0px; color:#444!important; } #sms-send-again-section span { float:none!important; font-size:0.9rem!important; color:#444!important; } #sms-send-again-section #send-again-timer { width:20px; text-align:center; font-size: 1rem!important; display: inline-block; margin:0!important; } #send-sms-again-button { display:none; color:#000!important; background:#ddd !important } #send-sms-again-button:hover { background:#ccc !important } #voting-verification-sms { padding:25px; letter-spacing: 0; color:#222; text-align:center; } #voting-verification-sms p, #voting-verification-sms a { font-size:0.9rem; } #voting-verification-sms #put-sms-code-into { font-size:1.2rem; } #voting-verification-sms b { font-weight:500; } #voting-verification-sms h2 { width:100%; margin:10px 0; } #verification-phone { font-size:1.4rem; padding-top: 7px; width: 160px; color:#000; font-weight:500; } .ff #verification-phone { font-weight:400; } #send-phone-bt, #send-vote-after-verification-bt { padding: 11px 13px 11px 20px; font-size: 1.1rem; } #voting-verification-sms .phone-input-section p { font-weight:500; } #voting-verification-sms .phone-input-section .icon-section { background: #fff none repeat scroll 0 0; border-radius: 50%; float: left; height: 92px; line-height: 94px; text-align: center; width: 92px; margin-right: 30px; overflow:hidden; } #voting-verification-sms .phone-input-section .icon-section i { font-size:3.2rem; color: #888; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #voting-verification-sms .phone-input-section .icon-section.icon-1 svg { height:50px; margin:22px 0 0 6px } #voting-verification-sms .phone-input-section .icon-section.icon-2 { margin: auto; float: none; margin-bottom: 10px; } #voting-verification-sms .phone-input-section .icon-section.icon-2 svg { height:50px; margin-top:22px; } #voting-verification-sms .phone-input-section .icon-section svg { transition: all 0.5s ease-out; transform: scale(1); opacity:1; } #voting-verification-sms .phone-input-section .icon-section svg.start { transform: scale(.5); opacity:0; } #voting-verification-sms .phone-input-section .code-icon-section { background: #fff none repeat scroll 0 0; border-radius: 50%; height: 80px; line-height: 86px; text-align: center; width: 80px; margin:auto; margin-bottom:5px; } #voting-verification-sms .phone-input-section .code-icon-section i { font-size:40px; color: #888; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #voting-verification-sms .phone-input-section .code-icon-section.error i, #voting-verification-sms .phone-input-section .icon-section.error i { color:#dd0000; animation-duration: 1s; animation-iteration-count: 1; animation-name: hvr-wobble-horizontal; animation-timing-function: ease-in-out; } #voting-verification-sms .phone-input-section .phone-input-section-inner { float:left; width:396px; } #verification-code-wrapper .phone-input-section .phone-input-section-inner { width: 327px; } #voting-verification-sms .phone-input-section .form-group { margin:0!important; } #voting-verification-sms .phone-input-section p.helper { color: #666; font-size:0.9rem; line-height: 18px; margin:10px 0 0 0; } #voting-verification-sms .phone-input-section p.helper.error { color:#dd0000; } #voting-verification-sms .code-input-wrapper { width: 100%; } #voting-verification-sms .code-input { display:inline-block; width: 34px; height: 46px; font-size:26px; padding:5px; text-align:center; margin: 0 1px; } #voting-verification-sms .phone-input-section .phone-input-section-inner .verification-phone-inner { float:left; width:225px; } #voting-verification-sms .phone-input-section .phone-input-section-inner .verification-phone-code-inner { float:left; width:220px; margin-right:15px;} #voting-verification-sms .phone-input-section span { color: #888; font-size:1.4rem; line-height: 40px; margin-right:10px; float:left; } #voting-verification-sms .phone-input-section { background: #f4f4f4 none repeat scroll 0 0; display: inline-block; margin:15px auto; padding: 30px; width:100%; max-width: 580px; text-align: left; border-radius: 8px; } #verification-code-wrapper .phone-input-section {min-height: 150px; } #voting-verification-sms .phone-input-section-inner p { font-size:1rem; } #verification-code-wrapper .code-info-section { width:100%; } #voting-verification-sms .verification-phone-info { max-width: 450px; margin:auto; } #voting-verification-sms .verification-phone-info span, #voting-verification-sms .code-info-section span { cursor: pointer; color:#4291bd ; } #voting-verification-sms .verification-phone-info span:hover, #voting-verification-sms .code-info-section span:hover { text-decoration: underline; } #voting-verification-sms #switch-to-code { color:#fff; border-radius:20px; text-decoration: none; font-family: 'Jost'; font-weight:500; margin-top: 8px; } #voting-verification-sms .verification-phone-section { margin:0px auto; text-align: center; } #voting-verification-sms #verification-code-wrapper .verification-phone-section { max-width: 510px; } #voting-verification-sms #verification-code-wrapper h2 { font-size:1.6rem; } #voting-verification-sms #verification-code-wrapper #sent-phone { font-size:2.4rem; display:inline-block; margin-top:10px; } #voting-welcome-section > div { padding:0px!important; } #voting-welcome-section .welcome-message h2 { text-align: center; width:100%; } #voting-welcome-section .welcome-message h3 { text-align: center; width:100%; font-size:1.5rem; } #voting-welcome-section .welcome-message ol, #voting-welcome-section .welcome-message ul { margin-left:10px; list-style: decimal; } #voting-welcome-section .welcome-message ul ul { list-style: disc; } #voting-welcome-section .welcome-message li { margin:15px 0; text-align:left; padding-left:5px; } #voting-welcome-section { border:0px solid #eee; background: #fff url('../img/voting-welcome-bg.jpg') no-repeat center top; background-size: cover; } #voting.embed #voting-welcome-section { background:#fff; } #thankyou-container { margin-bottom:30px; } #thankyou-container .btn { margin-top:20px; } #thankyou-container h3 { margin-top:25px; } #thankyou_additional_info, #thankyou-chosen-projects { margin: 30px 0 30px 0; padding: 20px; border: 3px solid #ddd; box-shadow: 0 20px 30px -15px rgba(0,0,0,.2); background:#fff; border-radius:8px; } #thankyou_additional_info p { font-size:1.1rem; font-weight:500; line-height:1.6;} @media all and (max-width: 479px) { #thankyou-chosen-projects { padding: 10px 10px 0 10px; } } #thankyou-chosen-projects h3 { font-size:1.5rem; margin-top:0px;} .voting_chosen_projects_table:last-child { margin-bottom:0px; } #thankyou-chosen-projects p { font-size:1.2rem; } #thankyou-chosen-projects ul { margin:20px 0 20px 20px; text-align:left; } #thankyou-chosen-projects ul li { font-size:1.3rem; } #thankyou-chosen-projects-info p { font-size:1rem; } .voting_chosen_projects_table { font-size: 1.3rem; text-align: left; font-family: "Jost"; font-weight: 500; } .voting_chosen_projects_table tr:first-child td{ border:0px; } .voting_chosen_projects_table .points-td { width:60px; } .voting_chosen_projects_table .number-td { text-align:left; width:30px; } #voting { color:#000; } #voting .project-item.blocked a, #voting .project-item.blocked p { opacity:0.5; } #voting .project-item.blocked, #voting .project-item.blocked:hover, #voting .project-item.blocked:hover .project-choose { background:#f5f5f5!important; opacity:.75; } #voting .project-item.blocked .project-choose { cursor:default; } #voting .project-item.blocked .project-choose > span { position:relative; } #voting .project-item.blocked .project-choose > span:after { visibility: hidden; width: 270px; background-color: #000; box-shadow:0 0 40px rgba(0,0,0,.5); color: #fff; text-align: center; border-radius: 6px; line-height:130%; height:50px; top:50%; padding: 5px 0; margin-top:-25px; left:80px; position: absolute; z-index: 1; opacity:0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } #voting .project-item.blocked .project-choose > span:hover:after { visibility: visible; opacity:1; } @media all and (max-width: 769px) { #voting .project-item.blocked .project-choose > span:after { top:-60px; font-size:1rem; left:-84px; } } .nowrap { white-space: pre; } #voting .project-item { border-bottom:1px solid #e4e4e4; background: #fff; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; min-height:70px; } #voting.new-theme .project-item { border:0; margin-bottom: 20px; border: 0; padding-top: 0px; padding-bottom: 0px; margin-top: 20px; width:100%; } #voting.new-theme .project-item.project-item-points { padding:0; overflow:hidden!important;} #voting .project-item.chosen { display: none; } #voting .project-item .pd { padding:20px 0; } #voting .project-item .pdl { padding:20px 0 20px 20px; } #voting .project-item .pdr { padding:20px 20px 20px 0px; } #voting .project-item .pdlr { padding:20px; } #voting .project-item label, #voting .project-item .price-label { color: #666; font-weight: normal; text-transform: none; } #voting .project-item label, #voting .project-item .price-label { display:none; } #voting .project-item .quarter label, #voting .project-item .category label { display:block; float:left; } #voting .project-item .category span { color: #222; display:inline-block; font-weight:500; } #voting .project-item:hover { background: #fbfbfb; } #voting .project-item .title { font-size:1.2rem; color:#333; float:left; width:100%; margin-top:0px; margin-bottom:5px; line-height: 1.5; } #voting .project-item .title:hover { color:#d41012; } #voting .project-item .info { display:inline-block; } #voting .quarter-name-row, #voting .category-name-row { background:#efefef; background:#e4ede2; padding-top:10px; padding-bottom:10px; text-align:center; font-size:1.2rem; color:#000; font-family: 'Jost'; font-weight:500; } #voting .category-name-row span, #voting .quarter-name-row span { color:#444; font-size:1.1rem; } #voting .category-name-row span.bold { text-transform: uppercase; font-weight:600; } #voting .project-item .pd.project-nr { word-wrap: break-word; padding:20px 2px; } #voting.new-theme .category-name-row, #voting.new-theme .quarter-name-row { margin-top:15px; margin-bottom:15px; background:#f4fdf2; padding-top:15px; padding-bottom:15px; } @media only screen and (max-width : 768px) { #voting .quarter-name-row { background:#efefef; } #voting .project-item .pd { padding-left:15px; padding-right:15px; } #voting .project-item .project-nr { padding-bottom:0px; margin-bottom:-10px; font-size:1.6rem; } } #projects-for-voting .project-item { overflow:hidden; } #voting #list-label { color: #666; font-size:1rem; letter-spacing: 0.5px; margin-bottom: -10px; margin-top: 10px; text-align: center; display: none; } #voting #projects-list-section .np { padding:0px; } #back-step { font-size:0.9rem!important; font-weight:600; text-transform: uppercase; color:#444; width:90px; height:32px; cursor: pointer; position: absolute; left:10px; top:18px; line-height:32px; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; text-align:left; border:0px; padding:0px; background:none; } #back-step i { margin-right:3px; } #back-step:hover { color:#444; } #back-step:hover i { transform: translateX(-2px) !important; } #voting .mobile-choose-ico { width:36px; height:36px; background: url('../img/icons/hand-icon.png') no-repeat; background-size: 36px; transform: translateY(9px); -webkit-transform: translateY(9px); margin-left:5px; display: none; } #voting .empty-checkbox-ico { margin-right:3px; display: inline-block; font-size:1.13rem; font-weight:600; } #voting #personal-data-section { background: #fff; /*padding:10px;*/ position:relative; min-height: 100px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #voting #personal-data-section label { color:#000; font-size:0.95rem; font-weight:600; } #voting #personal-data-section .agreement-section .checkbox-label { margin:0; } #voting #personal-data-section .error label, #voting.form-ver-2 #personal-data-section .error label { color:#dd0000; } #voting #personal-data-section label.col-form-label { line-height:40px; margin-bottom:5px; } #voting #personal-data-section label.double { line-height:inherit; } #voting #personal-data-section .error label { } #voting #parents-permission-section .agreement-section, #voting #parents-permission-section .agreement-section .checkbox { margin:0px; } #voting.form-ver-2 #parents-permission-section .agreement-section { display:inline-block; margin-bottom:10px; } #voting #parents-permission-section .agreement-section:not(:first-of-type) { margin-top:0; } #voting #personal-data-section .accept-terms label, #voting #personal-data-section .agreement-section label{ font-size:0.85rem; font-weight:600; } #voting #negative-opinion-section .error-info { color:#dd0000; font-size:1rem; margin:0 0 10px 0; display:none; } #voting #negative-opinion-section .error .error-info { display:block; } #voting .error-info-box { color:#dd0000; font-size:0.85rem; line-height:26px; clear:both; transition: all 0.2s ease-out; font-weight:500; float:left; display:none; width:100%; } #voting .error .error-info-box { display:block; } #voting .checkbox .error-info-box { margin:0px 0 0 25px; } #voting .form-ver-2 .form-group { margin:0 0 15px 0; } #voting .form-ver-2 #parents-permission-section .header-title { margin:0 auto 25px auto; max-width: 800px; } #voting #personal-data-section .require-info { color:#888; margin:5px 0; position: relative; float:right; font-size:0.85rem; font-weight: 500; } #voting #personal-data-section #phone { padding-left:40px; } #voting #personal-data-section #phone-prefix { color:#666; position:absolute; padding:9px 8px;} #voting .title .project_nr { color:#666; display: block; margin-bottom: 5px; } #voting #go-to-personal-btn-section, #voting #vote-btn-section { margin:20px 0; } #vote-btn-section-list { background:#fff; padding:20px 0; margin-top:15px; } #voting .chosen-project-info .chosen-project-item { overflow:hidden; margin:0; border-top:1px solid #fff; } #voting .chosen-project-info .chosen-project-item:first-child { border-top:0px; } #voting .chosen-project-info .chosen-project-item .choose-info { padding:25px 0; border-left:0px solid #e35749; background:#f4f4f4; font-size:1.2rem; line-height:18px; color:#000; cursor: pointer; font-family: 'Jost'; font-weight:500; transition: font 0.6s ease-out, background 0.6s ease-out; text-align:center; } #voting .chosen-project-info .chosen-project-item .choose-info.active, #voting .chosen-project-info .chosen-project-item .choose-info:hover { border-left:0px solid #aaa; background:#ededed; color:#000; } #voting .chosen-project-info .chosen-project-item .chosen-info { padding:25px 0; float:left; width:100%; border-left:0px solid #e35749; background:#eaf1e9; } #voting .chosen-project-info.points-assigned .chosen-project-item .chosen-info { border-bottom:1px solid rgba(0,0,0,0.1); } #voting .chosen-project-info.points-assigned:last-child .chosen-project-item .chosen-info { border-bottom:1px solid rgba(0,0,0,0); } #voting .chosen-project-info .chosen-project-item .chosen-info label { font-weight: normal; text-align:right; width:100%; } #voting .chosen-project-info .chosen-project-item .title { color:#888; } #voting .chosen-project-info .chosen-project-item .title .choose-label { text-transform:uppercase; font-family: 'Jost'; font-weight:500; text-align:center; } #voting .chosen-project-info .chosen-project-item .title .project_name { color:#222; font-size:1.1rem; float:left; font-weight:500; } #voting .chosen-project-info .chosen-project-item .title .category_name { color: #666; font-size:0.85rem; float: left; width: 100%; margin-bottom:3px; } #voting .chosen-project-info .chosen-project-item .title .category_name b { color: #000; } #voting .chosen-project-info .chosen-project-item .title .quarter { clear:both; float:left; color:#000; margin-top:3px; font-family: 'Jost'; font-weight:500; } #voting .chosen-project-info .chosen-project-item .title .quarter label { width:auto; color:#888; } #voting .chosen-project-info .chosen-project-item .title .project_name .price-in-name { display:block; float:left; width:100%; font-family:"Jost"; font-weight:600; } #voting .chosen-project-info .chosen-project-item.by-category { overflow:hidden; margin:0; border-top:1px solid #fff; } #voting .chosen-project-info .chosen-project-item.by-category:first-child { border-top:0px; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info { padding:0px; border:1px solid #fff; background:#f4f4f4; font-size:1.2rem; line-height:150%; color:#000; cursor: pointer; font-weight:500; transition: background 0.3s linear, color 0.2s linear; text-align:left; font-family: 'Jost'; font-weight:500; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info b { font-family:"Jost"; font-weight:600; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info a { color:#444; transition: background 0.3s linear; -webkit-transition: background 0.3s linear; padding:15px; display:inline-block; width:100%; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info .focus:focus { background:#eee; outline:2px rgba(0,0,0,.15) solid; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info.active, #voting .chosen-project-info .chosen-project-item.by-category .choose-info:hover { background:#ededed; color:#000; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info.active a, #voting .chosen-project-info .chosen-project-item.by-category .choose-info:hover a { color:#000; } #voting .chosen-project-info .chosen-project-item.by-category .choose-info i { margin:0 10px; font-size:1rem;} #voting .chosen-project-info .chosen-project-item.by-category .chosen-info { padding:15px 0; float:left; width:100%; border:1px solid #fff; background:#eaf1e9; } #voting .chosen-project-info .chosen-project-item.by-category .chosen-info label { font-weight: normal; text-align:right; width:100%; } #voting .termin-info-alert p { padding: 15px 10px; text-align: center; background: #f4f4f4; font-size:0.9rem; font-weight:500; border-radius:8px; } .ff #voting .termin-info-alert p { font-weight:400; } #voting .personal-additional-info { margin:15px 25px; } #voting .personal-additional-info, #voting .personal-additional-info p { font-size:0.9rem!important; } #voting .personal-additional-info ul { margin-left:15px; } #voting .chosen-project-info { background:#f4f4f4; padding:0px; margin-bottom:0px; font-size:1rem; color: #666; } #voting .chosen-project-info .chosen-project-bt-wrapper { text-align: right; } #voting .chosen-project-info .choosen-project-action { background-color: #e35749; border-radius: 20px; color: #ffffff; font-weight:500;; font-size:0.85rem!important; line-height: 17px; padding: 8px 16px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; outline:none; } #voting .chosen-project-info .choosen-project-action.del-project-bt { background-color: #dd0000!important; } #voting .chosen-project-info .choosen-project-action:last-child { margin-left:5px;} #voting .chosen-project-info .choosen-project-action:hover { background-color: #cd0000!important; } #voting .choose-project-title { padding:15px; background: #fff; margin-bottom:0px; text-align: center; border-top-right-radius: 4px; border-top-left-radius: 4px; } #voting .choose-project-title.nm { margin-bottom: 0px; } #voting .choose-project-title p { margin:0; font-size:1.1rem; font-weight:500;; } #voting .choose-project-title.up p { font-family:"Jost"; font-weight:600; font-size:1.2rem; } #voting .choose-project-title span.bold, #voting .choose-project-title.up span:not(.help) { text-transform: uppercase; font-family:"Jost"; font-weight:600; } #voting .choose-project-title span.help { color: #888; font-size: 0.9rem; display: block; margin: 0; font-weight: 400; } .ff #voting .choose-project-title p, .ff #voting .choose-project-title.up p { } #voting .price-left-info { padding:15px; margin-bottom:0px; text-align: center; background:#fff; } #voting .price-left-info p { margin:0; font-size:1.3rem; font-family:"Jost"; font-weight:500; letter-spacing: 0.3px; color:#666; } #voting .price-left-info span { font-family:"Jost"; font-weight:600; color:#000; font-size:1.6rem; } #voting .price-left-info .chosen { display:none; } #voting .projects-price-left, #voting .chosen-projects-price { color:#d41012!important; } #voting .pesel_widget { position: absolute; width: 210px; height: 220px; background: #eee; padding:15px; text-align:center; box-shadow: 0 5px 20px -10px rgba(0,0,0,.8); border-radius: 8px; z-index: 1; left: 50%; margin-left: -105px; bottom: 60px; display:none; } #voting .pesel_widget.active { display:block; } #voting .pesel_widget legend { font-size:14px; border: 0; margin: 0 0 10px; font-weight: 600; } #voting .pesel_widget p { font-size:1rem; font-family:'Jost'; margin-bottom:5px; } #voting .pesel_widget input[type="radio"] { margin:0px; } #voting .pesel_widget label { display:block; float:left; margin:0 15px 10px 0; } #voting .pesel_widget label.age_date { margin:0; font-size:0.8rem; } #go-to-personal-btn.shake { animation-duration: 1s; animation-iteration-count: 1; animation-name: hvr-wobble-horizontal; animation-timing-function: ease-in-out; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-name: hvr-wobble-horizontal; -webkit-animation-timing-function: ease-in-out; } @keyframes hvr-wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0px); } } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: -webkit-translateX(8px); } 33.3% { -webkit-transform: -webkit-translateX(-6px); } 49.95% { -webkit-transform: -webkit-translateX(4px); } 66.6% { -webkit-transform: -webkit-translateX(-2px); } 83.25% { -webkit-transform: -webkit-translateX(1px); } 100% { -webkit-transform: -webkit-translateX(0px); } } /*#go-to-personal-btn, #go-to-personal-btn.btn-default:hover, #go-to-personal-btn.btn-default:focus, #go-to-personal-btn.btn-default:active, #go-to-personal-btn.btn-default:active:hover { background:#ddd!important; border:0!important; } */ #go-to-personal-btn.act { background:#e35749!important; } #go-to-personal-btn.act:hover { background:#c74c40!important; } #vote-send-success { display:none; color: #444; font-size:1.4rem; padding: 100px 20px; text-align: center; margin:auto; max-width:600px; } #vote-send-thank-you { color: #444; font-size:1.4rem; padding: 190px 20px 50px 20px; text-align: center; margin:auto; max-width:1760px; line-height:1.5; } #vote-send-thank-you h2 { font-size: 1.5rem; line-height:1.5; } #vote-send-thank-you p.info { font-size: 1.2rem; } #vote-send-thank-you:before { background:url("../img/superhero-3.png") no-repeat; content:""; position:absolute; left:50%; top:20px; width:70px; height:160px; margin-left:-35px; background-size: auto 160px; } .voting-inactive #vote-send-thank-you:before, #vote-send-thank-you.error-page:before { background-image:url("../img/superhero-2.png"); background-size:59px; } #thankyou-container.voting-inactive { min-height:auto; } #thankyou-container { background:#fff url("../img/voting-welcome-bg.jpg") no-repeat scroll center top; position:relative; margin-left:0; margin-right:0; } #voting.embed #thankyou-container { background:#fff; } #vote-error-section { padding:20px 15px 10px 15px; } .vote-error-section { font-family: 'Jost'; font-weight:500; font-size:1.2rem; color:#dd0000; margin-bottom:0; line-height:1.5; } .vote-error-section .info { color:#444; font-size:0.85rem; margin-top:5px; line-height:1.5; } #vote-error-section #error-phone-sms br { display:none; } #error-custom p { font-size:1.3rem; } #voting { background:#eee url("../img/voting-bg.jpg") no-repeat scroll center top; padding-bottom:50px; } #voting.embed { background:#fff!important;; } #voting .project-item .info-item { font-size:0.9rem; text-transform: capitalize; margin:0 0 5px 0; font-weight:500; } #voting .project-item .info-item label, #voting .project-item .info-item .like-label { color:#666; font-weight: 100; text-transform: none; } #voting .project-item .info-item br { display:none; } #voting .project-item .info-item .category { margin-bottom:5px; } #voting .project-nr { text-align: center; font-size:1.2rem; color:#9c9c9c; line-height: 150%; font-family: 'Jost'; font-weight:500; } #voting .input-group .ico { position:absolute; left:0; width:40px; padding: 10px 0; color:#aaa; border-radius:0px; z-index:10; text-align:center; } #voting .input-group input { border-radius:3px!important; } #voting .form-group, #voting .input-group { width:100%; margin:15px 0; } #voting .form-group option { color:#555; padding: 6px; letter-spacing: .5px; } #voting .form-group.error input, #voting .form-group.error select { border:1px solid #dd0000; } #voting .form-group.error label { color: #dd0000; } #pesel-error { display:none; color:#dd0000; width:100%; float:left; position:relative; font-size:0.9rem; margin-top:5px; font-weight:500; } #voting .input-group input { padding-left:36px; } #voting .desc { font-size:0.9rem; color:#222; margin-top:0; line-height:1.5; } #voting .price { font-size:1.2rem; line-height: 150%; text-align: center; font-weight:600; } #voting .project-nr, #voting .price { padding:0; } #voting .info-row { color:#444; padding:15px 0; background: #fff; font-size:1rem; border-bottom: 1px solid #e4e4e4; font-weight: 500; } #voting .container { background:none; } #voting .project-choose-opinion, #voting .project-choose { font-size:1rem; margin-bottom: -500px; text-align: center; padding-bottom: 500px; background:#f4f4f4; color:#666; text-align:center; cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; padding-top:27px; line-height: 100%; } #voting .project-choose-opinion { text-align:left; } #voting .project-choose-opinion .checkbox{ margin:auto; width:50px; } #voting.new-theme .project-choose { margin-top:-5px;} #voting .project-choose .checkbox { margin:auto; width:70px; text-align:left; } #voting .project-choose .checkbox label { font-family: 'Poppins'; font-weight:500; display:block; font-size:0.8rem; line-height: 19px; padding-left:22px!important; margin:0; } #voting .project-choose .checkbox label::before { border-radius: 3px; border: 1.5px solid #c2c6cb; } #voting .project-choose .checkbox input[type=checkbox]:checked + label::after, #voting .project-choose .checkbox input[type=checkbox] + label::after { text-align:center; transition: all .25s cubic-bezier(0.000, 0.650, 0.490, 2.5); /* custom */ } .ff #voting .project-choose .checkbox label::before { border: 2px solid #c2c6cb; } #voting .project-choose .checkbox input[type="checkbox"] { display:block; margin-left:2px; opacity:0 } #voting .project-choose .checkbox label::before { transition: all 0.2s ease-out } #voting .project-choose .checkbox input[type="checkbox"]:focus + label::before, #voting .project-choose .checkbox label:hover::before , #voting .project-choose:hover label::before { box-shadow: 0 0 0px 3px rgba(0,0,0,.1); } #voting #personal-data-section .form-ver-2 label:not(.checkbox-label) { text-align:right; } @media all and (max-width: 767px) { #voting #personal-data-section .form-ver-2 label { text-align:left!important; } #voting #personal-data-section .form-ver-2 label.double { margin-bottom:15px; } #voting #personal-data-section label br { display:none; } #voting:not(.projects_one_list) .project-choose .checkbox label::before, #voting:not(.projects_one_list) .project-choose .checkbox label::after { display:none; } #voting .project-choose .checkbox {width:100%; text-align: center; } #voting.projects_one_list .project-choose .checkbox { width:100px; margin-top: 18px; } #voting .project-choose .checkbox label { font-size:1.2rem; } #voting .project-choose .checkbox input[type="checkbox"] { display:none; } } .radio label { display:inline-block; cursor:pointer; position:relative; padding-left:25px; margin-right:15px; font-size:0.85rem; margin-bottom:6px; color:#777a80; } .radio label:before { content:""; display:inline-block; width:17px; height:17px; margin-right:10px; position:absolute; left:0; top:1px; background-color:#ffffff; border:1px solid #c2c6cb; border-radius:99px; } .radio label:after { font-size:0.85rem; content:""; text-align:center; display:inline-block; width:17px; height:17px; position:absolute; -o-transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); border-radius:99px; left:0px; top:1px; background-color:#6f7b8a; border:1px solid #6f7b8a; } .error-control .radio label::before,.error-control .radio label:after { border-color:#f35958; } .radio input[type=radio] { margin-left:2px; opacity:0; } .radio input[type=radio]:focus-visible { outline:0px; } .radio input[type=radio]:focus-visible + label::before { outline:2px solid #7fbdff; border:0px!important; } .radio input[type=radio][disabled] + label { opacity:0.65; } .radio.radio-success label:after { background-color:#0090d9; border:0px; } .radio.radio-success input[type=radio]:checked + label:before { border:1px solid #aaa; } .radio.radio-primary label:after { background-color:#0aa699; border:1px solid #0aa699; } .radio.radio-primary input[type=radio]:checked + label:before { border:1px solid #0aa699; } .radio.radio-info label:after { background-color:#1f3853; border:1px solid #1f3853; } .radio.radio-info label input[type=radio]:checked +:before { border:1px solid #1f3853; } .radio.radio-warning label:after { background-color:#fbb05e; border:1px solid #fbb05e; } .radio.radio-warning input[type=radio]:checked + label:before { border:1px solid #fbb05e; } .radio.radio-danger label:after { background-color:#F35958; border:1px solid #F35958; } .radio.radio-danger input[type=radio]:checked + label:before { border:1px solid #F35958; } .radio input[type=radio]:checked + label { color:#4d5056; } .radio input[type=radio]:checked + label:after { -o-transform:scale(0.63); -ms-transform:scale(0.63); -moz-transform:scale(0.63); -webkit-transform:scale(0.63); transform:scale(0.63); line-height:18px; -o-transition:-o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); -ms-transition:-ms-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); -moz-transition:-moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); -webkit-transition:-webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); -o-transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); -ms-transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); -moz-transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); -webkit-transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); } .radio input[type=radio]:checked + label:before { border:1px solid #8e9095; } #voting .project-choose input[type="checkbox"], #voting .project-choose-opinion input[type="checkbox"] { opacity:0; } #voting .project-choose:hover .empty-checkbox-ico { filter:grayscale(0%); -webkit-filter:grayscale(0%); opacity:1; } #voting .project-item:hover .project-choose { background:#eaf1e9; color:#609052; } #voting .project-choose-points:hover, #voting .project-choose:hover { background:#dfe6de; color:#427234!important; } #voting .project-item .btn { margin-top:10px; } #voting .project-choose-points { vertical-align: middle; text-align: center; line-height: 25px; font-weight:500; background:#f4f4f4; color:#c6c6c6; text-align:center; cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; font-size:0.9rem; padding-top:15px; padding-bottom:15px; } #voting .project-choose-points > * { } #voting .project-choose-points select { padding: 8px 15px; text-align: center; color:#000; -webkit-appearance: none; width:100%;} #voting .project-choose-points option { height: 25px; line-height: 25px; padding: 5px 0; text-align: center; color:#000; -webkit-appearance: none; } #voting .project-choose-points { cursor:default; } #voting .project-awarding-points .awarding-points-wrapper { display:flex; } #voting .project-awarding-points { display: flex; justify-content: center; margin: auto; } #voting .project-awarding-points .award-point label { font-weight: 600; display: block; width: 34px; height: 34px; margin: 0 5px; border-radius: 50%; line-height: 35px; background: #fff; font-size: 1rem; cursor:pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; transform: scale(1); -webkit-transform: scale(1); } #voting .project-awarding-points .award-point label:hover { background:#dfe6de; color:#444; transform: scale(1.2); -webkit-transform: scale(1.2); } #voting .project-awarding-points .award-point.award-point-0 input:checked + label { background:#DDD!important; color:#444; } #voting .project-awarding-points .award-point input:checked + label { background:#D1B000!important; color:#fff; } #voting .project-awarding-points .award-point input { opacity:0; position:absolute; top:0; left:0; } #voting .project-choose-points.awarding-points-wrapper:hover { background:#f4f4f4!important; } #voting .nice-select.points { width:110px; left:50%; margin-left:-55px; line-height:40px; height:40px; text-align:center!important; padding:0; } #voting .nice-select.points .current{ font-family: 'Jost'; font-weight:500; color:#000; } #voting .nice-select.points::after { display:none; } #voting .nice-select.points .list { overflow:visible; } #voting .nice-select.points .option { text-align:center; line-height: 36px; line-height:36px; padding:0; font-size:1rem; font-weight:500; color:#000; } #voting .nice-select .option.selected { font-weight:normal; } #voting-form input[type=text], #voting-form input[type=tel], #voting-form input[type=phone], #voting-form input[type=email] { font-size:1.1rem; color:#000; letter-spacing:1px; } #voting-form { width:100%; float:left; } #voting-form .select2-container--default .select2-selection--single { border-radius:3px; } #voting .pesel-only-input { font-size:1.5rem!important; height: auto; margin: 10px auto; padding: 4px; text-align: center; width: 200px; display:inline-block; } #pesel { letter-spacing:3px!important; } #voting-form .accept-terms input, #voting-form .accept-terms label { margin:0; font-size:0.9rem; cursor: pointer; float:left; } #voting-form .accept-terms .form-group { margin:5px 0; } #voting-form .accept-terms input { margin: 2px 5px 0 0; opacity:0; } #voting-form .data-clause-info { font-size:0.85rem; margin:20px 0; color:#333; font-weight: 500; } #voting-form .data-clause-info .clause-content { max-height:166px; line-height: 1.6; padding:15px; border:1px solid #ddd; border-radius:6px; } #voting-form .data-clause-info .clause-title, #voting-form .header-title { width:100%; text-align:center; font-size:1.2rem; font-family: 'Jost'; font-weight:500; } #voting-projects-choosing-section { margin-bottom:30px; } @media only screen and (max-width : 767px) { #voting-projects-choosing-section { margin-bottom:20px; } } @media only screen and (min-width : 1200px) { .project-item-points { display: table; overflow:visible!important; width:calc(100% - -30px); } .project-item-points [class*="col-"] { float: none; display: table-cell; vertical-align: top; } } #personal-data-section { display: none; } #personal-data-section .agreement-section label { font-size:0.85rem; letter-spacing: 0; } #personal-data-section .agreement-section input[type="checkbox"] { opacity:0; } #voting #projects-no-data { background:#fff; display:none; margin-top:15px; } .no-data.py15 { padding:15px 0!important; margin:0; } #voting .max-input-6-col { max-width:262px; } #project-list-info-text { background:#fff; padding:15px; text-align:center; margin:15px 0; font-size:1.3rem; color:#dd0000; font-family: 'Jost'; font-weight:500; } #project-list-custom-info-text { background:#fff; padding:15px; margin:15px 0; font-size:1.1rem; font-family: 'Jost'; font-weight:500; } @media only screen and (max-width : 379px) { #project-list-info-text { font-size:1.13rem; } } #quarters_info { padding:25px; background:#fff; font-size:1rem; display:none; text-align:center; } #quarters_info b { font-weight:600; } #quarters_info ul { margin-left:15px; margin-top:15px; text-align:left; } #voting-form .like-label { font-size:0.9rem; font-weight: 600; display: inline-block; max-width: 100%; margin-bottom: 5px; } .ff #voting-form .like-label { font-weight: 500; } #voting.form-ver-2 #permission-upload-section { margin:0; } #voting.form-ver-2 #permission-upload-section h4 { margin:10px auto; max-width:450px; } #voting .project-item label.project-opinion { display: block!important; font-size: 14px; letter-spacing: 0px; color: #000; margin-top: 15px; font-weight: bold; text-align: center; margin-bottom: 15px; } #voting .project-item label.project-opinion-choose-label { display:block; font-weight: bold; margin:20px 0; } #voting .project-item label.project-opinion-choose-label:hover { color:#000; } #assign-points-finish-button-wrapper { text-align:center; margin-top:50px; } #vote-btn-section-wrapper { background:#fff; padding:20px; margin-top:30px; } #voting-projects-points-summary { margin-bottom:30px; } @media only screen and (max-width : 767px) { #voting.form-ver-2 #personal-data-section label.col-form-label { line-height:150%; } } #district_quarters_section .info { padding:5px 0; } .bi-spin::before { -webkit-animation: bi-spin 1s infinite linear; animation: bi-spin 2s infinite linear; } @-webkit-keyframes bi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes bi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .big-tip.w-400 .tooltip-inner { width:400px; }