/* Zmienne */
:root {
    --color-primary: #060638;
    --color-dark: #000000;
    --color-white: #ffffff;
    --color-border: #060638;
    --color-rgb--primary: 210 55 30;
}

/* Panels */

.usr { text-align:left; font-size:18px}

.usr .panel {
    border: 1px solid var(--color-border);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

.usr .panel-heading {
    background-color: var(--color-white);
    border-radius: 0;
    color: var(--color-dark);
    padding: 20px;
}

.usr .panel-title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.usr .panel-body {
    font-size: 14px;
    text-transform: uppercase;
    padding: 20px;
}

@media (min-width: 992px) {
    .usr .panel-heading { padding: 30px; }
    .usr .panel-body { padding: 30px; }
}

/* Alerts */
.usr .alert {
    border-radius: 0;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

/* Forms */
.usr .form-group {
    margin-bottom: 20px;
}

.usr .form-control {
    height: 44px;
    border: 1px solid var(--color-border);
    border-radius: 0;
    color: var(--color-dark);
}

.usr .form-control:focus {
    border-color: var(--color-primary);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--color-rgb--primary) / 30%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--color-rgb--primary) / 30%);
}

/* Buttons */

.usr .btn {
    min-width: 200px;
    height: 44px;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 12px !important;
    line-height: 40px;
	text-align:center;
}

.usr .btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.usr .btn-primary:focus,
.usr .btn-primary:active,
.usr .btn-primary:active:hover,
.usr .btn-primary:active:focus,
.usr .btn-primary:hover {
    background-color: transparent !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

.usr .btn-primary:focus {
    border-color: var(--color-dark) !important;
}

.usr .btn-white {
    background-color: var(--color-white) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.usr .btn-white:focus,
.usr .btn-white:active,
.usr .btn-white:active:hover,
.usr .btn-white:active:focus,
.usr .btn-white:hover {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}

.usr .btn-white:focus {
    border-color: var(--color-dark) !important;
}

.usr .btn-dark {
    background-color: var(--color-dark) !important;
    border-color: var(--color-dark) !important;
    color: var(--color-white) !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.usr .btn-dark:focus,
.usr .btn-dark:active,
.usr .btn-dark:active:hover,
.usr .btn-dark:active:focus,
.usr .btn-dark:hover {
    background-color: transparent !important;
    border-color: var(--color-dark) !important;
    color: var(--color-dark) !important;
}

.usr .btn-dark:focus {
    border-color: var(--color-dark) !important;
}

/* Margins */
.usr .mt0 { margin-top: 0; }
.usr .mt30 { margin-top: 30px; }

.usr .mb0 { margin-bottom: 0; }
.usr .mb30 { margin-bottom: 30px; }

/* User login */
.usr-login { display: flex; flex-wrap: wrap;}
.usr-login .col { width: 100%; }

@media (min-width: 768px) {
    .usr-login .col { width: 50%; }
}

/* User lost password */
.usr-lost-password { display: flex; flex-wrap: wrap; }
.usr-lost-password .col { width: 100%; }

/* User register */
.usr-register { display: flex; flex-wrap: wrap; }
.usr-register .col { width: 100%; }
.usr-register .form .row { margin: -20px; }
.usr-register .form .form-group { margin: 0; }
.usr-register div[class^='col-'] { padding: 20px; }

.usr-register .input1,
.usr-register input[type='text'],
.usr-register input[type='password'],
.usr-register input[type='number'] {
    display: block;
    width: 100%;
    height: 44px;
    border: 1px solid var(--color-border);
    border-radius: 0;
    color: var(--color-dark);
    padding: 6px 36px 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.usr-register input[type='number'] {
    padding: 6px 12px;
}

.usr-register input[type='text']:focus,
.usr-register input[type='password']:focus,
.usr-register input[type='number']:focus {
    border-color: var(--color-primary);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--color-rgb--primary) / 30%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--color-rgb--primary) / 30%);
}

.usr-register .form .form-group > div { position: relative; }

.usr-register .form .form-group > div > span {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

/* User edit */
.usr-edit { display: flex; flex-wrap: wrap; }
.usr-edit .col { width: 100%; }
.usr-edit .form .row { margin: -20px; }
.usr-edit .form .form-group { margin: 0; }
.usr-edit div[class^='col-'] { padding: 20px; }

.usr-edit input[type='text'],
.usr-edit input[type='password'],
.usr-edit input[type='number'] {
    display: block;
    width: 100%;
    height: 44px;
    border: 1px solid var(--color-border);
    border-radius: 0;
    color: var(--color-dark);
    padding: 6px 36px 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.usr-edit input[type='number'] {
    padding: 6px 12px;
}

.usr-edit input[type='text']:focus,
.usr-edit input[type='password']:focus,
.usr-edit input[type='number']:focus {
    border-color: var(--color-primary);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--color-rgb--primary) / 30%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--color-rgb--primary) / 30%);
}

.usr-edit .form .form-group > div { position: relative; }

.usr-edit .form .form-group > div > span {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.usr-edit .usr-nav {
}

.usr-edit .usr-nav ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.usr-edit .usr-nav ul > li {
    width: 100%;
    margin: 5px;
}

.usr-edit .usr-nav ul > li > a {
    width: 100%;
}

@media (min-width: 992px) {
    .usr-edit .usr-nav ul > li {
        width: auto;
    }

    .usr-edit .usr-nav ul > li:last-child {
        margin-left: auto;
    }
}

/* User cart */
.usr-cart .btns-wrapper {

}

.usr-cart .col { width: 100%; }

.usr-cart .btns-wrapper .row {
    margin: -10px;
}

.usr-cart .btns-wrapper .row > div {
    display: flex;
    flex-wrap: wrap;
}

.usr-cart .btns-wrapper .col {
    padding: 10px;
}

.usr-cart .btns-wrapper .btn { margin: 0; }

.usr-cart .summary { font-size: 20px; }

.usr-cart .table th {
    border-bottom: 1px solid #bebebe;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}

.usr-cart .table td {
    border-bottom: 1px solid #bebebe;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}

.usr-cart .table td .txt-mobile { display: block; margin-right: auto; }

.usr-cart .table .btn-minus,
.usr-cart .table .btn-plus {
    border: 0px solid #060638;
    color: #fff !important;
    background: #060638;
    cursor: pointer;
    text-decoration: none;
    height: 26px;
    width: 26px;
    text-align: center;
    transition: all 250ms ease;
    font-size: 18px;
}

.usr-cart .table .form-control {
    height: 26px;
    text-align: center;
    padding: 2px;
    margin: 0 2px;
}

@media (max-width: 767px) {
    .usr-cart .table thead { display: none; }
    .usr-cart .table tbody tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #bebebe; }
    .usr-cart .table tbody td { display: flex; align-items: center; border-bottom: none; }
    .usr-cart .table tbody td:nth-child(1) { order: 8; width: 35px; }
    .usr-cart .table tbody td:nth-child(2) { order: 1; width: 75px; }
    .usr-cart .table tbody td:nth-child(3) { order: 2; width: calc(100% - 75px); }
    .usr-cart .table tbody td:nth-child(4) { order: 7; width: 100%; width: calc(100% - 35px); }
    .usr-cart .table tbody td:nth-child(5) { order: 3; width: 100%; padding: 0 10px; }
    .usr-cart .table tbody td:nth-child(6) { order: 4; width: 100%; padding: 0 10px;  }
    .usr-cart .table tbody td:nth-child(7) { order: 5; width: 100%; padding: 0 10px;  }
    .usr-cart .table tbody td:nth-child(8) { order: 6; width: 100%; padding: 0 10px;  }
}

@media (min-width: 768px) {
    .usr-cart .col { width: auto; }

    .usr-cart .btns-wrapper .row > div {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .usr-cart .summary .text-center { text-align: right; }
    .usr-cart .table td .txt-mobile { display: none; }
}

@media (min-width: 1200px) {
    .usr-cart .table td {
        font-size: 16px;
    }
}

/* User order */
.usr-order .col { width: 100%; }

.usr-order .btns-wrapper .row {
    margin: -10px;
}

.usr-order .btns-wrapper .row > div {
    display: flex;
    flex-wrap: wrap;
}

.usr-order .btns-wrapper .col {
    padding: 10px;
}

.usr-order .btns-wrapper .btn { width: 100%; margin: 0; }

.usr-order .table th {
    border-bottom: 1px solid #bebebe;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}

.usr-order .table td {
    border-bottom: 1px solid #bebebe;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}

.usr-order .table td .txt-mobile { display: block; margin-right: auto; }

.usr-order .coupon .coupon__new__box { display: flex; flex-wrap: wrap; align-items: center; }
.usr-order .coupon .coupon__new__box span { display: none;}
.usr-order .coupon .coupon__new__box label { width: 100%; margin: 0; }
.usr-order .coupon .coupon__new__box input { width: 100%; margin: 0 0 10px 0; }
.usr-order .coupon .coupon__new__box button { width: 100%; }

.usr-order .delivery-table > div { margin-top: 20px; }

.usr-order .delivery-table > div > table tbody td:first-child { text-align: left; }
.usr-order .delivery-table > div > table tbody td:last-child { text-align: right; }
.usr-order .delivery-table > div > table label { margin: 0; }

.usr-order .payment-table > table, .usr-order .payment-table > div { margin-top: 20px; }

.usr-order .payment-table > table tbody td:first-child, .usr-order .payment-table > div > table tbody td:first-child { text-align: left; }
.usr-order .payment-table > table tbody td:last-child, .usr-order .payment-table > div > table tbody td:last-child { text-align: right; }
.usr-order .payment-table > table label, .usr-order .payment-table > div > table label { margin: 0; }

.usr-order .summary-table { display: flex; flex-wrap: wrap; margin-top: 20px; }
.usr-order .summary-table > table { width: 100%; max-width: 950px; margin: 0 auto 5px auto; }
.usr-order .summary-table > table:last-child { margin: 0 auto; }
.usr-order .summary-table > table thead th { font-weight: 400; }
.usr-order .summary-table > table th, .usr-order .summary-table > table td { padding: 5px; border: 1px solid #bebebe; text-align: center }

.usr-order .order-user .row { margin: -15px }
.usr-order .order-user .row > div { display: flex; flex-wrap: wrap; }
.usr-order .order-user .col { width: 100%; padding: 20px; }

.usr-order .order-form > div { padding: 0; }
.usr-order .order-form > div > .row { margin: 0 -20px; }
.usr-order .order-form .usr-shop-line { margin-bottom: 10px; min-height: 0; font-size: 16px; }

.usr-order .order-form .row > div { align-items: center }
.usr-order .invoice-data .row > div { margin-bottom: 10px; font-size: 16px; }

.usr-order .klauzule2 { margin-top: 40px; font-size: 14px; font-weight: 400; }
.usr-order .klauzule2 label { display: flex; font-weight: normal; width: 100%; margin-bottom: 25px; }
.usr-order .klauzule2 .row { margin: 0 -15px; }

@media (max-width: 767px) {
    .usr-order .table thead { display: none; }
    .usr-order .table tbody tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #bebebe; }
    .usr-order .table tbody td { display: flex; align-items: center; border-bottom: none; }
    .usr-order .table tbody td:nth-child(1) { width: 75px; }
    .usr-order .table tbody td:nth-child(2) { width: calc(100% - 75px); }
    .usr-order .table tbody td:nth-child(3) { width: 100%; padding: 0 10px; }
    .usr-order .table tbody td:nth-child(4) { width: 100%; padding: 0 10px; }
    .usr-order .table tbody td:nth-child(5) { width: 100%; padding: 0 10px; }

    .usr-order .cart-tr { padding-bottom: 10px; }
}

@media (min-width: 768px) {
    .usr-order .col {
        width: auto;
    }

    .usr-order .btns-wrapper .row > div {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .usr-order .table td .txt-mobile { display: none; }
    .usr-order .summary .text-center { text-align: right; }

    .usr-order .coupon .coupon__new__box label { width: auto; }
    .usr-order .coupon .coupon__new__box input { width: auto; margin: 0 10px 0 0; }
    .usr-order .coupon .coupon__new__box button { width: auto; }

    .usr-order .summary-table { flex-wrap: nowrap; justify-content: center; }
    .usr-order .summary-table > table { max-width: 240px; margin: 0; }
    .usr-order .summary-table > table:last-child { margin: 0; }

    .usr-order .klauzule2 label > .col-xs-1 { width: 50px; }
}

@media (min-width: 992px) {
    .usr-order .order-user .col { width: 50%; }
    .usr-order .order-form .usr-shop-line { min-height: 50px; }

    .usr-order .invoice-data { width: calc(50% - 20px); }
    .usr-order .invoice-data .row > div { display: flex; align-items: center; min-height: 44px; }
}

/* User lost password send */
.usr-lost-password-send > div { display: flex; flex-wrap: wrap;}
.usr-lost-password-send .col { width: 100%; }

#dasgfbx b { font-size: 14px; font-weight: 600; text-transform: uppercase; }

@media (min-width: 768px) {
    .usr-lost-password-send .col { width: 50%; }
}

/* Icons */
.fas, .far { color: var(--color-primary); }
#catalogue-order-place .btn { text-align:center !important; display:block}