/************************************* 
    Created on : 2019.03.11., 11:24:19
    Author     : István Besenyei
                 Mentavill Kft.
*************************************/

/* POPUP CART  - button */
li.cartButton {
    float: right !important;
}
/*li.cartButton a {
    border-left: 1px solid #5687B9;
}*/
li.cartButton:hover .popupCart, .popupCart:hover {
    display: block !important;
}
@media (max-width: 991px) {
    li.cartButton:hover .popupCart {
        display: none!important;
    }
}
.productPc .stockInfo table tr td:nth-child(2) {
    text-align: right;
}
li.cartButton:hover .popupCart.hidden {
    display: none !important;
}
.popupCart {
    padding: 0 10px 10px;
    border: 2px solid #15589f;
/*    border-top: none;*/
    display: none;
    position: absolute;
    background: #FFF;
    z-index: 10;
    font-size: 0.7em;
    max-height: 300px;
    overflow-y: auto;
    width: 800px;
    top: 40px;
    right: 0;
    margin-right: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
/*    border-bottom-right-radius: 20px;*/
}
@media (max-width: 991px) {
    .popupCart {
        display: none!important;
    }
}

.popupCart th, .pcHeaderRow div { 
    padding: 0.5em 0;
    display: inline-block;
}
.popupCart td {
    border: none;
}
.popupCart .pcSumRow {
    border-top: 2px solid #428bca;
    font-size: 1.5em;
    padding: 0.5em 0;
}
.popupCart .btn {
    display: inline-block; 
    margin: 0;
}
.popupCart .btn:hover {
    background: #ec1c23;
    border-color: darkred;
    color: #FFF;
}
.popupCart .btn .material-icons {
    float: right;
}
.sampleProductRow.hidden {
    display: none;
}


/* -------------------------------------------------------------------------- */
/*** POPUP CART ***/
/* DEFAULT div settings */
.cartTable {
    display: table;
    padding-top: 1em;
    width: 100%;
}

.pcProductRow > div, .pcHeaderRow > div {
    display: table-cell;
    vertical-align: middle;
    margin: 5px 0;
    color: #000;
}
.pcProductRow {
    border-bottom: 1px solid #ccc;
}
    
.popupCart .pcHeaderRow {
    background: #dcdcdc;
    font-size: 0.8em;
}    
.popupCart .pcHeaderRow, .popupCart .pcProductRow {    
    display: inline-table;
    width: 100%;
    border-top-left-radius: 10px;
}

.popupCart .cartAdd, .popupCart .pcName input.comment, .popupCart .pcName .commentIcon, .popupCart .pcComment,
.popupCart .checkoutPageButtonDiv, .popupCart .productToWorker {
    display: none !important;
}
.popupCart a {
    border: none !important; 
    /*pointer-events: none;     */
    display: inline-block !important;
    padding: 0 !important; 
}
.mobileOrigPriceText, .mobileDiscountText, .mobilePriceText, .mobileData {
    display: none !important;
}
/* -------------------------------------------------------------------------- */
/** ROWS **/
/* Image */
.popupCart .pcProductRow > div.image, .popupCart .productsHeader > div.image {
    width: 10%;
}
/* Code */
.popupCart .pcProductRow > div.code, .popupCart .productsHeader > div.code {
    width: 15%; 
}
/* Title */
.popupCart .pcProductRow > div.title, .popupCart .productsHeader > div.title {
    width: 25%; 
}
/* Info icons */
.popupCart .pcProductRow > div.infoIcons, .popupCart .productsHeader > div.infoIcons {
    width: 10%;
    text-align: center;
}
.popupCart .infoIcons img {
    width: 20px !important;
}
/* Prices */
.popupCart .pcProductRow > div.prices, .popupCart .productsHeader > div.prices {     
    width: 15%;    
}
.popupCart .productsHeader > div.prices {
    padding-left: 2%;
}
/*.popupCart .pcProductRow > div.prices {
    padding-right: 1%;
}*/
/* Quantity */
.popupCart .pcProductRow > div.pcQty, .popupCart .productsHeader > div.pcQty  {
    width: 15%;    
    text-align: center !important;
}
/* Total Prices */
.popupCart .pcProductRow > div.pcTotalPrice, .popupCart .productsHeader > div.pcTotalPrice { 
    width: 10%;
}
/* Trash */
.popupCart .pcProductRow > div.pcTrash, .popupCart .productsHeader > div.pcTrash  {    
    /*width: 5%;*/    
    display: none;
}

/* -------------------------------------------------------------------------- */
/** CELL SETTINGS**/
/* Image */
.pcImage {
    width: 60px;
}
.pcImage img {
    max-width: 50px; 
    max-height: 50px;
}

/* Quantity */
.popupCart .popupCartQty {
    display: inline-block !important;
}
.popupCart .mainCartQty, .popupCart .qtyUnitData {
    display: none;
}
.popupCart .quantity-nav, .popupCart .pcQty br {display: none;}

.popupCart .qty, .popupCart .qtyWithTotal, .popupCart .qtyTotal  {
    /*
    width: 70%;
    padding: 0.4em 1.6em 0.3em 0.2em;*/
    border: none;
    padding: 0;
    pointer-events: none;
}
.popupCart .qtyType {
    display: inline-block;
    padding: inherit;
}
.popupCart .pcQty .quantity-nav  {
    left: -4em;
}
.popupCart .pcProductRow .qty + .quantity-nav, .popupCart .pcProductRow .qtyTotal + .quantity-nav {
    /*left: -4.7em;*/
    left: -31%;
    right: unset;
}
.popupCart .pcProductRow .qty.qtyWithTotal + .quantity-nav {
    /*left: -7.6em;*/
    left: -56%;
    right: unset;
}
.popupCart .pcProductRow .qty.qtyWithTotal {
    width: 45%;
    /*width: 4.5em;*/
    margin-bottom: .5em;
}

/* Trash */
.pcTrash .material-icons {
    font-size: 2em !important; 
}
.pcTrash .material-icons:hover {
    color: #ec1c23;
}

/* Check*/
.popupCart .pcCheck {
    display: none;
}


/* SUMPRICE */
.pcSumPriceText {
    float: left;
}
.pcSumPrice {
    float: right;
    text-align: right;
}
.pcSumPrice .shippingCostText, .pcSumPrice .shippingCostExtra  {
    font-size: 0.8em;
    font-weight: normal;
}

/* -------------------------------------------------------------------------- */
/** OTHER **/
/* Cart stock */
/*.cartStock .pcTotalPrice, */.cartStock .pcDiscount, .cartStock .pcPrice {
    display: none !important;    
}
br.cartStock {
    display: none !important;
}
.cartStock .pcProductRow > div:nth-child(2), .cartStock .row.productsHeader > div:nth-child(2) {
    width: 15%; 
}

.pcProductRow .noAnyDiscount {
    background: red;
    color: #FFF;
    font-size: 18px;
}

/* WasteRecycling */
/*.popupCart .cartWasteRecycling .pcQty div:first-child {
    width: calc(59% - 2em); 
    float: left; 
    margin-top: .6em !important;
}*/
.popupCart .cartWasteRecycling .pcQty .qtyType {
    padding-top: .6em;
}
/*.cartWasteRecycling .pcQty div:first-child {
    margin-top: 0 !important;
    width: 75% !important;
}*/
.cartWasteRecycling .pcQty .qtyType {
    float: left;
    border: none;
}
#cart .cartWasteRecycling .pcQty div:first-child {
    margin-top: 0 !important;
}

/* Delete popup */
.deletePopup {
    background: #eee;    
    width: auto !important;
    position: absolute;
    font-size: 0.8em;
    padding: 0.5em;
    max-height: 200px;     
    margin-top: -8.5em;
    margin-left: -95px;
    margin-right: 10px;
    z-index: 1;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.deletePopup a.btnColor {
    color: #FFF;
}
.deletePopup a {
    font-size: 0.9em;
    width: 40%;
/*    color: #15589f;    */
}

.popupForm input#uname {
    width: 100%;
    height: auto;
    font-family: Helvetica;
}
.popupForm label.quotation {
    width: 100%;
    margin: 5px 0;
}
#saveQuotationDBForm, #saveNewPOPForm {
    min-width: 600px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    max-width: 1000px;
}
table {
    width: 100%;
    border-collapse: collapse;
}
table th, td {
    border: 1px solid #dcdcdc;
    min-width: 15px;
    padding: 0px 10px;
}
.popupForm textarea {
/*    height: 5em;*/
    width: 100%;
}
div.email {
    width: 50%!important;
}
div.email label { 
    display: flex;
    font-weight: bold;
    font-size: 0.8em;
    width: 100% !important;
    text-align: left;
    margin-bottom: -1em;
}
div.email input[name="fNameEmail"], div.email input[name="uNameEmail"] {
    display: block!important;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    padding: 0.5em;
    width: 100% !important;
}
#customersPDF a.disabled {
    opacity: 0.5;
    background: #999;
    border-color: #999;
    color: #FFF;
    cursor: default;
    pointer-events: visible;
}
input#uname, textarea#qtcomment { 
    border: none;
/*    border-bottom: 1px solid #ccc;*/
}
input#uname::placeholder, textarea#qtcomment::placeholder {
        color: #000;
    }
td.productName {
    white-space: unset;
}
td.productName label.quotation {
    width: 100% !important;
}

/* "%" JEL INPUT MEZŐN BELÜL */
    /* prepare wrapper element */
    div.percent {
      display: flex;
      position: relative;
      margin-right: 10px;
      float: left;
    }
    .qtyMovementQ {
        display: grid;
        position: relative;
        right: 28px;
        z-index: 2;
    }

    /* position the unit to the right of the wrapper */
    div.percent::after {
        content: '%';
      position: absolute;
      top: 10px;
      right: 1.5em;
/*      transition: all .05s ease-in-out;*/
    }

    /* move unit more to the left on hover or focus within
       for arrow buttons will appear to the right of number inputs 
    div.percent:hover::after,
    div.percent:focus-within::after {
      right: 2.5em;
    }*/

    /* set the unit abbreviation for each unit class */
    
input[id=percentDiscount] {
    /*for absolutely positioning spinners*/
    position: relative;
    display: block!important;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    padding: 0.5em;
/*    width: 100% !important;
    padding-right: 25px;*/
    width: 80px;
}
input[id=percentDiscount]::-webkit-outer-spin-button, input[id=percentDiscount]::-webkit-inner-spin-button {
    opacity: 1;
    -webkit-appearance: inner-spin-button!important;
    width: 25px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
select[name=Date_Year], select[name=Date_Month], select[name=Date_Day] {
    width: auto;
}