

body {
	
	background-color: #ffffff;
		background-image: none;

	
	
}




.navbar {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-image: none;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar .navbar-text,
.navbar .navbar-brand,
.navbar .navbar-link,
.navbar .nav > li > a {
	color: #000000;
	text-shadow: none;
}

/* navbar links */
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.navbar .navbar-brand:active,
.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus,
.navbar .nav .active > a:active,
.navbar .navbar-link:hover,
.navbar .navbar-link:focus,
.navbar .navbar-link:active,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active,
.navbar .nav > .open > a,
.navbar .nav > .open > a:hover,
.navbar .nav > .open > a:focus,
.navbar .nav > .open > a:active {
	color: #4c4c4c;
	background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.navbar-fixed-top,
.navbar-static-top {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;

}

.navbar-toggle {
	margin-top: 18px;
	margin-bottom: 18px;
}

.navbar-collapse {
	border-radius: 0px;
}

/* navbar brand */
.navbar-brand {
	padding-right: 30px;
	max-width: 80%;
	min-height: 20px;
	height: auto;
}

@media (max-width: 767px) {
	.navbar .toggle-sidebar {
		padding: 10px 15px;
	}
}

@media (min-width: 768px) {
	.navbar-brand {
		max-width: 300px;
	}
}

/* navbar dropdowns */
.navbar .dropdown.logged-in .avatar {
	margin: 0px;
}

.nav .dropdown.logged-in .full-name {
	line-height: 22px;
}

.nav .dropdown-menu > li > a {
	padding: 14px;
}

.nav .dropdown-menu {
	min-width: 200px;
	padding: 0px;
	font-size: 85%;

	// only rounded bottoms
	border-radius: 0px 0px 4px 4px;
}

.nav .dropdown-menu .divider {
	margin: 0px;
}

.web-footer {
	background-color: #ffffff;
	border-top: 1px solid #e6e6e6;
}

.web-footer,
.web-footer a {
	color: #000000;
}

.web-footer a:hover,
.web-footer a:focus,
.web-footer a:active {
	color: #191919;
}

.web-footer input {
	border: 1px solid #e6e6e6;
}


/*.page-content {
	border-right: 1px solid #e6e6e6;
}

.page-sidebar {
	border-left: 1px solid #e6e6e6;
}
*/
.page-footer {
	border-top: 1px solid #e6e6e6;
}

.border-color {
	border-color: #e6e6e6;
}

.blog-comments {
  display: none;
}

@media screen and (min-width:701px){
    h6 span {
    color: white;
    font: bold 24px/49px Helvetica, Sans-Serif;
    letter-spacing: -1px;
    background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    }
.navbar {
    background-color: #eeeeee;
    background-repeat: repeat-x;
    background-image: none;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 5px;
    padding-bottom: 0px;
    z-index: 10;
}
.web-page-content {
    margin-bottom: 0px;
}
    .btn-download{
        padding: 8px 10px;
    	color: white;
    	background-color: #874ACE;
    	border-radius: 10px;
    	border: none;
    	font-size: 16px;
    	font-family: inherit;
    	width: 200px;
    }
    .btn-orange{
	padding: 8px 10px;
	color: #FFFF;
    	background-color: #F95B;
    	border: none;
    	font-size: 24px;
    	font-family: inherit;
    	width: 100%;
    	margin: 0px 7px;
}
.btn-grey {
    padding: 8px 10px;
    color: white;
    background-color: #999B;
    border: none;
    font-size: 16px;
    font-family: inherit;
    width: 100%;
    margin: 10px 7px;
    text-align: center;
}
}
@media screen and (max-width:700px){
    .btn-primary{
        font-size: 12px !important;
    }
    .btn-download{
        padding: 8px 10px;
    	color: white;
    	background-color: #874ACE;
    	border-radius: 10px;
    	border: none;
    	font-size: 12px;
    	font-family: inherit;
    	width: 100px;
    }
    h6 span {
        color: white;
        font: bold 13px Helvetica, Sans-Serif;
        letter-spacing: -1px;
        background: rgb(0, 0, 0); /* fallback color */
        background: rgba(0, 0, 0, 0.7);
        padding: 1px;
    }
    .imgLidar{
        padding-top: 50px;
    }

}
    .videoBox{
        padding: 0px;
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    .video{
        padding: 0px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


figcaption {
     text-align: center;
     font-style: italic;
     }
.tooltip {
     position: relative;
     display: inline-block;
     opacity: 1;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", 
"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", 
"Helvetica Neue", sans-serif;
     font-size: 14px;
}

.tooltip .tooltiptext {
     visibility: hidden;
     width: 200px;
     background-color: black;
     opacity: 0.5;
     color: #fff;
     text-align: center;
     padding: 5px 0;
     border-radius: 6px;
     position: absolute;
     z-index: 1;
     top: -5px;
     left: 105%;
}

.tooltip:hover .tooltiptext {
     visibility: visible;
}

.filt {
border: 0px solid grey;
position: absolute;
z-index: 2;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", 
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica 
Neue", sans-serif;
font-size: 1.1em;
color:white;
text-align: right;
padding-bottom: 0.3%;
padding-right: 0.5%;
align-content: space-around;
text-decoration: none;
writing-mode: vertical-rl;
}
.filt:hover {
background: rgba(var(--main-color), 1);
text-decoration: none;
color:white;
}
.multimode {
width: 3%;
background: rgba(var(--main-color), 0.7);
background-image: repeating-linear-gradient(45deg, transparent, 
transparent 2px, rgba(255,255,255,.5) 4px, rgba(255,255,255,.5) 5px);
border-radius: 0.2vw;
--main-color: 118, 118, 118;
border-style: solid;
border-color: grey;
border-width: 1px;
}
.singlemode {
width: 3%;
border-radius: 0.2vw;
background: rgba(var(--main-color), 0.7);
--main-color: 118, 118, 118;
border-style: solid;
border-color: grey;
border-width: 1px;
}
.custom-dev {
width: 5%;
background: rgba(var(--main-color), 0.7);
background-image: repeating-linear-gradient(0deg, transparent, 
transparent 2px, rgba(255,255,255,.5) 4px, rgba(255,255,255,.5) 5px);
border-radius: 0.2vw;
--main-color: 118, 118, 118;
border-radius: 0.2vw;
padding:1% 3%;
}
.mw-left {
writing-mode: horizontal-tb;
font-size: 0.95em;
padding-right: 0%;
text-align: center;
left: 4.2%;
width: 5.4%;
height: 5.2%;
--main-color: 118, 118, 118;
background: rgba(var(--main-color), 0.7);
}
.mw-right {
writing-mode: horizontal-tb;
font-size: 0.95em;
padding-right: 0%;
text-align: center;
left: 94.2%;
width: 5.4%;
height: 5.2%;
--main-color: 118, 118, 118;
background: rgba(var(--main-color), 0.7);
}
.backc {
z-index: 1;
width: 100%;
left: 0%;
height: 48.1%;
--main-color: 200, 200, 200;
background: rgba(var(--main-color), 0.7);
}
.backc:hover {
background: rgba(var(--main-color), 0.7);
}
.sideb {
--main-color: 118, 118, 118;
background: rgba(var(--main-color), 0.7);
font-size: 1.15em;
left: 1.2%;
width: 2.3%;
height: 48%;
padding-right: 0%;
padding-bottom: 2%;
}
.dashed-thin {
border: 0.5px dashed grey;
z-index: 0;
position: absolute;
width: 84.5%;
left: 11%;
margin-top: 0;
margin-bottom:0;
}

.icon-img {
     border: 0px solid #EBEFF2;
     border-radius: 3px;
     width: 70px;
}

.product-image-square {
     width: 100%;
     height: 0;
     padding: 50% 0px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center top;
     border-radius: 0.5em;
     border: 0px solid #ebeff2;
}

.icon-square {
     width: 100%;
     height: 0px;
     padding: 50% 0px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center top;
     border-radius-top: 4px;
     border-radius-right: 4px;
}


.country-vertical-text {
     transform: rotate(270deg);
     transform-origin: center middle 0;
     text-align: center;
     font-size: 18px;
}

.partner-logo {
     max-width: 100%;
     max-height: 100px;
}

.header-blue {
     width: 100%;
     float: left;
     position: relative;
     background-color: #edf6f7;
     margin-bottom: 1%;
}

.header-white {
     width: 100%;
     float: left;
     position: relative;
     background-color: #FFFFFF;
     margin-bottom: 1%;
     border: 5px solid grey;
}

.avatar-m {
     display: inline-block;
     vertical-align: middle;
     width: 150px;
     height: 150px;
}

.product-spec {
     border: 1px solid #EBEFF2;
     border-radius: 3px;
     padding: 0%;
     word-wrap: break-word;
     height: 82px;
     background-color: #f1f0ec !important;
     font-size: 9px;
     overflow: hidden;
     text-overflow: ellipsis;
     line-height:1.5em;
     background:linear-gradient(180deg,#f1f0ec 0,#f1f0ec 1.5em,#e1e0dc 0em);
     background-size:3.0em 3.0em;
     background-origin:content-box;
}

.page-container {
padding: 0px;
max-width: 1170px;
margin: auto;}

.avatar-large {
     margin-right: 10px;
     width: 200px;
     height: 200px;}

.blog-container {
     max-width: 1170px;
     margin: auto;
}

.item-group-content {
     margin-top: 10px;
}

.page-content {
     padding-top: 20px;
     padding-bottom: 10px;
}

.imageback {
    position: relative;
    width: 100%; /* for IE 6 */
}

h6 {
    position: absolute;
    top: 80%;
    left: 21%;
    width: 100%;
}

ef {
    color: PaleTurquoise;
}

h6 span.spacer {
    padding:0 5px;
}
@media print{*,
*:before,
*:after
a,
a:visited{text-decoration:underline;}
abbr[title]:after{content:" (" attr(title) ")";}
a[href^="#"]:after,
a[href^="javascript:"]:after{content:"";}
pre,
blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,
img{page-break-inside:avoid;}
img{max-width:100% !important;}
p,
h2{
font-family: inherit !important;
font-weight: 500 !important;
line-height: 1.3em !important;
color: inherit !important;
}
h3{orphans:3;widows:3;}
h2,
h3{page-break-after:avoid;}
.header-blue {
     width: 100% !important;
     float: left !important;
     position: relative !important;
     background-color: #edf6f7 !important;
     margin-bottom: 1% !important;
}
.navbar{display:none;}
.btn > .caret,
.dropup > .btn > .caret{border-top-color:#000 !important;}
.label{border:1px solid #000;}
.table{border-collapse:collapse !important;}
.table td,
.table-bordered th,
.table-bordered td{border:1px solid;}
.product-image-wrapper-acc {
     max-width: 15%;
     margin: auto;
     border-radius: 4px;
     padding-bottom: 30px;
}
/*.col-sm-12 {width: 100%;} */
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.66666666%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-3 {width: 25%;}
}

@media (min-width:768px){
.col-sm-2 {
     position: relative;
     min-height: 1px;
     padding-right: 5px;
     padding-left: 5px;
}
.product-image-wrapper {
     max-width: 20%;
     margin: auto;
     border-radius: 4px;
     padding-bottom: 40px;
}
.product-image-wrapper-acc {
     max-width: 15%;
     margin: auto;
     border-radius: 4px;
     padding-bottom: 30px;
}
.product-text-acc{
     border-top: 1px solid #EBEFF2;
     padding: 1%;
     word-wrap: break-word;
     position: absolute;
     top: 50%;
     height: 28% !important;
     left: 9.5%;
     width: 81.5%;
     background-color: #5d5d5d !important;
     color: white;
     opacity: 0.7 !important;
     font-size: 10px;
}
.product-text {
     border-top: 1px solid #EBEFF2;
     padding: 2%;
     word-wrap: break-word;
     position: absolute;
     top: 66%;
     height: 21% !important;
     left: 0%;
     width: 100%;
     background-color: #5d5d5d !important;
     color: white;
     opacity: 0.7 !important;
     font-size: 14px;
}
}
@media (max-width:767px){

.col-sm-2 {
     position: relative;
     min-height: 1px;
     padding-right: 2px;
     padding-left: 2px;
}
.product-image-wrapper {
     max-width: 50%;
     width: 50%;
     margin: auto;
     border-radius: 4px;
     padding-bottom: 10%;
}
.product-image-wrapper-acc {
     max-width: 50%;
     margin: auto;
     border-radius: 4px;
     padding-bottom: 20px;
}
.product-text-acc {
     border-top: 1px solid #EBEFF2;
     padding: 1%;
     word-wrap: break-word;
     position: absolute;
     top: 51%;
     height: 30% !important;
     left: 9.5%;
     width: 81.5%;
     background-color: #5d5d5d !important;
     color: white;
     opacity: 0.7 !important;
     font-size: 10px;
}
.product-text {
     border-top: 1px solid #EBEFF2;
     padding: 2%;
     word-wrap: break-word;
     position: absolute;
     top: 50%;
     height: 20% !important;
     left: 8.5%;
     width: 83%;
     background-color: #5d5d5d !important;
     color: white;
     opacity: 0.7 !important;
     font-size: 10px;
}
}



.product-code {
     border: 1px solid #EBEFF2;
     border-radius: 3px;
     padding: 2%;
     word-wrap: break-word;
     height: 25%;
}

.product-image-img {
     border: 0px solid #EBEFF2;
     border-radius: 3px;
}

.footnote {
     border: 0px;
     border-collapse: collapse;
     padding: 5px;
}

tr:nth-child(even) {background-color: #f1f0ec}
und-color: #f1f0ec}