@charset "UTF-8";
.felsoKeret .breadcrumb { margin-bottom: 0; border: 1px solid #81132C; }

.fa-shopping-cartB { margin-right: 5px; font-size: 22px; }

#keretBal { padding-left: 0; }

@media screen and (max-width: 767px) { #keretBal { padding-right: 0; } }

#keretBal .gombJobb { padding-top: 4px; padding-left: 0; }

#OLDALbal_kategoriak { background-color: white; border: 1px solid #eeeeee; border-radius: 3px; color: #333333; }

#OLDALbal_kategoriak .panel-default { padding: 8px 5px; }

#OLDALbal_kategoriak .panel-default.noBorder { border: none; }

#OLDALbal_kategoriak .panel-default.Border_B1px { border: none; border-bottom: 1px solid #eeeeee; }

.panel-default2 { border-color: #eeeeee; background-image: url(/ap.Kepek/Panel_headBG1200.png); background-repeat: no-repeat; background-position: left 2px; }

.panel-default2 > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: black; }

.panel-default2 > .panel-heading + .panel-collapse > .panel-body { border-top-color: #eeeeee; }

.panel-default2 > .panel-heading .badge { color: #f5f5f5; background-color: #333333; }

.panel-default2 > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #eeeeee; }

.panel-default2 .panel-heading { padding: 2px; padding-left: 5px; padding-right: 5px; background-color: transparent; border: none; }

.panel-default2 .panel-heading a.active h4 { font-weight: bold; color: #81132C; }

.panel-default2 .panel-heading .badge { background-color: white; color: #81132C; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }

.panel-default2 .panel-heading .badge a { color: #81132C; }

.panel-default2 > .panel-heading { background-color: transparent; }

.panel-default2 > .panel-heading h1 { margin: 10px 5px; font-weight: 300; color: #333333; }

.panel-default2 .panel-collapse .panel-body { margin-left: 10px; }

.panel-default2 .panel-collapse .panel-body a.active2 { font-weight: bold; color: #81132C; }

.panel-default2 .panel-collapse li { padding-left: 0; }

.panel-default2 .panel-collapse li a { padding-left: 5px; padding-right: 5px; }

.panel-default2 li { margin-top: 0 !important; padding-left: 5px; padding-right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 0.5px; }

@media screen and (max-width: 991px) { .panel-default2 > .panel-heading h1 { font-size: 20px; }
  .panel-default2 .panel-heading h4 { font-size: 14px; } }

.panel-default2 .list-group { padding-top: 5px; border-top: none !important; list-style: square outside url("/ap.Kepek/menu_active_kor.png"); }

.panel-default2 .list-group li { font-size: 14px; }

.panel-default2 .list-group .list-group-item { padding-top: 4px; padding-bottom: 4px; }

#keretJobb { padding-top: 15px; background-color: rgba(255, 255, 255, 0.35); border: 1px solid #eeeeee; border-radius: 3px; }

#keretJobb .felsoKeret { background: rgba(255, 255, 255, 0.8) image-url("/ap.Kepek/FEJ_BGvonal.gif") bottom 2px left repeat-x; }

#keretJobb ol { margin-bottom: 2px; padding-left: 10px; padding-right: 10px; background: transparent; }

#keretJobb #KeresoSav { margin-top: 4px; }

#keretJobb .dCim2 { font-size: 30px; margin-bottom: 20px; }

.breadcrumb a { color: black; }

.col-sm-6.col-md-4.wsITEM { padding-left: 5px; padding-right: 5px; }

.panel-ITEMkis { font-family: Arial, Helvetica, sans-serif; border-color: #eeeeee; /*h4 { a, a:focus, a:active { color: $color-Zold2; } } */ }

.panel-ITEMkis .Ar { margin: 5px auto; text-align: center; font-size: 30px; font-weight: bold; }

@media screen and (max-width: 767px) { .panel-ITEMkis .Ar { font-size: 6.5vw; } }

.panel-ITEMkis h1, .panel-ITEMkis h2, .panel-ITEMkis h3, .panel-ITEMkis h4 { margin: 0; padding: 5px; text-align: center; height: 55px; font-size: 20px; font-weight: bold; }

.panel-ITEMkis h1 a, .panel-ITEMkis h2 a, .panel-ITEMkis h3 a, .panel-ITEMkis h4 a { color: #620e21; text-decoration: none; }

.panel-ITEMkis h1 a:hover, .panel-ITEMkis h1 a:focus, .panel-ITEMkis h2 a:hover, .panel-ITEMkis h2 a:focus, .panel-ITEMkis h3 a:hover, .panel-ITEMkis h3 a:focus, .panel-ITEMkis h4 a:hover, .panel-ITEMkis h4 a:focus { color: #620e21; }

@media screen and (max-width: 767px) { .panel-ITEMkis h1, .panel-ITEMkis h2, .panel-ITEMkis h3, .panel-ITEMkis h4 { height: auto; font-size: 5vw; } }

.panel-ITEMkis > .panel-heading { color: #000; background-color: #fff; border-color: #ddd; overflow: hidden; }

.panel-ITEMkis > .panel-heading + .panel-collapse > .panel-body { border-top-color: #eeeeee; }

.panel-ITEMkis > .panel-heading .badge { color: #777777; background-color: #333333; }

.panel-ITEMkis > .panel-heading2 { margin: 2px 0 0 0; padding: 2px 5px; color: #fff; background-color: #4c0b1a; border-color: #777777; }

.panel-ITEMkis > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #eeeeee; }

.panel-ITEMkis .panel-heading { font-family: 'Oswald', sans-serif; font-weight: 400; }

.panel-ITEMkis .kosar { margin-top: 3px; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; }

.panel-ITEMkis .kosar .input-group .form-control { width: 1%; min-width: 40px; }

.panel-ITEMkis .kosar .kosarDB { text-align: center; }

.panel-ITEMkis .kosar .input-group-addon, .panel-ITEMkis .kosar .input-group-btn { width: 100%; height: 18px; }

.panel-ITEMkis .kosar .input-group-addon.dbgomb, .panel-ITEMkis .kosar .input-group-btn.dbgomb { width: 1%; }

.panel-ITEMkis .kosar .input-group-addon.dbgomb .btnK, .panel-ITEMkis .kosar .input-group-btn.dbgomb .btnK { border-radius: 0; margin-left: -1px; }

.panel-ITEMkis .kosar .input-group-btn button { font-weight: bold; /*&:hover, &:focus { color: $brand-primary; background-color: transparent; }*/ }

.panel-ITEMkis .kosar .input-group-btn button.btn-primaryBGcolor { background-color: #ad1a3b; color: white; }

.panel-ITEMkis .kosar .input-group-btn button.btn-primaryBGcolor:hover { background-color: #81132C; color: white; }

.panel-ITEMkis .divimg { position: relative; overflow: hidden; }

.panel-ITEMkis .ingyenesKiszallitas { padding: 28px; -webkit-transform: rotate(4deg); transform: rotate(4deg); opacity: 0.95; font-size: 16px; position: absolute; text-align: center; background: transparent url(/ap.Kepek/star_red.png) center no-repeat; background-size: contain; color: white; display: block; width: 50%; min-width: 120px; right: -10px; left: auto; z-index: 100; }

.panel-ITEMkis .walkthrough_stamp { position: absolute; right: 0; -webkit-transform: rotate(4deg); transform: rotate(4deg); color: #cc0000; text-align: center; font-size: 16px; font-weight: bold; z-index: 1020; }

.panel-ITEMkis .walkthrough_stamp:after { background: white url(/ap.Kepek/post-stamp2.png) left bottom no-repeat; -webkit-box-shadow: rgba(255, 0, 0, 0.15) 0 0 7px 3px inset; box-shadow: rgba(255, 0, 0, 0.15) 0 0 7px 3px inset; }

.panel-ITEMkis .walkthrough_stamp div { margin-top: -2px; text-shadow: #eeeeee 1px 1px 2px; }

.panel-ITEMkis .panel-cimke { margin: 0; padding: 2px; position: absolute; right: -37%; top: 7%; width: 100%; background-color: #f00; color: #fff; text-align: center; font-size: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: #777777 0 2px 3px; box-shadow: #777777 0 2px 3px; z-index: 1020; }

.panel-ITEMkis .panel-cimke.hasznalt { background-color: #ffcc66; color: #000; }

.panel-ITEMkis .Ar { margin-bottom: 0; font-family: Impact, Haettenschweiler, "Arial Black", Gadget, sans-serif; font-weight: normal; font-size: 42px; color: #81132C; }

@media screen and (max-width: 1299px) { .panel-ITEMkis .Ar { font-size: 40px; } }

.panel-ITEMkis .mrkICO { margin: 0 -10px 5px; min-height: 36px; }

.panel-ITEMkis .mrkICO .col-xs-2 { margin: 0; padding: 0; }

.panel-ITEMkis .ingyenesKiszallitas { -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.panel-ITEMkis .divimg > a > img { /*@include keyframes(zoom) { 0% { @include scale(1, 1); } 70% { @include scale(1.05, 1.05); } }*/ -webkit-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; }

.panel-ITEMkis:hover { -webkit-box-shadow: #777777 1px 3px 7px; box-shadow: #777777 1px 3px 7px; border-color: #555555; /*&, .panel-heading { background-color: lighten($brand-primary, 47%); }*/ }

.panel-ITEMkis:hover .ingyenesKiszallitas { opacity: 0.5; -webkit-transform: scale(1.15) rotate(5deg); transform: scale(1.15) rotate(5deg); }

@media screen and (min-width: 768px) { .panel-ITEMkis:hover .divimg > a > img { -webkit-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); } }

.panel-ITEMkis:hover h4 a { color: black; }

.adatlap-ITEMnagy h1 { margin: 10px 0 15px; font-size: 36px; font-weight: bold; color: #81132C; }

@media screen and (max-width: 767px) { .adatlap-ITEMnagy h1 { text-align: center; } }

.adatlap-ITEMnagy .kepek { margin-bottom: 15px; overflow: hidden; position: relative; }

.adatlap-ITEMnagy .kepek .imgKis { padding: 0; height: 93px; line-height: 93px; text-align: center; display: inline-block; }

@media screen and (max-width: 991px) { .adatlap-ITEMnagy .kepek .imgKis { height: 130px; line-height: 130px; } }

@media screen and (max-width: 767px) { .adatlap-ITEMnagy .kepek .imgKis { height: 70px; line-height: 70px; height: 25vw; } }

.adatlap-ITEMnagy .kepek .imgKis img { max-width: 100%; }

.adatlap-ITEMnagy .kepek .imgKis.img-thumbnail { border-color: rgba(119, 119, 119, 0.7); }

.adatlap-ITEMnagy .panel-cimke { margin: 0; padding: 2px; position: absolute; right: -39%; top: 7%; width: 100%; background-color: #f00; color: #fff; text-align: center; font-size: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: #777777 0 2px 3px; box-shadow: #777777 0 2px 3px; z-index: 1020; }

.adatlap-ITEMnagy .panel-cimke.hasznalt { background-color: #ffcc66; color: #000; }

.adatlap-ITEMnagy .ar { font-family: "Arial Black", Gadget, sans-serif; font-size: 32px; line-height: 1em; }

.adatlap-ITEMnagy .ar .nowrap { white-space: nowrap; }

.adatlap-ITEMnagy .ar small, .adatlap-ITEMnagy .ar .kedvezmeny { display: block; font-size: 20px; color: #777777; text-decoration: line-through; }

.adatlap-ITEMnagy .ar small { font-size: 18px; }

.adatlap-ITEMnagy .ar .kedvezmeny { text-decoration: none; color: #333333; }

@media screen and (max-width: 992px) { .adatlap-ITEMnagy .ar { font-size: 5vw; text-align: center; }
  .adatlap-ITEMnagy .ar small, .adatlap-ITEMnagy .ar .kedvezmeny { line-height: 1.1em; } }

@media screen and (max-width: 768px) { .adatlap-ITEMnagy .ar { font-size: 10vw; } }

.adatlap-ITEMnagy .ar_afa { padding-left: 20px; font-style: italic; font-size: 13px; }

@media screen and (max-width: 992px) { .adatlap-ITEMnagy .ar_afa { display: block; text-align: center; } }

.adatlap-ITEMnagy .kosar { margin: 10px 3px; }

.adatlap-ITEMnagy .kosar > div:first-child { margin: 5px 0 10px; }

.adatlap-ITEMnagy .kosar .input-group .form-control { width: 1%; min-width: 40px; }

.adatlap-ITEMnagy .kosar .input-group-addon, .adatlap-ITEMnagy .kosar .input-group-btn { width: 100%; height: 18px; }

.adatlap-ITEMnagy .kosar .input-group-addon.dbgomb, .adatlap-ITEMnagy .kosar .input-group-btn.dbgomb { width: 1%; }

.adatlap-ITEMnagy .kosar .input-group-addon.dbgomb .btnK, .adatlap-ITEMnagy .kosar .input-group-btn.dbgomb .btnK { border-radius: 0; margin-left: -1px; }

.adatlap-ITEMnagy .kosar .input-group-btn button { font-weight: bold; /*&:hover, &:focus { color: $brand-primary; background-color: transparent; }*/ }

.adatlap-ITEMnagy .kosar .input-group-btn button.btn-primaryBGcolor { background-color: #ad1a3b; color: #eeeeee; }

.adatlap-ITEMnagy .kosar .input-group-btn button.btn-primaryBGcolor:hover { background-color: #81132C; color: white; }

.adatlap-ITEMnagy .szallitas { margin: 0 0 20px 0; }

.adatlap-ITEMnagy .szallitas h4 { font-weight: bold; display: inline; }

.adatlap-ITEMnagy .szallitas div { display: block; text-align: center; }

.adatlap-ITEMnagy .szallitas .raktaron { padding: 1px 7px; font-family: "Arial Black", Gadget, sans-serif; font-weight: bold; font-size: 16px; }

.adatlap-ITEMnagy .szallitas .raktaron.zold { color: #419b24; }

.adatlap-ITEMnagy .szallitas .raktaron.info { color: #81132C; }

.adatlap-ITEMnagy .szallitas .ingyenes { padding: 3px 7px; font-family: "Arial Black", Gadget, sans-serif; font-weight: bold; font-size: 20px; text-transform: uppercase; border: 1px solid #81132C; background: red; color: white; border-radius: 3px; }

.adatlap-ITEMnagy .list-group { padding-left: 15px; padding-right: 15px; }

.adatlap-ITEMnagy .list-group.noBorder .list-group-item { border: none; }

.adatlap-ITEMnagy .list-group.noBorder .list-group-item:not(.active) { background-color: transparent; }

.adatlap-ITEMnagy .list-group.noBorder .list-group-item small.smallTXT { color: #555555; position: relative; top: -8px; left: 2px; }

.adatlap-ITEMnagy .list-group.noBorderDoboz:before { content: ""; background: transparent url(/ap.Kepek/box-cardboard.png) top left no-repeat; background-size: contain; position: absolute; right: 10px; top: -15px; left: auto; height: 64px; width: 64px; z-index: 100; }

.adatlap-ITEMnagy .list-group.noBorderDoboz ul > .list-group-item { border-top: none; background-color: #f9d7df; }

.adatlap-ITEMnagy .list-group-item { padding: 4px 15px; /*&:not(.active):hover { background-color: $gray-lighter; }*/ }

.adatlap-ITEMnagy .list-group-item.colorZold { background-color: transparent; color: #81132C; }

.adatlap-ITEMnagy .list-group-item strong { font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 20px; }

.adatlap-ITEMnagy .list-group-item .row > div:first-child { font-weight: bold; }

.adatlap-ITEMnagy .list-group-item.NOhover:hover { background-color: inherit !important; }

.adatlap-ITEMnagy .list-group-item .fa.fa-check { padding-right: 10px; font-size: 24px; position: relative; top: 3px; }

.adatlap-ITEMnagy ul.pont { margin: 0; padding: 0 !important; list-style-type: none; }

.adatlap-ITEMnagy ul.pont li { margin-left: 10px; padding-left: 10px; }

.adatlap-ITEMnagy ul.pont li:before { content: "-"; position: relative; left: -15px; }

#TermekAdatl_Vissza { margin-bottom: 10px; font-size: 16px; background-color: #81132C; color: white; }

#TermekAdatl_Vissza a { color: white; }

#TermekAdatl_Vissza a:hover { text-decoration: none; color: #81132C; }

#TermekAdatl_Vissza .panel-body { padding-top: 7px; padding-bottom: 7px; }

#TermekLab_Lapoz { margin: 0; text-align: center; }

#TermekLab_Lapoz ul { margin: 0; }

#TermekLab_Lapoz ul li:not(.disabled) a { color: #81132C; }

#TermekLab_Lapoz form#TermekLab_LapozPag { float: left; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-color: #81132C; border: 1px solid #ddd; color: #fff; line-height: 1.42857; margin: 0; margin-left: -1px; padding: 0; margin: 0; position: relative; text-decoration: none; }

#TermekLab_Lapoz form#TermekLab_LapozPag select { border: none; border-top: 1px solid transparent; padding: 6px 10px; background-color: #81132C; color: #fff; }

#MegrendelesiLista { min-height: 300px; }

#MegrendelesiLista > .panel { border-top-right-radius: 3px; border-top-left-radius: 3px; }

#MegrendelesiLista .panel-heading { font-size: 20px; font-weight: bold; overflow: hidden; }

#MegrendelesiLista .panel-heading .fa-shopping-cart { position: relative; color: rgba(255, 255, 255, 0.2); margin: -17px 10px 0 0; float: right; height: 30px; }

#MegrendelesiLista thead { background-color: #eeeeee; }

#MegrendelesiLista thead th.w50 { width: 50px; max-width: 50px; table-layout: fixed; overflow: hidden; }

#MegrendelesiLista tbody .o1 { padding-left: 2px; width: 50px; }

#MegrendelesiLista tbody .o1 img.TermekKep { float: left; height: 45px; }

#MegrendelesiLista tbody .o2 { font-family: Arial, Helvetica, sans-serif; }

#MegrendelesiLista tbody .AlMegnev { font-size: 12px; font-family: "Courier New", Courier, monospace; color: #555555; }

#MegrendelesiLista tbody .form-control { width: 40px; text-align: center; padding-left: 4px; padding-right: 4px; }

#MegrendelesiLista tbody .nowrap { white-space: nowrap; }

#MegrendelesiLista tbody .APwsMennyisegMod { width: 70px; }

#MegrendelesiLista tbody .APwsMennyisegMod .APwsMennyisegMod_gomb { padding: 5px; }

#MegrendelesiLista tbody .APwsMennyisegMod_lejart { background-color: #81132C; text-decoration: line-through; }

#MegrendelesiLista .panel-footer { line-height: 30px; font-size: 16px; }

#MegrendelesiLista .panel-footer .nowrap { white-space: nowrap; }

#MegrendelesiLepesek { margin-top: 20px; clear: left; /*#wsSzallNevIRSZ, #wsSzamlIRSZ { width: 30%; display: inline-block; } #wsSzallNevVaros, #wsSzamlVaros { width: 67%; display: inline-block; }*/ }

#MegrendelesiLepesek > div { margin-bottom: 0; }

#MegrendelesiLepesek .panel-title { font-size: 18px; color: #555555; }

#MegrendelesiLepesek .panel-title a, #MegrendelesiLepesek .panel-title a:hover, #MegrendelesiLepesek .panel-title a:focus { cursor: default; text-decoration: none; }

#MegrendelesiLepesek .panel-title.ok a, #MegrendelesiLepesek .panel-title.ok a:hover, #MegrendelesiLepesek .panel-title.ok a:focus { cursor: pointer; text-decoration: underline; }

#MegrendelesiLepesek .panel-title.active { color: #000; }

#MegrendelesiLepesek .panel-title.active .panelStep { background-color: #81132C; color: #FFF; border-color: #81132C; }

#MegrendelesiLepesek .panel-title.ok { color: #419b24; }

#MegrendelesiLepesek .panel-title.ok .panelStep { background-color: #55bd34; color: #FFF; border-color: #419b24; }

#MegrendelesiLepesek .panel-title .panelStep { margin: -6px 15px 0 -10px; padding: 6px 3px 3px; width: 30px; /*line-height: 18px; vertical-align: bottom;*/ text-align: center; float: left; border: 1px solid #777777; border-radius: 3px; }

#MegrendelesiLepesek .control-label { font-size: 16px; line-height: 34px; vertical-align: middle; }

@media screen and (max-width: 992px) { #MegrendelesiLepesek .control-label { line-height: normal; vertical-align: auto; } }

#MegrendelesiLepesek #WScollapse .panel-body .form-group { /*display: none; &.show { display: block; }*/ }

#MegrendelesiLepesek .DSPnone { display: none; }

#MegrendelesiLepesek .form-group.row .radio-inline { margin-right: 15px; padding-top: 6px; }

@media screen and (max-width: 992px) { #MegrendelesiLepesek .form-group.row .radio-inline { padding-top: 0; } }

#MegrendelesiLepesek textarea.ta1 { resize: vertical; min-height: 7em; }

#MegrendelesiLepesek .error { border-color: red; }

#MegrendelesiLepesek span.HibaSor { padding-left: 5px; color: red; font-size: 12px; display: none; }

#MegrendelesiLepesek #MegrendelesiAdatok { margin-bottom: 0; }

#MegrendelesiLepesek #MegrendelesiAdatok.row { margin-left: 0; margin-right: 0; }

#MegrendelesiLepesek #MegrendelesiAdatok .col-md-6, #MegrendelesiLepesek #MegrendelesiAdatok .col-md-12 { padding: 0; }

#MegrendelesiLepesek #MegrendelesiAdatok .panel-collapse > .panel-body { padding-top: 0px; padding-bottom: 0px; }

#MegrendelesiLepesek #MegrendelesiAdatok .panel-collapse > .panel-body table.table td { padding-top: 5px; padding-bottom: 5px; }

#MegrendelesiLepesek #MegrendelesiAdatok .panel-collapse > .panel-body table.table tr td:first-child { font-weight: bold; min-width: 40%; max-width: 50%; /*max-width: 250px; word-wrap: break-word;*/ }

.WSrend_SzallitasTipValaszto1 { display: none; }

.WSrend_SzallitasNevValaszto1 { display: none; }

h4#FKfigyelmeztetes { color: #81132C; }

@media (max-width: 767px) { h4#FKfigyelmeztetes { font-size: 17px; } }

#MegrendelesiListaF #wsEmail_Regisztralt { display: none; }

#MegrendelesiListaF a.white { color: white; line-height: 34px; vertical-align: middle; }

@media (max-width: 767px) { .mobil_AFAs_gombok { white-space: unset !important; width: 100%; } }

.panelASZF label small { font-weight: normal; font-style: italic; }

.panelAdatKezelesT label small { font-weight: normal; font-style: italic; }

.WSdatatable { font-size: 12px; }

.WSdatatable .AJXsuccess { background-color: greenyellow; }

.WSdatatable .AJXprogress { background-color: skyblue; }

.WSdatatable .AJXerror { background-color: red; }

.WSdatatable th:last-child { /*hack, hogy a colspan és rowspan ne okozzon megjelenítési hibát*/ border-right-width: 1px !important; }

.WSdatatable .group.group-end.rowSUM td { background-color: #eeeeee; }

@media screen and (max-width: 767px) { .WSdatatable { margin-left: -15px; }
  .WSdatatable.dataTable thead > tr > th.sorting_asc, .WSdatatable.dataTable thead > tr > th.sorting_desc, .WSdatatable.dataTable thead > tr > th.sorting, .WSdatatable.dataTable thead > tr > td.sorting_asc, .WSdatatable.dataTable thead > tr > td.sorting_desc, .WSdatatable.dataTable thead > tr > td.sorting { padding: 5px; }
  .WSdatatable.table > thead > tr > th { vertical-align: top; } }

.WSdatatable.RendelesLista .WSkosarMennyiseg input.form-control { min-width: 30px; }