.lists-wrapper {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.lists-wrapper .lista-produse-furnizori {
  border: 1px solid #d3d3d3;
  padding: 25px;
  border-radius: 10px;
}
.lists-wrapper .lista-produse-furnizori .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 25px;
  flex-wrap: wrap;
}
.lists-wrapper .lista-produse-furnizori .details .counter {
  background-color: var(--dark-primary);
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
}
.lists-wrapper .lista-produse-furnizori .details .group .label {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: black;
  opacity: 0.5;
  line-height: 18px;
}
.lists-wrapper .lista-produse-furnizori .details .group p {
  margin: 0px;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.lists-wrapper .lista-produse-furnizori .details .group .actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.lists-wrapper .lista-produse-furnizori .details .group .actions div, .lists-wrapper .lista-produse-furnizori .details .group .actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid var(--dark-primary);
  color: white;
  background-color: var(--dark-primary);
  font-size: 12px;
  font-weight: bold;
}
.lists-wrapper .lista-produse-furnizori .details .group .actions div i, .lists-wrapper .lista-produse-furnizori .details .group .actions a i {
  font-size: 14px;
  color: white;
}
.lists-wrapper .lista-produse-furnizori .details .group .actions div:hover, .lists-wrapper .lista-produse-furnizori .details .group .actions a:hover {
  background-color: white;
  color: var(--dark-primary);
  transition: 0.2s;
  cursor: pointer;
}
.lists-wrapper .lista-produse-furnizori .details .group .actions div:hover i, .lists-wrapper .lista-produse-furnizori .details .group .actions a:hover i {
  color: var(--dark-primary);
}
.lists-wrapper .lista-produse-furnizori .details .group .actions div.danger, .lists-wrapper .lista-produse-furnizori .details .group .actions a.danger {
  background-color: red;
  border: 1px solid red;
}
.lists-wrapper .lista-produse-furnizori .details .group .actions div.danger:hover, .lists-wrapper .lista-produse-furnizori .details .group .actions a.danger:hover {
  background-color: white;
  color: red;
}
.lists-wrapper .lista-produse-furnizori .details .group .actions div.danger:hover i, .lists-wrapper .lista-produse-furnizori .details .group .actions a.danger:hover i {
  color: red;
}
.lists-wrapper .lista-produse-furnizori .details .button-rounded-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.lists-wrapper .lista-produse-furnizori .details .button-rounded {
  width: 30px;
  height: 30px;
  border: 1px solid var(--dark-primary);
  background-color: var(--dark-primary);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
}
.lists-wrapper .lista-produse-furnizori .details .button-rounded:hover {
  background-color: white;
  color: var(--dark-primary);
  transition: 0.2s;
  cursor: pointer;
}
.lists-wrapper .lista-produse-furnizori .inner-content {
  display: none;
  transition: 0.2s;
}
.lists-wrapper .lista-produse-furnizori .expand-btn {
  display: flex !important;
}
.lists-wrapper .lista-produse-furnizori .collapse-btn {
  display: none !important;
}
.lists-wrapper .lista-produse-furnizori.expanded .inner-content {
  display: block;
  padding: 15px 5px;
  padding-bottom: 0px;
  border-top: 1px solid #d3d3d3;
  margin-top: 20px;
}
.lists-wrapper .lista-produse-furnizori.expanded .inner-content .table-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.lists-wrapper .lista-produse-furnizori.expanded .inner-content .delete {
  color: red;
}
.lists-wrapper .lista-produse-furnizori.expanded .expand-btn {
  display: none !important;
}
.lists-wrapper .lista-produse-furnizori.expanded .collapse-btn {
  display: flex !important;
}

.import-products-on-pf-wrapper {
  padding: 25px;
}
.import-products-on-pf-wrapper .red-notice {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 15px;
  display: block;
}
.import-products-on-pf-wrapper .items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.import-products-on-pf-wrapper .items .item {
  background-color: white;
  border: 2px solid white;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 25px;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.067);
}
.import-products-on-pf-wrapper .items .item.wrong {
  border: 2px solid red;
}
.import-products-on-pf-wrapper .items .item.wrong p {
  color: red !important;
}
.import-products-on-pf-wrapper .items .item .group {
  flex: auto;
}
.import-products-on-pf-wrapper .items .item .group .label {
  margin: 0px;
  font-size: 12px;
  opacity: 0.6;
  padding: 0px;
}
.import-products-on-pf-wrapper .items .item .group p {
  margin: 0px;
  font-size: 16px;
  font-weight: bold;
}
.import-products-on-pf-wrapper .items .item .group .delete-btn {
  display: flex;
  height: 28px;
  width: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: white;
  background-color: red;
  border: 1px solid red;
}
.import-products-on-pf-wrapper .items .item .group .delete-btn:hover {
  background-color: white;
  color: red;
}

.highlight-column-table {
  background-color: #3899ff !important;
  color: white;
}
.highlight-column-table h6, .highlight-column-table p, .highlight-column-table span {
  color: white;
}
.highlight-column-table h6 {
  font-weight: bold !important;
}

.highlight-color-1-table {
  border: 2px solid #3899ff !important;
}

.client-order-preview-header {
  background: rgb(87, 96, 204) !important;
  background: linear-gradient(150deg, rgb(204, 237, 255) 0%, rgb(255, 255, 255) 66%, rgb(247, 247, 247) 100%) !important;
  border: 2px solid #1d349b;
}
.client-order-preview-header .intro-text {
  font-size: 28px;
  font-weight: 400;
  line-height: 34px;
  color: black;
  margin-bottom: 10px;
}
.client-order-preview-header .intro-text strong {
  font-weight: 800;
}
.client-order-preview-header .order-preview-meta-boxes {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.client-order-preview-header .order-preview-meta-boxes .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  background-color: white;
  border-radius: 10px;
  padding: 5px 10px;
  margin-bottom: 0px;
  height: auto;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.0509803922);
}
.client-order-preview-header .order-preview-meta-boxes .item i {
  font-size: 24px;
  color: #1d349b;
}
.client-order-preview-header .order-preview-meta-boxes .item .texts .name {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: black;
  opacity: 0.5;
  margin-bottom: 0px;
  display: block;
}
.client-order-preview-header .order-preview-meta-boxes .item .texts .value {
  margin: 0px;
  font-size: 16px;
  font-weight: bold;
}
.client-order-preview-header .order-actions a {
  background-color: #1d349b;
  border: 1px solid #1d349b;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: fit-content;
}
.client-order-preview-header .order-actions a i {
  font-size: 14px;
}
.client-order-preview-header .order-actions a span {
  font-size: 12px;
}
.client-order-preview-header .order-actions a:hover {
  cursor: pointer;
  color: white;
  transition: 0.2s;
}

.total-wrapper {
  display: flex;
  width: 100%;
  margin-top: 15px;
}
.total-wrapper .client-total-wrapper {
  display: inline-flex;
  flex-direction: column;
  background-color: #1d349b;
  border-radius: 4px;
  padding: 10px 15px;
}
.total-wrapper .client-total-wrapper .label {
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.4;
  padding: 0;
  margin: 0;
  line-height: 12px;
}
.total-wrapper .client-total-wrapper .value {
  font-size: 24px;
  line-height: 32px;
  margin-top: -5px;
  font-weight: bold;
  margin: 0px;
  coloR: white;
}

.cw-10 {
  width: 10px;
}

.cw-11 {
  width: 11px;
}

.cw-12 {
  width: 12px;
}

.cw-13 {
  width: 13px;
}

.cw-14 {
  width: 14px;
}

.cw-15 {
  width: 15px;
}

.cw-16 {
  width: 16px;
}

.cw-17 {
  width: 17px;
}

.cw-18 {
  width: 18px;
}

.cw-19 {
  width: 19px;
}

.cw-20 {
  width: 20px;
}

.cw-21 {
  width: 21px;
}

.cw-22 {
  width: 22px;
}

.cw-23 {
  width: 23px;
}

.cw-24 {
  width: 24px;
}

.cw-25 {
  width: 25px;
}

.cw-26 {
  width: 26px;
}

.cw-27 {
  width: 27px;
}

.cw-28 {
  width: 28px;
}

.cw-29 {
  width: 29px;
}

.cw-30 {
  width: 30px;
}

.cw-31 {
  width: 31px;
}

.cw-32 {
  width: 32px;
}

.cw-33 {
  width: 33px;
}

.cw-34 {
  width: 34px;
}

.cw-35 {
  width: 35px;
}

.cw-36 {
  width: 36px;
}

.cw-37 {
  width: 37px;
}

.cw-38 {
  width: 38px;
}

.cw-39 {
  width: 39px;
}

.cw-40 {
  width: 40px;
}

.cw-41 {
  width: 41px;
}

.cw-42 {
  width: 42px;
}

.cw-43 {
  width: 43px;
}

.cw-44 {
  width: 44px;
}

.cw-45 {
  width: 45px;
}

.cw-46 {
  width: 46px;
}

.cw-47 {
  width: 47px;
}

.cw-48 {
  width: 48px;
}

.cw-49 {
  width: 49px;
}

.cw-50 {
  width: 50px;
}

.cw-51 {
  width: 51px;
}

.cw-52 {
  width: 52px;
}

.cw-53 {
  width: 53px;
}

.cw-54 {
  width: 54px;
}

.cw-55 {
  width: 55px;
}

.cw-56 {
  width: 56px;
}

.cw-57 {
  width: 57px;
}

.cw-58 {
  width: 58px;
}

.cw-59 {
  width: 59px;
}

.cw-60 {
  width: 60px;
}

.cw-61 {
  width: 61px;
}

.cw-62 {
  width: 62px;
}

.cw-63 {
  width: 63px;
}

.cw-64 {
  width: 64px;
}

.cw-65 {
  width: 65px;
}

.cw-66 {
  width: 66px;
}

.cw-67 {
  width: 67px;
}

.cw-68 {
  width: 68px;
}

.cw-69 {
  width: 69px;
}

.cw-70 {
  width: 70px;
}

.cw-71 {
  width: 71px;
}

.cw-72 {
  width: 72px;
}

.cw-73 {
  width: 73px;
}

.cw-74 {
  width: 74px;
}

.cw-75 {
  width: 75px;
}

.cw-76 {
  width: 76px;
}

.cw-77 {
  width: 77px;
}

.cw-78 {
  width: 78px;
}

.cw-79 {
  width: 79px;
}

.cw-80 {
  width: 80px;
}

.cw-81 {
  width: 81px;
}

.cw-82 {
  width: 82px;
}

.cw-83 {
  width: 83px;
}

.cw-84 {
  width: 84px;
}

.cw-85 {
  width: 85px;
}

.cw-86 {
  width: 86px;
}

.cw-87 {
  width: 87px;
}

.cw-88 {
  width: 88px;
}

.cw-89 {
  width: 89px;
}

.cw-90 {
  width: 90px;
}

.cw-91 {
  width: 91px;
}

.cw-92 {
  width: 92px;
}

.cw-93 {
  width: 93px;
}

.cw-94 {
  width: 94px;
}

.cw-95 {
  width: 95px;
}

.cw-96 {
  width: 96px;
}

.cw-97 {
  width: 97px;
}

.cw-98 {
  width: 98px;
}

.cw-99 {
  width: 99px;
}

.cw-100 {
  width: 100px;
}

.cw-101 {
  width: 101px;
}

.cw-102 {
  width: 102px;
}

.cw-103 {
  width: 103px;
}

.cw-104 {
  width: 104px;
}

.cw-105 {
  width: 105px;
}

.cw-106 {
  width: 106px;
}

.cw-107 {
  width: 107px;
}

.cw-108 {
  width: 108px;
}

.cw-109 {
  width: 109px;
}

.cw-110 {
  width: 110px;
}

.cw-111 {
  width: 111px;
}

.cw-112 {
  width: 112px;
}

.cw-113 {
  width: 113px;
}

.cw-114 {
  width: 114px;
}

.cw-115 {
  width: 115px;
}

.cw-116 {
  width: 116px;
}

.cw-117 {
  width: 117px;
}

.cw-118 {
  width: 118px;
}

.cw-119 {
  width: 119px;
}

.cw-120 {
  width: 120px;
}

.cw-121 {
  width: 121px;
}

.cw-122 {
  width: 122px;
}

.cw-123 {
  width: 123px;
}

.cw-124 {
  width: 124px;
}

.cw-125 {
  width: 125px;
}

.cw-126 {
  width: 126px;
}

.cw-127 {
  width: 127px;
}

.cw-128 {
  width: 128px;
}

.cw-129 {
  width: 129px;
}

.cw-130 {
  width: 130px;
}

.cw-131 {
  width: 131px;
}

.cw-132 {
  width: 132px;
}

.cw-133 {
  width: 133px;
}

.cw-134 {
  width: 134px;
}

.cw-135 {
  width: 135px;
}

.cw-136 {
  width: 136px;
}

.cw-137 {
  width: 137px;
}

.cw-138 {
  width: 138px;
}

.cw-139 {
  width: 139px;
}

.cw-140 {
  width: 140px;
}

.cw-141 {
  width: 141px;
}

.cw-142 {
  width: 142px;
}

.cw-143 {
  width: 143px;
}

.cw-144 {
  width: 144px;
}

.cw-145 {
  width: 145px;
}

.cw-146 {
  width: 146px;
}

.cw-147 {
  width: 147px;
}

.cw-148 {
  width: 148px;
}

.cw-149 {
  width: 149px;
}

.cw-150 {
  width: 150px;
}

.cw-151 {
  width: 151px;
}

.cw-152 {
  width: 152px;
}

.cw-153 {
  width: 153px;
}

.cw-154 {
  width: 154px;
}

.cw-155 {
  width: 155px;
}

.cw-156 {
  width: 156px;
}

.cw-157 {
  width: 157px;
}

.cw-158 {
  width: 158px;
}

.cw-159 {
  width: 159px;
}

.cw-160 {
  width: 160px;
}

.cw-161 {
  width: 161px;
}

.cw-162 {
  width: 162px;
}

.cw-163 {
  width: 163px;
}

.cw-164 {
  width: 164px;
}

.cw-165 {
  width: 165px;
}

.cw-166 {
  width: 166px;
}

.cw-167 {
  width: 167px;
}

.cw-168 {
  width: 168px;
}

.cw-169 {
  width: 169px;
}

.cw-170 {
  width: 170px;
}

.cw-171 {
  width: 171px;
}

.cw-172 {
  width: 172px;
}

.cw-173 {
  width: 173px;
}

.cw-174 {
  width: 174px;
}

.cw-175 {
  width: 175px;
}

.cw-176 {
  width: 176px;
}

.cw-177 {
  width: 177px;
}

.cw-178 {
  width: 178px;
}

.cw-179 {
  width: 179px;
}

.cw-180 {
  width: 180px;
}

.cw-181 {
  width: 181px;
}

.cw-182 {
  width: 182px;
}

.cw-183 {
  width: 183px;
}

.cw-184 {
  width: 184px;
}

.cw-185 {
  width: 185px;
}

.cw-186 {
  width: 186px;
}

.cw-187 {
  width: 187px;
}

.cw-188 {
  width: 188px;
}

.cw-189 {
  width: 189px;
}

.cw-190 {
  width: 190px;
}

.cw-191 {
  width: 191px;
}

.cw-192 {
  width: 192px;
}

.cw-193 {
  width: 193px;
}

.cw-194 {
  width: 194px;
}

.cw-195 {
  width: 195px;
}

.cw-196 {
  width: 196px;
}

.cw-197 {
  width: 197px;
}

.cw-198 {
  width: 198px;
}

.cw-199 {
  width: 199px;
}

.cw-200 {
  width: 200px;
}

.cw-201 {
  width: 201px;
}

.cw-202 {
  width: 202px;
}

.cw-203 {
  width: 203px;
}

.cw-204 {
  width: 204px;
}

.cw-205 {
  width: 205px;
}

.cw-206 {
  width: 206px;
}

.cw-207 {
  width: 207px;
}

.cw-208 {
  width: 208px;
}

.cw-209 {
  width: 209px;
}

.cw-210 {
  width: 210px;
}

.cw-211 {
  width: 211px;
}

.cw-212 {
  width: 212px;
}

.cw-213 {
  width: 213px;
}

.cw-214 {
  width: 214px;
}

.cw-215 {
  width: 215px;
}

.cw-216 {
  width: 216px;
}

.cw-217 {
  width: 217px;
}

.cw-218 {
  width: 218px;
}

.cw-219 {
  width: 219px;
}

.cw-220 {
  width: 220px;
}

.cw-221 {
  width: 221px;
}

.cw-222 {
  width: 222px;
}

.cw-223 {
  width: 223px;
}

.cw-224 {
  width: 224px;
}

.cw-225 {
  width: 225px;
}

.cw-226 {
  width: 226px;
}

.cw-227 {
  width: 227px;
}

.cw-228 {
  width: 228px;
}

.cw-229 {
  width: 229px;
}

.cw-230 {
  width: 230px;
}

.cw-231 {
  width: 231px;
}

.cw-232 {
  width: 232px;
}

.cw-233 {
  width: 233px;
}

.cw-234 {
  width: 234px;
}

.cw-235 {
  width: 235px;
}

.cw-236 {
  width: 236px;
}

.cw-237 {
  width: 237px;
}

.cw-238 {
  width: 238px;
}

.cw-239 {
  width: 239px;
}

.cw-240 {
  width: 240px;
}

.cw-241 {
  width: 241px;
}

.cw-242 {
  width: 242px;
}

.cw-243 {
  width: 243px;
}

.cw-244 {
  width: 244px;
}

.cw-245 {
  width: 245px;
}

.cw-246 {
  width: 246px;
}

.cw-247 {
  width: 247px;
}

.cw-248 {
  width: 248px;
}

.cw-249 {
  width: 249px;
}

.cw-250 {
  width: 250px;
}

.cw-251 {
  width: 251px;
}

.cw-252 {
  width: 252px;
}

.cw-253 {
  width: 253px;
}

.cw-254 {
  width: 254px;
}

.cw-255 {
  width: 255px;
}

.cw-256 {
  width: 256px;
}

.cw-257 {
  width: 257px;
}

.cw-258 {
  width: 258px;
}

.cw-259 {
  width: 259px;
}

.cw-260 {
  width: 260px;
}

.cw-261 {
  width: 261px;
}

.cw-262 {
  width: 262px;
}

.cw-263 {
  width: 263px;
}

.cw-264 {
  width: 264px;
}

.cw-265 {
  width: 265px;
}

.cw-266 {
  width: 266px;
}

.cw-267 {
  width: 267px;
}

.cw-268 {
  width: 268px;
}

.cw-269 {
  width: 269px;
}

.cw-270 {
  width: 270px;
}

.cw-271 {
  width: 271px;
}

.cw-272 {
  width: 272px;
}

.cw-273 {
  width: 273px;
}

.cw-274 {
  width: 274px;
}

.cw-275 {
  width: 275px;
}

.cw-276 {
  width: 276px;
}

.cw-277 {
  width: 277px;
}

.cw-278 {
  width: 278px;
}

.cw-279 {
  width: 279px;
}

.cw-280 {
  width: 280px;
}

.cw-281 {
  width: 281px;
}

.cw-282 {
  width: 282px;
}

.cw-283 {
  width: 283px;
}

.cw-284 {
  width: 284px;
}

.cw-285 {
  width: 285px;
}

.cw-286 {
  width: 286px;
}

.cw-287 {
  width: 287px;
}

.cw-288 {
  width: 288px;
}

.cw-289 {
  width: 289px;
}

.cw-290 {
  width: 290px;
}

.cw-291 {
  width: 291px;
}

.cw-292 {
  width: 292px;
}

.cw-293 {
  width: 293px;
}

.cw-294 {
  width: 294px;
}

.cw-295 {
  width: 295px;
}

.cw-296 {
  width: 296px;
}

.cw-297 {
  width: 297px;
}

.cw-298 {
  width: 298px;
}

.cw-299 {
  width: 299px;
}

.cw-300 {
  width: 300px;
}

.cw-301 {
  width: 301px;
}

.cw-302 {
  width: 302px;
}

.cw-303 {
  width: 303px;
}

.cw-304 {
  width: 304px;
}

.cw-305 {
  width: 305px;
}

.cw-306 {
  width: 306px;
}

.cw-307 {
  width: 307px;
}

.cw-308 {
  width: 308px;
}

.cw-309 {
  width: 309px;
}

.cw-310 {
  width: 310px;
}

.cw-311 {
  width: 311px;
}

.cw-312 {
  width: 312px;
}

.cw-313 {
  width: 313px;
}

.cw-314 {
  width: 314px;
}

.cw-315 {
  width: 315px;
}

.cw-316 {
  width: 316px;
}

.cw-317 {
  width: 317px;
}

.cw-318 {
  width: 318px;
}

.cw-319 {
  width: 319px;
}

.cw-320 {
  width: 320px;
}

.cw-321 {
  width: 321px;
}

.cw-322 {
  width: 322px;
}

.cw-323 {
  width: 323px;
}

.cw-324 {
  width: 324px;
}

.cw-325 {
  width: 325px;
}

.cw-326 {
  width: 326px;
}

.cw-327 {
  width: 327px;
}

.cw-328 {
  width: 328px;
}

.cw-329 {
  width: 329px;
}

.cw-330 {
  width: 330px;
}

.cw-331 {
  width: 331px;
}

.cw-332 {
  width: 332px;
}

.cw-333 {
  width: 333px;
}

.cw-334 {
  width: 334px;
}

.cw-335 {
  width: 335px;
}

.cw-336 {
  width: 336px;
}

.cw-337 {
  width: 337px;
}

.cw-338 {
  width: 338px;
}

.cw-339 {
  width: 339px;
}

.cw-340 {
  width: 340px;
}

.cw-341 {
  width: 341px;
}

.cw-342 {
  width: 342px;
}

.cw-343 {
  width: 343px;
}

.cw-344 {
  width: 344px;
}

.cw-345 {
  width: 345px;
}

.cw-346 {
  width: 346px;
}

.cw-347 {
  width: 347px;
}

.cw-348 {
  width: 348px;
}

.cw-349 {
  width: 349px;
}

.cw-350 {
  width: 350px;
}

.cw-351 {
  width: 351px;
}

.cw-352 {
  width: 352px;
}

.cw-353 {
  width: 353px;
}

.cw-354 {
  width: 354px;
}

.cw-355 {
  width: 355px;
}

.cw-356 {
  width: 356px;
}

.cw-357 {
  width: 357px;
}

.cw-358 {
  width: 358px;
}

.cw-359 {
  width: 359px;
}

.cw-360 {
  width: 360px;
}

.cw-361 {
  width: 361px;
}

.cw-362 {
  width: 362px;
}

.cw-363 {
  width: 363px;
}

.cw-364 {
  width: 364px;
}

.cw-365 {
  width: 365px;
}

.cw-366 {
  width: 366px;
}

.cw-367 {
  width: 367px;
}

.cw-368 {
  width: 368px;
}

.cw-369 {
  width: 369px;
}

.cw-370 {
  width: 370px;
}

.cw-371 {
  width: 371px;
}

.cw-372 {
  width: 372px;
}

.cw-373 {
  width: 373px;
}

.cw-374 {
  width: 374px;
}

.cw-375 {
  width: 375px;
}

.cw-376 {
  width: 376px;
}

.cw-377 {
  width: 377px;
}

.cw-378 {
  width: 378px;
}

.cw-379 {
  width: 379px;
}

.cw-380 {
  width: 380px;
}

.cw-381 {
  width: 381px;
}

.cw-382 {
  width: 382px;
}

.cw-383 {
  width: 383px;
}

.cw-384 {
  width: 384px;
}

.cw-385 {
  width: 385px;
}

.cw-386 {
  width: 386px;
}

.cw-387 {
  width: 387px;
}

.cw-388 {
  width: 388px;
}

.cw-389 {
  width: 389px;
}

.cw-390 {
  width: 390px;
}

.cw-391 {
  width: 391px;
}

.cw-392 {
  width: 392px;
}

.cw-393 {
  width: 393px;
}

.cw-394 {
  width: 394px;
}

.cw-395 {
  width: 395px;
}

.cw-396 {
  width: 396px;
}

.cw-397 {
  width: 397px;
}

.cw-398 {
  width: 398px;
}

.cw-399 {
  width: 399px;
}

.cw-400 {
  width: 400px;
}

.cw-401 {
  width: 401px;
}

.cw-402 {
  width: 402px;
}

.cw-403 {
  width: 403px;
}

.cw-404 {
  width: 404px;
}

.cw-405 {
  width: 405px;
}

.cw-406 {
  width: 406px;
}

.cw-407 {
  width: 407px;
}

.cw-408 {
  width: 408px;
}

.cw-409 {
  width: 409px;
}

.cw-410 {
  width: 410px;
}

.cw-411 {
  width: 411px;
}

.cw-412 {
  width: 412px;
}

.cw-413 {
  width: 413px;
}

.cw-414 {
  width: 414px;
}

.cw-415 {
  width: 415px;
}

.cw-416 {
  width: 416px;
}

.cw-417 {
  width: 417px;
}

.cw-418 {
  width: 418px;
}

.cw-419 {
  width: 419px;
}

.cw-420 {
  width: 420px;
}

.cw-421 {
  width: 421px;
}

.cw-422 {
  width: 422px;
}

.cw-423 {
  width: 423px;
}

.cw-424 {
  width: 424px;
}

.cw-425 {
  width: 425px;
}

.cw-426 {
  width: 426px;
}

.cw-427 {
  width: 427px;
}

.cw-428 {
  width: 428px;
}

.cw-429 {
  width: 429px;
}

.cw-430 {
  width: 430px;
}

.cw-431 {
  width: 431px;
}

.cw-432 {
  width: 432px;
}

.cw-433 {
  width: 433px;
}

.cw-434 {
  width: 434px;
}

.cw-435 {
  width: 435px;
}

.cw-436 {
  width: 436px;
}

.cw-437 {
  width: 437px;
}

.cw-438 {
  width: 438px;
}

.cw-439 {
  width: 439px;
}

.cw-440 {
  width: 440px;
}

.cw-441 {
  width: 441px;
}

.cw-442 {
  width: 442px;
}

.cw-443 {
  width: 443px;
}

.cw-444 {
  width: 444px;
}

.cw-445 {
  width: 445px;
}

.cw-446 {
  width: 446px;
}

.cw-447 {
  width: 447px;
}

.cw-448 {
  width: 448px;
}

.cw-449 {
  width: 449px;
}

.cw-450 {
  width: 450px;
}

.cw-451 {
  width: 451px;
}

.cw-452 {
  width: 452px;
}

.cw-453 {
  width: 453px;
}

.cw-454 {
  width: 454px;
}

.cw-455 {
  width: 455px;
}

.cw-456 {
  width: 456px;
}

.cw-457 {
  width: 457px;
}

.cw-458 {
  width: 458px;
}

.cw-459 {
  width: 459px;
}

.cw-460 {
  width: 460px;
}

.cw-461 {
  width: 461px;
}

.cw-462 {
  width: 462px;
}

.cw-463 {
  width: 463px;
}

.cw-464 {
  width: 464px;
}

.cw-465 {
  width: 465px;
}

.cw-466 {
  width: 466px;
}

.cw-467 {
  width: 467px;
}

.cw-468 {
  width: 468px;
}

.cw-469 {
  width: 469px;
}

.cw-470 {
  width: 470px;
}

.cw-471 {
  width: 471px;
}

.cw-472 {
  width: 472px;
}

.cw-473 {
  width: 473px;
}

.cw-474 {
  width: 474px;
}

.cw-475 {
  width: 475px;
}

.cw-476 {
  width: 476px;
}

.cw-477 {
  width: 477px;
}

.cw-478 {
  width: 478px;
}

.cw-479 {
  width: 479px;
}

.cw-480 {
  width: 480px;
}

.cw-481 {
  width: 481px;
}

.cw-482 {
  width: 482px;
}

.cw-483 {
  width: 483px;
}

.cw-484 {
  width: 484px;
}

.cw-485 {
  width: 485px;
}

.cw-486 {
  width: 486px;
}

.cw-487 {
  width: 487px;
}

.cw-488 {
  width: 488px;
}

.cw-489 {
  width: 489px;
}

.cw-490 {
  width: 490px;
}

.cw-491 {
  width: 491px;
}

.cw-492 {
  width: 492px;
}

.cw-493 {
  width: 493px;
}

.cw-494 {
  width: 494px;
}

.cw-495 {
  width: 495px;
}

.cw-496 {
  width: 496px;
}

.cw-497 {
  width: 497px;
}

.cw-498 {
  width: 498px;
}

.cw-499 {
  width: 499px;
}

.cw-500 {
  width: 500px;
}

.justify-content-start {
  justify-content: flex-start !important;
}

/* Product Stepper */
@keyframes dissapear {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.product-stepper {
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.product-stepper .added-to-cart {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgb(83, 217, 83);
  color: white;
  font-size: 20px;
  text-align: center;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: none;
}
.product-stepper .added-to-cart.shown {
  display: block;
  animation: dissapear 2s;
}
.product-stepper .input-wrapper input {
  width: 64px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 4px 10px;
  padding-right: 4px;
}
.product-stepper .button-wrapper {
  width: 50px;
  background-color: #1d349b;
  color: white;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #1d349b;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-stepper .button-wrapper.disabled {
  opacity: 0.3;
}

/* End of Product Stepper */
.page-title.client-name {
  font-size: 32px;
  font-weight: bold;
}

.client-first-section-highlight {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
@media (max-width: 1300px) {
  .client-first-section-highlight {
    width: 100%;
    flex-direction: column;
  }
}
.client-first-section-highlight .left {
  flex: 1;
}
.client-first-section-highlight .left .card {
  height: calc(100% - 25px);
}
@media (max-width: 1300px) {
  .client-first-section-highlight .left {
    width: 100%;
    order: 2;
  }
}
.client-first-section-highlight .right {
  width: 100%;
  max-width: 600px;
  flex: 1;
}
@media (max-width: 1300px) {
  .client-first-section-highlight .right {
    width: 100%;
    max-width: 100%;
    order: 1;
    margin-bottom: 0px;
  }
}
.client-first-section-highlight .client-order-summary .top {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.client-first-section-highlight .client-order-summary .top .title {
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  color: black;
  margin: 0px;
  text-align: center;
}
.client-first-section-highlight .client-order-summary .top .total-wrapper {
  display: flex;
  flex-direction: column;
  background-color: #1d349b;
  flex: 1;
  color: white;
  text-align: center;
  border-radius: 8px;
  padding: 10px 15px;
}
.client-first-section-highlight .client-order-summary .top .total-wrapper .subtitle {
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0.5;
  margin: 0px;
}
.client-first-section-highlight .client-order-summary .top .total-wrapper .value {
  font-size: 24px;
  font-weight: bold;
  color: white;
  margin: 0px;
}
.client-first-section-highlight .client-order-summary .discount-status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.client-first-section-highlight .client-order-summary .discount-status .inner {
  display: flex;
  width: 100%;
  margin-top: 30px;
  padding: 15px;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  flex-direction: column;
  text-align: center;
  gap: 10px;
}
.client-first-section-highlight .client-order-summary .discount-status .inner .value {
  font-size: 34px;
  color: rgb(46, 179, 46);
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  margin-bottom: -15px;
}
.client-first-section-highlight .client-order-summary .discount-status .inner .name {
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  opacity: 0.5;
}
.client-first-section-highlight .client-order-summary .read-more {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #1d349b;
  text-align: center;
  display: block;
  margin-top: 15px;
}
.client-first-section-highlight .client-order-summary .read-more:hover {
  text-decoration: none;
}

.profile-1 .avatar-wrapper {
  background-color: var(--primary-bg-border);
  color: white;
  height: 40px;
  border-radius: 50px;
  width: 40px;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px !important;
  padding-top: 0px;
}

.highlighted-table-head-row {
  background-color: #3899fe;
}
.highlighted-table-head-row td, .highlighted-table-head-row th {
  background-color: #3899fe;
  color: white;
  font-weight: bold !important;
  border: 1px solid #3899fe;
}

/* Dashboard Loader */
.value-loader {
  position: relative;
}
.value-loader i {
  animation: spinerAnimation 2s infinite;
}

@keyframes spinerAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* End of Dashboard Loader */
/* Loader Component */
.component-loader {
  position: relative;
  width: 100%;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
}
.component-loader .spinner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.component-loader .spinner-wrapper i {
  font-size: 40px;
  color: var(--dark-primary);
  animation: spinerAnimation 2s infinite;
}

/* End of Loader Component */
/* Projects */
.inputs-section {
  position: relative;
  padding: 30px;
  border: 2px solid #d3d3d3;
}
.inputs-section .inputs-section-name {
  font-size: 18px;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.3;
}

.project-product-line {
  width: fit-content;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  background-color: #f3f3f3;
  border-radius: 6px;
  padding: 10px 20px;
}
.project-product-line.updated {
  background-color: #f3f3f3;
  border: 2px solid #3899fe;
}
.project-product-line .group .label {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 10px;
}
.project-product-line .group p {
  margin: 0px;
  padding: 0px;
  padding: 0.475rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4d5875;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e9edf4;
  border-radius: 7px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.project-product-line .group.actions .delete-btn {
  height: 30px;
  width: 30px;
  background-color: red;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 15px;
  border: 1px solid red;
  position: relative;
  margin-top: 24px;
}
.project-product-line .group.actions .delete-btn:hover {
  background-color: white;
  color: red;
  transition: 0.2s;
  cursor: pointer;
}
.project-product-line .group.number {
  width: 80px;
}
.project-product-line .group.name {
  width: 250px;
}
.project-product-line .group.brand {
  width: 200px;
}
.project-product-line .group.qty {
  width: 100px;
}
.project-product-line .group.target-price {
  width: 120px;
}
.project-product-line .group.unit-price {
  width: 90px;
}
.project-product-line .group.subtotal {
  width: 90px;
}
.project-product-line .group.notes {
  width: 250px;
}

#productsFormContainer {
  position: relative;
}
#productsFormContainer .unsaved-notice {
  display: none !important;
}
#productsFormContainer.unsaved {
  border-color: red !important;
  transition: 0.2s;
}
#productsFormContainer.unsaved .unsaved-notice {
  display: inline-block !important;
  font-size: 14px;
  font-weight: bold;
  color: red;
  position: absolute;
  top: -10px;
  left: 10px;
  background-color: white;
  padding: 0px 10px;
  animation: pulse 0.5s infinite;
}

#project-products {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  overflow-x: scroll;
  position: relative;
}

.projects-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.projects-wrapper .project-box {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  width: calc(25% - 25px);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.067);
}
@media (max-width: 992px) {
  .projects-wrapper .project-box {
    width: 100%;
  }
}
.projects-wrapper .project-box .image-wrapper {
  height: 200px;
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.projects-wrapper .project-box .image-wrapper .status-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: white;
}
.projects-wrapper .project-box .image-wrapper .status-badge.pending {
  background-color: rgb(236, 172, 52);
}
.projects-wrapper .project-box .image-wrapper .status-badge.complete {
  background-color: rgb(29, 182, 128);
}
.projects-wrapper .project-box .image-wrapper img {
  min-width: 100%;
  min-height: 100%;
}
.projects-wrapper .project-box .image-wrapper .badges {
  position: absolute;
  top: 10px;
  left: 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.projects-wrapper .project-box .image-wrapper .badges .item {
  width: fit-content;
  background-color: #13267b;
  padding: 5px 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.projects-wrapper .project-box .image-wrapper .badges .item i {
  font-size: 14px;
  color: white;
}
.projects-wrapper .project-box .image-wrapper .badges .item span {
  font-size: 14px;
  font-weight: 300;
  color: white;
}
.projects-wrapper .project-box .image-wrapper .badges .item.status i {
  animation: pulse 2s infinite;
}
.projects-wrapper .project-box .meta {
  padding: 15px 25px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.projects-wrapper .project-box .meta .name {
  font-size: 22px;
  font-weight: bold;
  color: black;
  margin: 0;
  padding: 0;
}
.projects-wrapper .project-box .meta .date {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.draft-project-action {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 25px;
  border: 2px solid #13267b;
  background-color: #3899fe;
  border-radius: 10px;
}
.draft-project-action .left {
  font-size: 28px;
  color: white;
  animation: 2s pulse2 infinite;
}
.draft-project-action .right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.draft-project-action .right p {
  font-size: 18px;
  font-weight: bold;
  color: white;
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
}
.draft-project-action .right a {
  width: fit-content;
}

.project-total {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.project-total .label {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: black;
  padding: 0;
  margin: 0;
}
.project-total .value {
  font-size: 26px;
  margin: 0px;
  padding: 0px;
  color: black;
  font-weight: bold;
}

@keyframes pulse2 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.project-history-box {
  border: 2px solid var(--dark-primary);
  border-radius: 8px;
  padding: 15px;
  position: relative;
  margin-bottom: 20px;
}
.project-history-box .date-info {
  position: absolute;
  top: -10px;
  left: 10px;
  background-color: white;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.project-history-box .date-info i {
  color: var(--dark-primary);
}
.project-history-box .date-info span {
  font-size: 14px;
  font-weight: bold;
  color: var(--dark-primary);
}
.project-history-box.by-agent {
  border: 2px solid #3899fe !important;
}
.project-history-box.by-agent .date-info i {
  color: #3899fe;
}
.project-history-box.by-agent .date-info span {
  color: #3899fe;
}
.project-history-box p {
  font-size: 16px;
  line-height: 22px;
  color: black;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#chatWrapper .messages {
  padding: 25px;
  margin-bottom: 10px;
  border-radius: 10px;
  max-height: 250px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
#chatWrapper .messages .chat-message {
  position: relative;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  padding: 15px;
}
#chatWrapper .messages .chat-message .meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
#chatWrapper .messages .chat-message .meta .group {
  display: flex;
  align-items: center;
  gap: 5px;
}
#chatWrapper .messages .chat-message .meta .group i {
  color: var(--dark-primary);
  font-size: 16px;
}
#chatWrapper .messages .chat-message .meta .group span {
  font-size: 12px;
  font-weight: 300;
  color: var(--dark-primary);
}

/* End of Projects */
.explainer-section {
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #f3f3f3;
  border-radius: 10px;
}
.explainer-section i {
  font-size: 30px;
  color: #13267b;
}
.explainer-section .content {
  padding: 0px;
  margin: 0px;
  flex: 1;
}
.explainer-section .content p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.app-sidebar .slide.maintenance-item {
  background-color: #ffe7e7;
}
.app-sidebar .slide.maintenance-item a {
  color: #651b1b;
}
.app-sidebar .slide.maintenance-item i {
  color: #651b1b;
}
.app-sidebar .slide.maintenance-item:hover span, .app-sidebar .slide.maintenance-item:hover i {
  color: #651b1b !important;
}
.app-sidebar .slide.maintenance-item.active {
  background-color: #9b1d1d;
}
.app-sidebar .slide.maintenance-item.active:hover span, .app-sidebar .slide.maintenance-item.active:hover i {
  color: #fff !important;
}

.maintenance-status .status-now {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.maintenance-status .status-now.status-0 {
  opacity: 0.5;
}
.maintenance-status .status-now i {
  color: var(--dark-primary);
  font-size: 30px;
}
.maintenance-status .status-now span {
  font-size: 16px;
  font-weight: bold;
}

#maintenance-mode {
  display: none;
}
#maintenance-mode.active-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 25px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999999999 !important;
  background-color: white;
  width: 100%;
}
#maintenance-mode.active-1 .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
#maintenance-mode.active-1 .inner .logo {
  max-width: 250px;
  width: 100%;
}
#maintenance-mode.active-1 .inner i {
  color: #1d349b;
  font-size: 50px;
}
#maintenance-mode.active-1 .inner h2 {
  font-size: 24px;
  line-height: 32px;
  color: black;
  font-weight: 600;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
#maintenance-mode.active-1 .inner p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: black;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#maintenanceNotice {
  position: fixed;
  z-index: 9999999;
  bottom: 0px;
  left: 0px;
  background-color: red;
  padding: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#maintenanceNotice p {
  margin: 0;
  padding: 0;
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
}
#maintenanceNotice p i {
  color: white;
  font-size: 22px;
}

.mod-facturare-legend {
  background-color: #f3f3f3;
  padding: 15px;
  border-radius: 16px;
  position: relative;
}
.mod-facturare-legend .box-icon {
  font-size: 30px;
  position: absolute;
  top: -10px;
  left: -10px;
  color: var(--dark-primary);
}
.mod-facturare-legend .items {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.mod-facturare-legend .items .item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mod-facturare-legend .items .item img {
  width: 30px;
  height: 30px;
}
.mod-facturare-legend .items .item .info {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.mod-facturare-legend .items .item .info .name {
  font-size: 18px;
  font-weight: bold;
}
.mod-facturare-legend .items .item .info .description {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}

/* Product Quick Search */
.app-sidebar {
  z-index: 91 !important;
}

.app-header {
  z-index: 91 !important;
}

#pageOverlay {
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.product-quick-search-header {
  position: relative;
  width: 400px;
  max-width: 100%;
}

#resultsQuickSearch {
  position: absolute;
  width: 100%;
  background: white;
  border-radius: 8px;
  border: 1px solid #e9edf4;
  padding: 15px;
}
#resultsQuickSearch:empty {
  display: none !important;
}
#resultsQuickSearch .quick-search-product {
  border: 1px solid #3899fe;
  border-radius: 4px;
  padding: 7px 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#resultsQuickSearch .quick-search-product .product-name {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
#resultsQuickSearch .quick-search-product .price {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  opacity: 0.7;
  margin: 0;
  padding: 0;
}
#resultsQuickSearch .quick-search-product .product-stepper, #resultsQuickSearch .quick-search-product .client-price-wrapper {
  margin-right: auto;
}
#resultsQuickSearch .quick-search-product .stock-info-quick {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}
#resultsQuickSearch .quick-search-product .stock-info-quick .bullet {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #13267b;
}
#resultsQuickSearch .quick-search-product .stock-info-quick .stock-text {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}
#resultsQuickSearch .quick-search-product .stock-info-quick.stock-1 .bullet {
  background-color: green;
}
#resultsQuickSearch .quick-search-product .stock-info-quick.stock-0 .bullet {
  background-color: red;
}

/* End of Product Quick Search */
/* Concedii */
.concediu-items-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.concediu-items-wrapper .concediu-item {
  display: flex;
  gap: 12px;
  align-items: center;
}
.concediu-items-wrapper .concediu-item:hover {
  background-color: #d3d3d3;
  transition: 0.2s;
}
.concediu-items-wrapper .concediu-item .concediu-item-title {
  display: flex;
  flex-direction: column;
  gap: -3px;
  flex: 1;
}
.concediu-items-wrapper .concediu-item .concediu-item-title .top {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}
.concediu-items-wrapper .concediu-item .concediu-item-title .added-at {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}

/* End of Concedii */
.custom-separator {
  margin: 50px 0px;
  height: 1px;
  background-color: black;
  opacity: 0.2;
  width: 100%;
}

.custom-table-inputs {
  border: 1px solid rgba(0, 0, 0, 0.1607843137);
  border-radius: 4px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.custom-table-inputs .table-row-group {
  display: flex;
  align-items: center;
  gap: 24px;
}
.custom-table-inputs .table-row-group .label-wrapper {
  width: 120px;
}
.custom-table-inputs .table-row-group .label-wrapper span {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.custom-table-inputs .table-row-group .input-wrapper {
  flex: 1;
}
.custom-table-inputs .table-row-group .action-wrapper {
  flex: 0;
} 
.custom-table-inputs .table-row-group .action-wrapper .delete-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 20px;
  background-color: red;
  color: white;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
 }

/*# sourceMappingURL=main.css.map */