@font-face {
    font-display: swap;
    font-family: 'Xiaomi Brand';
    font-style: normal;
    font-weight: 100 900;
    src: url('/asset/common/fonts/Xiaomi/Brand.woff2') format("woff2")
}
@font-face {
    font-family: 'Xiaomi';
    src: url('/asset/common/fonts/CamphorProForXiaoMi-Thin.woff2') format('woff2'),
    url('/asset/common/fonts/CamphorProForXiaoMi-Thin.woff') format('woff');
    font-weight: 250;
    font-style: normal;
}
@font-face {
    font-family: 'Xiaomi';
    src: url('/asset/common/fonts/CamphorProForXiaoMi-Light.woff2') format('woff2'),
    url('/asset/common/fonts/CamphorProForXiaoMi-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Xiaomi';
    src: url('/asset/common/fonts/CamphorProForXiaoMi-Regular.woff2') format('woff2'),
    url('/asset/common/fonts/CamphorProForXiaoMi-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Xiaomi';
    src: url('/asset/common/fonts/CamphorProForXiaoMi-Medium.woff2') format('woff2'),
    url('/asset/common/fonts/CamphorProForXiaoMi-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Xiaomi';
    src: url('/asset/common/fonts/CamphorProForXiaoMi-Bold.woff2') format('woff2'),
    url('/asset/common/fonts/CamphorProForXiaoMi-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Xiaomi';
    src: url('/asset/common/fonts/CamphorProForXiaoMi-Heavy.woff2') format('woff2'),
    url('/asset/common/fonts/CamphorProForXiaoMi-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
:root {
    --main-color-link: #FF6900;
    --main-color-bg: #FF6900;
    --presite-color: #FF6900;
    --files-color: #B2B2B2;
}
/*Layout*/
body { background:#FFF; font-family: Xiaomi, Arial, Verdana, Sans-serif; }
a { color: var(--main-color-link); }
.linkcolor { color: var(--main-color-link) !important; }
.linkcolor a { color: var(--main-color-link) !important; }
.select2-results { font-family: Helvetica; }
body > .container { box-shadow: 0px 5px 30px rgba(20,20,20,.5); background: #FFF; }
.container { max-width: 720px; }
.header .col { color: #000; position:relative; overflow: hidden; }
.bg-grad, .tinymodal-content .top { background: var(--main-color-bg) !important; padding: 0px; }
.header .header_img { position: relative; padding-bottom: 0; }
.header .header_img .text { font-size: 10px; padding: 5px 15px; }
.header h1 { font-size: 3em; line-height: 1em; margin: 20px 0; margin-left: 45px; }
.header h2 { font-weight: bold; }
.header h1, .header .title { font-weight: normal; }
.header .topbg { position: relative; z-index: 2; }
.header .title { padding: 20px 30px; position: relative; }
.header .title.content_page { padding-bottom: 10px; }
.header h2 { font-size: 2em; margin: 0; padding: 0; }
.header .topnav { overflow: hidden; margin-top:4px; }
.header .topnav > div { float: left; width: 25%; }
.header .topnav > div a { display: block; text-align: center; color:#5C5C5C; padding: 10px 0; border-right: 1px solid var(--main-color-link); }
.header .topnav > div:last-child a { border: none; }
.header .topnav > div a:hover { color: var(--main-color-link); }
.header .topnav > div a.active { color: var(--main-color-link); background: #F5F5F5; }
@media (min-width: 1100px) {
    .content { margin-left: 0px; }
    .ps-2 { padding-left: 5%; }
}
#presiteRow { overflow: hidden; }
#presiteRow .header_img .presiteBtn { display: inline-block; font-size: 1.2em; text-decoration: none; background: var(--presite-color); border-radius: 10px; padding: 3px 18px; color: #FFF; }
#presiteRow .prefooter { font-size: 1.1em; padding: 10px 15px 30px 15px; }
#presiteRow .prefooter i.fa-solid { color: var(--presite-color); padding-right: 8px; }
#presiteRow .prefooter .phone, #presiteRow .prefooter .phone a { color: var(--presite-color); font-size: 1.3em; }
#presiteRow .prefooter .email a { color: #000; font-weight: bold; }
#presiteRow .prefooter a.reg { display: inline-block; text-decoration: none; background: #BFBFBF; border-radius: 10px; padding: 1px 8px; color: #000; }
.presite { margin: 20px 15px; margin-bottom: 0; border-top: 1px solid var(--presite-color); border-bottom: 1px solid var(--presite-color); padding: 30px 0 20px 0; overflow: hidden; }
.presite .col { margin-bottom: 10px; }
.presite .big { color: var(--presite-color); padding: 5px 0; font-size: 1.8em; font-weight: bold; }
.presite .pscontent { border: 2px solid var(--presite-color); border-radius: 10px; padding: 25px 10px 10px 10px; position: relative; text-align: center; min-height: 240px; }
.presite .pscontent .counter { color:#FFF; border-radius: 15px; background: var(--presite-color); position: absolute; top: -15px; left: 0; right: 0; margin: auto; padding: 5px 0; text-align: center; width: 30px; font-weight: bold; font-size: 1.1em; }
.presite .pscontent a { color:#000; text-decoration: underline; }
.presite .orange { color:var(--presite-color); }
.presite a.presiteBtn { display: inline-block; color: #FFF; font-size: 1.1em; text-decoration: none; margin-top:20px; background: var(--presite-color); border-radius: 10px; width: 75%; }

.action.shadow a, .action.orange a { color:#FFF; }
.bgmain, .orange { _background-color:#DCE3EB; }
.bgmain { border-top: 1px solid var(--main-color-bg); padding-right: 0 !important; padding-left: 0 !important; }
.fieldset.devicenumber { background-color: transparent; }
.action.orange { margin-bottom: 10px; background-color: var(--main-color-bg); }
.col_main { color: var(--main-color-bg) !important; }
.content { clear: both; max-width: 980px; }
.content h2 { color:#FFF; font-weight:normal; margin:0; }
.content .alinks a { color:blue !important; padding:3px; }
h2.expired { color:#000; margin: 20px; padding-top: 20px; text-align: center; }
.logo { padding: 15px 30px 15px 0; margin-bottom: 15px; }
.home_text { margin-bottom: 10px; padding: 10px 50px 10px 10px; }
.home_text li { margin-bottom: 10px; }
.potwierdzenie h3 { font-weight: bold; font-size: 2em; }
.potwierdzenie > div { margin: 20px; padding: 00px 0 20px 0; border-top: 1px solid var(--main-color-bg); border-bottom: 1px solid var(--main-color-bg); }
.potwierdzenie1 > div { border-top: 0 !important; padding: 0 20px 30px 20px; }
.fieldset.sms { margin: 20px; padding: 20px 0 30px 0; border-top: 1px solid var(--main-color-bg); border-bottom: 1px solid var(--main-color-bg); }
.fieldset.statusform { padding-top: 0px; }
.action { clear:both; }
.shadow { -moz-box-shadow:0px 0px 2px 0px #ccc; -webkit-box-shadow:0px 0px 2px 0px #ccc; box-shadow:0px 0px 2px 0px #ccc; }
.nextstep { padding-bottom: 0 !important; }
.helpline { font-size: 1.1em; padding:0 0 20px 30px; margin-top: -26px; }
.helpline span { font-size: 1.3em; font-weight: bold; }
.helpline a { color: #000; word-wrap: break-word; }

.action a { color:#000; display:inline-block; background-repeat:no-repeat; background-position:97% 50%; padding:15px; padding-right: 60px; }
.fieldset .action a { background-position:94% 50%; }
a.bottom, button.bottom { display: inline-block; border-radius: 15px; padding: 3px 20px;}
a.next, button.next { background: var(--main-color-link); color: #FFF; font-weight: bold; border: 0; }
a.regulations { background: #BFBFBF; color:#000; font-weight: bold; }
.action .regulations { background-image:url(/asset/common/img/bg-link-regulations.png); }
.action .next { background-image:url(/asset/common/img/bg-link-next.png); }
.action .attachment { background-image:url(/asset/common/img/bg-link-attachment.png); }
.action .submit { background-image:url(/asset/common/img/bg-link-next.png); }
.action .device { background-image:url(/asset/common/img/bg-link-device.png); }
.action .send { background-image:url(/asset/common/img/bg-link-next.png); }
.weryfikacja button[type=submit] { background-image:url(/asset/common/img/bg-link-next.png); background-repeat: no-repeat; background-position: right; margin: 10px; padding-right: 45px; background-color: transparent; border: 0; border-radius: 0; }
.weryfikacja button[type=submit]:hover { text-decoration: underline; }

/* Steps */
.steps { display: table; width: 86%; margin: 0 7%; position: relative; margin-top: 15px; }
.steps .btn { display: inline-block; border-color: var(--main-color-bg); border-width: 1px; border-radius: 8px; opacity: 1; background: #FFF; padding: 1px 10px; cursor: default; }
.steps .btn:active { box-shadow: none; background: #FFF; border: 1px solid var(--main-color-bg); }
.steps .btn:focus { outline: none; }
.steps .btn-active, .steps .btn-active:active { background: var(--main-color-bg); }
.steps .steps-row { display: table-row; }
.steps .steps-row:before { bottom: 14px; left: 25%; position: absolute; content: " "; width: 50%; height: 1px; background-color: var(--main-color-bg); z-index: 0; }
.steps .steps-row.r3:before { left: 18%; width: 65%; }
.steps .steps-row.r3 .step { width: 33%; }
.steps .step { display: table-cell; text-align: center; position: relative; width: 50%; }
.steps .step p { margin-bottom: 2px; white-space: nowrap; }
.steps .step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; }

/* Links */
#container a:link, #container a:visited,
#container a:hover, #container a:active, #container a:focus { text-decoration:none; color:#000; }
#container a:hover { text-decoration:underline; }
.rodo-text { font-weight: normal; font-size: 0.9em; }
.rodo-text .title { font-size: 1.11em; }
.rodo-text a, .nowrap { white-space: nowrap; }
.rodo-text ol li { margin-bottom: 10px; }
.footer { background: #DCE3EB; }
.footer > div { padding:20px 0px; font-size:12px; }

/* Form*/
form h3 { padding:0px; margin:0px; font-weight:normal; margin-bottom:10px; padding-left: 20px; font-size: 20px; }
.smallfont { font-size: 12px !important; }

form .fieldset { padding:20px 30px; padding-bottom: 0; margin-bottom:0px; clear:both; overflow:hidden; }
.form-group { overflow: hidden; margin-bottom: 10px; margin-left: 0; }
form label { font-size: 1em; font-weight: normal; margin-bottom: 2px; margin-top: 5px; }
form label small { font-weight: normal; }
form span.required, label.required span { color:#000; padding:0px; display: none; }
form input[type=radio] { width: auto; margin-right: 5px; }
.form-group div { padding-right: 0px; }
.form-group div input[type=radio] { margin-left: 10px; }
.form-control { border-radius: 4px; height: 28px; padding-top: 3px; padding-bottom: 3px; }
form legend { border: 0; margin-bottom: 0; font-weight: bold; font-size: 18px; }
form legend small { font-size: 13px; display: block; font-weight: normal; }
#user-csrftoken-group { display: none; }
form .bgmain.fieldset.devicenumber { padding-bottom: 0; margin-bottom: 0; }
select.multiple { padding:5px; }
.form-description { color:#000; padding-left: 15px; margin-bottom: 10px; }
.confirm { margin: 0 15px 15px 0px !important; position: relative; padding-bottom: 8px; }
.confirm input[type=checkbox] { -ms-transform:scale(1.7); -moz-transform:scale(1.7); -webkit-transform:scale(1.7); -o-transform:scale(1.7); position:absolute; left:7px; top:5px; width:auto; }
#regulations-regulations2 { margin-bottom: 85px; }
.confirm label { font-weight: normal; padding-left: 40px; float: left; }
.confirm .help-block { padding-left: 40px; }
#fieldset-regulations { margin-top: 5px; padding-top: 0; }
#fieldset-regulations fieldset { float: none; width: 100%; }
#fieldset-regulations .pre { padding-top: 10px; }
#fieldset-regulations hr { margin: 0; border: 0; height: 10px; color: #FFF; background-color: #FFF; }
#fieldset-regulations label[for=regulations3] a, .nowrap { white-space: nowrap; }

.form_container { color:#000; }
form .files_extra { margin-bottom: 0; padding-bottom: 0; }
form .regulation { text-decoration:underline !important; }

.imei-info a { cursor: pointer; text-decoration: underline; padding-bottom: 5px; display: inline-block; font-style: italic; }
.imei-info img { -webkit-box-shadow: -3px 3px 12px -4px rgba(60, 60, 68, 1);
-moz-box-shadow: -3px 3px 12px -4px rgba(60, 60, 68, 1);
box-shadow: -3px 3px 12px -4px rgba(60, 60, 68, 1); margin-bottom: 10px; }
.fieldset.awards { display: none; }

.fieldset ul.errors { list-style:none; margin:1px; background:#ffbfbf; color:#833636; border-color:#fe7070; padding:2px; border-radius:5px; border:1px solid #FBC2C4; font-size:.8em; display:inline-block; }
#attachmentadd-cont { padding-top: 0px; }
#deviceadd-cont input, #attachmentadd-cont input, #attachmentaddSec-cont input, #attachmentaddTh-cont input, #devicenumber-1-group input { margin-bottom: 0; margin-right: 5px; width: 80%; }
input, #attachmentaddSec-cont input, #attachmentaddTh-cont input, #devicenumber-1-group input { margin-bottom: 0; margin-right: 5px; width: 80%; }
.attachmentcont { margin-bottom: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; padding-left: 0 !important; }
.attachmentcont .form-group { margin-bottom: 5px !important; }
.warn.top { margin: 0; text-align: center; }
.warn > div { padding: 15px 5px; color:#FFF; }
.warn > div.bottom { padding-top: 10px; padding-bottom: 10px; }
#attcont span.help-block.form-error { clear: both; }

/* custom */
.notice {padding:.8em; background:#FFF6BF; color:#514721; border:1px solid #FFD324; line-height:18px; clear:both; border-radius:4px;}
.flashmsg { margin: 15px; padding: 10px; font-weight:bold; clear:both; border-radius:4px;border-width:1px;border-style:solid; position: relative; }
.msg_error {background:#ffbfbf; color:#833636; border-color:#fe7070;}
.msg_success {background:#d3ffbf; color:#538336; border-color:#42b12c;}
.form_error {display:block; text-align:center; font-weight:bold; line-height:30px; font-size:12px; color:#CC0000; background-color:#FBE3E4; margin-left:0px; margin-right:0px; border:1px solid #FBC2C4;border-radius:4px;}

#modalMsg { display: none }
.tinymodal-window .flashmsg { margin: 0; }
.tinymodal-content .msg_success, .tinymodal-content .msg_error { border: none; background: none; font-weight:normal; padding: 25px; }
.tinymodal-content .msg_success { color:#000; }
.tinymodal-content .msg { position: absolute; top: 11%; left: 3%; width: 48%; min-width: 390px; font-size: 33px; background: #007BC0; padding: 20px; color: #FFF; }
.tinymodal-content .msg .small { font-size: 18px; }
.tinymodal-content .msg a { text-decoration: none; color: #FFF; }
.tinymodal-overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:1000;overflow-y:scroll;}
.tinymodal-window{position:absolute;width:60%;max-width:984px;top:10%;left:50%;-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3),0 6px 30px rgba(0,0,0,0.25);box-shadow:0 0 6px rgba(0,0,0,0.3),0 6px 30px rgba(0,0,0,0.25);margin-bottom:5%}
.tinymodal-title{position:relative;padding:0;font-size:130%;font-weight:bold;color:#fbfbfb;background:transparent;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
.tinymodal-close{position:absolute;top:50%;right:.25em;margin-top:0;font-size:200%;line-height:1;cursor:pointer;color:#000;z-index:1000;}
.tinymodal-content{padding:0px;background:#fff}
.tinymodal-content a{color:#000; text-decoration:underline}
.tinymodal-buttons{display:none;zoom:1;padding:10px;background:#fff;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
.tinymodal-buttons:before,.tinymodal-buttons:after{content:"";display:table}
.tinymodal-buttons:after{clear:both}
.tinymodal-buttons .inner{float:right;display:none;}
.tinymodal-buttons button{margin-left:.5em;padding:.6em 1.25em;line-height:1;color:#fbfbfb;font-weight:bold;text-shadow:0 1px rgba(0,0,0,0.7);background:#198a48;border:0;border:1px solid #167c41;border-bottom:1px solid #0f532b;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.45);box-shadow:inset 0 1px rgba(255,255,255,0.45)}
@media screen and (max-width:900px) { .tinymodal-content .msg { font-size: 20px; } }
@media screen and (max-width:520px) { .tinymodal-content .msg { font-size: 16px; } .tinymodal-content .msg .small { font-size: 12px; } }
@media screen and (max-width:420px) { .tinymodal-content .msg { font-size: 13px; } }
@media screen and (max-width:1200px){ .tinymodal-window{ width:80%; max-width:80%; } }
@media screen and (max-width:580px) { .tinymodal-window{ top:5%; width:90%; max-width:90%; margin-left:5%; } .header .header_img .text { position: inherit; padding: 5px; bottom: 0; right: 0; width: 100%; } .helpline { margin-top: 0; } }

#cookie-bar { background:rgb(17,17,17); background:rgba(17,17,17,.75); line-height:24px; color:#eeeeee; text-align:center; padding:5px 0; }
#cookie-bar.fixed { position:fixed; bottom:0; left:0; width:100%; z-index:1000; }
#cookie-bar p { margin:0; padding:0; }
#cookie-bar a { color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px; }
#cookie-bar .cb-enable { background:#007700; }
#cookie-bar .cb-enable:hover { background:#009900; }
#cookie-bar .cb-disable { background:#990000; }
#cookie-bar .cb-disable:hover { background:#bb0000; }
#cookie-bar .cb-policy { background:#0033bb; }
#cookie-bar .cb-policy:hover { background:#0055dd; }
.select2-container { min-width:100%; margin: 2px 0; }
.select2-container .select2-choice { padding: 0px 12px; height: auto; min-height: 28px; border: 1px solid #ccc; }
.select2-container .select2-choice .select2-arrow b { background-position: 4px 1px; }
.select2-container .select2-choice .select2-arrow { width: 28px; border-radius: 0; border-left: 0; background: transparent; }
.select2-drop-active { border-color: #CCC; }
.help-block { clear: both; padding-left: 16px; margin-top: 0; margin-bottom: 5px; }
span.help-block[class^='jquery_form_help'] { padding-left: 0; font-style: italic; font-size: 85%; color: #777 !important; }
#files_extra-invoice_date-div {position:relative; }
#files_extra-invoice_date-div:after {content:"";display:inline-block; position:absolute; right: 1px; top:1px; bottom: 1px; width: 30px; background: #F1F1F1 url("/asset/common/img/ico-cal.jpg") no-repeat center center; border-radius: 0px 2px 2px 0; }
.panel-group .panel { margin-bottom: 4px; }
.panel-group .panel-heading { padding: 0; }
.panel-group .panel-title { position: relative; }
.panel-group .panel-title a { padding: 10px 15px; display: block; padding-right: 4%; }
.panel-group .panel-title .panel-icon { position: absolute; top:25%; right:1%; width: 15px; height:15px; }
.content_page_content { padding-top: 20px; margin: 0px 30px 20px 30px; border-top: 1px solid var(--main-color-bg); border-bottom: 1px solid var(--main-color-bg); }
@media (min-width: 992px) {
    fieldset { float: left; width: 25%; }
    form .form-group { margin-right: 0; margin-left: 25%; }
    #devicenumber-numbers-div { width: 99%; }
    .presite .col2 { padding: 0; }
    .form-group.user-homenumber, .form-group.user-flatnumber, .form-group.user-zipcode { width: 25%; float: left; }
    .form-group.user-flatnumber, .form-group.user-zipcode { margin-left: 0; }
    .form-group.files_extra-invoice_date, .form-group.files_extra-invoice_number { width: 33%; float: left; margin-left: 0; }
}
@media (max-width: 992px) {
    .presite .col { margin-bottom: 25px; }
    .presite .pscontent { min-height: inherit; }
}
@media (max-width: 768px) {
    .header .header_img { padding-bottom: 0; background: #FFF; }
    #attachmentadd-cont label, #attachmentaddSec-cont label { margin-top: 0; }
    .steps .step p { font-size: .9em; }
}
#loader { background: rgba(255,255,255,0.75) url(/asset/common/img/spinner.gif) no-repeat center center; position: fixed; top: 0; right: 0; bottom:0; left: 0; display: none; z-index: 1000; }

a img { border:none; }
.border-none { border:none; }
.t-left { text-align:left; }
.t-right { text-align:right; background-color:inherit;}
.t-center { text-align:center; }
.left { float:left; }
.right { float:right; }
.disp-none { display:none; }
.disp-block { display:block; }
.no-border, .no-border * { border:0px !important; }
.no-margin, .no-margin * { margin:0px !important; }
.no-padding, .no-padding * { padding:0px !important; }
.italic { font-style: italic; }
.red { color:red !important; }
.green { color:green !important; }
.clr { clear:both; }

.fileinput-button { overflow: hidden; position: relative; cursor: pointer; padding: 6px 0; }
.fileinput-button input { cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; -ms-filter: 'alpha(opacity=0)'; }
.fileinput-button input.validator { cursor: pointer; position: absolute; top: 0; right: 0; width: 0; height: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; }
.fileinput-button:hover { text-decoration: underline; }
.fileinput-button .pe-2 { padding-right: .5rem; }

.uploads .block { border: 1px solid var(--files-color); border-radius: 3px; background: #FCFCFC; margin-bottom: 5px; display: table; padding: 4px 8px 2px 8px; }
.uploads .block .format, .uploads .block .file { position: relative; padding-right: 30px; font-size: 1.1em; }
.uploads .block .format .size { font-style: italic; color: #777; font-size: .8em; }
.uploads .block .error { color: red; font-style: italic; font-size: .85em; }
.uploads .block .cancelButton { cursor: pointer; position: absolute; top: -4px; right: 0; font-size: .9em; }
.cancelButton:hover { text-decoration: underline; color: var(--files-color); }
.uploads .block .progressBarWrapper { border:1px solid var(--files-color); background-color: #FFF; width: 95%; margin-top: 5px; }
.uploads .block .progressBar { background-color: #008848; width: 0px; height: 8px; -moz-transition: .25s ease-out; -webkit-transition: .25s ease-out; -o-transition: .25s ease-out; transition: .25s ease-out; }