:root{--light-blue:#e5effd;
--dark-blue:#6795d6;
--text:#000;
--light-text:#aaa;
--border-color:#f3f3f3;
--medium-text:#666;
--red:#9c0000;
--yellow:#ff9400;
--light-background:#efefef;
--dark-background:#000;
--background-color:#f6f6f7;
--button-color:#007b5c;
--hover-button:#006e52;
--box-shadow:6px 12px 60px #00000070;
--green-filter:invert(16%) sepia(81%) saturate(3185%) hue-rotate(158deg) brightness(113%) contrast(105%)}
@font-face{font-family:Open Sans;src:url(fonts/Poppins/Poppins-Light.ttf);font-weight:300;font-display:swap}
@font-face{font-family:Open Sans;src:url(fonts/Poppins/Poppins-Regular.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Open Sans;src:url(fonts/Poppins/Poppins-SemiBold.ttf);font-weight:500;font-display:swap}
@font-face{font-family:Open Sans;src:url(fonts/Poppins/Poppins-Bold.ttf);font-weight:600;font-display:swap}
@font-face{font-family:Open Sans;src:url(fonts/Poppins/Poppins-ExtraBold.ttf);font-weight:700;font-display:swap}
html{font-size:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}
html,body{margin:0;padding:0;width:100%;height:100%}
body{background:var(--background-color);font-family:'Open Sans',sans-serif;font-size:15px}
input,button,textarea,select{font-family:'Open Sans',sans-serif;display:block;width:100%;border-radius:5px;height:40px;border:.0625rem solid #ced4da;padding:0 10px;max-width:640px}
.select2-container{font-family:'Open Sans',sans-serif;display:block;width:100%;border-radius:5px;min-height:40px;border:.0625rem solid #ced4da;padding:0 10px;max-width:640px}
.wms input,.wms button{margin:5px auto;}
.select2-container{width:auto}
textarea::placeholder{font-size:14px;font-family:inherit;line-height:26px}
strong{font-weight:500}
label{font-size:13px;margin-bottom:3px;display:block;clear:both}
input[type="radio"],input[type="checkbox"]{width:16px;height:16px;margin-right:10px;cursor:pointer}
input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus,select:focus,.select2-container--below{-webkit-box-shadow:0 0 0 .0625rem #008060;box-shadow:0 0 0 .0625rem #008060;border-color:#008060;outline:none}
*{box-sizing:border-box;-webkit-box-sizing:border-box}
a{color:inherit;text-decoration:none}
p{font-size:13px;line-height:1.7;letter-spacing:.7px}
img{width:100%;height:auto}
a{transition:all .3s ease-in-out}
.row{margin-bottom:1rem}
.flex,.row{display:flex}
.grid{display:grid}
.grid-3{grid-template-columns:1fr 1fr 1fr}
.acenter{align-items:center}
.fspace,.row{justify-content:space-between}
.fcenter{justify-content:center}
.fend{justify-content:flex-end}
.fwrap,.row{flex-wrap:wrap}
.full{width:100%}
.seven{width:calc(70% - 1rem)}
.wrap{flex-wrap:wrap}
.bg-success{background:var(--button-color) !important}
.boxInvalid{background:var(--red) !important;color:#fff}.boxInvalid input{background:#fff}
.half,.col-md-6{width:calc(50% - 1rem)}
.three,.col-sm-4,.col-md-4{width:calc(33.334% - 1rem)}
.editor .three{width:30%}
.fourth{width:40%}
.third{width:calc(30% - 1rem)}
.four{width:calc(25% - 1rem)}
.seven{width:calc(70% - 1rem)}
.two{width:calc(20% - 1rem)}
.ml-15{margin-left:15px}
.acenter{align-items:center}
.crsIcon,.icon-trash{position:relative;display:inline-block}
.crsIcon:before,.icon-trash:before{content:"";display:block;margin:0 auto;transition:all .3s ease-in-out}
.icon-trash{filter: invert(19%) sepia(77%) saturate(7169%) hue-rotate(6deg) brightness(98%) contrast(129%);cursor:pointer}
.s-8:before{width:8px;height:8px}
.s-10:before{width:10px;height:10px}
.s-12:before{width:12px;height:12px}
.s-14:before{width:14px;height:14px}
.s-16:before,.icon-trash{width:16px;height:16px}
.s-18:before{width:18px;height:18px}
.s-21:before{width:21px;height:21px}
.s-24:before{width:24px;height:24px}
.s-30:before{width:30px;height:30px}
.s-36:before{width:36px;height:36px}
.s-48:before{width:48px;height:48px}
.s-60:before{width:60px;height:60px}
.c-user:before{background:url(icons/user.svg) center center no-repeat;background-size:contain}
.c-photo:before{background:url(icons/editimage.svg) center center no-repeat;background-size:contain}
.hrIcon:before{background:url(icons/hr.svg) center center no-repeat;background-size:contain}
.c-edit:before{background:url(icons/pencil.svg) center center no-repeat;background-size:contain}
.c-crestere:before{background:url(icons/crestere.svg) center center no-repeat;background-size:contain}
.c-scadere:before{background:url(icons/scadere.svg) center center no-repeat;background-size:contain}
.c-print:before{background:url(icons/print.svg) center center no-repeat;background-size:contain}
.c-hamburger:before{background:url(icons/hamburger.svg) center center no-repeat;background-size:contain}
.c-home:before{background:url(icons/home.svg) center center no-repeat;background-size:contain}
.c-order:before{background:url(icons/order.svg) center center no-repeat;background-size:contain}
.c-eye:before{background:url(icons/eye.svg) center center no-repeat;background-size:contain}
.c-product:before{background:url(icons/product.svg) center center no-repeat;background-size:contain}
.c-import:before{background:url(icons/import.svg) center center no-repeat;background-size:contain}
.c-export:before{background:url(icons/export.svg) center center no-repeat;background-size:contain}
.c-marketing:before{background:url(icons/marketing.svg) center center no-repeat;background-size:contain}
.c-warehouse:before{background:url(icons/warehouse.svg) center center no-repeat;background-size:contain}
.c-clients:before{background:url(icons/clients.svg) center center no-repeat;background-size:contain}
.c-financial:before{background:url(icons/financial.svg) center center no-repeat;background-size:contain}
.c-documents:before{background:url(icons/documents.svg) center center no-repeat;background-size:contain}
.c-website:before{background:url(icons/website.svg) center center no-repeat;background-size:contain}
.c-rapoarte:before,.c-reports:before{background:url(icons/rapoarte.svg) center center no-repeat;background-size:contain}
.c-user-rapoarte:before{background:url(icons/user-report.svg) center center no-repeat;background-size:contain}
.c-config:before{background:url(icons/config.svg) center center no-repeat;background-size:contain}
.c-percentage:before{background:url(icons/percentage.svg) center center no-repeat;background-size:contain}
.c-arrowright:before{background:url(icons/arrow-right.svg) center center no-repeat;background-size:contain}
.c-delete:before,.icon-trash{background:url(icons/trash.svg) center center no-repeat;background-size:contain}
.c-filter:before{background:url(icons/filter.svg) center center no-repeat;background-size:contain}
.c-cancel:before{background:url(icons/cancel.svg) center center no-repeat;background-size:contain}
.c-loader:before{background:url(icons/loader.svg) center center no-repeat;background-size:contain}
.c-minus:before{background:url(icons/minus.svg) center center no-repeat;background-size:contain}
.c-plus:before{background:url(icons/plus.svg) center center no-repeat;background-size:contain}
.c-help:before{background:url(icons/help.svg) center center no-repeat;background-size:contain}
.c-handDown:before{background:url(icons/handdown.svg) center center no-repeat;background-size:contain}
.c-logout:before{background:url(icons/logout.svg) center center no-repeat;background-size:contain}
.c-down:before{background:url(icons/arrow-down.svg) center center no-repeat;background-size:contain}
.c-box{background:url(icons/box.svg) center center no-repeat;background-size:contain}
.c-invalid{background:url(icons/invalid.svg) center center no-repeat;background-size:contain}
.c-paymentLink{background:url(icons/paymentlink.svg) center center no-repeat;background-size:contain}
.c-nocall{background:url(icons/nocall.svg) center center no-repeat;background-size:contain}
.c-ramburs{background:url(icons/ramburs.svg) center center no-repeat;background-size:contain}
.c-refresh{background:url(icons/refresh.svg) center center no-repeat;background-size:contain;filter: invert(35%) sepia(16%) saturate(4099%) hue-rotate(129deg) brightness(92%) contrast(101%);    position: absolute;
    right: 0;
    top: 0;cursor:pointer}
.c-delete{cursor:pointer}
/* Care SVG*/
.aWash{background:url(icons/aWash.svg) center center no-repeat;background-size:contain}
.coldWash{background:url(icons/coldWater.svg) center center no-repeat;background-size:contain}
.fWash{background:url(icons/fWash.svg) center center no-repeat;background-size:contain}
.handWash{background:url(icons/handWash.svg) center center no-repeat;background-size:contain}
.hotWash{background:url(icons/hotWater.svg) center center no-repeat;background-size:contain}
.noBleach{background:url(icons/noBleach.svg) center center no-repeat;background-size:contain}
.noChemicals{background:url(icons/noChemicals.svg) center center no-repeat;background-size:contain}
.noClor{background:url(icons/noClor.svg) center center no-repeat;background-size:contain}
.noDryer{background:url(icons/noDryer.svg) center center no-repeat;background-size:contain}
.noIron{background:url(icons/noIron.svg) center center no-repeat;background-size:contain}
.normalDry{background:url(icons/normalDry.svg) center center no-repeat;background-size:contain}
.noWaterwash{background:url(icons/noWaterwash.svg) center center no-repeat;background-size:contain}
.okBleach{background:url(icons/okBleach.svg) center center no-repeat;background-size:contain}
.okClor{background:url(icons/okClor.svg) center center no-repeat;background-size:contain}
.okDryer{background:url(icons/okDryer.svg) center center no-repeat;background-size:contain}
.okIron{background:url(icons/okIron.svg) center center no-repeat;background-size:contain}
.okIron2{background:url(icons/okIron2.svg) center center no-repeat;background-size:contain}
.okWash{background:url(icons/okWash.svg) center center no-repeat;background-size:contain}
.pWash{background:url(icons/pWash.svg) center center no-repeat;background-size:contain}
.warmWash{background:url(icons/warmWater.svg) center center no-repeat;background-size:contain}
.wash30{background:url(icons/wash30.svg) center center no-repeat;background-size:contain}
.wash40{background:url(icons/wash40.svg) center center no-repeat;background-size:contain}
.wash60{background:url(icons/wash60.svg) center center no-repeat;background-size:contain}

.mb-1{margin-bottom:1rem !important}
.quarter{width:23%;margin-bottom:1rem}
.specs{    font-size: 13px;
color: #939393;}
.whited:before{filter:invert(99%) sepia(8%) saturate(23%) hue-rotate(135deg) brightness(104%) contrast(100%)}
.editor{margin:15px auto;width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:space-evenly}
.editor-canvas{width:100%;height:auto;cursor:move}
.zoom{border-bottom:solid 1px #eaeaea;margin-bottom:20px}
.nowrap{white-space:nowrap}
.show{display:block!important}
.text-center{text-align:center}
.inline-block{display:inline-block;vertical-align:top}
.cardBox{background:#fff;padding:25px;margin:1rem 0;border-radius:.5rem;box-shadow:0 0 .3125rem #1718180d,0 .0625rem .125rem #00000026}
.special{padding:0}
.profile-details{padding:2rem 1.5rem}
.special .half{padding:2rem 1.5rem;border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);width:50%}
h4{font-size:16px;font-weight:500;margin:0px}.special .half:last-child{border-right:none}
.cardBox label{margin-bottom:5px}
.callto{width:auto;display:inline-block;border-radius:5px;background:var(--button-color);height:36px;cursor:pointer;border:none;color:#fff;text-align:center;padding:0 20px;line-height:36px;font-size:13px;    white-space: nowrap;}
input:read-only{    background: #ced4da;}
.actionDouble .callto:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
.actionDouble .callto:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}
.documents{}
.documents .actionDouble{clear:both;margin-right:10px;margin-top:1rem}
.callto i{margin-right:5px}
.iconButton i{    transform: translateY(4px);}
.spacing{height:30px;display:block;width:100%}
.loginCard{position:absolute;background:#fff;border-radius:8px;box-shadow:var(--box-shadow);-webkit-box-shadow:var(--box-shadow);padding:2.5rem;width:90%;max-width:480px;left:50%;top:50%;transform:translate(-50%,-50%)}
.makeInvoice{background:#556ee6}
.makeAwb{background:#74788d}
.loginHeader{text-align:center}
.select2-container--open{border:none}
.select2-container--focus{border: 0.0625rem solid #ced4da;}
.loginPage{background-image:url(data:image/jpeg;base64,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);position:fixed;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.logo{height:60px;margin:1rem auto;padding:14px 0;width:auto}
.logo img{    height: 100%;
width: auto;}
.monetarDistrus div {margin-bottom:10px}
.openModal{cursor:pointer}
.head .logo{max-width:100px}
.loginCard .callto{width:100%;margin:10px 0}
.loginCard h1,.pageTitle{font-size:1.25rem;margin-bottom:0;font-weight:500}
.pageTitle{margin-bottom:20px}
.loginCard p{margin-top:0;margin-bottom:25px;font-size:14px;color:#898989}
.overflowHidden{overflow:hidden}
.helpInfo{visibility:hidden;opacity:0;transition:all .3s ease-in-out;position:absolute;    top: 100%;
    left: -5px;width: 240px;
    color: #fff;text-align:center;
    font-weight: 300;
    font-size: 12px;
    padding: 5px 10px;display:block;
    border-radius: 3px;background: var(--dark-background);}
	.helpInfo:before{    content: "";
    background: var(--dark-background);
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: -4px;
    left: 8px;
    transform: rotate(45deg);}
.checkbox{cursor:pointer;display:block;position:relative;padding-left:20px;margin-top:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.careBox .checkbox{margin-bottom:1rem;padding-left:0}
.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;    top: 2px;left:0;height:16px;width:16px;border-radius:2px;background-color:#eee}
.checkbox:hover input ~ .checkmark{background-color:#ccc}
.checkbox input:checked ~ .checkmark{background-color:var(--button-color)}
.checkmark:after{content:"";position:absolute;display:none}
.checkbox input:checked ~ .checkmark:after{display:block}
.checkbox label{cursor:pointer}
.checkbox .checkmark:after{left:5px;top:1px;width:4px;height:7px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.was-validated :invalid ~ .invalid-feedback,.was-validated :invalid ~ .invalid-tooltip,.is-invalid ~ .invalid-feedback,.is-invalid ~ .invalid-tooltip{display:block}
.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}
.formGroup{margin-bottom:10px}
header{background:#fff;position:fixed;top:0;left:0;right:0;padding:5px 2%;box-shadow:0 .125rem .125rem -.0625rem #00000026;z-index:9;    height: 76px}
.rounded{background:#92e6b5;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;margin-right:5px}
.rounded .crsIcon{margin:7px}
nav{width:280px;border-right:1px solid #e1e3e5;position:fixed;height:100%;left:0;background:#fff;z-index:99}
#shrinkMenu{cursor:pointer}
nav ul{padding:0;margin:0;list-style:none}
.megaMenu{height:100%;overflow:auto;padding-bottom:100px}
nav ul::-webkit-scrollbar{width:4px}
nav ul::-webkit-scrollbar-track{display:none}
nav ul::-webkit-scrollbar-thumb{background:#0000005e;border-radius:2px}
nav ul li{line-height:40px;border-left:3px solid transparent;position:relative}
nav ul li a,.menuCategory{margin:5px;display:block;padding:0 15px;border-radius:3px;text-decoration:none;color:#000;font-weight:500;font-size:15px}
nav ul li a .crsIcon,.menuCategory .crsIcon{margin-right:8px;transform:translateY(2px)}
nav ul li.selected a{background:#edeeef;color:var(--button-color)}
nav ul li.selected a .crsIcon:before{filter:var(--green-filter)}
.greener{filter:var(--green-filter)}
nav ul li.selected{border-color:var(--button-color)}
.pageContainer{padding:15px 30px;padding-left:310px;width:100%}
.subMenu{margin-bottom: 15px;padding-left:23px}
.subMenu{display:none}
.openDown .subMenu{display:block}
.menuCategory{cursor:pointer;position:relative}
span.menuCategory:after{content:"";display:block;position:absolute;right:5px;top:12px;background:url(icons/arrow-right.svg) center center no-repeat;background-size:contain;width:16px;height:16px;transform:rotate(90deg)}
.openDown span.menuCategory:after{transform:rotate(-90deg)}
.subMenu li{line-height:26px}
.subMenu li a{font-weight:400}
.slideSub{position:absolute;right:13px;top:3px;height:28px}
.center,.wms input,.wmsPage input,.size{text-align:center}
.wms input,.wmsPage input{margin:0 auto}
.btn-danger,.bg-danger{    background: var(--red);}
.badge.bg-danger{color:#fff}
.callbutton{    display: flex;
justify-content: space-between;}
.bg-warning{background:yellow;color:#000}
.productElement{padding:1rem}
.card-header h5{font-weight: 500;
    font-size: 16px;
margin: 0;}
.actionBtn .btn-danger{color: #fff;
padding: 3px 10px;cursor:pointer}
.wms .card-header{text-align:center}
.wms .card-header .areaTitle{display: inline-block;
    background: var(--dark-blue);
    padding: 10px 25px;
    color: #fff;
    margin: 0 auto;}
	.badge-success{background:green}
	.badge-warning{background:red}
	.badge-light{background:orange}
	.badge-primary{background:#f1c1f1}
	
.imageEdit{    right: 45px!important}
.cornerRight i{transform: translateY(1px);}
.uploadPic{min-height:160px;border:1px dashed #ccc;border-radius:10px;text-align:center;padding:20px;position:relative}
.uploadPic label{cursor:pointer;position:absolute;z-index:9;width:100%;height:100%;left:0;top:0}
.uploadPic input{visibility:hidden;opacity:0}
.uploadPic .uploadInput{visibility:visible;opacity:1;border:none;text-align:center}
.uploadPic .uploadInput::file-selector-button {visibility:hidden;opacity:0;width:0}
.uploadPic .actionsUpload{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.hint{    margin-left: 5px;display:inline-block;font-size:13px;margin-top:0px;color:#6d7175;cursor:pointer;position:relative}
.secondary{background:#e5effd;color:#6795d6;font-size:13px;font-weight:400}
.delete{background:var(--red)}
.delete i{margin-right:0}
.tcenter{text-align:center}
.columns{column-gap:20px}
.columns-4{columns:4}
.columns-3{columns:3}
.columns-1{columns:1}
.centered{margin:0 auto}
.counter{display:block}
#thumbarea{margin-bottom:20px}
#thumbarea label{cursor:pointer}
.imageUploader{border:solid 1px #eaeaea;margin-bottom:15px;padding-bottom:5px;break-inside:avoid-column;position:relative}
.percentage{    font-weight: 500;
    font-size: 14px;
    color: #34c38f;
margin-right: 5px;}
.negative{ color: #f46a6a;}
.cornerRight{position:absolute;right:5px;top:5px;background:#fff;border-radius:50px;display:block;width:24px;height:24px;text-align:center;line-height:24px}
.red{color:red!important}
table{width: 100%;border-collapse:collapse;margin-top:1rem}
td,th{padding:1rem}
th{border:0;font-size:14px;font-weight:400;text-align:left;white-space:nowrap;background:#eff5f7}
table img{width:100px;padding:2px;border:1px solid #eee;height:auto}
tr{border-bottom: 1px solid #e1e3e5;background:#fff}
tfoot tr,thead tr{border:none}
tfoot td{padding: 0.35rem}

.badge{height:20px;display:inline-block;line-height:20px;text-align:center;border-radius:10px;width:70px;font-size:12px;}
.report .badge{height:auto;width:100px;padding:2px 5px;font-weight:500;font-size:11px}
.pill-report-danger {
    background-color: #dc3545;
    -webkit-box-shadow: -0.5px 4.33px 16px 0 rgb(220 53 69 / 25%);
    box-shadow: -0.5px 4.33px 16px 0 rgb(220 53 69 / 25%);
    color: #fff;
    border-radius: 0;
}
.pill-report-warning {
    background-color: #f8d62b;
    -webkit-box-shadow: -0.5px 4.33px 16px 0 rgb(248 214 43 / 25%);
    box-shadow: -0.5px 4.33px 16px 0 rgb(248 214 43 / 25%);
    color: #fff;
    border-radius: 0;
}
.pill-report-primary {
    background-color: #7366ff;
    -webkit-box-shadow: -0.5px 4.33px 16px 0 rgba(#7366ff,0.25);
    box-shadow: -0.5px 4.33px 16px 0 rgba(#7366ff,0.25);
    color: #fff;
    border-radius: 0;
}
.pill-report-medium {
    background-color: #4c2fbf!important;
	-webkit-box-shadow: -0.5px 4.33px 16px 0 rgba(#4c2fbf,0.25);
    box-shadow: -0.5px 4.33px 16px 0 rgba(#4c2fbf,0.25);
    color: #fff!important; border-radius: 0;
}
.pill-report-success {
    background-color: #51bb25;
    -webkit-box-shadow: -0.5px 4.33px 16px 0 rgb(81 187 37 / 25%);
    box-shadow: -0.5px 4.33px 16px 0 rgb(81 187 37 / 25%);
    color: #fff;
    border-radius: 0;
}
.active{background:#aee9d1;color:#202223}
.catName{font-weight:500;text-decoration:none;color:inherit}
.clientName{font-weight:500;text-decoration:none;color:inherit;text-transform:capitalize}
.smallPill{font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 12px;
border: none;display:inline-block;color:#fff}
.voucher{    display: inline-block;
    padding: 2px 10px;
    border: 1px dashed;
font-size: 13px;}
.newClient{background:#4c2fbf}
.existingClient{background:#007b5c}
.filtres select{font-weight:400;border-radius:0;border:.0625rem solid #ced4da}
.filtres select:first-child{border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px}
.filtres select:last-child{border-left:none;border-top-right-radius:5px;border-bottom-right-radius:5px}
.tableArea{margin-bottom:15px}
.price{color:#9c0000;font-weight:400;font-size:14px}
.price s{color:#000;font-weight:300;font-size:13px}
.categoriesList{padding:0;margin:0;list-style:none}
.categoriesList label{cursor:pointer}
.subcats{padding-left:15px;margin:0;list-style:none;display:none}
.categoriesList .clientname,.categoriesList .subcats .subcat,.categoriesList .catName{padding:7px 15px;padding-left:32.5px;display:inline-block;border-radius:5px;font-weight:400;border:1px solid #e3e5ef;position:relative;z-index:1}
.categoriesList .catName{margin-bottom:0;padding-left:15px}
.categoriesList .catName.hasKid{background:#fff}
.categoriesList li{padding:20px 0 0 25px;position:relative;color:#333;font-size:14px}
.filter-block ul li{padding-top:10px;position:relative;padding-left:20px}
.extrabtn{padding:1px 7px;font-size:12px;line-height:1.5;border:1px solid #e3e5ef;border-radius:3px;display:inline-block;margin-left:10px;cursor:pointer}
.catName .extrabtn{margin-left:-5px;margin-right:5px}
.categoriesList ul li:before{content:"";position:absolute;top:-19px;left:-11px;border-left:2px dashed #a2a5b5;width:1px;height:100%}
.categoriesList ul li:after{content:"";position:absolute;border-top:2px dashed #a2a5b5;top:26px;left:-10px;width:31px}
.onProduct ul li:after{content:"";position:absolute;border-top:2px dashed #a2a5b5;top:29px;left:-10px;width:31px}
.catName input{transform:translateY(3px);display:inline-block;width:13px;height:13px;margin:0 1rem 0 0}
#boxBox{margin-top:20px}
.radio_animated:before{-webkit-transition:-webkit-transform .4s cubic-bezier(0.45,1.8,0.5,0.75);transition:-webkit-transform .4s cubic-bezier(0.45,1.8,0.5,0.75);transition:transform .4s cubic-bezier(0.45,1.8,0.5,0.75);transition:transform .4s cubic-bezier(0.45,1.8,0.5,0.75),-webkit-transform .4s cubic-bezier(0.45,1.8,0.5,0.75);-webkit-transform:scale(0,0);transform:scale(0,0);content:"";position:absolute;top:0;left:.125rem;z-index:1;width:.75rem;height:.75rem;background:var(--button-color);border-radius:50%}
.radio_animated:after{content:"";position:absolute;top:-.25rem;left:-.125rem;width:16px;height:16px;background:#fff;border:2px solid #ecf3fa;border-radius:50%}
.radio_animated:checked:before{-webkit-transform:scale(1,1);transform:scale(1,1)}
.productItem{position: relative;
    margin-bottom: 20px;
    padding: 10px;
        border: 1px solid var(--light-background);}
	.stockManagment .smallButton{margin-right:15px}
.pr-20{padding-right:20px}
.stockTitle{background: var(--light-background);
    padding: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 0;
    font-weight: 500;
color: #353535;}.hide{opacity:0;visibility:hidden;z-index:-999;display:none}
.productFound{    border: 1px solid var(--dark-blue);
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 5px;
text-align: center;}
.fcenter .cardBox{margin:.5rem}
footer{text-align:center}
.productTitle{font-weight:400;display:block}
.variantPrices{display:block;clear:both;font-weight:500;font-size:16px;color:var(--red);padding:5px 0}
.cutThrough{margin-left:10px;text-decoration:line-through;font-weight:300;font-size:14px;color:var(--medium-text)}
.actualStock{display: flex;
    margin-bottom: 10px;
    font-weight: 400;
    flex-wrap: wrap;}.actualStock span{margin:0 5px;display:inline-block}
.borderLeft{border-left:2px solid var(--light-background);padding-left:20px}
.btn-pill{display:inline-block;margin-bottom:5px;height:30px;font-size:13px;padding:0 10px;background:var(--light-background);line-height:30px;white-space:nowrap;border:1px solid var(--medium-text);border-radius:5px;font-weight:400;letter-spacing:1px}
.smallButton{font-size:12px;border-radius:15px;background:var(--light-background);cursor:pointer;padding:0 15px 0 40px;line-height:30px;display:inline-block;max-width:180px;text-align:center;margin-bottom:10px;letter-spacing:1px;font-weight:400;position:relative;transition:all .3s ease-in-out;height: auto;
    border: none;}
.danger{background:var(--red)!important;color:#fff}
.yellow{background:var(--yellow)!important}
.smallButton i{position:absolute;left:0;top:0;height:30px;width:30px;padding:9px;background:var(--button-color);border-radius:50%;transition:all .3s ease-in-out}
.disabled{opacity:.7;cursor:not-allowed}
.warning{display:inline-block;color:var(--red);padding:2px 10px;margin-right:10px;font-size:12px;background:#ffdfdf;border-radius:3px;margin-bottom:10px}
.unselected{filter: invert(8%) sepia(88%) saturate(3596%) hue-rotate(355deg) brightness(126%) contrast(120%);}
.selectedBox{filter: invert(20%) sepia(57%) saturate(5882%) hue-rotate(162deg) brightness(92%) contrast(101%);}
	.loaderItem{position: fixed;
    z-index: 99999;
    background: #00000096;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;transition:all .3s ease-in-out}
	.loaderIcon{    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}
.addNew .select2-container{margin:0}
.pageHead{background:#fff;    padding: 15px 30px;
        margin: -15px -30px 1rem;
    border-bottom: 1px solid #e1e3e5}
.labelTitle{font-size: 13px;
    font-weight: 500;
    margin-bottom: 3px;
    display: block;
    margin-top: 10px;position:relative}
	.disabledBTN{    opacity: .5;
    cursor: not-allowed;}
	.newAttribute{    display: flex;
    position: relative;
    border-radius: 20px;
    margin-right: 20px;
    padding-right: 60px;
    margin-bottom: 20px;
}#previewInvoice {
    position: relative;
    padding-bottom: 337px !important;
}#previewInvoice tr{filter:none}
#previewInvoice #header {
    position: relative;
    top: 0;
    margin-bottom: 10px;
}#previewInvoice tr,#previewInvoice td{    padding: 3px;}
#previewInvoice #footer {
    position: absolute;
    bottom: 10px;
    margin-top: 10px;
    width: 92%;
}
.infossss{display:block;white-space:nowrap}
#previewInvoice tr th:last-child, #previewInvoice tr td:last-child{text-align:left}
.newAttribute select{height: 30px;
    margin-left: 10px;}
	.deleteAttribute{    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    top: 0;
    display: block;}
	.line{background:var(--light-background)}
	.vertical{width:1px}
	.areaTitle{font-weight: 500;    margin: 15px 0;    color: #333;
    font-size: 15px;}
	.card-body{    font-size: 14px;
    line-height: 1.8;
    font-weight: 300;}
	b{font-weight:600}
	tr th:last-child,tr td:last-child{text-align:right}
	.statusList{list-style: none;}
	.statusPill{    background: var(--light-blue);
    color: var(--dark-blue);
       padding: 3px 10px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;    white-space: nowrap;}
	.awbinfo{    margin: 10px 0;
    background: #000;
    color: #fff;}
	.reofertata,.creata{background-color:#4c2fbf!important;color:#fff!important}
	.preluata{    background-color: #ff9143!important;
    color: #fff!important;}
.pregatita{color: #fff!important;
    background-color: #bed251!important;}.sortTable{font-size:13px;text-align:center}
	.lefted{text-align:left}
	.sortTable th span{  display:inline-block;cursor: pointer;position:relative;font-size:13px;line-height:1.2;padding-right:24px}
	.sortTable th span:after{    content: "";
    display: inline-block;
    width: 16px;
    background: url(icons/sort.svg) center center;
    height: 16px;right:0;
    background-size: contain;
    background-repeat: no-repeat;
  
    margin-left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.acceptata,.livrata{background-color:#51bb25!important;color:#fff!important}
.anulata,.respinsa{background-color:#dc3545!important;color:#fff!important}
.trimisa{background-color:#655af3!important;color:#fff!important}
.inlivrare{background-color:#148df6!important;color:#fff!important}
.tiparita{background-color:#2c323f!important;color:#fff!important}
.modal:before{content:"";background:#000;opacity:.4;width:100%;height:100%;left:0;top:0;    position: fixed;}
	.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;    overflow-y: auto;
}.fade:not(.showModal) {
    opacity: 1;
}.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.showModal{display:block !important}
.modal-header .close{    width: 40px;
    height: 40px;
    border-radius: 0;
font-size: 20px;}
.modal.fade .modal-dialog {border-radius:calc(0.3rem - 1px);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
      position: absolute;
    width: 100%;
    max-width: 600px;
    background: #fff;
        top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 1rem;
    margin: 1.75rem auto;
}
#factura  .modal-dialog{max-width:1000px}
.userCreated{font-size: 13px}
.userCreated span{font-size:12px;margin-left:10px}
.price s{margin-left:10px}
.modal-footer label{    display: flex;
    justify-content: center;
margin-right: 10px;}.modal-footer label input{margin-right:5px}
.closeX{    width: 40px;
    background: #fff;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    line-height: 40px;
border-radius: calc(0.3rem - 1px);margin:0;border:none;cursor:pointer}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}
.careBox label{padding-left: 60px;
    position: relative;
    line-height: 1;
    display: flex;
align-items: center;min-height: 24px;}

.careBox i{position: absolute;left: 30px;}
.careBox .checkmark{width:24px;height:24px}
.careBox .three{margin-bottom:1rem}
.careBox .checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;}
	#productgroupoptionslist{padding:15px;border:2px solid transparent}
	#productgroupoptionslist.plusQ{border-color:var(--button-color);background-color:#e5f1ee}
	#productgroupoptionslist.minusQ{border-color:var(--yellow);background-color:#ffeed6}
	#productgroupoptionslist.removeQ{border-color:var(--red);background-color:#ffe6e6}
	pagination,.dataTables_paginate span{    margin-top: 1rem;display: flex;
    justify-content: center;}
	pagination span,pagination a,.dataTables_paginate a{    cursor: pointer;
    width: 32px;
    height: 32px;
    display: block;
	border-right:none;
    text-align: center;
    line-height: 32px;transition:all .2s ease-in-out}
	pagination .activ,.dataTables_paginate .current{cursor:auto;background:#000;color:#fff}
	.dashTitle{    font-weight: 500;texttrasnform:uppercase;
    font-size: 13px;
    color: #6d7175;
    display: block;}
	.result{
    font-size: 21px;
    color: #212b36;
    font-weight: 500;}
	.dashIcon{    background: #00a19f;
    display: block;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;}
	.getcall{position:relative}
#saveMessage{    position: absolute;
    top: 100%;
    color: var(--button-color);
    font-size: 12px;
    line-height: 1.5;
    left: 50%;
    transform: translateX(-50%);
white-space: nowrap;}
.wms{    max-width: 640px;
margin: 0 auto;}
table tr:nth-child(even){background:var(--background-color)}
table tr.badge-success{background:var(--button-color)}
table tr.badge-warning{background:var(--yellow)}
.blinker{ animation: blinker 0.5s linear infinite; }
@keyframes blinker {
   50% {
       opacity: 0.7;
   }
}
	.boxInvalid{background:#f0a6ad}
    .boxInvalid .cardBox{background:#ecb695}
	.boxValid{background:#afec95}
	.boxValid .cardBox{background:#afec95}
.hiddenBlock{    background: #fff;
    padding: .5rem;
    border-radius: 5px;
    font-size: 13px;position:absolute;z-index:2;
    box-shadow: 0 0 0.3125rem #1718180d, 0 0.0625rem 0.125rem #00000026;right:0;display:none}
.hiddenBlock span{    display: flex;padding:1rem;white-space:nowrap;cursor:pointer;align-items:center;
    border-bottom: 1px solid var(--light-background);text-align:right}
	.hiddenBlock span i{margin-right:10px}
	.hiddenBlock span:last-child{border:none}
	.optionsBlock .secondary{  align-items: center;cursor:pointer;  border-radius: 5px;
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: space-between;}.optionsBlock .secondary i{filter: invert(65%) sepia(84%) saturate(1849%) hue-rotate(187deg) brightness(88%) contrast(88%);margin-left:20px}
	.optionsBlock{position:relative}
	.optionsBlock:hover .hiddenBlock{display:block}
.actualStock span{margin-right:5px}	
.switch{line-height: 28px;
    min-height: 28px;display:flex;}
.switch input{
-webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1em;
    margin-top: 0.25em;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    vertical-align: top;
    width: 1em;    
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23000'/%3E%3C/svg%3E");
    background-position: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
    width: 2em;    
	height: 24px;
    position: relative;
    width: 48px;
	border: 2px solid var(--light-background);
}
.switch input:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 100%;
}
input:checked {
    background-color: var(--button-color);
    border-color: var(--button-color);
}
 .selectMultiple{min-height: 150px;
margin-bottom: 20px;padding:0;appearance:none}
	.sells{background:yellow}
	/*Rapoarte*/
	.crashcart-container {border: #e8e8e8 1px solid}
	.crashchart {
    position: relative;
    width: 100%;
    padding: 20px;
    padding-left: 70px;
    margin: 30px;}
	.backchart {
    padding: 20px;
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 0;
    padding-left: 40px;
}.backchart span {
    display: block;
    height: 0.01em;
    background: #e8e8e8;
    position: absolute;
    width: calc(100% - 70px);
}
.backchart span:first-child {
    bottom: 100%;
}
.backchart span:last-child {
    top: 100%;
}
.bars {
    padding: 0 50px 0 0;
}.bar {
    min-height: 250px;
    position: relative;
    display: flex;
    transform: scaleY(-1);
    flex-grow: 1;
    padding: 0 10px;
}.elevate {
    background: #7366ff;
    display: block;
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
}
.label {
    position: absolute;
    display: none;
    height: 16px;
    background: #51bb25;
    color: #fff;
    z-index: 99;
    text-align: center;
    line-height: 16px;
    left: 50%;
    font-size: 11px;
    bottom: -22px;
    border-radius: 3px;
    padding: 0 5px;
    transform: scaleY(-1) translateX(-50%);
}.label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #51bb25;
    display: block;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    border-radius: 50%;
}.elevate:hover .label{display:block}
.crashchart .second{right:0;left:auto;background:#f73164}
.crashchart .third{right:0;left:auto;background:#ffe932}
.lines{position:absolute;width:50px;text-align:center;left:10px;height:calc(100% - 40px);top:20px}
.lines span{position:absolute;font-size:12px;line-height:12px;color:#666;display:block;text-align:center}
.lines span:first-child{bottom:100%;transform:translateY(6px)}
.lines span:last-child{top:100%;transform:translateY(-6px)}
.lines span:nth-child(2){transform:translateY(-25%);top:25%}
.lines span:nth-child(3){transform:translateY(-50%);top:50%}
.lines span:nth-child(4){top:75%;transform:translateY(-75%)}
.backchart{padding:20px;position:absolute;width:calc(100% - 40px);height:calc(100% - 40px);top:20px;left:0;padding-left:40px}
.backchart span{display:block;height:.01em;background:#e8e8e8;position:absolute;width:calc(100% - 70px)}
.backchart span:first-child{bottom:100%}
.backchart span:last-child{top:100%}
.backchart span:nth-child(2){transform:translateY(-25%);top:25%}
.backchart span:nth-child(3){transform:translateY(-50%);top:50%}
.backchart span:nth-child(4){top:75%;transform:translateY(-75%)}
.legend{justify-content:center;position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:12px;color:#666}
.legend span{margin:5px 10px}
.legend span:before{content:"";display:inline-block;width:10px;height:10px;background:#7366ff;margin-right:10px}
.lred span:before{background:#f73164}
.lyellow span:before{background:#ffe932}
.seazonOrder input{width:60px}
.newReport{border:1px solid #e1e3e5;margin-top:20px}
.newReport table{margin-top:0}
.newReport table tr:last-child{border-bottom:none}
.newReport th{font-weight:500;text-align:center}
.newReport td{text-align:center}
.newReport td:nth-child(1),.newReport th:nth-child(1){text-align:left}
.newReport table tr:nth-child(even){background:none}
@media (min-width: 1000px) {

	.stocReport img{width:160px}
	.optionsBlock .secondary:hover i{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(221deg) brightness(107%) contrast(102%)}
	.hiddenBlock span:hover{color:red}
	.smallMenu nav{width:60px}
.smallMenu .pageContainer{padding-left:calc(58px + 2rem)}
.smallShow,.smallMenu .smallHide,.smallMenu .slideSub{display:none}
.smallMenu .smallAbsolute{left:100%;position:absolute;display:none;    white-space: nowrap;
    top: -15px;
    padding: 15px;
    background: var(--button-color);
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    width: 200px;z-index:9999;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;}
.smallMenu .megaMenu{overflow:visible}
.smallMenu .smallShow{display:block}
.smallMenu .subMenu{position:absolute;left:100%;top:36px;display:none;background: var(--button-color);
    white-space: nowrap;
    width: 200px;padding:15px;padding-top:0;border-bottom-right-radius:3px}
	.smallMenu .subMenu a{font-size:13px;padding-left:0;color:#fff}
	.smallMenu .megaMenu li:hover .smallAbsolute{display:block}
	.smallMenu .megaMenu li:hover .subMenu{display:block}
	.smallMenu .subMenu a:hover{background:transparent;}
	.only-mobile{display:none}
	pagination span:hover,pagination a:hover,.dataTables_paginate a:hover{background:#000;color:#fff;text-decoration:none}
	.hint:hover .helpInfo{visibility:visible;opacity:1;z-index:9}

a:hover{text-decoration:underline}
.cornerRight:hover i:before{filter:invert(40%) sepia(93%) saturate(1309%) hue-rotate(333deg) brightness(79%) contrast(102%)}
.sticky{position:sticky;top:0px;z-index:99}
.callto:hover{background:var(--hover-button)}
.getGreen:hover{background:var(--button-color);color:#fff}
.getYellow:hover{background:var(--yellow);color:#fff}
.getRed:hover{background:var(--red);color:#fff}
.secondary:hover{background:var(--dark-blue);color:#fff}
nav ul li a:hover{background:#f1f2f3}
}
input.allcodes{scroll-margin: 150px;}
tfoot td{font-weight:500;}
tfoot td:first-child{text-align:left}


.slideSub i{transform:rotate(90deg);transition:all .2s ease-in-out}
.openDown .slideSub i{transform:rotate(-90deg)}
.bolded{font-weight:500}
.anterior{font-weight:300;font-size:90%;opacity:.9;display:block}
@media (max-width: 999px){.filtres select:first-child,.filtres select:last-child{border: 0.0625rem solid #ced4da;}
		.formReport .callto{margin:15px 0}
	.megaMenu{}
	nav ul li{line-height: 42px;}
	.subMenu li {line-height: 32px}
	.subMenu{display:none}
	.openDown .subMenu{display:block}
	
	.seven,.third,.half{width:100%}
	.table-responsive{overflow:auto}
	.pageHead{
        margin: -15px -15px 1rem;}
	.pageHead{    margin: 0 -15px 1rem;}
	.areaTitle{    margin: 0 0 10px 0;}
	.cardBox{padding: 15px;margin-top:0px}
	#shrinkMenu{margin-left: 15px;order:1}
	.logo{    margin: 0 auto;
    order: 2;
    margin-right: 15px;padding:16px 0}
	body{padding-top:40px}
	.no-mobile{display:none}
	nav{    z-index: 99;top: 0;height: 55px;
    width: 100%;border:none;overflow: hidden;border-bottom: 1px solid #e1e3e5;}
	.smallMenu nav{width:100%;height:100%}
	.smallMenu .smallAbsolute{position:relative}
	.pageContainer{padding:15px}
	.half{width:100%}
	.four,.three{width:100%}
	.formReport .four{width:48%}
	canvas{aspect-ratio:auto 1/1}
}