.password_change form {
margin:20px 0px;
}


.password_change form .row {
    color: #231f20;
    font-size: 16px;
    font-weight: 500;
     margin-bottom: 15px;
}

.password_change form input {
border: 1px solid #e1e1e1;
    padding: 4px 6px;
    width: 65%;
}    


.password_change form a {
    background: #f58220 none repeat scroll 0 0;
    color: white;
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-transform:uppercase;
    line-height: 34px;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.4s ease-in-out 0s;
    width: 65%;
}
.password_change form a:hover {
    background-color: #231f20;
}


.password_change #pstrength   {
font-size:13px;
}


.moje_konto .nav-tabs {
    border: 0 none;
    margin: 60px -3px 0 -1px;
}
.moje_konto .nav-tabs li {
    padding: 0 1px;
    text-align: center;
}
.moje_konto #myTabContent {
    border: 2px solid #f58220;
    padding: 40px;
    margin-bottom:40px;
}
.moje_konto .nav-tabs li a {
    background: #e1e1e1 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #231f20;
    font-family: 'Poppins', sans-serif;
    padding:10px 0px;
    font-size: 18px;
    font-weight: 500;
    outline: medium none;
    transition: background-color 0.4s ease-in-out 0s;
}
.moje_konto .nav-tabs > li.active > a, .basket .nav-tabs > li.active > a:hover, .basket .nav-tabs > li.active > a:focus {
    background: #231f20 none repeat scroll 0 0;
    border: 0 none !important;
    color: white;
}
.moje_konto .nav-tabs li:hover a {
    background: #9a9999 none repeat scroll 0 0;
        border: 0 none !important;
}

.moje_konto h2 {
    color: #231f20;
    font-size: 18px;
    font-weight: 500;
}


.moje_konto .tabela_shop a {
    color: #000;
    text-decoration: none;
}

.moje_konto .tabela_shop a:hover {
    color: #f58220;
}

.moje_konto .tabela_shop .row {
border-top:1px solid #e1e1e1;
color: #231f20;
font-size: 16px;
line-height: 30px;
margin:0px;
}

.moje_konto .tabela_shop .nagl {
background:#f58220;
color: white;
font-size: 16px;
font-weight: 500;
line-height: 30px;
}


.moje_konto .glyphicon-pencil,.moje_konto .glyphicon-file {
color:#231f20;
}

.moje_konto .glyphicon-trash {
color:red;
}


.moje_konto .btn_inny_adres {
    color: #1d1d1b;
    font-size: 15px;
    text-decoration: none;
}
.moje_konto .btn_inny_adres span {
    color: #f58220;
    transition: color 0.4s ease-in-out 0s;
}
.moje_konto .btn_inny_adres:hover span {
    color: #000;
}

.moje_konto input {
font-size:16px;
}


.basket #dane_dostawy label {
    color: #231f20;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}

.basket #dane_dostawy label.error {
 color:red;
 font-size:13px;
 display:block;
}

.basket #dane_dostawy input[type="text"], .basket #dane_dostawy input[type="password"], .basket #dane_dostawy textarea {
    border: 1px solid #e1e1e1;
    padding: 6px 6px;
    width: 100%;
}


#dialog-adres form .row  {
    color: #231f20;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.moje_konto .basket #dane_dostawy input.btn {
    background: #000 none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    color: white;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.4s ease-in-out 0s;
    width: 100%;
}
.moje_konto .basket #dane_dostawy input.btn:hover {
    background: #9a9999 none repeat scroll 0 0;
}
.moje_konto .basket #dane_dostawy input.btn.active {
    background: #f58220 none repeat scroll 0 0;
}

.moje_konto .basket #dane_dostawy h2 {
    color: #231f20;
    font-size: 20px;
    font-weight: 500;
    margin: 30px 0 10px;
}

.moje_konto .basket #dane_dostawy p.info2 {
    color: #7e7e7e;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 20px;
}


.moje_konto .basket #dane_dostawy .koszyk_zgody label.check {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight:400;
    padding-left:30px;
}

.moje_konto .basket #dane_dostawy .koszyk_zgody input {
margin-left:-30px;
}

.moje_konto .basket #dane_dostawy .koszyk_zgody label.error {
padding:0px;
margin:0px;
}

.moje_konto .koszyk_zgody a {
color:#f58220;
font-weight:500;
text-decoration:none;
}

.moje_konto .koszyk_zgody a:hover {
color:#000;
}



.moje_konto #kopie-danych input.basket_btn,
.moje_konto .basket input.basket_btn  {
    margin-top:20px;
    background: #f58220 none repeat scroll 0 0;
    color: white;
    border:0px;
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    padding: 8px 20px 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.4s ease-in-out 0s;
}

.moje_konto #kopie-danych input.basket_btn:hover,
.moje_konto .basket input.basket_btn:hover {
    background: #000 none repeat scroll 0 0;
}

.mapa_strony h1   {
  	border-bottom: 3px solid #c77cbc;
    color: #b560a9;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin: 40px 0 25px;
    padding: 0 0 12px;
    text-transform: uppercase;

}

.mapa_strony ul {
list-style:none;
}

.mapa_strony ul li {
padding:2px 0px;
}

.mapa_strony ul li a {
 color:#B560A9;
}

#kopie-danych .checkbox input {
	position: relative;
	top: initial;
	right: initial;
	margin: 0;
}
.kopie-lista a {
	color: #f58220;
	text-decoration: none;
}
.kopie-lista a:hover {
	color: #000;
}
#usun_konto {
	margin-top: 100px;
}

.moje_konto .zamowienie-szczegoly {margin: 0 0 40px 0;}
.moje_konto .zamowienie-szczegoly .btn {display: block; float: right; background: #231f20; color: #fff; font-weight: 500; text-transform: uppercase; border-radius: 0px; line-height: 44px; padding: 0px 30px;}
.moje_konto .zamowienie-szczegoly .btn:hover {background: #f58220;}
.moje_konto .zamowienie-szczegoly .btn.pdf {float: left; background: #f58220;}
.moje_konto .zamowienie-szczegoly .btn.pdf span {color: #fff;}
.moje_konto .zamowienie-szczegoly .btn.pdf:hover {background: #231f20;}
.moje_konto .zamowienie-szczegoly .produkty table {width: 100%;}
.moje_konto .zamowienie-szczegoly .produkty table td {padding: 10px 5px; border-bottom: 1px solid #e1e1e1;}
.moje_konto .zamowienie-szczegoly .produkty table td.lp {width: 20px;}
.moje_konto .zamowienie-szczegoly .produkty table td.zdjecie {width: 80px;}
.moje_konto .zamowienie-szczegoly .produkty table td.zdjecie img {width: 100%;}
.moje_konto .zamowienie-szczegoly .produkty table td.nazwa p {margin: 5px 0 0 0; color: #ccc;}
.moje_konto .zamowienie-szczegoly .produkty table td.nazwa .produkt-link {color: inherit; text-decoration: none;}
.moje_konto .zamowienie-szczegoly .produkty table td.nazwa .produkt-link:hover {text-decoration: underline;}
.moje_konto .zamowienie-szczegoly .produkty .wartosc-produktow {text-align: right; padding: 20px 0; margin: 0;}
.moje_konto .zamowienie-szczegoly .podsumowanie {width: 500px; max-width: 100%; float: right;}
.moje_konto .zamowienie-szczegoly .podsumowanie p {margin: 0; padding: 5px 0;}
.moje_konto .zamowienie-szczegoly .podsumowanie p.razem {border-top: 4px solid #f58220; text-align: right; padding: 10px 0; font-size: 18px;}
.moje_konto .zamowienie-szczegoly .podsumowanie p.razem span {font-weight: 700;}
.moje_konto .zamowienie-szczegoly .dane {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.moje_konto .zamowienie-szczegoly .dane>div {width: 33.3333%; padding: 10px; margin: 0 0 20px 0;}
.moje_konto .zamowienie-szczegoly .dane p {margin: 0;}

.moje_konto .kody-rabatowe h2 {margin: 0 0 30px 0;}
.moje_konto .kody-rabatowe .kod-rabatowy {margin: 0 0 30px 0;}
.moje_konto .kody-rabatowe .kod-rabatowy-box {padding: 0; border-radius: 10px; position: relative; overflow: hidden;}
.moje_konto .kody-rabatowe .kod-rabatowy .grafika {position: relative; border-radius: 10px; overflow: hidden; cursor: pointer;}
.moje_konto .kody-rabatowe .kod-rabatowy img {max-width: 100%; display: block;}
.moje_konto .kody-rabatowe .kod-rabatowy .wygasa {position: absolute; bottom: 10px; right: 10px; border-radius: 5px; border: 1px solid #000; color: #000; text-transform: uppercase; z-index: 2; padding: 5px 10px 5px 30px; background: #fff url('szablony/tio_shop/gfx/kupon-zegar.png') no-repeat 10px center; background-size: auto 12px; font-size: 12px;}
.moje_konto .kody-rabatowe .kod-rabatowy .rodzaj {position: absolute; left: 0; top: 0; z-index: 2; background: #fff; padding: 0 10px; height: 100%; border: 1px solid #979797; border-bottom-left-radius: 10px;border-top-left-radius: 10px; writing-mode: sideways-lr; font-size: 16px; letter-spacing: -0.04em; font-weight: 900; text-transform: uppercase;}
.moje_konto .kody-rabatowe .kod-rabatowy .rodzaj span {display: block; text-align: center;}
.moje_konto .kody-rabatowe .kod-rabatowy .rodzaj span2 {display: block; position: absolute; left: 0; top: 0; transform: rotate(-90deg); transform-origin: left bottom;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly {display: none; margin: 10px 0 0 0; border: 1px solid #979797; border-radius: 10px; padding: 15px; position: relative;}
.moje_konto .kody-rabatowe .kod-rabatowy.active .szczegoly {display: block;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .nazwa {font-size: 16px; line-height: 20px; font-weight: 700; margin: 0 0 20px 0; padding: 0 30px 0 0;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .okres {padding: 0 0 0 20px; margin: 10px 0 0 0; background: url('szablony/tio_shop/gfx/kupon-okres.png') no-repeat 0 center; background-size: auto 14px;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .obowiazuje-na {padding: 0 0 0 20px; margin: 10px 0 0 0; background: url('szablony/tio_shop/gfx/kupon-obowiazuje-na.png') no-repeat 0 center; background-size: auto 14px;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .kod {padding: 0 0 0 20px; margin: 10px 0 0 0; background: url('szablony/tio_shop/gfx/kupon-kod.png') no-repeat 0 center; background-size: auto 10px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .kod .copy-icon {display: inline-flex; align-items: center; cursor: pointer; color: #666; transition: color 0.2s ease; padding: 4px;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .kod .copy-icon:hover {color: #f58220;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .kod .copy-icon.copied {color: #28a745;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .kod .copy-icon svg {width: 16px; height: 16px;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .opis {border-top: 1px solid #979797; padding: 10px 0 0 20px; margin: 15px 0 0 0; background: url('szablony/tio_shop/gfx/kupon-opis.png') no-repeat 0 14px; background-size: auto 14px;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .opis p {margin: 0;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .opis p+p {margin: 5px 0 0 0;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .opis p strong {font-size: 14px;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .zamknij {position: absolute; right: 0; top: 0; width: 30px; height: 30px; z-index: 2; cursor: pointer; opacity: .6;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .zamknij:before, .moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .zamknij:after {position: absolute; top: 50%; left: 2px; content: ' '; display: block; width: 24px; height: 2px; background: #000;}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .zamknij:before {transform: rotate(45deg);}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .zamknij:after {transform: rotate(-45deg);}
.moje_konto .kody-rabatowe .kod-rabatowy .szczegoly .zamknij:hover {opacity: 1;}
.moje_konto .kody-rabatowe .brak-kodow {padding: 50px 20px; color: #8e8c8c; font-size: 14px; line-height: 20px;}
.moje_konto .kody-rabatowe .brak-kodow p {margin: 0; text-align: center;}
.moje_konto .kody-rabatowe .produkty-promocji {border-top: 1px solid #979797; padding: 10px 0 0 0; margin: 15px 0 0 0;}
.moje_konto .kody-rabatowe .produkty-promocji > p {margin: 0 0 10px 0; font-size: 14px;}
.moje_konto .kody-rabatowe .produkty-promocji ul {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px;}
.moje_konto .kody-rabatowe .produkty-promocji ul li {width: 100%;}
.moje_konto .kody-rabatowe .produkty-promocji ul li a {display: flex; align-items: center; gap: 8px; text-decoration: none; color: #231f20; font-size: 13px; line-height: 16px; padding: 5px; border-radius: 5px; transition: background .2s;}
.moje_konto .kody-rabatowe .produkty-promocji ul li a:hover {background: #f5f5f5;}
.moje_konto .kody-rabatowe .produkty-promocji ul li a img {width: 60px; height: 60px; object-fit: contain; flex-shrink: 0;}
.moje_konto .kody-rabatowe .produkty-promocji ul li a span {flex: 1;}

@media all and (max-width:767px) {
    .moje_konto .zamowienie-szczegoly .dane>div {width: 100%;}
    .moje_konto .zamowienie-szczegoly .produkty table td.lp {display: none;}
    .moje_konto .zamowienie-szczegoly .produkty table td.zdjecie {width: 50px;}
    .moje_konto .zamowienie-szczegoly .produkty table td.nazwa {font-size: 12px;}
	.moje_konto .nav-tabs li {width:100%;}
	.moje_konto .nav-tabs li a {margin-right:0px;}
	.moje_konto .nav-tabs {margin-top:30px;}
	.modal.in .modal-dialog { width: calc(100% - 20px) !important;}
	.moje_konto #myTabContent {padding: 10px !important;}
	.moje_konto .tabela_shop .row {line-height:24px;}
	.moje_konto .tabela_shop .nagl {font-size:14px;line-height:24px;}
}