body.actn_register #content{padding-bottom:0;}
#register_container{background:#d2dce6;}
#register{padding:1rem 0;background:url('../img/register_bg.png') no-repeat;background-position:center center;background-size:cover;}
#register .container_xxnarrower{max-width:700px !important;margin:auto;}
#register .content_container{background:rgba(255,255,255,0.75);border-radius:20px;}
#register_form{float:left;width:67%;}
#register .col-inner{padding:0.625rem;}
#register .col_padding{padding:2rem;}
#register input{border-color:rgba(0,0,0,0.7);border-width:2px;border-radius:var(--border-radius);}
#register [class^="iradio_square-"],#register [class^="icheckbox_square-"]{margin-right:0 !important;}
#register label{font-size:0.875rem;}
#register .submit{background:rgba(0,0,0,0.7);}
#register .error-message{padding:0.125rem 0 0;font-size:0.9375rem;}
#register_icons{float:right;width:33%;background:rgba(193,222,255,0.75);text-align:center;border-radius:0 20px 20px 0;line-height:1.5;color:var(--main-color-xdark);text-transform:uppercase;}
#register_icons .col_padding{padding-top:4.5rem;padding-bottom:4.5rem;}
.register_icon{padding:2.5rem 0;font-size:0.9375rem;}

.field_message{visibility:hidden;position:absolute;right:-8px;top:-8px;z-index:2000;max-width:200px;padding:0.1875rem 0.5rem;border-radius:var(--border-radius);font-size:0.75rem;font-weight:500;line-height:1.5;background:var(--red);color:#fff;}
.data_content,.data_content > .left{position:relative;}

.btn_section .col-inner{display:table;width:100%;box-sizing:border-box;cursor:pointer;}
.btn_section .col-inner > div{display:table-cell;width:100%;vertical-align:middle;text-align:center;padding:1.5rem;
  border:1px solid #cacaca;background:#fff;color:#000;-webkit-box-shadow: 2px 2px 6px 0px rgba(202,202,202,1);-moz-box-shadow: 2px 2px 6px 0px rgba(202,202,202,1);box-shadow: 2px 2px 6px 0px rgba(202,202,202,1);}
.btn_section .col-inner > div:hover{background:#000;color:#fff;}
.btn_section a,.btn_section a:visited{color:#000;}
.btn_section .col-inner > div .fas{color:#d5000e;}
.btn_section .col-inner > div:hover a,.btn_section .col-inner > div:hover .fas{color:#fff;}
.btn_section a:hover{color:#fff;}

#panel .div_cell{text-align:center;}

@media screen and (min-width: 2500px) {
#register{padding:3.5rem 0;background-position:center 40%;}
#register .container_xxnarrower{max-width:850px !important;}
#register .input{font-size:1.0625rem;}
}
@media screen and (min-width: 3500px) {
#register{padding:6rem 0 8rem;background-position:center 30%;}
}


@media screen and (max-width: 1400px) {
#register{background-size:100%;background-position:left bottom;}
}

@media screen and (max-width: 1024px) {
#reset{border-top:1px solid #cacaca;padding-top:1.5em;}
}

@media screen and (max-width: 768px) {
#register{padding:0.3125rem 0 0;background-size:180%;}
#register .container_xxnarrower{max-width:none !important;margin-left:1.625rem;margin-right:1.625rem;}
#register_form{font-size:0.875rem;}
#register .submit{font-size:1rem;}

#panel.btn_section .col-inner > div{padding:1.25rem;font-size:0.875rem;}

#panel .div_table,#panel .div_row,#panel .div_cell{display:block;border:0;}
#panel .div_row_header,#panel .div_header{display:none;}
#panel .div_cell{text-align:left;font-size:1rem;padding:0.125rem;}
#panel .div_row{margin-bottom:1.5rem;border:1px solid #cacaca;padding:1.5rem;}
#panel .rwd_break{display:none;}

#panel .login_name::before{content:"Login użytkownika: ";color:#8a8a8a;}
#panel .company_name::before{content:"Nazwa firmy: ";color:#8a8a8a;}
#panel .address::before{content:"Adres: \a";color:#8a8a8a;white-space: pre;}
#panel .blockades::before{content:"Blokady: \a";color:#8a8a8a;white-space: pre;}
#panel .order_id::before{content:"Nr zamówienia: ";color:#8a8a8a;}
#panel .order_date::before{content:"Data zamówienia: ";color:#8a8a8a;}
#panel .order_value::before{content:"Kwota zamówienia: ";color:#8a8a8a;}
#panel .order_status::before{content:"Status: ";color:#8a8a8a;}

@media screen and (max-width: 600px) {
#register{background-size:233%;}
#register .col-inner.pleft0{padding-right:0;}
#register .col_padding{padding:1.5rem;}
#register_icons .col_padding{padding-top:5rem;padding-bottom:5rem;}
#register .submit{text-transform:none;}
#register .pleft0.pright0{padding-top:0;}
#panel.btn_section .col-inner {padding:0.625rem 0;}
}

@media screen and (max-width: 480px) {
#register{background-size:355%;}
#register_icons{float:none;width:auto;border-radius:20px 20px 0 0;padding:0;}
#register_icons .col_padding{padding:1rem 1.5rem;}
.register_icon{float:left;width:50%;padding:0;font-size:0.875rem;}
.register_icon img{max-width:60px;}
#register_form{float:none;width:auto;border-radius:0 0 20px 20px;}
.empty{display:none;}
}

@media screen and (max-width: 479px) {
#register .container_xxnarrower{margin-left:1.25rem;margin-right:1.25rem;}
#register .col_padding{padding:1rem;}
}