:root {
  --dark-blue: #007696;
  --light-blue: #20a8ce;
  --table-header-color: #007696;
  --links-blue: #0056b3;
}

*,
*::before,
*::after {
  margin    : 0;
  padding   : 0;
  box-sizing: inherit;
}

html {
  font-size : 62.5%;
  box-sizing: border-box;
}

body {
  color           : #000000;
  font-weight     : 400;
  font-size       : 1.6rem;
  background-color: #f2f5f5;
  font-family     : "Libre Franklin", sans-serif;
}

body::-webkit-scrollbar {
  width: 0.7em;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline         : 1px solid slategrey;
}

ul {
  list-style: none;
}

a, a.ahref {
  text-decoration: underline;
  cursor         : pointer;
  color: var(--links-blue);
}

textarea::-webkit-scrollbar {
  width        : 0.5em;
  padding-right: 1rem;
}

textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

textarea::-webkit-scrollbar-thumb {
  border-radius   : 8rem;
  outline         : 1px solid slategrey;
  background-color: rgba(24, 120, 242, 0.8);
}

table {
  border-collapse: collapse;
  table-layout   : autoc;
  empty-cells    : hide;
  white-space    : wrap;
}

thead {
  font-weight: 600;
}

thead tr td {
  margin : 0 1rem;
  padding: 0 1rem;
  width  : auto;
}

table {
  font-size      : 1.3rem;
  border-collapse: collapse;
  border-top: 1px solid #dfdfe5;
  border-left: 1px solid #dfdfe5;
}

table.full {
  width: 100%;
}
table.full th {
  background-color: #fafafa;
}
table.full tfoot td {
  background-color: #fafafa;
}
table.full img {
  display: inline-block;
  height: unset;
}
table.white {
  background-color: white;
  border-radius: 4px;
}
table.padding-10 td,
table.padding-10 th {
  padding: 10px;
}
table.text-align-left td,
table.text-align-left th {
  text-align: left !important;
}
table.table-small {
  font-size: 12px !important;
}
table.table-small td,
table.table-small th {
  padding: 4px !important;
  margin: 0 !important;
  height: unset;
  white-space: nowrap;
}
table.table-row-hover tr:hover td {
  background-color: #eaeaea;
  cursor: pointer;
}
table tr.tr-grey td {
  background-color: #fafafa;
  color: #999;
}

td {
  height    : 5rem;
  text-align: center;
  padding: .25rem;
  border-right: 1px solid #dfdfe5;
  border-bottom: 1px solid #dfdfe5;
}

th {
  height    : 5rem;
  text-align: center;
  padding: .25rem;
  border-right: 1px solid #dfdfe5;
  border-bottom: 1px solid #dfdfe5;
}

table tbody tr td img {
  object-fit: cover;
  display   : block;
  width     : 100%;
  height    : 100%;
}

.table-cell__row {
  display        : flex;
  flex-direction : column;
  align-items    : center;
  justify-content: center;
  min-height     : 10rem;
  border         : none;
}

.table-cell__row>*:first-child {
  width: 10rem;
}

.table-cell__row>*:last-child {
  width: 10rem;
}

.product__wrap {
  display       : flex;
  flex-direction: column;
  width         : 100%;
  margin-bottom : 1rem;
  padding-right : 1rem;
}

.product__wrap__last {
  padding-right : 0;
}

.product__label {
  font-weight  : 500;
  color        : #6b7999;
  font-size    : 1.3rem;
  margin-bottom: 0.5rem;
}

.product__label--badge {
  padding         : 0.8rem 0.8rem;
  background-color: #f2f5f5;
  position        : absolute;
  top             : 0;
  right           : 0;
  color           : #6b7999;
  border-radius   : 0px 0.4rem 0.4rem 0px;
  border          : 1px solid #dfdfe5;
}

.product__input,
.autocomplete-input {
  color        : #1f2533;
  font-size    : 1.3rem;
  font-family  : inherit;
  border-radius: 0.4rem;
  padding      : 0.8rem 0 0.8rem 1rem;
  border       : 1px solid #dfdfe5;
}

#id_comanda.product__input {
  width: 9rem;
}

#cautare.product__input {
  width: 14rem;
}

.product__input-package {
  width    : 100%;
  max-width: 20rem;
}

.product__input-upload {
  width       : 100%;
  max-width   : 32rem;
  margin-right: 1rem;
}

.product__input--offer {
  position: relative;
  width   : 100%;
}

.product__input--center {
  text-align: center;
  width     : 100%;
}

.product__input--addinp {
  width: 70%;
}

.product__input--lg {
  width: 50%;
}

.product__input--divide {
  width: 35%;
}

.product__input--chars {
  color      : #6b7999;
  font-weight: 500;
  margin-top : 1rem;
  text-align : right;
}

.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}

.product__input:focus {
  outline: none;
  border : 1px solid #999;
}

.product__notification {
  color      : #01a352;
  font-size  : 1.3rem;
  margin-left: 1.5rem;
}

.product__filter-box {
  display       : flex;
  flex-wrap     : wrap;
  flex-direction: row;
  align-items   : center;
}

.product__filter-box:not(:last-child) {
  margin: 2rem 0;
}

.product__filter-box--sep {
  padding-bottom: 1rem;
  border-bottom : 1px solid #dfdfe5;
}

.product__filter-tag {
  font-size       : 1.3rem;
  padding         : 0.7rem 1rem;
  border-radius   : 0.8rem;
  background-color: #edf0f2;
}

.product__filter-tag:not(:last-child) {
  margin-right : 1rem;
  margin-bottom: 1rem;
}

.product__filter-categories {
  display       : flex;
  flex-direction: column;
  font-size     : 1.3rem;
  height        : 40rem;
  overflow-y    : scroll;
}

.product__filter-categories::-webkit-scrollbar {
  width        : 0.5em;
  padding-right: 1rem;
}

.product__filter-categories::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

.product__filter-categories::-webkit-scrollbar-thumb {
  background-color: rgba(24, 120, 242, 0.8);
  border-radius   : 8rem;
  outline         : 1px solid slategrey;
}

.product__filter-category {
  margin: 0.8rem 0;
}

.product__filter-subcategories {
  display: none;
}

.product__filter-subcategories--active {
  display    : block;
  margin-left: 2rem;
  margin-top : 1.2rem;
}

.product__filter-subcategory {
  margin-top: 1.2rem;
}

.product__filter-input {
  width       : 1.8rem;
  height      : 1.8rem;
  margin-right: 0.5rem;
  cursor      : pointer;
}

.product__filter-label {
  cursor: pointer;
}

.product__filter-tag {
  color: #000;
}

.product__redirect-wrap {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  margin-top    : 2rem;
}

.product__redirect-opt {
  display       : flex;
  font-size     : 1.3rem;
  margin-right  : 2rem;
  flex-direction: row;
  align-items   : center;
}

.product__package-wrap {
  display       : flex;
  flex-direction: row;
  align-items   : center;
}

.product__package-wrap:not(:last-child) {
  margin-right: 2rem;
}

.product__table {
  margin: 2rem 1rem 2rem 0;
}

.product__title {
  font-weight: 500;
}

.product__img {
  display  : block;
  width    : 100%;
  max-width: 100px;
  height   : auto;
  margin   : 0 auto;
}

.product__package-info {
  margin: 0 1rem 0 0;
}

.product__package-info-text {
  font-size: 1.4rem;
}

.product__package-info-text:not(:last-child) {
  margin-bottom: 0.5rem;
}

.product__link {
  color          : var(--dark-blue);
  text-decoration: underline;
}

.product__code {
  flex: 1;
}

.product__code-wrap {
  display       : flex;
  flex-direction: row;
  align-items   : center;
}

.product__barcode {
  flex          : 2;
  margin        : 1rem;
  display       : flex;
  align-items   : center;
  border-radius : 0.8rem;
  flex-direction: column;
  border        : 1px solid #dfdfe5;
}

.product__barcode-img {
  width    : 100%;
  padding  : 1rem;
  display  : block;
  max-width: 42rem;
}

.product__uploadurl {
  flex          : 1;
  display       : flex;
  flex-direction: row;
}

.product__separator {
  width    : 100%;
  display  : block;
  max-width: 45rem;
  font-size: 1.3rem;
  margin   : 1rem auto;
  position : relative;
}

.product__separator--add {
  font-size  : 2rem;
  font-weight: 500;
  color      : #6b7999;
  text-align : center;
  position   : relative;
  margin     : 1rem 0;
}

.product__separator--add::before,
.product__separator--add::after {
  content         : "";
  display         : block;
  width           : 45%;
  height          : 1px;
  background-color: #dfdfdf;
  position        : absolute;
  top             : 50%;
}

.product__separator--add::before {
  left: 0;
}

.product__separator--add::after {
  right: 0;
}

.product__separator::before {
  top             : 50%;
  left            : 8%;
  width           : 45%;
  content         : "";
  height          : 1px;
  display         : block;
  position        : absolute;
  background-color: #dfdfe5;
}

.product__separator::after {
  top             : 50%;
  left            : -47%;
  width           : 45%;
  content         : "";
  height          : 1px;
  display         : block;
  position        : absolute;
  background-color: #dfdfe5;
}

.product__media {
  display        : flex;
  flex-wrap      : wrap;
  flex-direction : row;
  align-items    : center;
  justify-content: flex-start;
}

.product__media-title {
  font-weight: 400;
  margin     : 1rem 0 1rem 0;
}

.product__media-box {
  border-radius: 0.4rem;
  border       : 1px solid #dfdfe5;
  padding      : 1rem;
  margin-right : 1rem;
  margin-bottom: 1rem;
}

.product__media-options {
  display       : flex;
  flex-direction: row;
  align-items   : center;
}

.product__media-check {
  font-size   : 1.3rem;
  margin-right: auto;
}

.product__media-img {
  width    : 100%;
  max-width: 16rem;
}

.product__media-icon {
  width    : 100%;
  max-width: 2rem;
  display  : block;
}

.product__addinp {
  width    : 100%;
  max-width: 45rem;
}

.product__listprod {
  width    : 100%;
  max-width: 60%;
}

.product__listprod-title {
  font-weight   : 400;
  margin-top    : 2rem;
  color         : #6b7999;
  font-size     : 1.3rem;
  margin-bottom : 1rem;
  padding-bottom: 0.5rem;
  border-bottom : 1px solid #dfdfe5;
}

.product__listprod-list {
  display       : flex;
  flex-direction: column;
}

.product__listprod-item {
  display       : flex;
  flex-direction: row;
}

.product__listprod-item:not(:last-child) {
  margin-bottom: 0.5rem;
}

.product__listprod-id,
.product__listprod-book {
  margin-right: 5rem;
}

.product__listprod-book {
  color          : var(--dark-blue);
  text-decoration: underline;
}

.product__listprod-delete {
  margin-left: auto;
}

.product__listprod--desc {
  width    : 25%;
  font-size: 1.3rem;
}

.product__offer {
  width    : 100%;
  max-width: 45rem;
}

.product__offer-deduction {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  margin-top    : 2rem;
}

.product__offer-deduction-wrap {
  position: relative;
  width   : 100%;
}

.product__offer-deduction--text {
  font-size   : 1.3rem;
  margin-right: 1rem;
}

.product__ribbons {
  font-size: 1.3rem;
}

.product__ribbons-wrap {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  margin        : 1rem 0;
}

.product__dynamic {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  font-size     : 1.3rem;
}

.product__fragment-wrap {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  width         : 100%;
  max-width     : 45rem;
  font-size     : 1.3rem;
  margin-bottom : 1rem;
}

.product__fragment-title {
  font-weight  : 500;
  font-size    : 1.3rem;
  margin-bottom: 1rem;
}

.product__fragment--icon {
  display     : block;
  width       : 100%;
  max-width   : 2rem;
  margin-right: 3rem;
}

.product__icon--delete {
  color: red;
}

.product__select {
  width: 50%;
}

.product__seeMore {
  color    : var(--dark-blue);
  font-size: 1.3rem;
}

.product__table {
  display: table;
  width  : 80rem;
}

.product__table-textAlign {
  font-weight  : bold;
  text-align   : right;
  padding-right: 1rem;
}

.product__table-total {
  font-weight: bold;
  font-size  : 2rem;
}

.product__package-history {
  display        : flex;
  flex-direction : row;
  align-items    : flex-start;
  justify-content: flex-start;
}

.product__package-link {
  font-size       : 1.2rem;
  font-weight     : bold;
  padding         : 2rem;
  background-color: #f2f5f5;
}

.product__number {
  display        : flex;
  align-items    : center;
  flex-direction : column;
  justify-content: center;
  width          : 3rem;
  height         : 3rem;
  font-size      : 1.4rem;
  margin-right   : 2rem;
  border-radius  : 50rem;
  border         : 1px solid #e8e8ed;
}

.product__history>* {
  margin-bottom: 0.5rem;
}

.product__history-status {
  padding         : 0.5rem 0.5rem;
  text-align      : center;
  border-radius   : 0.8rem;
  font-weight     : 600;
  color           : #eab000;
  font-size       : 1.3rem;
  background-color: #fffae5;
}

.product__history-date,
.product__history-email {
  font-size : 1.3rem;
  text-align: center;
}

.description-text {
  display        : flex;
  flex-direction : column;
  align-items    : flex-start;
  justify-content: flex-start;
  font-size      : 1.4rem;
  text-align     : left;
  width          : 100%;
  max-width      : 22rem;
  padding        : 0.5rem 1rem;
}

.description__link {
  font-size: 1.3rem;
  padding  : 0.5rem 1rem;
  width    : 13rem;
  display  : block;
}

.description__icon {
  color    : #000;
  font-size: 2rem;
}

.price-old {
  color          : #6b7999;
  font-size      : 1.2rem;
  text-decoration: line-through;
}

.nav {
  background-color: var(--dark-blue);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
}

.nav__primary {
  z-index: 999;
}

.nav__menu {
  display       : flex;
  flex-direction: row;
}

.nav__item {
  padding: 12px 8px;
}
.nav__item:hover {
  background-color: #075368;
}

.nav__search {
  width: 31rem;
  padding: 2px 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 48px;
}
.nav__search:hover {
  background-color: unset;
}
.nav__search .autocomplete ul {
  box-shadow: 0 0 8px 2px rgba(0,0,0,0.2);
}

.nav__search input[type=text] {
  padding: 4px;
}

.nav__link {
  color: #fff !important;
}

.nav__link:visited {
  color: #fff;
}

.nav-link {
  color: #fff !important;
  text-decoration: none;
  border:0 !important;
  font-size: 14px;
}
.nav-link.active {
  color: black !important;
}
.nav-link:hover {
  border:0 !important;
  background-color: #0056b3;
}
.nav-tabs .nav-link {
  margin-bottom: unset;
}

.tabs {
  display       : flex;
  flex-direction: column;
}

.tabs__title {
  font-weight: 500;
  font-size  : 2.6rem;
  margin     : 0 0 0 2rem;
}

.tabs__list {
  display       : flex;
  flex-direction: row;
  flex-wrap     : wrap;
}

.tabs__item {
  font-size : 1.3rem;
  margin-top: 1.5rem;
}

.tabs__item:not(:last-child) {
  margin-right: 1rem;
}

.tabs__link {
  color     : #000;
  border    : 1px solid #ccc;
  transition: all .15s ease;
}

.tabs__link--active {
  border          : 1px solid #999;
  background-color: #ccc;
}

.tabs__link:visited {
  color: #000;
}

.tabs__link:hover {
  border          : 1px solid #999;
  background-color: #ccc;
}

.box {
  border-radius   : 0.8rem;
  background-color: #fff;
  border          : solid 1px #e8e8ed;
  padding: 2rem;
}

.box__title {
  position      : relative;
  font-weight   : 400;
  font-size     : 2.2rem;
  padding       : 0;
  display       : flex;
  flex-direction: row;
  align-items   : center;
}

.box__title--diff {
  margin-right : auto;
  border-bottom: unset;
}

.box__title--state {
  margin-right: 1rem;
}

.box__pages {
  display       : flex;
  flex-direction: row;
  align-items   : center;
}

.box__pages-title {
  font-size: 1.4rem;
}

.box__pagination {
  display       : flex;
  flex-direction: row;
  align-items   : center;
}

.box__results-title {
  font-weight: 400;
  font-size  : 2.2rem;
}

.box__count {
  color    : #6b7999;
  font-size: 1.6rem;
  margin   : 0 4rem 0 1rem;
}

.pagination-wrap {
  display        : flex;
  align-items    : flex-start;
  justify-content: flex-start;
  width          : 100%;
  max-width      : 50rem;
  margin-left    : 2rem;
  margin-bottom  : 0;
}

.pagination-wrap--center {
  max-width      : 100%;
  align-items    : center;
  justify-content: center;
  margin-top     : 1rem;
  margin-left    : unset;
}

.box__pagination {
  margin-bottom   : 0;
  display         : flex;
  flex-direction  : row;
  align-items     : center;
  justify-content : center;
  background-color: var(--dark-blue);
  border-radius   : .8rem;
}

.box__pagination-link {
  display        : flex;
  align-items    : center;
  justify-content: center;
  text-align     : center;
  color          : #FFF;
  font-size      : 1.4rem;
  width          : 5rem;
  height         : 5rem;
  padding        : .5rem;
  cursor         : pointer;
}

.box__pagination-link:not(:last-child) {
  padding-left: .5rem;
  border-right: 1px solid rgba(255, 255, 255, .3);
}

.box__pagination-link>a {
  color          : #FFF;
  display        : flex;
  align-items    : center;
  justify-content: center;
  text-align     : center;
  text-decoration: none;
  width          : 100%;
  height         : 100%;
  outline        : none;
}

.box__pagination-link.active {
  color           : #fff;
  background-color: var(--light-blue);
}

.box__pagination-link:first-child:hover {
  border-top-left-radius   : .8rem;
  border-bottom-left-radius: .8rem;
  border-right             : 1px solid rgba(255, 255, 255, .3);
}

.box__pagination-link:last-child:hover {
  border-top-right-radius   : .8rem;
  border-bottom-right-radius: .8rem;
  border-right              : 1px solid rgba(255, 255, 255, .3);
}

.box__pagination-link:hover {
  color           : #fff;
  background-color:  var(--light-blue);
}

.box__pagination-icon {
  font-size    : 1.4rem;
  border-radius: 0.4rem;
  border       : 1px solid #e1e1e6;
}

.box__container {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  border-bottom : 1px solid #e8e8ed;
}

.box__wrap {
  display       : flex;
  flex-wrap     : wrap;
  flex-direction: column;
  margin        : .1rem;
}

.box__wrapper {
  display       : flex;
  flex-direction: row;
}

.box__wrapper-box {
  display       : flex;
  flex-direction: column;
  margin-top    : 1rem;
  width         : 35rem;
}

.box__wrapper-box:first-child {
  margin-right: 2rem;
}

.box__wrapper-box-1 {
  display       : flex;
  flex-direction: column;
  margin-right  : 2rem;
}

.box__wrapper-cta {
  margin-top: 3rem;
}

.box__comenzi--small {
  max-width  : 90rem;
  margin-left: 2rem;
}

.box__comenzi-container {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  margin-right  : 2rem;
  padding-right : 2rem;
}

.box__comenzi-container:not(:last-child) {
  border-right: 1px solid #e8e8ed;
}

.box__comenzi-wrap {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  padding-bottom: 2rem;
  margin-bottom : 2rem;
}

.box__comenzi-boxes {
  display       : flex;
  flex-direction: row;
  align-items   : flex-end;
  margin-top    : 2rem;
}

.box__comenzi-box {
  display       : flex;
  flex-direction: column;
  margin-right  : 2rem;
}

.box__comenzi-box:first-child {
  margin-left: 2rem;
}

.box__comenzi-tableP {
  width : 100%;
  margin: 2rem;
}

.box__comenzi-transport {
  display       : flex;
  flex-direction: row;
  align-items   : flex-end;
}

.box__comenzi-transport-wrap {
  display       : flex;
  flex-direction: column;
  margin-right  : 1rem;
}

.box__comenzi-grupate {
  display       : flex;
  flex-direction: column;
  margin-top    : 2rem;
  margin-right  : 2rem;
}

.box__comenzi-barcode {
  display  : block;
  width    : 100%;
  max-width: 30rem;
  margin   : 0 auto;
}

.box__comenzi-shelfT {
  width    : 100%;
  max-width: 120rem;
}

.box__comenzi-orderT {
  width    : 100%;
  max-width: 170rem;
  margin   : 1rem;
}

.box__form {
  margin: 0.25rem 0;
}

.box__form>*:first-child {
  margin-top: 1rem;
}

.box__coloane {
  font-size  : 1.4rem;
  font-weight: 600;
  color      : #1f2533;
}

.box__clients {
  padding-bottom: 2rem;
  border-bottom : 1px solid #e8e8ed;
}

.box__footer {
  display       : flex;
  flex-direction: row;
  align-items   : center;
}

.box__footer>*:first-child {
  margin-right: 2rem;
}

.box__cols {
  display        : flex;
  flex-direction : row;
  align-items    : flex-start;
  justify-content: flex-start;
  width          : 100%;
}

.box__aside-title {
  padding      : 1rem 2rem 1rem;
  font-size    : 1.8rem;
  font-weight  : 500;
  border-bottom: 1px solid #e8e8ed;
  margin-right : unset;
}

.btn {
  font-size    : 1.3rem;
  border-radius: 0.4rem;
  text-align   : center;
  text-decoration: none;
}

.btn:disabled {
  opacity: 0.5;
}

.btn--blue {
  color           : #fff;
  background-image: linear-gradient(to left, var(--light-blue), var(--dark-blue));
}

.btn--green {
  color           : #fff;
  background-color: green;
  border-radius: 4px;
  padding: 4px;
  text-decoration: none;
}
.btn--green {
  color           : #fff;
}
.btn--green:hover {
  color           : #fff !important;
  background-color: rgb(0, 73, 0);
  text-decoration: none;
}

.btn--white {
  background-color: white;
}

.btn--big {
  padding: 0.9rem 2.1rem;
}

.btn--black--outline {
  color: #000000;
  border: 1px solid black;
  border-radius: 50px;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  padding: 4px 8px;
}

.btn--small {
  padding: 2px 6px;
  font-size: 10px;
}

.btn--light {
  padding: 0.5rem 1.5rem;
}

.btn--outline {
  color : var(--light-blue);
  border: 1px solid var(--light-blue);
}

.btn--outline.flex {
  display: flex;
  gap: 4px;
  align-items: center;
}
.btn--outline.flex img {
  filter: invert(51%) sepia(37%) saturate(888%) hue-rotate(146deg) brightness(102%) contrast(94%);
  margin-top: -2px;
}

.btn--red {
  color : red;
  border: 1px solid red;
}

.btn--delete {
  color    : red;
  font-size: 1.4rem;
}

.btn--delete-trash {
  font-size: 1.6rem;
}

.btn--state {
  font-weight     : 500;
  color           : #6b7999;
  padding         : 1rem 2.5rem;
  background-color: #f2f5f5;
}

.btn--disabled {
  color  : red;
  padding: 1.2rem 2.1rem;
  border : 1px solid red;
}

.btn__close-icon {
  color      : red;
  margin-left: 1rem;
}

.btn-upload {
  display: none;
}

.mt-1 {margin-top: 1rem;}
.mt-8 {margin-top: 8px;}
.mt-16 {margin-top: 16px;}
.mr-8 {margin-right: 8px;}

.imageholder {
  width           : 100%;
  cursor          : pointer;
  max-width       : 45rem;
  border-radius   : .8rem;
  border          : 3px dashed #e1e1e6;
  background-color: #f2f5f5;
  transition      : all .15s ease;
  margin-bottom   : 2rem;
}

.imageholder:hover {
  border: 3px dashed #b7b7c3;
}

.imageholder__img {
  display  : block;
  width    : 100%;
  max-width: 6rem;
  margin   : 0 auto;
  padding  : 2rem 0;
}

.imageholder__text {
  display   : block;
  width     : 60%;
  margin    : 1rem auto;
  font-size : 1.4rem;
  text-align: center;
}

.imageholder__link {
  color          : var(--dark-blue);
  text-decoration: underline;
}

.imageholder__res {
  color        : #6b7999;
  font-weight  : 500;
  font-size    : 1.3rem;
  text-align   : center;
  margin-bottom: 2rem;
}

.admin {
  width         : 100%;
  display       : flex;
  flex-direction: column;
  padding: 1rem;
}

.admin__wrap {
  display       : flex;
  flex-direction: row;
}

.admin__product {
  width    : 50%;
  max-width: 80%;
  margin   : 0 0 0 2rem;
}

.admin__side {
  width    : 100%;
  max-width: 45rem;
  margin   : 0 0 0 2rem;
}

.comenzi__perioada-wrap {
  display       : flex;
  flex-direction: row;
  align-items   : flex-end;
}

.comenzi__form {
  display       : flex;
  flex-direction: column;
  margin-right  : 1rem;
}

.comenzi__unordered {
  background-color: #fffae5;
}

.comenzi__returned {
  background-color: #ffe5e5;
}

.comenzi__urgent {
  background-color: #ffb2b2;
}

.comenzi__awb {
  margin-top: 1rem;
  font-size : 1.3rem;
}

.table-responsive {
  overflow: unset;
}

.border-info {
  border: 1px solid red !important;
}
@media screen and (max-width: 900px) {
  .product__redirect-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 600px) {

  .admin__wrapper {
    width: 100% !important;
  }
}