.smallScreensMarginTop {
  margin-top: 23px;
}
.smallScreensMarginLeft {
  margin-left: 300px;
}

.form-control {
  margin-bottom: 10px;
}
.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 14px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #bababa;
  border-radius: 0 !important;
  -webkit-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
}

.pageHeading {
  display: block;
  width: 100%;
  font: bold 12px Tahoma;
  color: #ffffff;
  background: #017bb6;
  float: left;
  padding: 6px;
}

/* Style the header */
.header {
  padding: 0px 0px;
  background: transparent;
  color: #f1f1f1;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

.i-bordered {
  display: block;
  float: left;
  margin: 4px 11px 7px 0;
  text-align: center !important;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  font-style: normal;
}
.i-bordered {
  width: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
  background-color: #444;
  border-radius: 0px;
}
.i-bordered {
  border: 1px solid #555;
  line-height: 50px !important;
  background-color: transparent !important;
  color: #444;
  text-shadow: none;
}
.i-small.i-bordered {
  margin: 4px 11px 7px 0;
  font-size: 14px;
}
.i-small.i-bordered {
  line-height: 24px !important;
}

/******************************************************/
/********** index.php ****** START *****************/
/******************************************************/
.list {
  width: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listItem {
  width: 25%;
  float: left;
  padding: 0.625rem; /* 10 */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.listItemIinner {
  padding-top: 10px;
  width: 100%;
  color: #000;
  background-color: #e9e9e9;
  overflow: hidden;
}
.listItem img {
  display: block;
  padding: 10px;
  border: 1px solid #555;
}
.listItem figcaption {
  padding: 1.25rem; /* 20 */
}

/* JavaScript disabled */

html.no-js .listItem {
  width: 100%;
  float: none;
}
html.no-js .listItem img {
  max-width: 9.375rem; /* 150 */
  float: right;
  margin-left: 1.25rem; /* 20 */
}
@supports (display: -webkit-flex) or (display: -ms-flex) or (display: flex) {
  html.no-js .listItem {
    width: 25%;
    float: left;
  }
  html.no-js .listItem img {
    max-width: none;
    float: none;
    margin-left: 0;
  }
}

@media screen and (max-width: 64em) /* 1024 */ {
  body {
    padding: 2.5rem 0; /* 40 */
  }
}
@media screen and (max-width: 50em) /* 800 */ {
  .listItem {
    width: 33.333%; /* 3 items per row */
  }
  @supports (display: -webkit-flex) or (display: -ms-flex) or (display: flex) {
    html.no-js .listItem {
      width: 33.333%;
    }
  }
}
@media screen and (max-width: 40em) /* 640 */ {
  .listItem {
    width: 100%; /* 2 items per row */
  }
  @supports (display: -webkit-flex) or (display: -ms-flex) or (display: flex) {
    html.no-js .listItem {
      width: 100%;
    }
  }
}
@media screen and (max-width: 20em) /* 320 */ {
  .listItem {
    width: 100%; /* 1 item per row */
    float: none;
  }
  @supports (display: -webkit-flex) or (display: -ms-flex) or (display: flex) {
    html.no-js .listItem {
      width: 100%;
    }
  }
  html.no-js .listItem img {
    max-width: none;
    float: none;
    margin-left: 0;
  }
}
/******************************************************/
/********** index.php ****** END *****************/
/******************************************************/

.button {
  background-color: #4caf50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button2 {
  background-color: #008cba;
} /* Blue */
.button3 {
  background-color: #f44336;
} /* Red */
.button4 {
  background-color: #e7e7e7;
  color: black;
} /* Gray */
.button5 {
  background-color: #555555;
} /* Black */

.list {
  width: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

figure /* see normalize.css */ {
  font-size: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  vertical-align: baseline;
  border: 0;
  padding: 0;
  margin: 0;
}
.list__item {
  width: 25%;
  float: left;
  padding: 0.325rem !important;
  /* 10 */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*@me 2021-07-30 for same image height look at http://localhost/eshops/aerodin2021/index.php?cPath=63 */
.list__item__inner img {
  height: 50%;
}

.list__item__inner {
  width: 100%;
  color: #474d51;
  background-color: #dbdbdb;
  overflow: hidden;
  height: 100%;
  /*-webkit-box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2);
	 2 5 */
  /* box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2);
	2 5 */
}

.list__item img {
  width: 100%;
  display: block;
}

.list__item figcaption {
  padding: 1.25rem;
  /* 20 */
}

/* JavaScript disabled */

html.no-js .list__item {
  width: 100%;
  float: none;
}

html.no-js .list__item img {
  max-width: 9.375rem;
  /* 150 */
  float: right;
  margin-left: 1.25rem;
  /* 20 */
}

@supports (display: -webkit-flex) or (display: -ms-flex) or (display: flex) {
  html.no-js .list__item {
    width: 25%;
    float: left;
  }
  html.no-js .list__item img {
    max-width: none;
    float: none;
    margin-left: 0;
  }
}

.footer {
  text-align: center;
  margin: 2.5rem 0.625rem 0;
  /* 40 10 */
}

.footer a {
  border-bottom: 1px solid #cfd7db;
}

@media screen and (max-width: 64em) /* 1024 */ {
  body {
    padding: 2.5rem 0;
    /* 40 */
  }
}

@media screen and (max-width: 50em) /* 800 */ {
  .list__item {
    width: 33.333%;
    /* 3 items per row */
  }
  @supports (display: -webkit-flex) or (display: -ms-flex) or (display: flex) {
    html.no-js .list__item {
      width: 33.333%;
    }
  }
}

@media screen and (max-width: 40em) /* 640 */ {
  .list__item {
    width: 100%;
    /* 2 items per row */
  }
  @supports (display: -webkit-flex) or (display: -ms-flex) or (display: flex) {
    html.no-js .list__item {
      width: 100%;
    }
  }
}

@media screen and (max-width: 20em) /* 320 */ {
  .list__item {
    width: 100%;
    /* 1 item per row */
    float: none;
  }
  @supports (display: -webkit-flex) or (display: -ms-flex) or (display: flex) {
    html.no-js .list__item {
      width: 100%;
    }
  }
  html.no-js .list__item img {
    max-width: none;
    float: none;
    margin-left: 0;
  }
}

/* account_return.php */
.return-page {
  margin-bottom: 40px;
}
.return-intro {
  margin-bottom: 24px;
  padding: 18px 20px;
  background: #f5f5f5;
  border-left: 4px solid #2a2d29;
}
.return-intro p {
  margin: 0 0 10px;
}
.return-intro p:last-child {
  margin-bottom: 0;
}
.return-note,
.return-help {
  color: #666;
  font-size: 13px;
}
.return-form {
  max-width: 760px;
}
.return-field {
  margin-bottom: 18px;
}
.return-field label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}
.return-field label span {
  color: #c62828;
}
.return-textarea {
  height: auto !important;
  min-height: 150px;
  resize: vertical;
}
.return-grid-left {
  padding-right: 8px;
}
.return-grid-right {
  padding-left: 8px;
}
.return-consent {
  margin: 4px 0 24px;
  padding: 14px 16px;
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.return-consent label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.return-consent input {
  margin-top: 5px;
}
.return-actions {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #ddd;
}
.return-actions .w3-button {
  min-width: 190px;
}
.return-actions i {
  margin-right: 6px;
}
.return-success {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 22px;
  padding: 16px 18px;
  color: #1b5e20;
  background: #e8f5e9;
  border: 1px solid #a5d6a7;
}
.return-success i {
  margin-top: 2px;
  font-size: 24px;
}
.return-success p {
  margin: 4px 0 0;
}
.return-empty {
  padding: 36px 20px;
  text-align: center;
  background: #f5f5f5;
}
.return-empty i {
  display: block;
  margin-bottom: 12px;
  font-size: 38px;
}
.return-history {
  margin-top: 42px;
}
.return-history-table td {
  vertical-align: middle;
}
.return-status {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  background: #eee;
}
.return-status-pending {
  background: #fff3cd;
}
.return-status-in_review {
  background: #d9edf7;
}
.return-status-approved {
  background: #dff0d8;
}
.return-status-rejected {
  background: #f2dede;
}
.return-status-completed {
  background: #e8e8e8;
}
@media screen and (max-width: 600px) {
  .return-grid-left,
  .return-grid-right {
    padding-right: 0;
    padding-left: 0;
  }
  .return-actions {
    flex-direction: column-reverse;
  }
  .return-actions .w3-button {
    width: 100%;
    min-width: 0;
  }
}
/******************************************************/
/******** Account tables — START **********************/
/******************************************************/

.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table td {
  padding: 12px 10px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}

/* Επικεφαλίδα πίνακα */
.accountHeader {
  color: #ffffff;
  background-color: #2a2d29;
  font-weight: bold;
}

.accountHeader td {
  padding: 12px 10px;
  border-bottom: 0;
}

/* Γραμμές παραγγελιών και επιστροφών */
.moduleRowAccount {
  color: #222222;
  background-color: #f5f5f5;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.moduleRowAccount:nth-child(odd) {
  background-color: #eeeeee;
}

.moduleRowAccount:hover {
  color: #ffffff;
  background-color: #2a2d29;
}

.moduleRowAccount td {
  padding: 12px 10px;
}

/* Πίνακες μέσα στον λογαριασμό */
.contentContainer .table {
  margin-bottom: 20px;
}

/* Mobile */
@media screen and (max-width: 600px) {
  .contentContainer {
    overflow-x: auto;
  }

  .contentContainer .table {
    min-width: 650px;
  }

  .accountHeader td,
  .moduleRowAccount td {
    padding: 10px 8px;
    font-size: 13px;
  }
}

/******************************************************/
/******** Account tables — END ************************/
/******************************************************/