.orderNavigFrame {width: 100%; height: auto; float: left; margin: 0 0px 10px 0px; background-color: #1baee5;}
.orderNavigFrame .inner {width: 100%; height: 80px; float: left; align-items: center;} 
.orderNavigFrame .inner .noFrame {width: auto; height: auto; float: left; margin: 0px 80px 0px 0px; align-items: center; font-size: 18px; font-weight: 900;}
.orderNavigFrame .inner .noFrame .circle {width: 52px; height: 52px; float: left; display: flex; align-items: center; justify-content: space-around; color: #1baee5; background-color: #fbfbfb; border-radius: 50%; margin: 0px 10px 0px 0px;}
.orderNavigFrame .inner .noFrame .text {color: #fbfbfb; text-transform: uppercase;}
.orderNavigFrame .inner .noFrame.gray .circle {background-color: #b8e4f4;}
.orderNavigFrame .inner .noFrame.gray .text {color: #b8e4f4;}
.orderNavigFrame .inner P.dekujeme {margin-left: auto; color: #fff; opacity: 0.7; font-size: 14px;}

.cartsFrame {width: 100%; float: left; margin: 0 0px 20px 0px;}
.cartsFrame .cartFrame {width: 100%; float: left; border: 1px #d3d3d3 dashed; border-top: 0px; border-radius: 2px; display: flex; margin: 0px 0px 0px 0px; background-color: #fff;}
.cartsFrame .cartFrame.doprava {margin: 30px 0; border-top: 1px #d3d3d3 dashed;}
.cartsFrame .cartFrame.doprava .title {font-size: 16px; font-weight: 700;}
.cartsFrame .cartFrame.last {border-bottom: 1px #d3d3d3 dashed; margin: 0px 0px 10px 0px;}
.cartsFrame .cartFrame:first-child {border-top: 1px #d3d3d3 dashed;}
.cartsFrame .cartFrame .cell {flex: 1; padding: 25px 30px; color: #414141; display: flex; align-items: center; flex-wrap: wrap;}
.cartsFrame .cartFrame .cell .photo {max-height: 90px;}
.cartsFrame .cartFrame .cell.name {flex: 2; font-size: 15px; line-height: 20px; font-weight: 700;}
.cartsFrame .cartFrame .cell.name A {text-decoration: underline;}
.cartsFrame .cartFrame .cell .small {font-size: 13px; font-weight: 300;}
.cartsFrame .cartFrame .cell .cntFrame {width: auto; height: 43px;}
.cartsFrame .cartFrame .cell .cntFrame INPUT {width: 43px; height: 43px; float: left; border: 1px #d3d3d3 dashed; text-align: center; font-size: 16px; font-weight: 700; border-radius: 1px;}
.cartsFrame .cartFrame .cell .cntFrame .buttonsFrame {width: 20px; float: left; display: flex; flex-direction: column; justify-content: space-between; margin: 0px 0px 0px 5px; }
.cartsFrame .cartFrame .cell .cntFrame .buttonsFrame .button {width: 20px; height: 19px; border: 1px #d3d3d3 dashed; float: left; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: space-around; cursor: pointer; border-radius: 1px;}
.cartsFrame .cartFrame .cell .cntFrame .buttonsFrame .button.plus {margin-bottom: 5px;}
.cartsFrame .cartFrame .cell .cntFrame .buttonsFrame .button.minus {padding-bottom: 3px;}
.cartsFrame .cartFrame .cell .cntFrame .buttonsFrame .button:HOVER {border-color: #000; background-color: #f4f5f3;}
.cartsFrame .cartFrame .cell.price {font-size: 18px; font-weight: 700;}
.cartsFrame .cartFrame .cell.delete {flex: 0.3; font-size: 18px; font-weight: 700; color: #626262; justify-content: flex-end;}
.cartsFrame .cartFrame .cell.delete A:hover {color: #d9001a; text-decoration: underline;}
.cartsFrame .cartSummaryFrame {width: 100%; float: left; display: flex; flex-wrap: wrap; margin: 10px 0px 10px 0px;}
.cartsFrame .cartSummaryFrame .cell {padding: 3px 0px;}
.cartsFrame .cartSummaryFrame .noVat {font-size: 16px; color: #525354; font-weight: 300;}
.cartsFrame .cartSummaryFrame .withVat {font-size: 18px; color: #525354; font-weight: 700;}
.cartsFrame .cartSummaryFrame .cell.desc {width: calc(100% - 150px); float: left; display: flex; align-items: center; justify-content: flex-end;}
.cartsFrame .cartSummaryFrame .cell.price {width: 150px; float: left; display: flex; align-items: center; justify-content: flex-end;}

.buttonsBottomFrame {width: 100%; float: left; display: flex; align-items: center; margin: 20px 0px 0px 0px;}
.buttonsBottomFrame .button {width: 180px; height: 43px; padding: 0px 20px 0px 0px; float: left; display: flex; align-items: center; justify-content: flex-end; border-radius: 2px; font-size: 13px; color: #fff; font-weight: 700; background-color: #f4ce1d; border: 0px;}
.buttonsBottomFrame .button.back {background-image: url('/images/arrow-white-l.png'); background-position: left 10px center; background-repeat: no-repeat;}
.buttonsBottomFrame .button.forward {background-image: url('/images/arrow-white-r.png'); background-position: right 10px center; background-repeat: no-repeat; background-color: #1baee5; color: #FFF; font-weight: 700; justify-content: flex-start; padding: 0px 0px 0px 20px; text-align: left;}
.buttonsBottomFrame .button.forward:HOVER {background-color: #e65454;}
.buttonsBottomFrame .left {width: 50%; float: left; display: flex; align-items: center; justify-content: flex-start;}
.buttonsBottomFrame .right {width: 50%; float: left; display: flex; align-items: center; justify-content: flex-end;}