.wg-hide{display: none;}
.container-fluid.page__container {min-height: 650px;}
.navbar-brand span span {font-size: 10px; color: #757575;}
.wg-card-body {background-color: #FFFFFF!important; border-radius: 0.5rem!important;}
.wg-checkbox-label {font-size: 17px; font-weight: 300;}
.wg-icon-reposition{position: relative; top: 3px;}

.generic-warning-container{height: 100vh; align-content:center; flex-wrap: wrap;}
.icon-warning-page{color: #D50000; font-size: 80px;}
.icon-success-page{color: #006b1b; font-size: 80px;}
.text-warning-page{color: #D50000;}
.form-label-small{font-size: 0.7rem; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; margin-bottom: 0 !important;}
[dir] .card-form .card-body-form-group{padding-bottom: 0.9rem !important;}
[dir=ltr] .sidebar-light .sidebar-submenu .sidebar-menu-text{line-height: 18px; padding-bottom: 10px; font-weight: 400;}

/* FOOTER */
.js-fix-footer .page-section{padding-top: 0; padding-bottom: 0;}
.footer-shadow {box-shadow: 0px 0px 6px -3px rgba(39, 44, 51, .1), 0 -5px 14px 1px rgba(39, 44, 51, .04), 0 -2px 18px 3px rgba(39, 44, 51, .02)}

/* ACCOUNTS */
#loginapp .form-errors li {
    color: #FFFFFF;
}

/* PAGINATION */
.pagination-current-page span{font-size: 16px; color: #757575;}
.pagination-first-page:hover, .pagination-previous-page:hover, .pagination-next-page:hover, .pagination-last-page:hover{color: #4aa2ee; background-color: #f5f7fa; border-left: 1px solid #e9edf2; border-right: 1px solid #e9edf2 }

.wg-home-post-title{font-size: 1.1rem; font-weight: 600; font-family:Exo\ 2,Helvetica Neue,Arial,sans-serif; line-height: 1.5rem;}
.wg-home-post-subtitle{font-size: 0.9rem; font-weight: 600; color: #757575;}
.wg-home-post-text{margin-top: 20px;}

/* ToDoApp */
.comments-extra-info {font-size: 11px; color: #757575;}
.wg-comments-count{color: #17a2b8;}

/* DataTables */
#bootstrapdatatable tbody td {line-height: 1.1;}
.table-striped tbody tr.selected{background-color: #E6EE9C!important;}
.table thead th{letter-spacing: 0!important;;}
.qty-equal{background-color: #e0f2f1!important; color: #00796b!important;}
.qty-bigger{background-color: #ffebee!important; color: #d32f2f!important;}
.qty-equal .receipt-qty, .qty-equal .counted-qty{font-size: 18px!important;}
.dt-buttons .dt-button-collection {visibility: visible!important; opacity: 1!important;}

/* Create Product Single Page */
.form-label{margin-bottom:0.1rem!important;}
#mptt-categories-wrapper label{margin-bottom: .1rem;}
input.mptt-category-select {margin-right: 5px;}
.mptt-categories-list{list-style-type:none; padding-left: 10px;}
.mptt-categories-list-item{}
.mptt-categories-list-item ul.children{padding-left: 20px;}
#variationsEditor{}
#variationsEditor .page-separator__text{background-color: transparent; margin-bottom: 10px;}
#variationsEditor .product-color-container{padding: 10px 15px; background-color: #f5f7fa; border-radius: 5px; margin-bottom: 10px;}
#variationsEditor .prdct-size-container{margin-top: 10px;}
#variationsEditor .prdct-size-line{margin-bottom: 5px;}
.select2-selection__rendered{padding: .3rem .75rem;}
.select2-selection--single{height: calc(1.5em + 1rem + 2px)!important;}
.select2-selection__arrow{margin-top: 5px;}
.full-width-button{width: 100%;}
.prdct-sizes-list{list-style-type: none; margin: 0!important; padding: 0;}
.prdct-sizes-list-item{display: inline;}
.validationMessage{color: #FF0000;}

/* Create Product Bulk */
.wg-select-text-focus{color: #8c0032; background-color: #fce4ec!important;}
.wg-selected-row{background-color:#f1f8e9 }
.wg-attribute-mapping-row{border-bottom: 1px solid #e9edf2; }
.wg-attribute-mapping-name{font-size: 16px; padding-top: 8px;}
.wg-attribute-mapping-collapse-title{font-size: .9375rem; color: #272c33; text-transform: uppercase; font-weight: 600; letter-spacing: 2px;}
/* step three*/
table.wg-dataframe-stepthree{display: block; overflow-x: auto; white-space: nowrap}
table.wg-dataframe-stepthree thead th,table.wg-dataframe-stepthree tbody th, table.wg-dataframe-stepthree tbody td{padding: 0 10px;}


/* POS Control */
.counter-label {text-align: right;}
.counter-label-sum{font-size: 24px;}
.counter-wrapper{padding: 30px 5px; border: 2px solid #FFFFFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);}
.form-group.pos-counter {margin-bottom: 5px}
.pos-calc-line-sum{padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); margin-bottom: 0; font-size: 16px; font-weight: 600;}
.pos-input-sum{font-weight: 600; text-align: right; font-size: 24px;}
.pos-counter-opening, .pos-counter-closing {min-height: 42px;}
.pos-counter-input{text-align: right;}
.pos-transaction-value{font-size: 24px; font-weight: bold; color: #8e1b40}
.table-inner-wrapper{margin: 0 15px;}
#collectdatatable thead, #paymentdatatable thead{display: none}
.wg-table-sum {text-align: right}
.wg-table-sum-text{font-size: 18px;}
.wg-table-sum-text span{font-size: 24px; font-weight: bold; color: #8e1b40}
#collectdatatable tbody tr td.thid, #collectdatatable tbody tr td.thvalue{width: 6%!important;}
#collectdatatable tbody tr td.thdate {width: 20%!important;}
#paymentdatatable tbody tr td.thid, #paymentdatatable tbody tr td.thvalue{width: 6%!important;}
#paymentdatatable tbody tr td.thdate {width: 20%!important;}
.transaction-report-summary {text-align: right;}
.report-summary-line{border-bottom: 1px solid #e9edf2}
.transaction-report-summary p{font-size: 17px; margin-bottom: 0.5rem; margin-top: 0.6rem}
.transaction-report-summary input{font-size: 18px; margin-top: 5px; float: right; text-align: right; width: 80%;}
.report-summary-line-text{font-size: 18px; margin-bottom: 0.5rem; margin-top: 0.6rem}
.report-summary-line-icon{font-size: 18px; margin-bottom: 0.5rem; margin-top: 0.8rem; margin-right: 5px}
.report-summary-line-icon-green{color: #5f9a2e}
.report-summary-line-icon-red{color: #8e1b40}
.report-summary-line-icon-blue{color: #1e6dbd}
.rsm-icon-collect:hover, .rsm-icon-payment:hover{color: #5f9a2e}

/* Mobile Compatibility */
.mobile-compatibility-container{}
.mobile-compatibility-container .mobile-compatibility-list{list-style-type: none; padding-left: 0;}
.mobile-compatibility-container .mobile-compatibility-item{}
.mobile-compatibility-container .mc-phone-name{text-transform: uppercase; font-size: 1.3rem; font-weight: 600; font-family:Exo\ 2,Helvetica Neue,Arial,sans-serif; line-height: 1rem;}
.mobile-compatibility-container .mc-phone-manufacturer {text-transform: uppercase; font-size: 0.9rem; font-weight: 600; color: #757575;}
.mc-phone-details-title{font-weight: 600;}
.mc-phone-details p {margin-bottom: 0;}
.mc-phone-details-line {border-top: 1px solid #e9edf2; padding-top: 5px;}
.mc-phone-compatibility {position: absolute; bottom: 0;}
.mc-phone-image-wrapper{min-height: 200px;}
.mobile-compatibility-detail-container .mc-phone-name{text-transform: uppercase; font-size: 1.4rem; font-weight: 600; font-family:Exo\ 2,Helvetica Neue,Arial,sans-serif; line-height: 1.7rem;}
.mobile-compatibility-detail-container .mc-phone-manufacturer {text-transform: uppercase; font-size: 1.1rem; font-weight: 600; color: #757575;}

/* Courier Orders */
.courier-orders-container{}
.courier-list-selectbox{color: #edf0f2 !important;}
.courier-orders-container .courier-orders-list{list-style-type: none; padding-left: 0;}
.courier-orders-container .co-customer-fullname {text-transform: uppercase; font-size: 0.9rem; font-weight: 600; color: #757575;}
.colist-text{font-size: 0.9rem; color: #757575; font-weight: normal;}
.colist-cod{font-size: 1rem; color: #8e1b40; font-weight: bold; display: flex; align-items: center}
.co-order-details-line {border-top: 1px solid #e9edf2; padding-top: 5px;}
.colist-state{display: flex; align-items: center}
.wg-cod-amount{font-size: 24px; font-weight: 700; color: #8e1b40}
.order-action-title{display: flex; align-items: center;}
.wg-simple-label{font-weight: 400 !important;}
.wg-voucher-number{font-family: 'Rock Salt', cursive; font-size: 24px; text-align: right}
#cod-text-button:hover{cursor: pointer}
.wg-order-geniki{border-bottom: 2px solid #005aa4 !important;}
.wg-order-ccenter{border-bottom: 2px solid #EC691F !important;}
#selectedOrderCount{padding: 2px 7px; background-color: #ddd; color: #555; border: 1px solid #ccc; font-size: 12px; border-radius: 5px;margin-left: 5px; display: none}

/* Service Repair App */
.service-section-general{

}
.service-section-general p {
    margin-bottom: 0.3rem;
}

/* TOASTR */
.toast-info {background-color: #2f96b4;}
.toast {top: 60px!important;}

.mc-add-phone-table th, .mc-add-phone-table td {border-top: none !important;}
.form__group {position: relative; padding: 15px 0 0; margin-top: 10px; width: 100%;}
.form__field {font-family: inherit; width: 100%; border: 0; border-bottom: 2px solid #9b9b9b; outline: 0; font-size: 1rem; padding: 7px 0;background: transparent;transition: border-color 0.2s;}
.form__field::placeholder {color: transparent;}
.form__field:placeholder-shown ~ .form__label {font-size: 1rem; cursor: text; top: 25px;}
.form__label {position: absolute;top: 0;display: block;transition: 0.2s;font-size: 0.8rem;color: #9b9b9b;}
.form__field:focus {padding-bottom: 6px;font-weight: 300;border-width: 3px;border-image: linear-gradient(to right, #4aa2ee, #11998e);border-image-slice: 1;}
.form__field:focus ~ .form__label {position: absolute;top: 0;display: block;transition: 0.2s;font-size: 0.8rem;color: #4aa2ee;font-weight: 300;}

/* reset input */
.form__field:required, .form__field:invalid {box-shadow: none;}

/* Blog */
.wg-post-body .wg-post-short-description{font-size: 14px;}
.wg-post-body .wg-post-description{font-size: 16px;}
.wg-post-readmore a{color:#4aa2ee}

/* General */
[dir=ltr] .was-validated .form-control:invalid, [dir=ltr] .was-validated .form-control:valid, [dir=ltr] .form-control.is-invalid, [dir=ltr] .form-control.is-valid {background-position: right calc(1.375em + 0.1875rem) center!important;}

/* ToolTip */
[dir] .bs-tooltip-auto[x-placement^=bottom] .arrow:before, [dir] .bs-tooltip-bottom .arrow:before {border-bottom-color: #000000}
[dir] .tooltip-inner {background-color: #000000; color: #ffffff}

/* Login Page */
#loginapp .form-errors .errorlist{margin: 0}
#loginapp .form-errors ul.errorlist, #loginapp ul.form-errors {list-style-type: none;}
#loginapp .form-errors ul.errorlist li, #loginapp ul.form-errors li {color: #ff0000;}

/* Settings */
#manualSyncOrdersIcon:hover{cursor: pointer;}
#manualSyncOrdersIcon {}
.manualSyncOrdersIconSpin{animation: icon-spin-animation 0.5s infinite;display: inline-block;}
.manualSyncOrdersIconZoom{animation: zoom-in-zoom-out 1s ease forwards;}
@keyframes icon-spin-animation {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(-359deg);}
}
@keyframes zoom-in-zoom-out {
  0% {transform: scale(1, 1);}
  50% {transform: scale(1.5, 1.5);}
  100% {transform: scale(1, 1);}
}

/* Skroutz Smart Cart */
.skroutz-smartcart-container .mobile-compatibility-item{}
.skroutz-smartcart-container .skroutz-smartcart-list{list-style-type: none; padding-left: 0;}
.skroutz-smartcart-container .ssc-customer-fullname {text-transform: uppercase; font-size: 0.9rem; font-weight: 600; color: #757575;}
.skroutz-smartcart-container .ssc-order-number {font-size: 0.9rem; color: #757575; font-weight: normal;}
.ssm-sticky-menu{position:sticky; top:0; position:-webkit-sticky;}
.ssm-order-details-line {border-top: 1px solid #e9edf2; padding-top: 5px;}
.skroutz-smartcart-container .ssc-upper-line{display: flex; align-items: center;}
.ssc-order-sum{font-size: 16px;}
.ssc-dispatch-window-warning{border: 1px solid #FFCDD2; background-color: #FFEBEE; padding: 2px 8px;}
.ssc-order-detail-header{}
.ssc-order-detail-header .ssc-order-title .ssc-order-title-code{font-size: 24px; font-weight: normal;}
.ssc-order-detail-container{}
.ssc-order-detail-container .ssc-section-header, .ssc-customer-detail-container .ssc-section-header{font-size: 18px;}
.ssc-order-detail-container .ssc-section-header .badge{margin-left: -0.4rem;}
.ssc-order-detail-container .order-item{border-bottom: 1px solid #dfe2e6;}
.ssc-order-detail-container .order-item .order-item-name{font-size: 16px; font-weight: bold;}
.ssc-order-detail-container .order-item .order-item-quantity{font-size: 15px; text-align: right;}
.ssc-order-detail-container .order-item .order-item-price{font-size: 15px; text-align: right;}
.ssc-order-detail-container .order-item .order-item-size{color:#757575; }
.ssc-order-detail-container .order-item .order-item-ean{color:#757575;}
.ssc-order-detail-container .order-item .order-item-mpn{color:#757575;}
.ssc-order-detail-container .order-item .order-item-option-value{font-weight: bold;}
.ssc-order-detail-container .items-footer .ssc-order-sum{font-size: 18px; text-align: right;}
.ssc-order-detail-container .items-footer .ssc-order-vat-info {color:#757575;}
.ssc-order-items-container{}
.ssc-customer-detail-container{}
.ssc-customer-detail-container .card-header{padding: 0}
.ssc-order-detail-container .order-action{border-bottom: 1px solid #dfe2e6;}
.ssc-order-detail-container .order-action-no-line{}
.ssc-product-image-container {position: relative;width: 100%;max-width: 400px;}
.ssc-product-image {width: 100%;height: auto;}
.ssc-product-image-overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .3s ease;background-color: #4aa2ee;}
.ssc-product-image-container:hover .ssc-product-image-overlay {opacity: 1;}
.ssc-product-image-icon span{color: white;font-size: 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.ssc-product-image-icon span:hover{cursor: pointer}

/* Inventory Receipt*/
.invrc-receipt-row {padding: 5px 0;}
.invrc-receipt-row-middle {border-top: 1px solid #e9edf2; border-bottom: 1px solid #e9edf2; padding: 5px 0;}
.invrc-receipt-detail-header {padding: 0 20px; margin-bottom: 20px !important; color: rgba(39, 44, 51, .5)}
.invrc-receipt-detail-header .invrc-receipt-title .invrc-receipt-title-code{font-size: 14px; font-weight: normal;}
.invrc-receipt-detail-header .invrc-receipt-title .invrc-receipt-title-code span {font-weight: bold;}

/* Gift Cards */
.giftcard-wrapper{
    width: 100%;
    display: grid;
    place-items: center;
}

.giftcard-wrapper .title {
  text-align: center;
  margin-top: 55px;
  color: #fff;
  font-size: 25px;
}

.giftcard-wrapper .card {
    position: relative;
    width: 296px;
    height: 188px;
    padding: 12px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    border-radius: 16px;
    border: solid 4px rgba(255, 255, 255, 0.1);

    background-image: url("https://products.ls.graphics/mesh-gradients/images/78.-Night-sky.jpg");
    background-position: center;
    background-size: cover;

    box-shadow: rgba(255, 255, 255, 0.25) 0px 54px 55px,
        rgba(255, 255, 255, 0.12) 0px -12px 30px,
        rgba(255, 255, 255, 0.12) 0px 4px 6px,
        rgba(255, 255, 255, 0.17) 0px 12px 13px,
        rgba(255, 255, 255, 0.09) 0px -3px 5px;
}

.giftcard-wrapper h1 {
    font-size: 20px;
}

.giftcard-wrapper h2 {
    font-size: 14px;
}

.giftcard-wrapper h3 {
    font-size: 11px;
}

.giftcard-wrapper p {
    font-size: 8px;
    margin-bottom: 0;
}
.giftcard-wrapper .card-type h2 {
    font-size: 14px;
    margin-bottom: 0;
}

.giftcard-wrapper section {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.giftcard-wrapper .top,
.giftcard-wrapper .bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.giftcard-wrapper .top img {
    width: 20px;
}

.giftcard-wrapper .brand {
    height: 20px;
    mix-blend-mode: overlay;
}

.giftcard-wrapper .infos {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.giftcard-wrapper .card-type{
    gap: 0;
}

.giftcard-wrapper .infos--bottom {
    display: flex;
    gap: 20px;
}

.giftcard-wrapper .card-number {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.giftcard-wrapper .gift-status {
    position: absolute;
    top: 0;
    right: 0;
}

.giftcard-wrapper .gift-status {
    background-color: #8bc34a;
    border: 1px solid #7cb342;
    padding: 5px 15px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
}

.giftcard-wrapper .gift-status.disabled {
    background-color: #d32f2f;
    border: 1px solid #c62828;
}

/* Vacation Tracker */
.vacation-tracker-table{}
.vacation-tracker-table thead th.vtt-th {padding: 0.3rem; text-align: center; }
.vacation-tracker-table thead th.vtt-th span {font-size: 10px;}
.vacation-tracker-table tbody td.vtt-td {padding: 0.3rem; text-align: center; }
.vacation-tracker-table .js-lists-values-email {max-width: 160px; text-wrap: balance; padding: 0 0.1rem 0 0.5rem;}
.vacation-tracker-table .js-lists-values-name .material-icons-outlined{top:4px; position: relative;}
.vacation-tracker-table .js-lists-values-name .material-icons-outlined:hover{cursor: pointer;}
.vacation-tracker-table .current-day-column {background-color: #FFFDE7;}

#header-fixed {
  position: fixed;
  top: 0;
  display: none;
  background-color: white;
}

/* Woo Bridge */
#scan-woo-product-form .woo-sku,
#scan-woo-product-form .btn{font-size: 24px;}
#woo-pos-product-image .avatar-lg{width: 200px; height: 200px;}
.text-center {text-align: center;}

/* Price Compare */
#DataTableCompareProducts .table-cell-text-sm {
    font-size: 0.7rem;
    padding-bottom: 0.1rem;
}
.price-compare-wrapper{
    width: 100%;
    display: grid;
    place-items: center;
}

.price-compare-wrapper .gift-status {
    position: absolute;
    top: 0;
    right: 0;
}

.price-compare-wrapper .gift-status {
    background-color: #8bc34a;
    border: 1px solid #7cb342;
    padding: 5px 15px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
}