﻿html,
body {
    margin: 0;
    padding: 0;
    background-color: #e6f5ff;
    font-family: 'Rubik', sans-serif;
}

#ctrPage {
    display: flex;
    margin: 0 auto;
    box-sizing: content-box;
    flex-direction: column;
    align-content: center;
}

#mainContent {
    display: flex;
    margin: 0 auto;
    box-sizing: content-box;
    width: 80%;
    justify-content: space-between;
}

#header {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 999;
}

#headerMenu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*background-color: #394E7D;*/
    padding: 0.75% 10%;
    width: 80%;
    /* background-image: linear-gradient(#394e7d, #506eaf); */
    background-image: linear-gradient(#002966, #008fb3);
    text-shadow: 2px 3px 1px #000;
    align-items: center;
}

#showMenuButton {
    display: none;
}

#mobilemenu {
    display: flex;
    width: 75%;
    justify-content: space-between;
}

/*
.divmenuli {
}
*/

/*
    .divmenuli:not(:first-of-type) {
    }

    */

.divmenuli>a {
    color: white;
    font-weight: bold;
    font-size: 1.6em;
    text-decoration: none;
}

#bcHome {
    display: inline-block;
}

.fas {
    color: white;
    font-size: 1.6em;
    margin: 0 0.5em;
}

.fa-laptop-house {
    color: #394E7D;
    font-size: 1.2em;
}

#searchBar {
    display: flex;
}

#searchBar>input {
    border: 0;
    font-size: 1.2em;
    padding: 2% 0;
}

#searchIcon {
    background-color: white;
    display: flex;
    align-content: center;
    padding-right: 6px;
}

#searchIcon>button {
    background-color: white;
    border: 0;
    color: black;
    padding: 0;
    margin: 0;
    align-content: center;
}

#searchIcon>button>i {
    color: black;
}

#rightMenu {
    display: flex;
    align-items: center;
}

/*
.rightMenuIcon {
}
*/

#Panel1 {
    display: flex;
    /*box-shadow: 0px 0px 0px 5px #304269;*/
    /* box-shadow: 0px 0px 0px 3px #b3e0ff; */
    background-color: transparent;
}

#regexValiator {
    display: none;
}

.divCats {
    display: none;
}

#breadcrumb {
    background-color: #FFF;
    padding: 0.35% 0;
    width: 80%;
    margin: 0 auto;
    font-size: 1em;
    color: #394E7D;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 3px 5px 0px #304269;
}

#breadcrumb>a {
    color: #394E7D;
}

/*
#bcPath {
}
*/

#btnSwitchView {
    margin: 0;
    padding: 3px 6px;
    margin-right: 12px;
    color: white;
    background-color: #394E7D;
}

#divLeft {
    display: flex;
    width: 70%;
}

.divLeftBOX {
    width: 100%;
}

#MainContent_tagH1,
#MainContent_htmtagH1 {
    text-align: center;
    margin: 0;
    padding: 0;
}

#MainContent_tagH2,
#MainContent_htmtagH2 {
    text-align: center;
    margin: 0;
    padding: 1.3% 0px;
    /* color: #e62c00; */
    color: #394E7D;
}

#SortProdList {
    text-align: center;
}

#SortProdList>div {
    display: inline-block;
    margin-right: 2.5em;
}

#SortProdList>div:last-child {
    margin-right: 0px;
}

/*
#ProductsOnSale {
}
*/

.divLeftTop {
    display: flex;
    box-shadow: 0px 0px 20px 1px #bbb;
    padding: 1%;
    margin: 12px 0;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    /* background-color: #dce2ef; */
    background-color: #b3e0ff;
    border: 1px solid #AAA;
}

.divLeftTop .ContentHead {
    padding: 1.5%;
    font-size: 1.5em;
    font-weight: bold;
}

#MainContent_txtKeresoStr {
    display: inline-flex;
    border: 1px solid #008fb3;
    font-family: 'Rubik', sans-serif;
    width: 70%;
    padding: 1% 2%;
}

#MainContent_Button1 {
    display: inline-flex;
    padding: 0.5% 2%;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    font-size: 1em;
    background-color: #008fb3;
    border: 2px solid #002966;
    width: 30%;
    text-align: center;
    flex-direction: column;
}

#MainContent_UpdateBtn,
#MainContent_CheckoutBtn {
    width: 46%;
    margin-top: 3%;
    padding: 2% 2%;
    color: #FFF;
    font-weight: bold;
    font-size: 1em;
    background-color: #008fb3;
    border: 2px solid #002966;
}

.keresoBox {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 1% 0 5% 0;
    justify-content: space-around;
}

.kereso {
    display: flex;
    width: 30%;
    justify-content: flex-start;
    flex-direction: column;
}

.kereso>span {
    display: flex;
    align-items: center;
    margin-bottom: 1%;
}

.kereso>select,
MainContent_txtKeresoStr {
    padding: 1% 2%;
}

.OrderHistoryTable {
    width: 100%;
    margin: 0;
    border: 2px solid #002966;
}

.OrderHistoryTable>tbody>tr {
    border: 1px solid #002966;
}

.OrderHistoryTable>tbody>tr>th {
    border: 1px solid #002966;
    background-color: #b3e0ff;
}

.OrderHistoryTable>tbody>tr>td {
    border: 1px solid #002966;
    background-color: #e6f5ff;
    padding: 1% 0%;
    text-align: center;
}

.OrderHistoryTable>tbody>tr>td>table {
    display: flex;
    justify-content: center;
}

.OrderHistoryTable>tbody>tr>td>input {
    width: 50%;
    margin: auto;
}

#bruttoVegOsszeg {
    font-weight: bold;
}

.newCart {
    width: 100%;
    margin: 0;
    border: 1px solid #002966;
    display: flex;
    flex-direction: column;
}

.cartHeader {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #b3e0ff;
    border-bottom: 1px solid #002966;
}

.cartHeaderItem {
    flex-direction: row;
    padding: 1%;
}

.cartHeaderItem:nth-child(1),
.cartBodyCell:nth-child(1) {
    width: 15%;
}

.cartHeaderItem:nth-child(2),
.cartBodyCell:nth-child(2) {
    width: 40%;
}

.cartHeaderItem:nth-child(3),
.cartBodyCell:nth-child(3) {
    width: 15%;
}

.cartHeaderItem:nth-child(4),
.cartBodyCell:nth-child(4) {
    width: 5%;
}

.cartHeaderItem:nth-child(5),
.cartBodyCell:nth-child(5) {
    width: 15%;
}

.cartHeaderItem:last-child,
.cartBodyCell:last-child {
    width: 5%;
}

.cartBody {
    display: flex;
    flex-direction: column;
    background-color: #e6f5ff;
}

.cartBodyRow {
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #002966;
}

.cartBodyRow:last-child {
    border-bottom: 0;
}

.cartBodyCell {
    padding: 1%;
    word-wrap: break-word;
}

.cartBodyCell>input {
    width: 70%;
    border: 1px solid #002966;
}

#checkOutCart>cartBody>cartBodyRow>cartBodyCell:last-child {
    display: none;
}


#MainContent_EmptyCart1 {
    text-align: center;
    font-size: 2em;
}

.divProductsList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.productItem {
    width: 31%;
    display: flex;
    box-shadow: 0px 0px 20px 1px #CCC;
    background-color: #FFF;
    margin: 1% 0 1% 0;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    font-size: 0.8em;
    background-color: #e6f5ff;
    border: 1px solid #AAA;
}

/*.productItem:nth-child(3n+3) {
        margin-right: 0;
    }*/

.productItem .divFloatPhoto {
    width: 100%;
    background-color: #FFF;
    border-bottom: 1px solid #131212;
}

.productItem .divFloatPhoto>a>img {
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.productItem .divFloatContent {
    width: 90%;
    padding-bottom: 4%;
    text-align: justify;
    margin-bottom: auto;
}

.productItem .divFloatContent>.boxHead {
    padding-top: 15%;
}

.productItem .divFloatPrice {
    flex-direction: row;
    align-items: center;
    padding-right: 0;
    width: 90%;
    justify-content: space-between;
    padding: 2% 5%;
    background-color: #FFF;
    border-top: 1px solid #AAA;
}

.productItem .divFloatPrice>.brPrice {
    font-size: 1.4em;
}

.productItem .shoppingCart>a>i {
    font-size: 3em;
}

.productItem .shoppingCartDisabled>i {
    font-size: 3em;
}

.productItem .shoppingCart>a>span {
    display: none;
}

.productItem .shoppingCartDisabled>span {
    display: none;
}

.badge {
    position: absolute;
    top: -30%;
    right: -25%;
    padding: 3px 6px;
    font-size: 0.6em;
    background-color: red;
    border-radius: 10px;
    text-shadow: none;
}

.badgeEmpty {
    display: none;
}

.productGrid {
    width: 100%;
    display: flex;
    box-shadow: 0px 0px 20px 1px #bbb;
    background-color: #FFF;
    padding: 16px;
    margin: 12px 0;
    justify-content: space-between;
    border: 1px solid #AAA;
}

.divFloatPhoto {
    display: flex;
    flex-direction: column;
    width: 23%;
    /*20240128*/
    min-width: 100px;
    justify-content: center;
    align-items: center;
}

.divFloatContent {
    display: flex;
    flex-direction: column;
    width: 55%;
    /*20240128*/
    justify-content: flex-start;
    padding-bottom: 1.5%;
    align-items: flex-start;
}

.divFloatContent>span::after {
    content: " . . .";
}

.divFloatPrice {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    padding-right: 0.5%;
}

.divFloatPrice>img {
    width: 15px;
    height: 15px;
}

.brPrice {
    color: #394E7D;
    font-weight: bold;
}

.brPriceOrg {
    text-decoration: line-through;
    color: gray;
    font-size: 0.85em;
}

.brDiscount {
    color: #e62c00;
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 10%;
}

.productItem .brDiscount {
    font-size: 1.4em;
}

.brPercent {
    color: #e62c00;
}

.productItem .brPercent {
    font-size: 1.05em;
    padding: 2% 0;
}

.boxHead {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding-bottom: 0.5vw;
    word-break: break-all;
}

.boxHead>h3 {
    margin: 0;
}

.boxHead>h3>a {
    text-decoration: none;
    font-weight: 400;
    color: #394E7D;
    text-shadow: 1px 1px 1px #859ac7;
}

.fa-th,
.fa-list {
    cursor: pointer;
}

.fa-cart-plus {
    color: #e3a932;
    margin: 0;
    padding-right: 3px;
    text-shadow: 1px 1px 0px #000;
}

.shoppingCartDisabled,
.shoppingCartDisabled>i {
    color: #cce0ff;
    text-shadow: none;
}

.shoppingCartDisabled {
    padding: 8px 0px;
    display: inline-block;
}

.shoppingCart {
    padding: 8px 0px;
    display: inline-block;
}

.shoppingCart>a {
    text-decoration: none;
    color: #e3a932;
    font-weight: bold;
}

#divRight {
    display: flex;
    width: 28%;
    flex-direction: column;
}

.divRightBOX {
    display: flex;
    box-shadow: 0px 0px 20px 1px #bbb;
    background-color: #FFF;
    padding: 6px;
    margin: 12px 0;
    flex-direction: column;
    align-items: center;
    border: 1px solid #AAA;
    overflow: hidden;
}

.divRightBOX>img {
    width: 200px;
    height: 170px;
}

.divRightBOX>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.divRightBOX>ul>li {
    margin: 5%;
    /* box-shadow: 0px 0px 0px 5px #dce2ef; */
    box-shadow: 0px 0px 0px 5px #b3e0ff;
}

.divRightBOX>ul>li>a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: black;
    background-color: #b3e0ff;
}


.divRightBOX>ul>li>div>ul>li>div>ul>li>a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: black;
}


.listOpened::before {
    font-family: FontAwesome;
    content: "\f146";
    margin-right: 2.5%;
    font-size: 1.8em;
    padding-left: 1%;
}

.listClosed::before {
    font-family: FontAwesome;
    content: "\f0fe";
    margin-right: 2.5%;
    font-size: 1.8em;
    padding-left: 1%;
}

/*
.divRightBOX > ul > li > a::before {
    font-family:FontAwesome;
		content: "\f0fe";
		margin-right:0.5vw;
		font-size:1.5vw;	
	padding-left:0.25vw;
}
*/

.divRightBOX>ul>li>div>ul {
    /* background-color: #eef1f7; */
    background-color: #e6f5ff;
    list-style-type: disclosure-closed;
}

.divRightBOX>ul>li>div>ul>li {
    padding: 0.5vw 0;
    /* background-color: #eef1f7; */
    background-color: #e6f5ff;
}

.divRightBOX>ul>li>div>ul>li>a {
    text-decoration: none;
    color: #000;
}

.boxHeadR {
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 3%;
}

.divRightBOX>div>a {
    display: flex;
    text-decoration: none;
    align-items: center;
    color: #394E7D;
}

.divRightBOX>span {
    display: none;
}

.divRightBOX>div>a::before {
    font-family: FontAwesome;
    content: "\f0c1";
    margin-right: 3%;
    font-size: 1.75em;
    padding-left: 3%;
    text-decoration: none;
    color: #394E7D;
}

.dataPager {
    text-align: center;
    box-shadow: 0px 0px 20px 1px #bbb;
    padding: 1%;
    background-color: #b3e0ff;
    margin-top: 2%;
    border: 1px solid #AAA;
    width: 100%;
}

.dataPager>span {
    display: block;
}

.dataPager>span>a,
.dataPager>span>span {
    display: inline-block;
    padding: 1%;
    margin: 0px 0.5%;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid black;
    color: #394E7D;
    font-weight: bold;
}

.dataPager>span>span {
    background-color: #394E7D;
    color: white;
}

.dataPager>span>.aspNetDisabled {
    color: #777;
    background-color: #EEE;
    font-weight: normal;
}

#oDataPager2 {
    box-shadow: none;
    border: none;
    background-color: unset;
}

#itemShort {
    background-color: #FFF;
    box-shadow: 0px 0px 20px 1px #bbb;
    display: flex;
    padding: 2%;
    border: 1px solid #AAA;
}

#itemShortDesc {
    display: flex;
    width: 50%;
    align-items: center;
}

#itemShortDesc>span {
    height: 100%;
}

#itemShortDesc>span>ul {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    margin: 0;
}

#itemShortDesc>span>ul>li {
    display: flex;
}

#itemShortDesc>span>ul>li::before {
    font-family: "FontAwesome";
    content: "\f054";
    margin-right: 0.5em;
}

#itemShortImg {
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

#itemShortImg>a {
    display: flex;
    width: 90%;
}

#itemShortImg>a>img {
    display: flex;
    width: 100%;
}

#itemShortImg>.fa-cart-plus {
    display: none;
}

.itemPrice {
    color: #394E7D;
    font-weight: bold;
    font-size: 1.5em;
}

.shippingPrice {
    font-style: italic;
    margin: 0.75em 0;
}

#itemModel {
    font-size: 1.5em;
    font-weight: bold;
    color: #394E7D;
}

#dateBottom {
    display: block;
    margin: 1.5vw 0;
    font-style: italic;
}

.MainContentBOX {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 20px 1px #bbb;
    background-color: #FFF;
    padding: 3%;
    border: 1px solid #AAA;
}

.MainContentBOX a {
    color: #394E7D;
}

.MainContentBOX>strong {
    text-align: center;
    font-size: 1.5em;
    margin: 4% 0;
}

.subTitle {
    margin: 3% 0 1% 0;
    font-weight: bold;
}

.techinfcsp {
    padding: 1.5% 2%;
    color: white;
    background-color: rgb(57, 78, 125);
    width: 100%;
    text-align: center;
}

.techinftbl {
    display: flex;
    width: 100%;
    border-spacing: 0;
    justify-content: center;
}

.techinftbl>tbody {
    display: flex;
    flex-direction: column;
    width: 75%;
}

.techinftbl>tbody>tr {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-evenly;
    border-bottom: 1px solid black;
}

.techinfnev,
.techinfert {
    display: flex;
    width: 46%;
    background-color: #b3e0ff;
    padding: 1.5% 2%;
}

.techinfert {
    background-color: #66c2ff;
    color: #000;
    border-left: 2px solid #AAA;
}

.techinftbl>tbody>tr:last-child {
    border-bottom: none;
}

#personalInfo>h3 {
    margin: 4% 0 2% 0;
}

#personalInfo>h3:first-child {
    margin: 0 0 2% 0;
}

#personalInfo select {
    padding: 2% 1%;
    margin-bottom: 5%;
    width: 93%;
}

#personalInfo span {
    color: red;
    display: none;
}

.accountInfo {
    display: flex;
    flex-direction: column;
    margin-top: 3%;
    width: 80%;
    font-size: 1.1em;
    padding: 5% 8% 5% 2%;
    border: 3px solid #b3e0ff;
}

.accountInfo>div>textarea {
    width: 90%;
    padding: 2% 1%;
    margin-bottom: 4%;
}

.accountInfo>h3 {
    margin-top: 0;
}

.accountInfo>div {
    width: 60%;
}

.accountInfo>div>input {
    width: 90%;
    margin-bottom: 4%;
}

.accountInfo>div>input[type=checkbox] {
    margin: 0;
    display: inline-block;
    width: fit-content;
}

.accountInfo>div>input[type=text],
.accountInfo>div>input[type=password] {
    padding: 2% 1%;
}

.accountInfo>input[type=submit] {
    width: 50%;
    margin-top: 3%;
    padding: 2% 4%;
    color: #FFF;
    font-weight: bold;
    font-size: 1em;
    background-color: #008fb3;
    border: 2px solid #002966;
}

.fa-check-circle {
    color: green;
    font-size: 1em;
}

#orderHistoryDiv {
    width: 100%;
}

.infoUL {
    width: 90%;
    margin: 5% auto;
    text-align: center;
}

.infoUL a {
    color: #394E7D;
}

.infoUL>img {
    width: 50%;
    margin: 0 auto;
    border: 1px solid #AAA;
}

.infoUL>ul {
    text-align: left;
}

.infoList {
    display: flex;
    flex-direction: column;
    width: 55%;
    margin: 0 auto;
    margin-bottom: 3%;
}

.infoListItem {
    display: flex;
    justify-content: space-between;
    margin: 1%;
    font-size: 1.1em;
}

#iframeMaps {
    width: 90%;
    margin: 0 auto;
}

#iframeMaps a {
    color: #394E7D;
}

#iframeMaps>iframe {
    width: 100%;
    height: 65vh;
    margin: 0;
    padding-bottom: 1px;
    border: 1px solid #AAA;
}

.infoListItem>span {
    font-size: 0.95em;
}

.infoListItem>a {
    color: #000;
}

.checkOut {
    width: 40%;
    padding: 2% 4%;
}

.checkOut>div {
    width: 100%;
}

#footer {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 4%;
    padding: 1% 10%;
    width: 80%;
    background-color: #474C55;
    color: white;
    border-top: 2px solid black;
}

#footer>div>a {
    padding-top: 1vw;
    color: white;
    display: inline-block;
}

@media screen and (max-width:1280px) {
    #mainContent {
        width: 95%;
    }

    #breadcrumb {
        width: 95%;
    }

    .productGrid {
        font-size: 1.2vw;
    }

    #headerMenu {
        width: 100%;
        padding: 0.75% 0;
    }

    .divmenuli>a {
        color: white;
        font-weight: bold;
        font-size: 1.3em;
        text-decoration: none;
    }

    .fas {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 1200px) {
    .productItem .divFloatPrice {
        flex-direction: column;
    }
}

@media only screen and (max-width: 1000px) {
    #ctrPage {
        width: 100%;
    }

    #mainContent {
        flex-direction: column;
        width: 95%;
        margin: 0 auto;
    }

    #divLeft {
        width: 100%;
    }

    #divRight {
        width: 100%;
    }

    #header {
        width: 100%;
    }

    #breadcrumb {
        font-size: 0.85em;
    }

    #headerMenu {
        width: 100%;
        padding: 2vh 0%;
        height: 4vh;
    }

    .divProductsList {
        flex-direction: column;
    }

    .productItem {
        width: 95%;
        margin: 3% auto;
    }

    .productItem:nth-child(3n+3) {
        margin: 3% auto;
    }

    .notCurrent {
        display: none !important;
    }

    #SortProdList>div {
        display: block;
        margin: 12px 0px;
    }

    #SortProdList>div:last-child {
        margin-right: 0px;
    }

    #MainContent_tagH1 {
        font-size: 1.5em;
    }

    #MainContent_lblCikkCsop {
        display: none;
    }

    .accountInfo {
        border: none;
        padding-right: 2%;
        width: 96%;
    }

    .accountInfo>div,
    .accountInfo>div>input[type=text],
    .accountInfo>div>input[type=password],
    .accountInfo>div>select,
    .accountInfo>div>textarea {
        width: 98% !important;
    }

    .accountInfo>input[type=submit] {
        width: 100%;
    }

    .rightMenuIcon:last-child {
        display: none;
    }

    .rightMenuIcon {
        margin: 0 2vw;
        font-size: 1.3em;
    }

    #mobilemenu {
        text-align: left;
        display: none;
        width: 100vw;
        position: absolute;
        top: 8vh;
        left: 0px;
        background-color: rgba(0, 143, 179, 0.9);
        height: 92vh;
    }

    #mobilemenu>div {
        padding: 3vh 0;
        border-bottom: 3px solid #002966;
    }

    #mobilemenu>div>a {
        font-size: 2em;
        padding-left: 2%;
        width: 98%;
    }

    #Panel1 {
        padding-left: 2% !important;
    }

    #orderHistoryDiv {
        width: 98%;
        margin: 0 auto;
    }

    #orderHistoryDiv>div {
        width: 100%;
    }

    #MainContent_GridView_OrderList {
        margin: -3%;
    }

    #showMenuButton {
        display: block;
    }

    #itemShort {
        flex-direction: column;
    }

    #itemShortDesc,
    #itemShortImg {
        width: 98%;
        margin: 3% 0;
    }

    #MainContent_lblTermekMgj>ul {
        padding-left: 2%;
    }

    #MainContent_htmtagH1 {
        font-size: 1.2em;
    }

    .techinftbl>tbody {
        width: 100%;
    }

    .newCart {
        border: 0;
        font-size: 1.2em;
    }

    .cartBody {
        background-color: transparent;
    }

    .cartHeader {
        display: none;
    }

    .cartBodyRow {
        flex-direction: column;
        margin-bottom: 3%;
        background-color: #e6f5ff;
        border: 1px solid #002966 !important;
        padding: 3%;
        width: 94%;
        display: block;
    }

    .cartBodyCell {
        width: 98% !important;
        text-align: right;
        padding: 1% !important;
    }

    .cartBodyCell:nth-child(1) {
        background-color: #b3e0ff;
        text-align: center;
    }

    .cartBodyCell:nth-child(2) {
        text-align: left;
    }

    .cartBodyCell:nth-child(3) {
        display: inline-block;
        width: 49% !important;
        margin-right: 0 !important;
        text-align: left;
    }

    .cartBodyCell:nth-child(4) {
        display: inline-block;
        width: 45% !important;
        text-align: right;
        margin-bottom: 2% !important;
    }

    .cartBodyCell>input[type=text] {
        width: 30%;
        text-align: right;
        margin-left: 2%;
    }

    .cartBodyCell>input[type=checkbox] {
        width: auto;
        text-align: right;
        margin: 0 !important;
    }

    .cartBodyCell:nth-child(4):before {
        font-family: 'Rubik', sans-serif;
        content: "Darab: ";
    }

    .cartBodyCell:nth-child(6):before {
        font-family: 'Rubik', sans-serif;
        content: "Törlés: ";
    }

    .fa-check-circle {
        display: block !important;
        margin: 4% 0;
    }

}