/**
 *  Tous droits réservés NDKDESIGN
 *
 *  @author Hendrik Masson <postmaster@ndk-design.fr>
 *  @copyright Copyright 2013 - 2022 Hendrik Masson
 *  @license   Tous droits réservés
*/

.ndkcfTable {
}

.customizationUploaded li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.customizationUploaded {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.ndk-rowcustomization {
  position: relative;
  text-align: left;
  /* width: 170px; */
  line-height: 14px;
  /* right: 40px; */
}

.ndk-rowcustomization p {
  margin-bottom: 0;
}

.product-customization-line {
  word-break: break-all;
}

.customizationUploaded li {
  display: inline-block;
  float: left;
  margin-right: 10px;
  max-width: 200px;
}

/*.typedText li {
	display: inline-flex;
	padding: 7px;
	vertical-align: bottom;
	margin: 5px;
	border: 1px solid #efefef;
	text-align: justify;
	background:var(--ndkacf-ui-soft-bg);
	line-height:15px
}*/

.typedText li {
  display: block;
  padding: 7px;
  vertical-align: bottom;
  line-height: 15px;
  margin: 5px;
  background: var(--ndkacf-ui-main-bg);
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  border-right: 2px solid #dedede;
  border-bottom: 2px solid #dedede;
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  /* border-color: #dedede; */
  box-shadow: inset 0 2px 0px var(--ndkacf-ui-main-bg), inset 0 0 0 var(--ndkacf-ui-main-bg), inset 0 0 0 var(--ndkacf-ui-main-bg),
    inset 0 0 0 var(--ndkacf-ui-main-bg);
}

/*.typedText li b {
	margin-right: 5px;
	border-right: 1px solid #aaa;
	padding-right: 5px;
	font-size: 1.1em;
}*/

.typedText li b {
  /* margin-right: 5px; */
  /* border-right: 1px solid #aaa; */
  /* padding-right: 5px; */
  font-size: 1.1em;
  padding-bottom: 5px;
  display: block;
}

.cust_title {
  font-weight: bold;
  border-bottom: 1px solid;
  display: block;
}

.cus_sub:last-child {
  clear: right;
}
.cus_sub_container {
  /* background: var(--ndkacf-ui-soft-bg); */
  border: 1px solid #dedede;
  display: block;
  padding: 8px;
}
.cus_sub {
  /* background: var(--ndkacf-ui-soft-bg); */
  display: table-cell;
  text-align: center;
}
.ndkCartRender-controls {
  text-align: center;
}
.dot-control {
  background: #dedede;
  width: 0.5em;
  height: 0.5em;
  display: inline-block;
  margin: 0.5em;
  border-radius: 0.5em;
}

.dot-control.active {
  background: #333333;
}

@media (max-width: 768px) {
  .product-line-actions .text-xs-right {
    text-align: right !important;
    clear: both;
    width: 100%;
  }

  .ndk-rowcustomization {
    position: relative;
    text-align: right;
    /* right: 40px; */
    width: auto;
    line-height: 14px;
    float: unset !important;
  }
}