/*-----------BASKET--------------------*/

.part-basket {
    position:relative;
}

.part-basket h1.component-heading,
.part-basket h2 {
    font-size:32px;
    line-height:40px;
    margin-bottom:32px;
    color:#434242;
    font-weight:normal;
}


.part-basket h2 {
    margin-top:32px;
    margin-bottom:10px;
}

.part-basket table{   
    table-layout: fixed;   
    background: white;   
    width: 100%;
}

.part-basket a.checkout {
    display: table;
    margin: 0 auto;
    color:#fff;
    background-color: var(--kek);
    line-height: 36px;
    height: 38px;
    border: 1px solid var(--kek);
    padding: 0 30px;
    transition: 0.3s;
    font-weight: bold;
    text-transform: uppercase;
    float:right;
    margin-top:32px;
}
.part-basket a.checkout:hover{
    background-color: #fff;
    color: var(--sotetszurke);
}
.part-basket a.checkout:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.part-basket input[type=radio],
.part-basket input[type=checkbox] {
    width:auto;
    display:inline-block;
    margin-right:10px;
}

.part-basket table {
    /* border: 1px solid #818181; */
}
.part-basket table#basket{
    position:relative;
    width: 100%;
    border-top: 1px solid #434242;
    border-bottom: 1px solid #434242;
}
.part-basket table#basket tfoot tr td,    
.part-basket table#basket thead th{
}
.part-basket table#basket tbody tr:not(:nth-of-type(1)){
    border-top: 1px solid #434242;
}

.part-basket table#basket thead th
{
    font-weight:inherit;
    padding-top:12px;
    padding-bottom:12px;
}
.part-basket table#basket tbody td{
    font-weight:inherit;
    padding-top:2px;
    padding-bottom:2px;
}
.part-basket table#basket thead th:nth-of-type(1),
.part-basket table#basket tbody td:nth-of-type(1){
    width:100px;
}
.part-basket table#basket thead th:nth-of-type(2),
.part-basket table#basket tbody td:nth-of-type(2){
    width:160px;
}
.part-basket table#basket thead th:nth-of-type(2){
    position:absolute;
    left:0;
}
.part-basket table#basket thead th:not(:nth-of-type(1)),
.part-basket table#basket tbody td:not(:nth-of-type(1)){
    padding-left:10px;
}
.part-basket table#basket thead th:nth-last-of-type(1),
.part-basket table#basket tbody td:nth-last-of-type(1){
    padding-right:10px;
}
.part-basket table#basket thead th:nth-of-type(4),
.part-basket table#basket tbody td:nth-of-type(4) > span{
    text-align:right;
}
.part-basket table#basket tbody td:nth-of-type(4) > span{
    display:block;
}
.part-basket table#basket thead th:nth-of-type(5),
.part-basket table#basket tbody td:nth-of-type(5){
    text-align:right;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.amount{
    display: block;
    float: none;
    width: 50%;
    margin-left: 50%;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.amount > input[type=text]{
    text-align: right;
    width:100%;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.button_refresh{
    display:block;
    float:right;
    width:33px;
    overflow:hidden;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.button_refresh a{
    display:block;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.button_refresh a:before{
    content: "\f021";
    font-family: "Font Awesome 5 Free";
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight:900;
    margin-left:4px;
    margin-right:10px;
    font-size:28px;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.button_delete{
    display:block;
    float:right;
    width:30px;
    overflow:hidden;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.button_delete a{
    display:block;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.button_delete a:before{
    content: "\f2ed";
    font-family: "Font Awesome 5 Free";
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight:900;
    margin-left:4px;
    margin-right:10px;
    font-size:28px;
}
.part-basket table#basket tbody td:nth-of-type(5) >span.button_refresh:hover,
.part-basket table#basket tbody td:nth-of-type(5) >span.button_delete:hover{
    opacity: 0.75;
}
.part-basket table#basket thead th:nth-of-type(6),
.part-basket table#basket tbody td:nth-of-type(6){
    width:180px;
    text-align:right;
}
.part-basket table#basket tbody td:nth-of-type(6) > span{
    display:block;
}
.part-basket table tbody tr td {
    background: white;   
    border: none;    
    color: #383838;   
}
.part-basket table.mb tr td:last-child {
    text-align: center 
}

.part-basket table.mb tr {
    border-bottom: 1px solid var(--vilagosszurke);
}

.part-basket .mubizar{
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 15px;
}


.part-basket #cartcont {
    margin-bottom:32px;
}

.checkout #cartcont {
    display: none;
}

.part-basket table#basket td {
    /*padding: 10px 20px;*/
}

.part-basket table#basket tr:nth-child(odd) td,
.part-basket #sum table tr:nth-child(odd) td {
    background-color:#eaeaea;
}

.part-basket table#basket tr:nth-child(even) td,
.part-basket #sum table tr:nth-child(even) td {
    background-color:#f6f6f6;
}

.part-basket table#basket tfoot tr:nth-child(odd) td {
    background-color:#777777;
    color:#ffffff;
}

.part-basket table#basket tfoot tr:nth-child(odd) td a {
    color:#ffffff;
}

.part-basket table#basket thead{
    background-color: #ffffff;
    color: #434242;
    border-bottom: 1px solid #434242;
}
.part-basket table#basket thead th {
    text-align: left;
}
.part-basket table#basket tr td {
    vertical-align: top;
}
.part-basket table#basket tbody tr td.basket-img > a  {
    display: block;
    align-items:center;
    margin-left:10px;
    margin:0;
    height: 100px;
    width: 100px;   
    /*background-color:#ffffff;*/
    /*border: 1px solid #818181;*/
}

.part-basket table#basket tbody tr td.basket-img > a img {
    margin:0;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;    
}

.part-basket table#basket tbody tr td.basket-img > .button_delete {
    width: 20px;
    height: 20px;
    background-color: #818181;
    display: inline-block;
    border-radius: 50%;
    position: relative;  
    background-image: url('../../../gfx/icon-close.svg');
    background-size: 50% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;    
    margin: 0 10px;
}
.part-basket table#basket .basket-price {
}
.part-basket table#basket .price-net {
    display: block;
}
.part-basket table#basket .price-net span.currency {
    font-size:inherit;
}
.part-basket table#basket .basket-amount {
}
.part-basket table#basket .basket-fullprice * {
    color: #434242;
}
.part-basket table#basket .basket-fullprice  .price-br,
.part-basket table#basket .basket-fullprice  .price-br .currency {        
    font-weight:bold;
    font-size:24px;
    line-height:26px;
}
.part-basket #sum {
}
.part-basket #sum table tr td { padding: 10px 20px; }
.part-basket #sum table tr td.bsp *,
.part-basket #sum table tr td.bsp{
    color:#434242;
    font-weight:bold;
    text-align: right;
}
.part-basket #sum table tr td.bsk {
}
.part-basket #sum table tr td.bsp {
    white-space:nowrap;
    font-weight:bold;
}

.part-basket #sum table tr.basket-sum-br td {
    background-color:#434242;
    font-size:24px;
}

.part-basket #sum table tr.basket-sum-br td,
.part-basket #sum table tr.basket-sum-br td * {
    color:#ffffff;
}

.part-basket #sum .basket-row-foot .added .desc{
    float:left;
    width:50%;
}
.part-basket #sum .basket-row-foot .added .value{
    width:50%;
    float:left;
    text-align:right;
    font-size: 24px;
    color: #434242;
    font-weight:bold;
}
.part-basket #sum .basket-row-foot > td::after{
    content:"";
    display:block;
    float:none;
    clear:both;
}
@media only screen and (max-width:639px){
    .part-basket #sum .basket-row-foot .added .desc{
        float:none;
        width:100%;
    }
    .part-basket #sum .basket-row-foot .added .value{
        float:none;
        width:100%;
        text-align:left;
    }
}

/* pénztár rész */

.part-basket #steps-container .valassz,
.part-basket #steps-container #reg-label,
.part-basket #steps-container .step.active .stepname,
.part-basket #steps-container .regformBox .box-form-title {
    display: none;
}

.part-basket #steps-container .regformBox a {
    color:#B91D24;
}

.part-basket #steps-container .regformBox div[id="37"] {
    margin-top:10px;
}

.part-basket #steps-container .regformBox {
    position:relative;
}

.part-basket #checkoutreg .hirlevel-cimke,
.part-basket #checkoutreg .szabalyzat-cimke,
.part-basket #steps-container .regformBox div[id="48"],
.part-basket #steps-container .regformBox div[id="51"] {
    background-color:#ffc600;
    font-size:12px;
    font-weight:bold;
    color:#B91D24;
    padding:5px 10px 5px 30px;
    position:absolute;
    z-index:1;
    left:50%;
    opacity:0;
    transition:0.5s;
}

.part-basket #checkoutreg .hirlevel-cimke::before,
.part-basket #checkoutreg .szabalyzat-cimke::before,
.part-basket #steps-container .regformBox div[id="48"]::before,
.part-basket #steps-container .regformBox div[id="51"]::before {
    content:"";
    display:block;
    width:14px;
    top:0;
    left:0;
    bottom:0;
    position:absolute;
    background-repeat:no-repeat;
    background-image:url('../gfx/arrow_mask1.svg');
    background-size:100% 100%;
}

.part-basket #checkoutreg .hirlevel-cimke.slide-in,
.part-basket #checkoutreg .szabalyzat-cimke.slide-in,
.part-basket #steps-container .regformBox div[id="48"].slide-in,
.part-basket #steps-container .regformBox div[id="51"].slide-in {
    left:320px;
    opacity:1;
}

.part-basket #steps-container .regformBox div[id="48"],
.part-basket #steps-container .regformBox div[id="51"] {
    top:-5px;
}

.part-basket .checkout label[for="hirlevel__hirlevel"] {
    position:relative;
    padding-top:0;
}

.part-basket #checkoutform label[for="hirlevel__hirlevel"] {
    padding-top:0;
}

.part-basket #checkoutform #postgre__telephoneNumber .box-input label {
    padding-top:0;
}

.part-basket .checkout label[for="hirlevel__hirlevel"] .hf-error {
    position:absolute;
}

.part-basket .checkout label[for="hf-hirlevel__hirlevel-2"] {
    display:none !important;
}

.part-basket #steps-container .regformBox div[id="50"] span {
    display:block;
    font-size:12px;
}

.part-basket #steps-container .regformBox div[id="52"] {
    margin-bottom:32px;
}

.part-basket #checkoutform label[for="postgre__oregdiak_kartyaszam"] {
    margin-bottom:10px;
    padding-top:0;
}

.part-basket .stepoptions .option {
    margin-bottom:32px;
}
.part-basket .stepoptions .option:nth-of-type(3) {
    
}

.part-basket .stepoptions .option #basket-delivery-price {
    margin-top:20px;
    background-color:#ffffff;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    padding:20px;
    max-width:460px;
    position:relative;
}

.part-basket .stepoptions .option #basket-delivery-price::before {
    content:"";
    display:block;
    width:48px;
    height:48px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    background-image:url('../gfx/truck.svg');
    position:absolute;
    top:20px;
    left:20px;
}

.part-basket .stepoptions .option .basket-delivery-id {
    font-size:14px;
    line-height:1.6em;
    text-transform:uppercase;
    color:var(--sotetkek);
    padding-left:72px;
}

.part-basket .stepoptions .option .basket-delivery-erv {
    font-size:14px;
    line-height:1.6em;
    text-transform:uppercase;
    color:var(--sotetkek);
    margin-bottom:20px;
    padding-left:72px;
}

.part-basket .stepoptions .option .basket-delivery-price {
    margin-left:-20px;
    margin-right:-20px;
    background-color:var(--kek);
    color:#ffffff;
    margin-bottom:20px;
    font-size:24px;
    line-height:1.4em;
    padding:20px;
}

/* figyelmeztetes felirat piros */

.part-basket .step#step2 .opclabel,
.part-basket .step#step3 .opclabel,
.part-basket .stepsum .option.op10 > span,
.part-basket .stepsum .option.op11 > span {
    color:#ff0000;
}

.part-basket .checkout .option:nth-of-type(3) label{
    margin:5px 0 5px 5px;
}
.part-basket .checkout .option:nth-of-type(3) input[type=text].kedvezmeny{
    margin:5px 0 5px 5px;
}
@media only screen and (max-width: 639px){
    .part-basket .checkout .option:nth-of-type(3) input[type=text].kedvezmeny{
        width:calc(100% - 10px);
    }
}
.part-basket .checkout .option:nth-of-type(3) a.kedvezmeny-btn{
    margin:5px 0 5px 5px;
    line-height: 39px;
    padding: 0 20px;
}

.part-basket .checkout #state{
    display:table;
    width:100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom:20px;
}
.part-basket .checkout #state > div{
    display:table-cell;
    border:1px solid var(--vilagosszurke);
    position:relative;
    padding:0 36px 0 15px;
    line-height:54px;
}
.part-basket .checkout #state > div.clear{
    display:none;
}
.part-basket .checkout #state > div > a{
    transition:0.3s;
}
.part-basket .checkout #state > div.active{
    color:#fff;
    background-color:var(--kek);
    border-color:var(--kek);
}
.part-basket .checkout #state > div.active::after{
    position:absolute;
    right:0;
    top:0;
    content:"\f0d7";
    display:block;
    width:36px;
    height:56px;
    color:#fff;
    font-family: "Font Awesome 5 Free";
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight:900;
    font-size: 20px;
    text-align:center;
    line-height:54px;
}
.part-basket .checkout #state > div.visited{
    color:#fff;
    background-color:var(--halvanyszurke);
    border-color:var(--vilagosszurke);
    color:var(--vilagosszurke);
}
.part-basket .checkout #state > div.visited::after{
    position:absolute;
    right:5px;
    top:0;
    content:"\f00c";
    display:block;
    width:36px;
    height:54px;
    color:var(--vilagosszurke);
    font-family: "Font Awesome 5 Free";
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight:900;
    font-size: 20px;
    text-align:center;
    line-height:56px;
}
.part-basket .checkout #state > div.visited a:hover{
    color:var(--kek);
    text-decoration: underline;
}
@media only screen and (max-width: 880px){
    /*.in {
        width: 600px;
    }*/
    .part-basket .checkout #state{
        display:block;
    }
    .part-basket .checkout #state > div{
        display:block;
        width:100%;
        margin-top:5px;
    }
}
.part-basket .errormsg {
    display:block;
    clear:both;
    text-align:center;
    padding: 10px 20px;
    margin: 20px 0;
    border:solid 3px #d41e37;
    color:#d41e37;
    font-weight:bold;
}

.part-basket .errormsg p {
    margin: 0;
    color: inherit;
    font-family: inherit;
}
.part-basket #checkoutform {
    margin-bottom:20px;
}
.part-basket #checkoutform .key,
.part-basket #checkoutform label {  
    font-weight:lighter;
    font-size: inherit;
    /* line-height:41px; */
}

.part-basket #checkoutform label {
    display: block;
    padding-top:8px;
}

.part-basket #checkoutform .toolbar {
    display: none;
}

.part-basket #checkoutform .kot .key:after {
    content:"*";
}

.part-basket #checkoutform fieldset {
    margin-bottom: 40px;
}

.part-basket #checkoutform .bnam,
.part-basket #checkoutform fieldset legend {
    font-size:24px;
    margin-bottom:10px;
    border-bottom:solid 1px #dddddd;
    display:block;
    width:100%;
    color: #434242;
}

.part-basket #checkoutform #steps-container{
    margin-bottom:50px;
}

.part-basket #checkoutform #steps-container #step4 #checkoutreg > div.address1 div.key {
    clear:left;
    width:30%;
}

.part-basket #checkoutform #steps-container #step4 .checkout .option .regformBox fieldset > div select,
.part-basket #checkoutform #steps-container #step4 #checkoutreg > div.address1 select,
.part-basket #checkoutform #steps-container #step4 #checkoutreg > div#address2 select {
    background: #FFF;
    border: 1px solid #9c9c9c;
    color: #000;
    width: 100%;
    display: block;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    margin: 0;
    transition: all 0.3s ease;
}

.part-basket #checkoutform #steps-container #step4 #checkoutreg > div.address1 .key,
.part-basket #checkoutform #steps-container #step4 #checkoutreg > div#address2 .key {
    text-align: center;
    border-bottom: 2px solid #ededed;
    margin-bottom: 10px;
}

.part-basket #checkoutform #steps-container #step4 #checkoutreg > div.address1 .value > div,
.part-basket #checkoutform #steps-container #step4 #checkoutreg > div#address2 .value > div {
    margin-bottom: 10px;
}

.part-basket #checkoutform #steps-container #step4 #checkoutreg > div.addresscheck {
    padding: 5px 20px ;
    background: #ededed;
}

.part-basket #checkoutform #steps-container #step4 #checkoutreg > div.addresscheck input {
    display: inline-block;
    width: initial ;    
    margin-right: 20px;        
}

.part-basket #checkoutform #steps-container #step4 #checkoutreg > div.szabalyzat {
    width: 30%;
}

.part-basket #checkoutform #steps-container #step4 #checkoutreg > .szabalyzat.kot .key::after {
    content: "*:";
}

.part-basket #checkoutform #steps-container .checkout .option .optdesc {
    padding-left:24px;
    font-size:12px;
    color:#aaaaaa;
}

.part-basket #checkoutform #steps-container .checkout .option .v_info {
    padding-left:24px;
}

.part-basket #checkoutform #steps-container .checkout .option .kedvezmeny-btn{
    display: inline-block;
    background: none;
    box-shadow: none;
    border-radius: 0px;
    padding: 6px 20px 6px 20px;
    background-color: #B91D24;
    color: #ffffff;
    /* text-transform: uppercase; */
    font-weight:bold;
    border: solid 3px #7ecfec;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 5px;
    margin-left: 30%;
}

/* kedvezmény*/
.part-basket .checkout .option::after{
    content:"";
    display:block;
    float:none;
    clear:both;
}
.part-basket #checkoutform #steps-container .checkout .option .kedvezmeny-btn:hover{
    opacity: 0.75;
}
.part-basket #checkoutform #steps-container .checkout .kedvezmeny-box{
    width: 70%;
    margin-left: 30%;
    clear:both;
}
.part-basket .checkout .kedvezmeny-info{
    padding: 10px;
    margin-top: 5px;
    border: 3px solid #B91D24;
    border-radius: 5px;
    clear:both;
    color:#B91D24;
    font-weight:bold;
    margin-top:10px;
    text-align:center;
}
.part-basket #checkoutform #steps-container .checkout .kedvezmeny-info .kedvezmeny-title{
    display:none;
}
.part-basket #checkoutform #steps-container .checkout .kedvezmeny-info p{
    margin-bottom:0;
}

.part-basket #checkoutform .stepname {
    font-weight:bold;
}

.part-basket #checkoutform .stepsum {
    margin:16px 0;
}

.part-basket #checkoutform .stepsum::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.part-basket #checkoutform .stepsum textarea {
    background: #FFF;
    color: #000;
    width: 100% !important;
    display: block;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    margin: 0;
    transition: all 0.3s ease;
    overflow: auto;
    height: 150px !important;
}

.part-basket #buttonbar,.part-basket #buttonbar2 {
    margin:20px 0;
}

.part-basket #buttonbar a,
.part-basket #buttonbar2 a {
    display: table;
    background-color: var(--kek);
    line-height: 36px;
    height: 38px;
    border: 1px solid var(--kek);
    padding: 0 30px;
    transition: 0.3s;
    color: #fff;
    border-spacing: 0;
    font-weight: bold;
    text-transform: uppercase;
    cursor:pointer;
}
.part-basket #buttonbar a:hover,
.part-basket #buttonbar2 a:hover{
    background-color: #fff;
    color: var(--kek);
}
.part-basket #buttonbar a.forward,.part-basket #buttonbar2 a.forward {   
    float:right;
}

.part-basket #buttonbar a.forward::after,.part-basket #buttonbar2 a.forward::after {
    content:"\00a0\00bb";
}

.part-basket #buttonbar a.back,.part-basket #buttonbar2 a.back {
    /*background-color: #383838;*/
    float:left;
}

.part-basket #buttonbar a.back::before,.part-basket #buttonbar2 a.back::before {
    content:"\00ab\00a0";
}

.part-basket #buttonbar a.invoice-btn,.part-basket #buttonbar2 a.invoice-btn {
    float:right;
}

.part-basket #buttonbar.success::after,.part-basket #buttonbar2.success::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.part-basket #buttonbar.success,.part-basket #buttonbar2.success {
    margin-bottom:15px;
}

.part-basket .basketbuttonbar::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.part-basket .checkout #checkoutform.finish #cartcont{
    display: block;
}

.part-basket #steps-container #step5 .checkout .option tr:nth-of-type(2) td {
    border: 1px solid #818181;
    background-color: #ededed;
    margin: 20px 0;
}

.part-basket #steps-container #step5 .checkout .option tr td #cimszerkeszto > div {
    margin: 10px 0;
}
.part-basket #steps-container #step11 .checkout .option input[type="radio"] {
    display: inline-block;
    width: initial;
    margin-right: 20px;   
}

.part-basket #checkoutreg .szabalyzat div.checkbox {
    display:inline-block;
    order:1;
    width:32px;
    height:32px;
    padding-left:7px;
    position:relative;
    left:-7px;
}

.part-basket #checkoutreg .szabalyzat span.ferrmsg {
    order:2;
}

.part-basket #checkoutreg .szabalyzat .value span:first-child {
    order:3;
}

.part-basket .checkout .tud_text {
    margin-bottom:32px;
}
.part-basket .checkout .tud_text a{
    text-decoration:underline;
    color:var(--kek);
}

.part-basket .checkout .v_shop_title {
    display:none !important;
}

.part-basket .checkout .box-input,
.part-basket .checkout .box-multitext,
.part-basket .checkout .box-select {
    margin-bottom:10px;
}

.part-basket .checkout label,
.part-basket .checkout .key {
    display:block;
    /*float:left;
    width:30%;*/
    position:relative;
}

.part-basket .checkout .key {
    padding-top:8px;
}

.part-basket .checkout .hirlevel .key,
.part-basket .checkout .szabalyzat .key {
    padding-top:0;
}

.part-basket .checkout .hirlevel div.checkbox span {
    display:block;
}

.part-basket .checkout .hirlevel div.checkbox div > span > span {
    font-size:12px;
}

.part-basket .checkout .szabalyzat .value {
    display:flex;
    flex-direction:column;
}

.part-basket .checkout .value {
    
}
.part-basket .checkout .hf-error{
    color: #d06161;
    font-size: 14px;
    font-weight:bold;
}

.part-basket .checkout .ferrmsg{
    color: #d06161;
    font-size: 14px;
    font-weight:bold;
}
.part-basket .checkout .element-info{
    width: 70%;
    float:left;
}
.part-basket #checkoutreg > div {
    margin-bottom:10px;
}

.part-basket #checkoutreg > div::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.part-basket #checkoutreg > div.country > .key,
.part-basket #checkoutreg > div.country2 > .key {
    font-size: 24px;
    margin-bottom: 10px;
    border-bottom: solid 1px #dddddd;
    display: block;
    width: 100%;
    color: #434242;
}

.part-basket #checkoutreg > div.country .value,
.part-basket #checkoutreg > div.country2 .value {
    /* clear:both; */
}

.part-basket #checkoutreg > div.country label,
.part-basket #checkoutreg > div.country2 label {
    clear:left;
}

.part-basket #checkoutreg > div.country input,
.part-basket #checkoutreg > div.country2 input,
.part-basket #checkoutreg > div.country select,
.part-basket #checkoutreg > div.country2 select {
    margin-bottom:10px;
}

.part-basket #checkoutreg a {
    color:#B91D24;
}

.part-basket #checkoutreg .hirlevel,
.part-basket #checkoutreg .szabalyzat {
    position:relative;
    padding:15px 0;
}

.part-basket #checkoutreg .hirlevel-cimke,
.part-basket #checkoutreg .szabalyzat-cimke {
    display:block !important;
    left:100%;
    top:9px;
}

.part-basket .checkout a.kedvezmeny-btn {
    display: inline-block;
    display: block;
    float: left;
    padding: 6px 20px 6px 20px;
    background-color: #B91D24;
    color: #ffffff;
    text-transform: uppercase;
    font-weight:bold;
    border: solid 1px #B91D24;
    cursor: pointer;
    transition: 0.3s;
    margin-bottom:10px;
}
.part-basket .checkout a.kedvezmeny-btn:hover{
    color: #434242;
    background-color: #fff;

}
.part-basket #checkoutreg .help-desc {
    display:block;
    padding-top:5px;
    font-size:12px;
}

.part-basket #checkoutform .bigbrds .block {
    padding:5px 10px;
    margin-bottom:1px;
    transition:0.3s;
    background-color:#eeeeee;
}

.part-basket #checkoutform .bigbrds .block > div::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

.part-basket #checkoutform .bigbrds input[type=radio] {
    display:block;
    float:left;
    margin-right:12px;
    position:relative;
    top:12px;
}

.part-basket #checkoutform .bigbrds .enam {
    float:left;
    margin-right:12px;
    padding-top:7px;
}

.part-basket #checkoutform .bigbrds select {
    float:right;
}

.part-basket #checkoutform .bigbrds .enam,
.part-basket #checkoutform .bigbrds select {
    transition:0.3s;
}

.part-basket #checkoutform .bigbrds .block.fade {
    background-color:#ffffff;
}

.part-basket #checkoutform .bigbrds .block.fade select {
    opacity:0.3;
}

.part-basket #checkoutform .stockerrmsg {
    margin-bottom:10px;
    padding:10px;
    border:solid 3px #B91D24;
}

.part-basket #checkoutform .stockerrmsg > span {
    display:block;
    margin-bottom:10px;
    font-weight:bold;
    color:#B91D24;
}

.part-basket #checkoutform .stockerrmsg > div {
    padding:3px 0;
    font-size:12px;
    border-bottom:solid 1px #e0e0e0;
}


div.button_refresh{
    display:none;
}

div.part-basket .checkout .err input,
div.part-basket .checkout .err select,
div.part-basket .checkout .err div.checkbox {
    background-color:#f0cbcb;
}

/*--- Media Queries ---*/
/*@media only screen and (min-width: 1654px) {

}

@media only screen and (min-width: 1324px) and (max-width: 1653px) {

}

@media only screen and (min-width:1324px) {
    .part-basket #checkoutform .bigbrds .enam {
        width:160px;
    }
    .part-basket .checkout input[type=text].kedvezmeny {
        width:360px;
        float:left;
        margin-right:10px;
        margin-bottom:10px;
    }
    
    .part-basket .checkout span.ferrmsg {
        display:block;
        float:right;
        width:70%;
    }
}

@media only screen and (max-width: 1323px) {


    .part-basket #sum {
        margin-left: 0;
    }

    .part-basket #checkoutform #steps-container #step4 .checkout .option .regformBox fieldset > div,
    .part-basket #checkoutform #steps-container #step4 #checkoutreg > div {
        width: 100%;
    }

}

@media only screen and (min-width:994px) {

    .part-basket #state {
        float:left;
        width:30%;
        padding-right:32px;
    }

    .part-basket #checkoutform {
        float:left;
        width:70%;
    }

    .part-basket .checkout input[type=text],
    .part-basket .checkout input[type=password],
    .part-basket .checkout input[type=email],
    .part-basket .checkout textarea,
    .part-basket .checkout select {
        width:70%;
    }

    .part-basket .stepsum {
        clear:both;
    }

    .part-basket .stepsum .stepname {
        float:left;
        width:30%;
    }

    .part-basket .stepsum .checkout {
        float:left;
        width:70%;
    }

    .part-basket .checkout .v_info::after {
        content:"";
        display:block;
        float:none;
        clear:both;
    }
    .part-basket #checkoutreg .help-desc {
        float:right;
        width:70%;
    }
}
@media only screen and (max-width:993px) {
    .part-basket .basket-img {
        position:relative;
    }

    .part-basket table#basket tbody tr td.basket-img > .button_delete {
        position:absolute;
        z-index:1;
        top:20px;
        left:10px;
        margin:0;
    }

    .part-basket .checkout label {
        width:100%;
    }

    .part-basket .checkout input[type=text],
    .part-basket .checkout input[type=password],
    .part-basket .checkout input[type=email],
    .part-basket .checkout textarea,
    .part-basket .checkout select {
        width:100%;
    }
    .part-basket .checkout .element-info{
        width: 100%;
    }

    .part-basket #state {
        margin-bottom:32px;
    }

    .part-basket #state::after {
        content:"";
        display:block;
        float:none;
        clear:both;
    }

    .part-basket #state div[class^="step"],
    .part-basket #state div[class*=" step"] {
        background-image:none;
        border-radius:4px;
        float:left;
        margin-right:4px;
        margin-bottom:4px;
        background-color:#eeeeee;
        padding:5px 10px;
    }

    .part-basket #state div[class^="step"].visited,
    .part-basket #state div[class*=" step"].visited {
        background-image:none;
        background-color:#cccccc;
    }

    .part-basket #state div[class^="step"].active,
    .part-basket #state div[class*=" step"].active {
        background-image:none;
        background-color:#B91D24;
    }

    .part-basket #state div[class^="step"].active::after,
    .part-basket #state div[class*=" step"].active::after {
        display:none;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1323px) {
    .part-basket #state * {
        font-size: 12px;
    }

    div.part-basket .basket-amount input[type=text] {
        width:36px;
    }

}

@media only screen and (min-width:640px) {
    .part-basket {
        padding:40px;
    }

    .part-basket .basketbuttonbar {
        clear:both;
    }
}

@media only screen and (min-width:640px) and (max-width:993px) {
    
    .part-basket .checkout .key,
    .part-basket .checkout label {
        width:auto;
        float:none;
    }
    
    .part-basket .checkout span.ferrmsg,

    .part-basket .checkout input[type=text],
    .part-basket .checkout input[type=password],
    .part-basket .checkout input[type=email],
    .part-basket .checkout textarea,
    .part-basket .checkout select {
        width:60%;
    }
    .part-basket .checkout .element-info{
        width: 60%;
    }
    .part-basket table#basket th,
    .part-basket table#basket td {
        padding:10px;
    }

    .part-basket table#basket th:first-child,
    .part-basket table#basket th.basket-sku,
    .part-basket table#basket td.basket-img,
    .part-basket table#basket td.basket-sku {
        display:none;
    }

    .part-basket table#basket tbody tr td.basket-img a {
        display:none;
    }

    .part-basket .myorders td {
        padding:10px;
    }
    
    .part-basket #checkoutreg .hirlevel-cimke.slide-in,
    .part-basket #checkoutreg .szabalyzat-cimke.slide-in,
    .part-basket #steps-container .regformBox div[id="48"].slide-in,
    .part-basket #steps-container .regformBox div[id="51"].slide-in {
        left:40px;
        opacity:1;
    }
    
    .part-basket #steps-container .regformBox div[id="48"],
    .part-basket #steps-container .regformBox div[id="51"] {
        top:32px;
    }
    
    .part-basket .checkout .szabalyzat div > span,
    .part-basket .checkout .hirlevel div.checkbox > div > span {
        display:block;
        margin-top:12px;
    }
    
    .part-basket .checkout .szabalyzat .key,
    .part-basket .checkout .hirlevel .key {
        margin-bottom:12px;
    }
    
    .part-basket #checkoutreg .hirlevel-cimke,
    .part-basket #checkoutreg .szabalyzat-cimke {
        top:47px;
    }
    
    .part-basket .checkout label[for="hirlevel__hirlevel"] {
        margin-bottom:12px;
    }
    
    .part-basket .checkout label[for="hirlevel__hirlevel"] .hf-error {
        right:0;
    }
    
    .part-basket #checkoutform .box-checkboxes > label {
        width:auto;
        float:none;
    }
}

@media only screen and (max-width: 639px) {
    .part-basket {
        padding-top:32px;
        padding-bottom:32px;
    }

    .table-wrapper {
        overflow-x: auto;
        width: 100%;
    }

    div.part-basket .basket-amount input[type=text] {
        width:36px;
    }

    .part-basket table {
        width:100%;
    }

    .part-basket table#basket tr:nth-child(odd) td,
    .part-basket table#basket tr:nth-child(even) td {
        background:none;
    }

    .part-basket table,
    .part-basket table thead,
    .part-basket table tbody,
    .part-basket table tr,
    .part-basket table th,
    .part-basket table td {
        display:block;
        width:100%;
        text-align:left !important;
    } 

    .part-basket table#basket tr {
        padding:15px 0;
        border-bottom:solid 1px #aaaaaa;
    }

    .part-basket table#basket td {
        padding:0;
    }

    .part-basket table thead {
        display:none;
    }

    .part-basket table#basket .basket-fullprice .price-br,
    .part-basket table#basket .basket-fullprice .price-net {
        text-align:left !important;
        display: inline !important;
    }

    .part-basket table#basket .price-net {
        display:inline;
    }

    .part-basket table#basket tbody tr td.basket-img > a {
        width:200px;
        height:200px;
        margin-bottom:15px;
    }

    .part-basket table#basket .basket-fullprice .price-br,
    .part-basket table#basket tbody tr td.basket-title {
        font-size:32px;
    }

    .part-basket table#basket tbody tr td.basket-title {
        margin-bottom:15px;
    }

    .part-basket .myorders {

    }
    
    .part-basket .myorders tr.order-row {
        padding:15px 0;
        border-bottom:dashed 1px #dddddd;
    }
    
    .part-basket .myorders td.ordernum {
        display:none;
    }

    .part-basket .myorders td {
        padding:0;
    }

    .part-basket .myorders td.ordersum {
        text-align:left;
    }

    .part-basket .myorders tr.order-details {
        padding:10px;
    }
    
    .part-basket .myorders tr.order-details tr {
        padding-bottom:3px;
    }
    
    .part-basket table.myorders tr.order-details th,
    .part-basket table.myorders tr.order-details td {
        padding:0;
    }
    
    .part-basket .myorders tr.order-details td td:first-child {
        border-top:solid 3px #eeeeee;
        padding-top:5px;
    }
    
    .part-basket .myorders tr.order-details td.prodname {
        font-size:16px;
    }
    
    .part-basket .myorders tr.order-details td.proddone {
        display:none;
    }
    
    .part-basket .checkout input[type=text].kedvezmeny {
        margin-bottom:10px;
    }
    
    .part-basket .checkout .szabalyzat > div {
        float:none;
        width:100%;
    }
    
    .part-basket table tbody tr td {
        display:block;
    }
    
    .part-basket .checkout label,
    .part-basket .checkout .key {
        float:none;
        width:100%;
        font-family:'OxygenBold';
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {


    .part-basket #state > div:after {       
        content: "";
    }

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .part-basket #state  * {
        font-size: 12px;
    }
    .part-basket #state > div {
        display: block;
        padding: 10px 10px 10px 10px;            
        text-align: center;
        margin-bottom: 5px;       
        border-left: none;
    }

}
.part-basket .tud_text{
    clear:both;
    font-family:'OxygenBold';
    color: #434242;
    padding:15px;
    border:solid 3px #434242;
}
.part-basket .tud_text input[type="checkbox"]{
    width:20px;
    height:20px;
    margin:0;
    position:relative;
    top:3px;
    margin-right:10px;
}*/

/* ÚJ KOSÁR 2017.11.07.*/
#kosar{
    font-size:16px;
    position:relative;
    width: 100%;
    border-top: 1px solid #434242;
    border-bottom: 1px solid #434242;
}
.kosar-fejlec{
    color:#434242;
}
.kosar-fejlec::after{
    content:"";
    display:block;
    clear:both;
    float:none
}
.kosar-fejlec > div{
    float:left;
    padding:12px 0 12px 10px;
}
.kosar-sor .kep{
    padding-left:0;
    width:120px;
}
.kosar-sor .kep a{
    display:flex;
    width:100px;
    height:100px;
    justify-content:center;
    align-items:center;
}
.kosar-sor .kep a img{
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}
.kosar-fejlec .megnevezes,
.kosar-sor .megnevezes{
    width:780px;
}
.kosar-sor > div.megnevezes{
    padding-top:8px;
}
.kosar-fejlec .megnevezes{
    margin-left:120px;
}
.kosar-sor .megnevezes a{
    word-wrap: break-word;
    display:block;
}
.kosar-sor .megnevezes a:first-child{
    float: left;
    max-width: calc(100% - 30px);
}
.kosar-sor .megnevezes a.cut-but{
    float:right;
    width:24px;
    height:24px;
    line-height:22px;
    background-color:var(--narancs);
    border:1px solid var(--narancs);
    color:white;
    transition:0.3s;
}
.kosar-sor .megnevezes a.cut-but:hover{
    background-color:white;
    color:var(--narancs);
    cursor:pointer;
}
.kosar-sor .megnevezes a.cut-but::before{
    content: "\f0c4";
    font-family: "Font Awesome 5 Free";
    font-variant: normal;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight:900;
    width:100%;
    height:100%;
    display:block;
    line-height:inherit;
    text-align:center;
    color:inherit;
    
}

.kosar-fejlec .cikkszam{
    width:120px;
    text-align:right;
}
.kosar-sor .cikkszam{
    width:120px;
    line-height:36px;
    text-align:right;
}
.kosar-fejlec .egysegar,
.kosar-sor .egysegar{
    width:120px;
    text-align:right;
}
.kosar-fejlec .mennyiseg,
.kosar-sor .mennyiseg{
    text-align:right;
    width:150px
}
.kosar-fejlec div.suly,
.kosar-sor div.suly{
    text-align:right;
    width:120px;
}
.kosar-fejlec div.osszesen,
.kosar-sor div.osszesen{
    width:150px;
    text-align:right;
    font-weight:bold;
}
.kosar-sor:not(:nth-of-type(1)){
    border-top: 1px solid #434242;
}
.kosar-sor::after{
    content:"";
    display:block;
    clear:both;
    float:none
}
.kosar-sor > div{
    float:left;
    padding:2px 0 2px 10px;
    min-height:104px;
}
.kosar-sor > div.kep{
    padding-left:0;
}
.kosar-sor .egysegar > span{
    display:block;
    line-height:36px;
}
.kosar-sor .mennyiseg > div{
    float:right;
    position:relative;
    padding-bottom:30px;
}
.kosar-sor .mennyiseg span.amount{
    display: block;
    float: left;
}
.kosar-sor .mennyiseg span.amount > input[type=text] {
    text-align: right;
    width: 65px;
}
.kosar-sor .mennyiseg span.me{
    position: absolute;
    left: 0;
    bottom: 0px;
    width:100%;
    display:block;
    text-align:left;
}
.kosar-sor .mennyiseg span.button_refresh,
.kosar-sor .mennyiseg span.button_delete{
    display: block;
    float: left;
    width: 24px;
    height:36px;
    /*border:1px solid var(--vilagosszurke);*/
    margin-left:2px;
}
.kosar-sor .mennyiseg span.button_refresh{
}
.kosar-sor .mennyiseg span.button_refresh a,
.kosar-sor .mennyiseg span.button_delete a{
    display: block;
    color: transparent;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.kosar-sor .mennyiseg span.button_refresh a::before,
.kosar-sor .mennyiseg span.button_delete a::before{
    display:block;
    width:100%;
    height:100%;
    color:var(--sotetszurke);
    font-family: "Font Awesome 5 Free";
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight:900;
    font-size: 20px;
    text-align:center;
    line-height:36px;
}
.kosar-sor .mennyiseg span.button_refresh a::before{
    content: "\f021";}
.kosar-sor .mennyiseg span.button_delete a::before{
    content: "\f2ed";
}
.kosar-sor .mennyiseg span.button_refresh a:hover::before,
.kosar-sor .mennyiseg span.button_delete a:hover::before{
    color:var(--kek);
}
.kosar-sor .suly > span{
    display:block;
    line-height:36px;
}
.kosar-sor .osszesen{
    color: #434242;
}
.kosar-sor .osszesen > span{
    display:block;
    line-height:36px;
}
.kosar-sor .osszesen > span.price-br{
    font-weight:bold;
    font-size: 24px;
    line-height: 36px;
}
.unique-price-formbuilder {
    text-align: center;
}
.unique-price-formbuilder-form .input-box.predefined {
    display:none;
}
.unique-price-formbuilder-form .input-box-back-bottom {
    display:none;
}

@media only screen and (max-width: 1620px){
    /*.in{
        width:1260px;
    }*/    
    .kosar-fejlec .megnevezes, .kosar-sor .megnevezes{
        width:480px;
    }

}
@media only screen and (max-width: 1320px){
    /*.in{
        width:840px;
    }*/
    .kosar-fejlec .mennyiseg,
    .kosar-sor .mennyiseg{
        margin-left:420px;
    }
    .kosar-sor .mennyiseg,
    .kosar-sor .suly,
    .kosar-sor .osszesen{
        min-height:0;
    }
}
@media only screen and (max-width: 880px){
    /*.in{
        width:600px;
    }*/
    .kosar-sor .kep{
        width:100px;
    }
    .kosar-fejlec .megnevezes,
    .kosar-sor .megnevezes{
        width:280px;
    }
    .kosar-fejlec .megnevezes{
        margin-left:100px;
    }
    .kosar-fejlec .egysegar,
    .kosar-sor .egysegar{
        width:110px;
    }
    .kosar-fejlec .cikkszam,
    .kosar-sor .cikkszam{
        width:110px;
    }
    .kosar-fejlec .mennyiseg,
    .kosar-sor .mennyiseg{
        margin-left:210px;
    }
    .kosar-fejlec div.suly,
    .kosar-sor div.suly{
        width:110px;
    }
    .kosar-fejlec div.osszesen,
    .kosar-sor div.osszesen{
        width:130px;
    }
    .kosar-sor .egysegar,
    .kosar-sor .cikkszam{
        min-height:0;
    }
}

@media only screen and (max-width: 640px){
    /*.in{
        width:calc(100% - 20px);
    }*/
    .kosar-fejlec .megnevezes,
    .kosar-sor .megnevezes{
        width:calc(100% - 100px);
    }
    .kosar-fejlec .mennyiseg,
    .kosar-sor .mennyiseg{
        margin-left:0;
    }
    .kosar-fejlec .egysegar,
    .kosar-sor .egysegar{
        width:50%;
    }
    .kosar-fejlec .cikkszam,
    .kosar-sor .cikkszam{
        width:50%;
    }
    .kosar-fejlec .mennyiseg,
    .kosar-sor .mennyiseg{
        margin-left:0;
        width:50%;
    }
    .kosar-fejlec div.suly,
    .kosar-sor div.suly{
        width:50%;
    }
    .kosar-fejlec div.osszesen,
    .kosar-sor div.osszesen{
        width:100%;
    }
}

/* ÚJ KOSÁR vásárlásnál 2017.11.07.*/
#cartcont .kosar-sor .mennyiseg span{
    width:100%;
}
/*@media only screen and (min-width:1324px){
    #cartcont .kosar-fejlec .megnevezes{
        width:310px;
    }
    #cartcont .kosar-sor .megnevezes{
        width:210px;
    }
    #cartcont .kosar-fejlec .cikkszam,
    #cartcont .kosar-sor .cikkszam{
        width:110px;
    }
    #cartcont .kosar-fejlec .egysegar,
    #cartcont .egysegar{
        width:150px;
    }
    #cartcont .kosar-fejlec .mennyiseg,
    #cartcont .kosar-sor .mennyiseg{
        text-align:right;
        width:100px;
    }
    #cartcont .kosar-fejlec div.osszesen,
    #cartcont div.kosar-sor div.osszesen{
        width:164px;
    }
}
@media only screen and (max-width: 1323px) and (min-width:994px){
    #cartcont .kosar-sor > div:not(.clear){
        height:auto;
        min-height:34px;
    }
    #cartcont .kosar-sor .kep{
        display:none;
    }
    #cartcont .kosar-fejlec .megnevezes{
        width:calc(100% - 110px);
    }
    #cartcont .kosar-sor .megnevezes{
        width:calc(100% - 110px);
        font-family:'OxygenBold';
    }
    #cartcont .kosar-fejlec .egysegar,
    #cartcont .kosar-sor .egysegar{
        width:224px;
    }
    #cartcont .kosar-fejlec .osszesen,
    #cartcont .kosar-sor .osszesen{
        width:269px;
    }
    .part-basket .checkout span.ferrmsg {
        display:block;
        float:right;
        width:70%;
    }
    .part-basket #checkoutreg .hirlevel-cimke.slide-in,
    .part-basket #checkoutreg .szabalyzat-cimke.slide-in,
    .part-basket #steps-container .regformBox div[id="48"].slide-in,
    .part-basket #steps-container .regformBox div[id="51"].slide-in {
        left:220px;
        opacity:1;
    }
}*/

.part-basket #checkoutform .box-checkboxes {
    margin-bottom:10px;
}

/*@media only screen and (max-width: 639px){
    .part-basket #checkoutform .box-checkboxes > div > div > label{
        float:left;
        width:50%;
    }
    
    .part-basket #checkoutreg .hirlevel-cimke,
    .part-basket #checkoutreg .szabalyzat-cimke,
    .part-basket #steps-container .regformBox div[id="48"],
    .part-basket #steps-container .regformBox div[id="51"] {
        position:relative;
        top:0 !important;
        left: 0 !important;
        padding:22px 20px 10px 20px;
        text-align:center;
    }
    
    .part-basket #checkoutreg .hirlevel-cimke::before,
    .part-basket #checkoutreg .szabalyzat-cimke::before,
    .part-basket #steps-container .regformBox div[id="48"]::before,
    .part-basket #steps-container .regformBox div[id="51"]::before {
        content:"";
        display:block;
        width:100%;
        height:12px;
        top:0;
        left:0;
        position:absolute;
        background-repeat:no-repeat;
        background-image:url('../gfx/arrow_mask2.svg');
        background-position:center 0;
    }
    
    
    
}

@media only screen and (min-width:994px) {
    .part-basket #steps-container .regformBox div[id="50"],
    .part-basket #steps-container .regformBox div[id="52"],
    .part-basket #steps-container .regformBox div[id="37"],
    .part-basket #steps-container .regformBox div[id="47"] {
        padding-left:30%;
    }
    .part-basket .checkout .hirlevel div.checkbox > div > span {
        padding-left:30%;
    }
}*/

.part-basket #checkoutform input[type=checkbox]{
    width: 16px;
    height: 16px;
}

/* rendelések */
.part-basket .myorders {
}
.part-basket .myorders > thead{
    border-bottom: 1px solid var(--vilagosszurke);
}
.part-basket .myorders td {
    padding:5px 20px;
    vertical-align:top;
}

.part-basket .myorders th.ordersum ,
.part-basket .myorders td.ordersum {
    text-align:right;
}

.part-basket .myorders tr.order-details {

}
.part-basket table.myorders th {
    text-align:left;
    color: var(--sotetkek);
    padding:5px 20px;
}

.part-basket table.myorders .orderactions a {
    display:block;
}

.part-basket table.myorders table.first td {
    background-color:#ffffff;
}
.part-basket table.myorders tr.fh td {
    border-bottom:solid 1px #aaaaaa !important;
    font-weight:bold;
    border:none;
}
.part-basket table.myorders td.orderactions{
    padding:1px;
}
.part-basket table.myorders .orderactions a {
    background-color: var(--kek);
    line-height: 31px;
    height: 33px;
    border: 1px solid var(--kek);
    padding: 0 15px;
    transition: 0.3s;
    color: #fff;
    border-spacing: 0;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
    font-weight: normal;
    font-size: 14px;
    text-align:center;
    max-width:150px;

}
.part-basket table.myorders .orderactions a:not(:first-child){
    margin-left:5px;
}

.part-basket table.myorders .orderactions a:hover {
    background-color: #fff;
    color: var(--kek);
}
.part-basket table.myorders > tbody > tr.fh{
    display:none;
}
.part-basket table.myorders > tbody > tr.order-row:not(:first-child){
    border-top:1px solid var(--vilagosszurke);
}
.part-basket table.myorders tr.order-details {
    border:solid 1px #cccccc;
}

.part-basket table.myorders tr.order-details * {
    font-size:12px;
}

.part-basket table.myorders tr.order-details th {
    background:none;
    color:#333333;
}

.part-basket table.myorders tr.order-details td {
}

.part-basket table.myorders tr.order-details th,
.part-basket table.myorders tr.order-details td {
    padding:3px 15px;
}

.part-basket table.myorders th.orderpay,
.part-basket table.myorders td.orderpay {
    display:none;
}

.part-basket .pagination {
    /*background-color: var(--vilagosszurke);*/
    border-top: 1px solid var(--vilagosszurke);
    color: #fff;
    height: 34px;
    line-height: 34px;
    text-align: center;
    padding: 2px 0;
}
.part-basket .pagination > ul{
    display: table;
    margin: 0 auto;
    height:100%;
    background-color:#fff;
    border-collapse: separate;
    border-spacing: 1px 0px;
}
.part-basket .pagination > ul > li > strong,
.part-basket .pagination > ul > li > a{
    display:table-cell;
    width:32px;
    height:34px;
    background-color:var(--vilagosszurke);
}
.part-basket .pagination > ul > li > strong{
    background-color:var(--sotetkek);
}
.part-basket .pagination > ul > li > a{
    transition: 0.2s all;
}
.part-basket .pagination > ul > li > a:hover{
    background-color:var(--kek);
}
@media only screen and (max-width: 1320px){
    .part-basket table.myorders .orderactions a{
        float:none;
        width:80%;
    }
    .part-basket table.myorders .orderactions a:not(:first-child){
        margin-left:0;
        margin-top:2px;
    }
}
@media only screen and (max-width: 880px){
    .part-basket table.myorders .orderactions a{
        width:100%;
        padding:0 5px;
        text-transform: none;
    }
}
@media only screen and (max-width: 640px){
    .part-basket table.myorders > thead{
        display:none;
    }
    .part-basket table.myorders > tbody > tr > td{
        display:block;
    }
    .part-basket .myorders th.ordersum, .part-basket .myorders td.ordersum {
        text-align: left;
    }
}

/* spinner */

.part-basket.loading::after {
    content:"";
    background-color:rgba(255,255,255,0.85);
    opacity:0.85;
    position:fixed;
    z-index:1011;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url('../gfx/spinner.gif');
}