/* 
    Created on : 2017.02.20., 13:08:25
    Author     : Tomek
*/


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

div.content .part-basket h1.component-heading,
div.content .part-basket h2 {
    
}


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

div.content .part-basket a.checkout,
div.content .part-basket #buttonbar a {
    display: block;
    float:right;
    background: none;
    box-shadow: none;
    border-radius: 3px;
    text-align:center;
    padding: 6px 20px;
    background-color: var(--lblue);
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}

div.content .part-basket a.checkout:hover,
div.content .part-basket #buttonbar a:hover {
    background-color:var(--dblue);
}

div.content .part-basket a.checkout:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

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

div.content .part-basket #sum .basket-row-foot .added .desc{
    float:left;
    width:50%;
}
div.content .part-basket #sum .basket-row-foot .added .value{
    width:50%;
    float:left;
    text-align:right;
    font-size: 24px;
    color: #403830;
    font-family: 'PTSansBold';
}
div.content .part-basket #sum .basket-row-foot > td::after{
    content:"";
    display:block;
    float:none;
    clear:both;
}

/* tablazat */

div.content .part-basket table {
    width:100%;
    position:relative;
    z-index:2;
    /* table-layout:fixed; */
}

div.content .part-basket table thead {
    z-index:3;
}

div.content .part-basket table thead::after {
    content:"";
    display:block;
    position:absolute;
    z-index:1;
    bottom:-32px;
    left:0;
    width:100%;
    height:32px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 100%;
    background-image:url('../gfx/shadow.png');
    opacity:0.2;
}

div.content .part-basket table th,
div.content .part-basket table td {
    padding:10px;
}

div.content .part-basket table th {
    text-align:left;
    background-color:var(--dblue);
    color:#ffffff;
    font-weight:normal;
    font-family:'PTSansBold';
}

div.content .part-basket table td {
    border-bottom:solid 1px var(--lgray);
    vertical-align:top;
}

div.content .part-basket table td.basket_summary {
    white-space:nowrap;
}

div.content .part-basket table#basket td:nth-child(1) {
    width:60%;
}

div.content .part-basket table#basket td:nth-child(2),
div.content .part-basket table#basket td:nth-child(3) {
    width:20%;
}

div.content .part-basket table td.basket-fullprice {
    text-align:right;
}

div.content .part-basket table td a.mutat {
    display:inline-block;
    float:right;
    background-color:var(--lblue);
    color:#ffffff;
    padding:3px 10px 3px 25px;
    border-radius:20px;
    text-transform:uppercase;
    font-size:12px;
    background-repeat:no-repeat;
    background-position: 10px 9px;
    background-image: url(../gfx/details.png);
    line-height: 17px;
}

div.content .part-basket table span.tpar {
    display:block;
    padding-top:10px;
}

div.content .part-basket table span.tpar > span {
    display:block;
    color:var(--dgray);
    padding-left:32px;
}

div.content .part-basket table input[type=text] {
    width:72px;
    float:left;
    margin-right:10px;
}

div.content .part-basket table td.basket-amount > span {
    display:block;
    float:left;
    margin-right:5px;
    /* margin-top:7px; */
}

div.content .part-basket table td.basket-amount > span a {
    display:block;
    width:24px;
    height:24px;
    background-position:center center;
    background-size:20px;
    background-repeat:no-repeat;
    text-indent:-9999px;
}

div.content .part-basket table td.basket-amount > span.button_refresh a {
    background-image:url('../gfx/refresh.png');
}

div.content .part-basket table td.basket-amount > span.button_delete a {
    background-image:url('../gfx/delete.png');
}

div.content .part-basket table td.orderactions a {
    display:inline-block;
    padding:0 10px;
    border-radius:5px;
    color:#ffffff;
    background-color:var(--lblue);
    text-transform:uppercase;
    font-size:12px;
    line-height:18px;
    transition:0.3s;
}

div.content .part-basket table td.orderactions a:hover {
    background-color:var(--dgray);
}

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

div.content .part-basket #steps-container .step.active .stepname {
    margin-bottom:36px;
    color:var(--dblue);
    font-size:36px;
    line-height:44px;
}

div.content .part-basket #steps-container .valassz {
    
}

div.content .part-basket #steps-container .valassz #simabelep {
    padding-top:36px;
    margin-bottom:36px;
}

div.content .part-basket #steps-container .valassz .fb-label {
    margin-bottom:36px;
}

div.content .part-basket #steps-container .valassz .error {
    color:#CDC1B8;
    padding:10px 20px;
    border:solid 1px #CDC1B8;
    margin-bottom:32px;
    font-size:14px;
    
}

div.content .part-basket #steps-container .valassz #simabelep::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

div.content .part-basket #steps-container .valassz #simabelep a {
    display:inline-block;
    padding:6px 20px;
    border-radius:3px;
    background-color:var(--lblue);
    color:#ffffff;
    text-transform:uppercase;
    transition:0.3s;
}

div.content .part-basket #steps-container .valassz #simabelep a:hover {
    background-color:var(--dblue);
}

div.content .part-basket #steps-container .valassz .error {
    color:#CDC1B8;
    display:inline-block;
}

div.content .part-basket #steps-container #reg-label {
    font-size:24px;
    margin-bottom:32px;
    border-bottom: solid 1px #dddddd;
}

div.content .part-basket #steps-container .regformBox a {
    color:var(--lblue);
}

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

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

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

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

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

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

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

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

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

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

div.content .part-basket .stepoptions .option {
    margin-bottom:32px;
}
div.content .part-basket .stepoptions .option:nth-of-type(3) {
    
}
div.content .part-basket .checkout .option:nth-of-type(3) label{
    margin:5px 0 5px 5px;
}
div.content .part-basket .checkout .option:nth-of-type(3) input[type=text].kedvezmeny{
    margin:5px 0 5px 5px;
}

.part-basket #checkoutform #steps-container table {
    
}

.part-basket #checkoutform #steps-container table input {
    margin-top:0;
}

.part-basket .step .business_user {
    margin-bottom:10px;
}

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

div.content .part-basket #checkoutform .business_user label {
    padding-top:4px;
}


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

div.content .part-basket #state div[class^="step"],
div.content .part-basket #state div[class*=" step"] {
    font-family:'PTSansRegular';
    margin-bottom:1px;
    padding-left:32px;
    color:var(--dgray);
    background-repeat:no-repeat;
    background-position:12px 7px;
}

div.content .part-basket #state div[class^="step"].visited,
div.content .part-basket #state div[class*=" step"].visited {
    background-image:url('../gfx/checkout_visited.png');
    
}

div.content .part-basket #state div[class^="step"].active,
div.content .part-basket #state div[class*=" step"].active {
    color:var(--dblue);
    font-family:'PTSansBold';
    background-image:url('../gfx/checkout_active.png');
}

div.content .part-basket .errormsg {
    display:block;
    clear:both;
    text-align:center;
    padding: 10px 20px;
    margin: 0 0 20px 0;
    border:solid 3px #d41e37;
    color:#d41e37;
    font-family: 'PTSansBold';
}

div.content .part-basket .errormsg p {
    margin: 0;
    color: inherit;
    font-family: inherit;
}

div.content .part-basket #checkoutform {
    margin-bottom:20px;
}

div.content .part-basket #checkoutform .box-input .key,
div.content .part-basket #checkoutform .box-input label {  
    font-size: inherit;
    /* line-height:41px; */
}

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

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

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

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

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

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

.part-basket .stepname {
    font-family: 'PTSansRegular';
    font-size: 32px;
    margin-bottom: 10px;
    border-bottom: solid 1px #dddddd;
    display: block;
    width: 100%;
    color: #403830;
}

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

.part-basket #checkoutform #steps-container .stepdescr * {
    font-size:12px;
    line-height:20px;
}

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

div.content .part-basket #checkoutform #steps-container #step4 .checkout .option .regformBox fieldset > div select,
div.content .part-basket #checkoutform #steps-container #step4 #checkoutreg > div.address1 select,
div.content .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;
    font-family: Arial, sans-serif;
    margin: 0;
    -webit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

div.content .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: #c32226;
    color: #ffffff;
    /* text-transform: uppercase; */
    font-family: 'PTSansBold';
    border: solid 3px #7ecfec;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 5px;
    margin-left: 30%;
}

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

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

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

div.content .part-basket #checkoutform .stepsum textarea {
    background: #FFF;
    border: 1px solid #cccccc;
    color: #000;
    width: 100% !important;
    display: block;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    font-family: Arial, sans-serif;
    margin: 0;
    -webit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: auto;
    height: 150px !important;
}

div.content .part-basket #buttonbar {
    padding-top:20px;
    border-top:solid 1px #cccccc;
}

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

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

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

div.content .part-basket #buttonbar a.invoice-btn {
    float:right;
}

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

div.content .part-basket #buttonbar.success {
    margin-bottom:15px;
}

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


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

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

div.content .part-basket #steps-container #step5 .checkout .option tr td #cimszerkeszto > div {
    margin: 10px 0;
}

div.content .part-basket #steps-container #step11 .checkout .option input[type="radio"] {
    display: inline-block;
    width: initial;
    margin-right: 20px;   
}

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

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

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

div.content .part-basket .checkout .tud_text {
    margin-bottom:32px;
}

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

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

div.content .part-basket .checkout label,
div.content .part-basket .checkout .key:not(td) {
    
    display:block;
    float:left;
    width:30%;
    position:relative;
    
}

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

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

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

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

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

div.content .part-basket .checkout .value {
    
}

div.content .part-basket .checkout .hf-error{
    color: #d06161;
    font-size: 14px;
    font-family: 'PTSansBold';
}

div.content .part-basket .checkout .ferrmsg{
    color:#d06161;
    font-size: 14px;
    font-family: 'PTSansBold';
}
div.content .part-basket .checkout .element-info{
    /*float: right;*/
    width: 70%;
    float:left;
}


div.content .part-basket #checkoutreg > div {
    margin-bottom:10px;
}

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

div.content .part-basket #checkoutreg > div.country > .key,
div.content .part-basket #checkoutreg > div.country2 > .key {
    font-family: 'PTSansBold';
    margin-bottom: 10px;
    border-bottom: solid 1px #dddddd;
    display: block;
    width: 100%;
    color: var(--dblue);
}

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

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

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

div.content .part-basket #checkoutreg > div.register {
    padding-top:21px;
    border-top:solid 3px var(--dblue);
}

div.content .part-basket #checkoutreg > div.register > span {
    display:block;
}

div.content .part-basket #checkoutreg a {
    color:var(--lblue);
}

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

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

div.content .part-basket .checkout a.kedvezmeny-btn {
    display: inline-block;
    display: block;
    float: left;
    padding: 6px 20px 6px 20px;
    background-color: var(--lblue);
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'PTSansBold';
    border: solid 1px var(--lblue);
    cursor: pointer;
    transition: 0.3s;
    margin-bottom:10px;
}
div.content .part-basket .checkout a.kedvezmeny-btn:hover{
    color: #403830;
    background-color: #fff;

}


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

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

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

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

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

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

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

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

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

div.content .part-basket #checkoutform .stockerrmsg {
    margin-bottom:10px;
    padding:10px;
    border:solid 3px var(--lblue);
}

div.content .part-basket #checkoutform .stockerrmsg > span {
    display:block;
    margin-bottom:10px;
    font-family:'PTSansBold';
    color:var(--lblue);
}

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

div.content .part-basket .pagination {
    margin-top:5px;
    text-align:center;
    background-color:#dddddd;
}

div.content .part-basket .pagination ul.pages {
    display:inline-block;
}

div.content .part-basket .pagination ul.pages::after {
    content:"";
    display:block;
    float:none;
    clear:both;
}

div.content .part-basket .pagination ul.pages li {
    display: inline-block;
}

div.content .part-basket .pagination ul.pages li a,
div.content .part-basket .pagination ul.pages li strong {
    display:block;
    min-width: 32px;
    border-right: 1px solid #fff;
    color: #fff;
    line-height: 30px;
    padding-left: 4px;
    padding-right: 4px;
}

div.content .part-basket .pagination ul.pages li strong {
    background-color:#074355;
    font-family: 'PTSansBold';
}
div.button_refresh{
    display:none;
}

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

div.content .part-basket table.myorders tr .ordersum,
div.content .part-basket table.myorders tr .orderpay {
    display:none;
}

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

}

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

}

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

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


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

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

}

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

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

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

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

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

    div.content .part-basket .stepsum .stepname {
        /*
        float:left;
        width:30%;
        */
    }

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

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

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

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

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

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

}

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

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

@media only screen and (min-width:640px) and (max-width:993px) {
    
    div.content .part-basket .checkout .key,
    div.content .part-basket .checkout label {
        width:auto;
        float:none;
    }
    
    div.content .part-basket .checkout span.ferrmsg,
    /*div.content .part-basket .checkout .help-desc {
        float:right;
        width:60%;
    }*/

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

@media only screen and (max-width: 639px) {
    div.content .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;
    }

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

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

    div.content .part-basket .myorders {

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

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

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

    div.content .part-basket .myorders tr.order-details {
        padding:10px;
    }
    
    div.content .part-basket .myorders tr.order-details tr {
        padding-bottom:3px;
    }
   
    
    div.content .part-basket .myorders tr.order-details td td:first-child {
        border-top:solid 3px #eeeeee;
        padding-top:5px;
    }
    
    div.content .part-basket .myorders tr.order-details td.prodname {
        font-size:16px;
    }
    
    div.content .part-basket .myorders tr.order-details td.proddone {
        display:none;
    }
    
    div.content .part-basket .checkout input[type=text].kedvezmeny {
        margin-bottom:10px;
    }
    
    div.content .part-basket .checkout .szabalyzat > div {
        float:none;
        width:100%;
    }
    
    div.content .part-basket table tbody tr td {
        display:block;
        width:auto;
    }
    
    div.content .part-basket table#basket th {
        padding-top:0;
        padding-bottom:0;
    }
    
    div.content .part-basket table#basket td {
        border:none;
        padding-bottom:0;
    }
    
    div.content .part-basket table#basket td:last-child {
        border-bottom: solid 1px var(--dgray);
        padding-bottom:10px;
    }
    
    div.content .part-basket table tbody tr td::after {
        content:"";
        display:block;
        float:none;
        clear:both;
    }
    
    div.content .part-basket table#basket td:nth-child(1),
    div.content .part-basket table#basket td:nth-child(2),
    div.content .part-basket table#basket td:nth-child(3) {
        width:auto;
    }
    
    div.content .part-basket .checkout label,
    div.content .part-basket .checkout .key {
        float:none;
        width:100%;
        font-family:'PTSansBold';
    }
}

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


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

}

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

}
div.content .part-basket .tud_text{
    clear:both;
    font-family:'PTSansBold';
    color: #403830;
    padding:15px;
    border:solid 3px #403830;
}
div.content .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-family: 'PTSansRegular';
    font-weight: normal;
    font-size:16px;
    position:relative;
    width: 100%;
}
.kosar-fejlec{
    color:#CDC1B8;
    background-color:#403830;
}
.kosar-fejlec > div:not(.clear){
    float:left;
    padding:12px 0 12px 10px;
}
.kosar-fejlec .megnevezes{
    width:394px;
}

.kosar-sor {
    padding:10px 0;
}

.kosar-sor .kep{
    width:100px;
}
.kosar-sor .megnevezes{
    width:294px;
}
.kosar-fejlec .cikkszam,
.kosar-sor .cikkszam{
    width:210px;
    /*text-align:right;*/
}
.kosar-fejlec .egysegar,
.kosar-sor .egysegar{
    width:230px;
    text-align:right;
}
.kosar-fejlec .mennyiseg,
.kosar-sor .mennyiseg{
    text-align:right;
    width:130px;
}
.kosar-fejlec div.osszesen,
div.kosar-sor div.osszesen{
    width:230px;
    text-align:right;
    padding-right:10px;
}
.kosar-sor:not(:nth-of-type(1)){
    border-top: 1px solid #403830;
}
.kosar-sor > div:not(.clear){
    float:left;
    padding:2px 0 2px 10px;
    min-height:104px;/*2px top-bottom padding miatt*/
}
div.kosar-sor .kep{
    padding-left:0;
    width:100px;
}
.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-sor .kep.noimg a {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    background-image:url('../gfx/logo.png');
}

.kosar-sor .egysegar > span{
    display:block;
}
.kosar-sor .mennyiseg > div{
    float:right;
}
.kosar-sor .mennyiseg span.amount{
    display: block;
    float: left;
    width: 44px;
}
.kosar-sor .mennyiseg span.amount > input[type=text] {
    text-align: right;
    width: 100%;
    padding:7px;
}
.kosar-sor .mennyiseg span.button_refresh{
    display: block;
    float: left;
    width: 28px;
    overflow: hidden;
    margin-left:2px;
}
.kosar-sor .mennyiseg span.button_refresh a{
    display:block;
}
.kosar-sor .mennyiseg span.button_refresh a::before{
    content: "\f021";
    font-family: FontAwesome;
    margin-left: 4px;
    margin-right: 10px;
    font-size: 24px;
}
.kosar-sor .mennyiseg span.button_delete{
    display: block;
    float: left;
    width: 24px;
    overflow: hidden;
}
.kosar-sor .mennyiseg span.button_delete a{
    display:block;
}
.kosar-sor .mennyiseg span.button_delete a::before{
    content: "\f014";
    font-family: FontAwesome;
    margin-left: 4px;
    margin-right: 10px;
    font-size: 24px;
}
.kosar-sor .mennyiseg span.button_refresh a:hover,
.kosar-sor .mennyiseg span.button_delete a:hover{
    opacity:0.75;
}

div.kosar-sor .osszesen{
    color: #403830;
}
.kosar-sor .osszesen > span{
    display:block;
}
.kosar-sor .osszesen > span.price-br{
    font-family: 'PTSansBold';
    font-size: 24px;
    line-height: 26px;
}
@media only screen and (max-width: 1323px){
    .kosar-fejlec .megnevezes{
        width:310px;
    }
    .kosar-sor .megnevezes{
        width:210px;
    }
    .kosar-fejlec .cikkszam,
    .kosar-sor .cikkszam{
        width:110px;
    }
    .kosar-fejlec .egysegar,
    .kosar-sor .egysegar{
        width:160px;
    }
    .kosar-fejlec div.osszesen,
    div.kosar-sor div.osszesen{
        width:180px;
    }
}
@media only screen and (max-width:993px){
    .kosar-sor > div:not(.clear){
        height:auto;
        min-height:34px;
    }
    .kosar-sor .kep{
        display:none;
    }
    .kosar-fejlec .megnevezes{
        width:calc(100% - 110px);/*cikkszám:110px*/
    }
    .kosar-sor .megnevezes{
        width:calc(100% - 110px);/*cikkszám:110px*/
        font-family:'PTSansBold';
    }
    .kosar-fejlec .egysegar,
    .kosar-sor .egysegar{
        width:224px;
    }
}
@media only screen and (max-width:639px){
    .kosar-fejlec .egysegar,
    .kosar-sor .egysegar{
        width:calc(100% - 310px);/*130+180*/
    }
    .kosar-fejlec div.osszesen,
    div.kosar-sor div.osszesen{
        width:180px;
    }
}
@media only screen and (max-width:479px){
    .kosar-sor > div:not(.clear){
        min-height:65px;
    }
    .kosar-fejlec .cikkszam,
    .kosar-sor .cikkszam{
        display:none;
    }
    .kosar-fejlec .megnevezes{
        width:calc(100% - 150px);/*egységár:150px*/
    }
    div.kosar-sor .megnevezes{
        width:calc(100% - 150px);/*egységár:150px*/
        height: 72px;
        line-height: 24px;
        overflow: hidden;
    }
    div.kosar-fejlec .egysegar,
    div.kosar-sor .egysegar{
        padding-right:10px;
        width:150px;
    }
    div.kosar-sor .egysegar{
        height: 72px;
    }
    .kosar-fejlec div.osszesen,
    div.kosar-sor div.osszesen{
        width:calc(100% - 130px);
    }
}
/* Ú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);/*cikkszám:110px*/
    }
    #cartcont .kosar-sor .megnevezes{
        width:calc(100% - 110px);/*cikkszám:110px*/
        font-family:'PTSansBold';
    }
    #cartcont .kosar-fejlec .egysegar,
    #cartcont .kosar-sor .egysegar{
        width:224px;
    }
    #cartcont .kosar-fejlec .osszesen,
    #cartcont .kosar-sor .osszesen{
        width:269px;
    }
    div.content .part-basket .checkout span.ferrmsg {
        display:block;
        float:right;
        width:70%;
    }

}

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


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

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