/* Košík */
.cartFrame {width: 100%; float: left; margin: 0px 0px 0px 0px;}
.cartFrame .cartLine {width: 100%; float: left; display: flex; border-top: 1px #eeeeee solid;}
.cartFrame .cartLine.heading .cell {background-color: #eeeeee; align-items: center; font-weight: 600;}
.cartFrame .cartLine .cell {min-height: 40px; display: flex; align-items: center; flex-grow: 1; padding: 0px 10px; font-size: 14px; background-color: #FFF; /*outline: 2px #eeeeee solid;*/}
.cartFrame .cartLine .cell .desc .freeShipping {display: inline-block; padding: 1px 5px; background-color: #666666; color: #fff; font-size: 11px;}
.cartFrame .cartLine .cell.nazev {/*flex: 4;*/ padding-top: 10px; padding-bottom: 10px;}
.cartFrame .cartLine .cell.pocet {/*flex: 1;*/ width: 150px; flex-shrink: 0; flex-grow: 0; flex-direction: column; justify-content: center;}
.cartFrame .cartLine .cell.cena {/*flex: 1;*/  width: 100px; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine .cell.removeWishlist {/*flex: 1;*/  width: 150px; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine .cell.delete {width: 30px; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine .cell.full {width: 100%;}
.cartFrame .cartLine .cell.half {width: 50%;}
.cartFrame .cartLine .cell.align-r {justify-content: flex-end;}
.cartFrame .cartLine .cell.cenaCol {flex-direction: column; justify-content: center; align-items: flex-end;}
.cartFrame .cartLine .cell.total {font-size: 18px;}
.cartFrame .cartLine .cell .cenaOld {text-decoration: line-through; color: #414042; font-size: 14px;}
.cartFrame .cartLine .cell .cenaActive {/*color: #814997;*/}
.cartFrame .cartLine .cell .cenaActive.akce {color: #ff0000;}
.cartFrame .cartLine .cell .photo {max-width: 80px; height: auto; margin: 0px 10px 0px 0px;}
.cartFrame .cartLine .cell .photo.small {max-width: 50px;}
.cartFrame .cartLine .cell .inputCnt {width: 40px; height: 30px; padding: 3px 5px; margin: 0px px 0px 0px; background-color: #fff; border: 1px #aaa solid; display: flex; align-items: center; justify-content: center;}
.cartFrame .cartLine .cell .jednotka {margin: 0px 0px 0px 0px;}
.cartFrame .cartLine .cell A {text-decoration: none;}
.cartFrame .cartLine .cell A:HOVER {text-decoration: underline;}
.cartFrame .cartLine .cell .cart-icon {width: 19px; height: 19px; float: left; display: flex; align-items: center; flex-shrink: 0; flex-grow: 0; justify-content: center; background-color: #888; color: #FFF; font-weight: 300; font-size: 20px; line-height: 16px; margin: 0px 0px 0px 0px; cursor: pointer; border-radius: 2px; position: relative;}
.cartFrame .cartLine .cell .cart-icon.delete {background-color: #eee;}
.cartFrame .cartLine .cell .cart-icon.delete:before {position: absolute; content: ""; width: 11px; height: 1px; background-color: #222; top: calc(50% - 0.5px); left: calc(50% - 5.5px); transform: rotate(45deg);}
.cartFrame .cartLine .cell .cart-icon.delete:after {position: absolute; content: ""; width: 1px; height: 11px; background-color: #222; top: calc(50% - 5.5px); left: calc(50% - 0.5px); transform: rotate(45deg);}
.cartFrame .cartLine .cell .cart-icon.delete:HOVER {background-color: #e1e1e1;}
.cartFrame .cartLine .cell .cart-icon:HOVER {background-color: #000;}
.cartFrame .cartLine .cell .cntFrame {width: auto; height: 40px; padding: 0px 0px; margin: 0px 0px 5px 0px; display: flex; background-color: #eee; border-radius: 5px; overflow: hidden;}
.cartFrame .cartLine .cell .cntFrame .inputCnt {width: 40px; height: 100%; flex-shrink: 0; flex-grow: 0; font-size: 16px; text-align: center; border: 0px; background-color: transparent; border-left: 1px #FFF solid;  border-right: 1px #FFF solid;}
.cartFrame .cartLine .cell .cntFrame .icon {width: 30px; height: 100%; flex-shrink: 0; flex-grow: 0; cursor: pointer; position: relative;}
.cartFrame .cartLine .cell .cntFrame .icon:HOVER {background-color: #e1e1e1;}
.cartFrame .cartLine .cell .cntFrame .icon.minus:before {content: ""; width: 12px; height: 2px; background-color: #222; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px);}
.cartFrame .cartLine .cell .cntFrame .icon.plus:before {content: ""; width: 12px; height: 2px; background-color: #222; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px);}
.cartFrame .cartLine .cell .cntFrame .icon.plus:after {content: ""; width: 2px; height: 12px; background-color: #222; position: absolute; top: calc(50% - 6px); left: calc(50% - 1px);}
.cartFrame .cartLine .cell .total {color: #ff0000; font-weight: 600;}
.cartFrame .cartLine .cell .variant {font-size: 14px;}
.cartFrame .cartLine .cell .pocetLine {width: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.cartFrame .cartLine .cell .fontSmall {font-size: 12px; color: #ccc;}
.cartFrame .cartLine.doprava .td-nazev {width: 50%;}
.cartFrame .cartLine.doprava .td-pocet {display: none;}
.cartFrame .cartLine.doprava .td-cena {display: none;}
.cartFrame .cartLine.row.doprava .td-cena-celkem {width: 50%;}
.cartFrame .freeShipping {color: #ff0000;}
.cartLoadingFrame {width: 100%; min-height: 100px; background-color: #eee; display: flex; align-items: center; justify-content: center; font-size: 16px;}
#ajaxContentCartMessage {width: 100%; float: left;}
@media only screen
and (max-width: 700px)
{
  .cartFrame .cartLine.heading .th-pocet {display: none;}
  .cartFrame .cartLine.heading .th-cena {display: none;}
  .cartFrame .cartLine.heading .th-cena-celkem {display: none;}
  .cartFrame .cartLine.heading .cell.delete {display: none;}
  .cartFrame .cartLine.row {flex-wrap: wrap;}
  .cartFrame .cartLine .cell.nazev {width: 100%;}
  .cartFrame .cartLine.row .cell.pocet {width: 33.33%;}
  .cartFrame .cartLine.row .cell.cena {width: 33.33%;}
  .cartFrame .cartLine.row .cell.cena-celkem {width: 33.33%;}
  .cartFrame .cartLine.row-total {flex-direction: column;}
  .cartFrame .cartLine.row-total .cell.half {width: 100%;}
  .cartFrame .cartLine .cell.total {font-size: 16px; padding: 5px 0px 0px 0px;}
  .cartFrame .cartLine .cell.total .info {font-size: 14px; text-align: center;}
  .cartFrame .cartLine .cell.total.total-left {display: none;}
  .cartFrame .cartLine.row.recap .cell.pocet {width: 50%; align-items: flex-start;}
  .cartFrame .cartLine.row.recap .cell.cena {width: 50%;}
  .cartFrame .cartLine .cell.delete {width: 100%;}
}

/* Objednávka - navigace */
.orderNavigFrame {width: 100%; min-height: 60px; margin: 20px 0px 30px 0px; float: left; display: flex;}
.orderNavigFrame .button {flex: 1; margin-right: 0px; padding: 10px 20px; font-size: 18px; font-weight: 400; display: flex; align-items: center; justify-content: center; transition: 200ms all; border-bottom: 2px #eee solid;}
.orderNavigFrame .button:last-child {margin-right: 0px;}
.orderNavigFrame .button.disabled {color: #ccc;}
.orderNavigFrame .button .circle {width: 30px; height: 30px; background-color: #eee; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 400; margin: 0px 10px 0px 0px;}
.orderNavigFrame .button.active {border-color: #67ad30;}
.orderNavigFrame .button.active .text {font-weight: 600;}
.orderNavigFrame .button.active .circle {}
.orderNavigFrame .button.done {border-color: #67ad30;}
.orderNavigFrame .button.done .circle {background-color: #67ad30; color: #FFF;}
@media only screen
and (max-width: 700px)
{
  .orderNavigFrame {flex-direction: column;}
  .orderNavigFrame .button {font-size: 14px; padding: 5px 10px; margin: 0px;}
}


/* Doprava Zdarma od */
.shippingLine {width: 100%; padding: 20px 20px; float: left; display: flex; justify-content: space-between; align-items: center; background-color: #f6f6f6;}
.shippingLine .freeShippingFrame {width: 50%;}
.freeShippingFrame {width: 100%; float: left; background-color: #f6f6f6;}
.freeShippingFrame B {font-weight: 600;}
.freeShippingFrame .textFrame {width: 100%; display: flex; justify-content: center; align-items: center;}
.freeShippingFrame .textFrame p {margin: 0;}
.freeShippingFrame .progressFrame {width: 100%; height: 8px; border-radius: 3px; overflow: hidden; margin: 5px 0px 0px 0px; display: flex; background-color: #E4E4E4;}
.freeShippingFrame .progressFrame .done {background-color: #67ad30;}
.freeShippingFrame .iconDoprava {width: 43px; margin: 0px 10px 0px 0px;}
.shippingLine .buttonForward {width: 350px; padding: 10px 20px; background-color: #67ad30; color: #FFF; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all; border-radius: 2px;}
.shippingLine .buttonForward:after {width: 17px; height: 28px; content: ''; background-image: url('/images/arrow-white-r.png'); background-position: center center; background-repeat: no-repeat;}
.shippingLine .buttonForward:HOVER {background-color: #4a7e21;}
@media only screen
and (max-width: 700px)
{
  .shippingLine {flex-direction: column;}
  .shippingLine .freeShippingFrame {width: 100%; margin: 0px 0px 20px 0px;}
  .shippingLine .buttonForward {width: 250px;}
}


/* Tlačítka v objednávce */
.buttonsFrame {width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; margin: 20px 0px 0px 0px;}
.buttonsFrame .leftFrame {width: 50%;}
.buttonsFrame .freeShippingFrame {padding: 20px; border-radius: 2px;}
.buttonOrder {width: 350px; height: 60px; margin-right: 0px; padding: 0px 20px; background-color: #67ad30; color: #FFF; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all; border-radius: 2px;}
.buttonOrder:last-child {margin-right: 0px;}
.buttonOrder:after {width: 17px; height: 28px; content: ''; background-image: url('/images/icon-arrow-white-r.png'); background-position: center center; background-repeat: no-repeat;}
.buttonOrder:HOVER {background-color: #4a7e21;}
.buttonOrder:HOVER:after {background-image: url('/images/icon-arrow-white-r.png');}
.buttonOrder.disabled {background-color: #eee; color: #ccc; cursor: not-allowed;}
.buttonOrder.disabled:after {background-image: url('/images/icon-arrow-white-r.png');}
.buttonOrder.disabled:HOVER {background-color: #eee; color: #ccc;}
.buttonOrder.disabled:HOVER:after {background-image: url('/images/icon-arrow-white-r.png');}
.buttonOrder.back {background-color: #a5a5a5; color: #fff; cursor: pointer; justify-content: space-between;}
.buttonOrder.back:before {width: 17px; height: 28px; content: ''; background-image: url('/images/icon-arrow-white-l.png'); background-position: center center; background-repeat: no-repeat;}
.buttonOrder.back:after {display: none;}
.submitOrder {width: 350px; height: 60px; padding: 0px 20px; text-align: left; background-color: #67ad30; color: #FFF; border: 0px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all; background-image: url('/images/icon-arrow-white-r.png'); background-position: right 20px center; background-repeat: no-repeat; border-radius: 2px;}
.submitOrder:HOVER {background-color: #4a7e21; color: #FFF;}
@media only screen
and (max-width: 800px)
{
  .buttonsFrame {display: flex; align-items: center; }
  .buttonsFrame.column {flex-direction: column;}
  .buttonsFrame .leftFrame {width: 100%; margin: 0px 0px 20px 0px;}
  .buttonOrder {width: 150px; font-size: 14px;}
  .submitOrder {width: 150px; font-size: 14px;}
}


/* Kontejner pro OBJ */
.ordeCont {width: 100%; display: flex;}
@media only screen
and (max-width: 700px)
{
  .ordeCont {flex-direction: column;}
}



/* Objednávka - doprava a platba */
.dopravaPlatbaFrame {width: calc(100% - 400px); float: left; display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; margin: 0px 50px 0px 0px;}
.dopravaPlatbaFrame H3 {font-size: 24px; margin-top: 0px;}
.dopravaPlatbaFrame .dopravaFrame {width: 100%; margin: 0px 0px 30px 0px; padding: 20px 30px; border: 1px #eee solid;}
.dopravaPlatbaFrame .platbaFrame {width: 100%; margin: 0px 0px 0px 0px; padding: 20px 30px; border: 1px #eee solid;}
.dopravaPlatbaFrame .optionLine {width: 100%; padding: 15px 0px; float: left; display: flex; flex-wrap: wrap; border-top: 1px #eee solid;}
.dopravaPlatbaFrame .optionLine .left {display: flex; align-items: center;}
.dopravaPlatbaFrame .optionLine .right {display: flex; align-items: center;}
.dopravaPlatbaFrame .optionLine .right P {white-space: nowrap;}
.dopravaPlatbaFrame .optionLine .lineNamePrice {width: 100%; float: left; font-size: 18px; display: flex; align-items: center; justify-content: space-between;}
.dopravaPlatbaFrame .optionLine .lineDesc {width: 100%; float: left; margin: 10px 0px 0px 0px; font-size: 14px; color: #717171;}
.dopravaPlatbaFrame .optionLine .lineDesc IMG {max-width: 100%; height: auto;}
.dopravaPlatbaFrame .optionLine .logo {width: 150px; height: auto; margin: 0px 10px 0px 10px;}
.dopravaPlatbaFrame .checkboxLabel {font-size: 14px; margin: 5px 0px 5px 0px;}
.dopravaPlatbaFrame .checkboxLabel a {text-decoration: underline;}
.dopravaPlatbaFrame .checkboxLabel a:hover {text-decoration: none;}
.dopravaPlatbaFrame .paragraf1 {margin: 0px 0px 10px 0px;}
.dopravaPlatbaFrame .paragraf1:last-child {margin-bottom: 0px;}

.balikovna2023_cont p {padding-bottom: 10px;}

/*@media only screen
and (max-width: 1400px)
{
  .dopravaPlatbaFrame {flex-direction: column;}
  .dopravaPlatbaFrame .dopravaFrame {width: 100%; margin: 0px 0px 30px 0px;}
  .dopravaPlatbaFrame .platbaFrame {width: 100%;}
}*/
@media only screen
and (max-width: 1000px)
{
  .dopravaPlatbaFrame {width: calc(100% - 320px); margin: 0px 20px 0px 0px;}
  .dopravaPlatbaFrame H3 {font-size: 18px; margin-bottom: 10px;}
  .dopravaPlatbaFrame .dopravaFrame {padding: 10px;}
  .dopravaPlatbaFrame .platbaFrame {padding: 10px;}
  .dopravaPlatbaFrame .optionLine .lineNamePrice {font-size: 16px;}
  .dopravaPlatbaFrame .optionLine .lineDesc {font-size: 12px; color: #A8A8A8;}
  .dopravaPlatbaFrame .comgateLogos {max-width: 100%; height: auto;}
}
@media only screen
and (max-width: 700px)
{
  .dopravaPlatbaFrame {width: 100%; margin: 0px 0px 20px 0px;}
}


/* Rekapitulace OBJ */
.recapFrame {width: 350px; flex-shrink: 0; flex-grow: 0; float: left; padding: 20px 30px; /*background-color: #f5f5f5;*/ border: 1px #eee solid;}
.recapFrame H3 {font-size: 24px; margin-top: 0px; font-weight: 500;}
.recapFrame .recapLinesFrame {width: 100%; float: left; display: flex; flex-direction: column;}
.recapFrame .recapLineFrame {width: 100%; float: left; display: flex; border-top: 1px #eeeeee solid; padding: 10px 0px;}
.recapFrame .recapLineFrame .cell {display: flex; flex-grow: 0; flex-shrink: 0; align-items: center;}
.recapFrame .recapLineFrame .cell.name {width: calc(100% - 100px); flex-grow: 1; flex-direction: column; align-items: flex-start;}
.recapFrame .recapLineFrame .cell.name span {font-size: 12px; font-style: italic;}
.recapFrame .recapLineFrame .cell.pocet {width: 35px; justify-content: flex-end;}
.recapFrame .recapLineFrame .cell.price {width: 65px; justify-content: flex-end;}
.recapFrame .recapLineFrame .cell.price {width: 65px; justify-content: flex-end;}
.recapFrame .recapLineFrame .cell.nameTotal {width: calc(100% - 100px); flex-grow: 1; font-weight: 600;}
.recapFrame .recapLineFrame .cell.priceTotal {width: 100px; justify-content: flex-end; font-weight: 600;}
@media only screen
and (max-width: 1000px)
{
  .recapFrame {width: 300px; padding: 10px;}
  .recapFrame H3 {font-size: 18px; margin-bottom: 10px;}
}
@media only screen
and (max-width: 700px)
{
  .recapFrame {width: 100%; margin: 0px 0px 0px 0px;}
}