.product-view {
  margin-top: 25px;
}

#data-table-step-size {
  display: inline-flex;
  margin-bottom: 10px;
  align-items: center;
  justify-content: left;
}

#data-table-step-selector {
  margin: 0 10px;
}

#csvexport-btn {
	/* background-color: var(--ids-colour);
	color: #FFFFFF;
	border-radius: 3px;
	border: 2px solid var(--ids-colour);
	padding: 9px;
	display: inline-block;
    width: auto;
	height: 2.5rem;
    line-height: 1.25;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 600;
	transition: background 250ms ease-out, border 250ms ease-out, color 250ms ease-out; */
}
#csvexport-btn:focus,
#csvexport-btn:hover {
	/* background-color: #007E88 !important;
    border: 2px solid #007E88 !important;
    color: #FFFFFF; */
}



/*Tabellen*/
#product-settings-specs-table th, #product-attribute-specs-optics-table th, #product-attribute-specs-specs-table th {
  padding-left: 3rem;
  background-repeat: no-repeat;
  background-size: 1rem;
  vertical-align: middle;
  width:75%
}

#product-settings-specs-table td, #product-attribute-specs-optics-table td, #product-attribute-specs-specs-table td {
  text-align: left;
}

/*IMAGES*/
.icon-td {
  background-position: 0 1.2rem !important;
}

.ensenso-diagram {
  width: 100%;
}

.measurement-distance {background-image: url('/files/layout/icons/gen/measurement-distance-operation-distance-small-ids-machine-vision-cameras-dark-grey.svg') !important;}
.disparity {background-image: url('/files/layout/icons/gen/disparities-ids-machine-vision-cameras-dark-grey.svg') !important;}
.aoi {background-image: url('/files/layout/icons/gen/baseline-ids-machine-vision-cameras-dark-grey.svg') !important;}
.vollstaendigermodellname {background-image: url('/files/layout/icons/gen/camera-ids-machine-vision-cameras-black.svg') !important;}
.brennweite {background-image: url('/files/layout/icons/gen/focal-length-small-ids-machine-vision-cameras-dark-grey.svg') !important;}
.blendenzahl {background-image: url('/files/layout/icons/gen/f-number-ids-machine-vision-cameras-dark-grey.svg') !important;}
.farbsensor-brennweite {background-image: url('/files/layout/icons/gen/focal-length-small-ids-machine-vision-cameras-ids-colour.svg') !important;}
.farbsensor-blendenzahl {background-image: url('/files/layout/icons/gen/f-number-ids-machine-vision-cameras-ids-colour.svg') !important;}
.vergenzwinkel {background-image: url('/files/layout/icons/gen/vergence-angle-ids-machine-vision-cameras-dark-grey.svg') !important;}
.baseline {background-image: url('/files/layout/icons/gen/baseline-ids-machine-vision-cameras-dark-grey.svg') !important;}
.fokusabstand {background-image: url('/files/layout/icons/gen/focus-distance-ids-machine-vision-cameras-dark-grey.svg') !important;}
.arbeitsabstand {background-image: url('/files/layout/icons/gen/measurement-distance-operation-distance-small-ids-machine-vision-cameras-dark-grey.svg') !important;}
.size {background-image: url('/files/layout/icons/gen/calibration-plate-dimensions-ids-machine-vision-cameras-dark-grey.svg') !important;}
.raster {background-image: url('/files/layout/icons/gen/calibration-plate-grid-dots-spacing-ids-machine-vision-cameras-dark-grey.svg') !important;}

.size {background-image: url('/files/layout/icons/gen/size-ids-machine-vision-cameras-dark-grey.svg') !important;}
.weight {background-image: url('/files/layout/icons/gen/weight-ids-machine-vision-cameras-dark-grey.svg') !important;}
.resulution {background-image: url('/files/layout/icons/gen/resolution-small-ids-machine-vision-cameras-dark-grey.svg') !important;}
.farbsensor-resulution {background-image: url('/files/layout/icons/gen/resolution-small-ids-machine-vision-cameras-ids-colour.svg') !important;}
.framespersecond {background-image: url('/files/layout/icons/gen/fps-ids-machine-vision-cameras-dark-grey.svg') !important;}
.interface {background-image: url('/files/layout/icons/gen/interface-small-ids-machine-vision-cameras-dark-grey.svg') !important;}
.inputs {background-image: url('/files/layout/icons/gen/inputs-ids-machine-vision-cameras-dark-grey.svg') !important;}
.outputs {background-image: url('/files/layout/icons/gen/outputs-ids-machine-vision-cameras-dark-grey.svg') !important;}
.power {background-image: url('/files/layout/icons/gen/input-voltage-ids-machine-vision-cameras-dark-grey.svg') !important;}
.housing {background-image: url('/files/layout/icons/gen/housing-projector-ids-machine-vision-cameras-dark-grey.svg') !important;}
.sensors {background-image: url('/files/layout/icons/gen/housing-sensors-ids-machine-vision-cameras-dark-grey.svg') !important;}
.temperature-running {background-image: url('/files/layout/icons/gen/temperature-ids-machine-vision-cameras-dark-grey.svg') !important;}
.temperature-keeping {background-image: url('/files/layout/icons/gen/temperature-ids-machine-vision-cameras-dark-grey.svg') !important;}
.vibrationresistance {background-image: url('/files/layout/icons/gen/vibration-resistance-ids-machine-vision-cameras-dark-grey.svg') !important;}
.shockresistance {background-image: url('/files/layout/icons/gen/shock-resistance-ids-machine-vision-cameras-dark-grey.svg') !important;}
.software {background-image: url('/files/layout/icons/gen/software-ensenso-ids-machine-vision-cameras-dark-grey.svg') !important;}


#lines-footnote {}
#lines-footnote .text-strong {
    font-weight: bold;
}
#lines-footnote .text-weak {
    font-weight: 300;
}

#lines-footnote .hinweis-wrap .hinweis {
    background-image: url(/files/layout/icons/gen/info-ids-machine-vision-cameras-grey.svg);
    background-position: 18px 14px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    color: #878787;
    padding: 0.75em 1em 0.75em 68px;
}
@media (min-width: 992px) {
    #lines-footnote .hinweis-wrap .hinweis {
        padding: 1.25em 1.5em 1.25em 68px;;
    }
}
#lines-footnote .hinweis-wrap .hinweis ul {
    margin-bottom: 0;
    padding-left: 2rem;
}

#lines-footnote .hinweis-wrap .hinweis .green {
    color: #00B200;
}
#lines-footnote .hinweis-wrap .hinweis .red {
    color: #FF0000;
}


/*DOWNLOAD*/
#downloads .row ul li a {
    color: var(--ids-colour);
	position: relative;
	display: inline-block;
}

#downloads .row ul li a:before {
	content: '';
	display: block;
	background: var(--ids-colour);
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: width 250ms ease-out, left 250ms ease-out;
}
#downloads .row ul li a:focus:before, 
#downloads .row ul li a:hover:before {
    width: 100%;
    left: 0;
}

#downloads .row ul li .filesize {
    display: inline-block;
    margin-left: 0.25rem;
    line-height: 31px;
    color: var(--default);
    font-size: 0.875rem;
}






/****************************************/
/*            WARNING                   */
/****************************************/
.warning {
	padding: 0 15px;
}
.warning > div {
	padding: 15px 15px 15px 15px;
    /* background-image: url(/files/layout/icons/gen/info-ids-machine-vision-cameras-dark-grey.svg);
    background-position: 18px 14px;
    background-size: 32px 32px;
    background-repeat: no-repeat; */
    background-color: var(--kb-info-background);
    border: 1px solid var(--kb-info-border);
    border-radius: 3px;	
	color: var(--black);
}
/* .warning {
  border: none;
  border-radius: 7px;
  box-shadow: 0 0 1px 0px #000000;
  overflow: hidden;
  padding: 0 !important;
  position: relative;
}
.warning::before {
  content: "";
  display: block;
  background: linear-gradient(90deg, var(--ids-colour) 0%, #ffffff 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate 5s linear infinite;
  z-index: 0;
  border-radius: 50%;
  height: auto;
  width: 150%;
  aspect-ratio: 1 / 1;
}
@media (orientation: landscape) {
  .warning::before {  
      height: auto;
      width: 125%;
  }
}
.warning .row {
  background: #f5f5f5;
  border-radius: 5px;    
  font-size: .9rem;
  color: #343434;
  line-height: 1.5rem;
  margin: 3px;
  padding: 1.5rem 1rem 1.5rem 1rem;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
} */