@charset "UTF-8";

body,p { 
  font-family: "Segoe UI", sans-serif, "Open Sans" !important;
  font-size:12pt;
  color: #606060;
}

/* 
----------------------------
text
----------------------------
*/

.strike
{
  text-decoration: line-through;
}

.border-middle-gray
{
  border-color: #b0b0b0 !important;
}

.border-dashed
{
  border-style: dashed !important;
}

.border-dotted
{
  border-style: dotted !important;
}

.head
{
  font-size: calc(1.3rem + .6vw);
  color: #606060;
  margin-bottom: 0.5rem;
}

h1
{
  font-size: calc(1.3rem + .6vw);
  font-weight: normal;
  color: #606060;
  margin-bottom: 0.5rem;
}

.h1
{
  font-size: calc(1.3rem + .6vw);
  font-weight: normal;
  color: #606060;
  margin-bottom: 0.5rem;
}

.subhead
{
  font-size: calc(1.1rem + .3vw);
  font-weight: normal;
  color: #606060;
  margin-bottom: 0.4rem;
}

h2
{
  font-size: calc(1.1rem + .3vw);
  font-weight: normal;
  color: #606060;
  margin-bottom: 0.4rem;
}

.h2
{
  font-size: calc(1.1rem + .3vw);
  font-weight: normal;
  color: #606060;
  margin-bottom: 0.4rem;
}

.text
{
  font-size: 1.1rem; 
  font-weight:400;
  line-height: 2rem;
  color: #505050;
}

.subtext
{
  font-size: 0.9rem;
  font-weight:400;    
}

.screenshot
{
  width: 90%;  
  height: auto;
  box-shadow: 8px 8px 20px #808080;	
  border-radius: 0px;
  overflow: hidden;  
}

.screenshot-s
{
  height: 17rem;
  width:auto;
  box-shadow: 8px 8px 20px #808080;	
  border-radius: 0px;
  overflow: hidden;  
}

.plainlist
{
  padding-left: 0.6rem; 
  margin-left: 0.6rem;
}

/* 
----------------------------
font-size
----------------------------
*/

/* font-size-normal*/

.fs-n
{
  font-size: 1.1rem; 
  line-height: 2rem;
}

/* font-size-small*/
.fs-s
{
  font-size: 0.9rem; 
  line-height: 1.3rem;
}

.fs-7
{
  font-size: 0.9rem;
}

.fs-label
{
  font-size: 0.95rem;
  color: #707070;
}

/* 
----------------------------
option & selected
----------------------------
*/

.option
{
  padding:1.5rem;
  border: solid 0.2rem #f0f0f0;
  cursor: pointer;
  height: 100%;
}

.option p
{
  opacity: 0.8;
}

.option-sm
{
  padding:0.5rem;
}

.option-disabled
{
  padding:1.5rem;
  border: solid 0.2rem #f9f9f9;
  height: 100%;
}

.option-disabled p
{
  opacity: 0.5;
}

.selected
{
  border: solid 0.2rem #4070a0 !important;
  cursor:unset;
}

.selected p
{
  opacity: 1;
}

/* 
----------------------------
nav-pills 
----------------------------
*/

.nav-pills .nav-link
{
  font-size: 1.1rem;
}

.nav-pills .nav-link:not(.active) 
{
  color: #606060;
}

.nav-pills .nav-link.active 
{
  color: #ffffff;
  background-color: #035ea7;
}

.nav-pills .pill-2 .nav-link:not(.active) {
  background-color: rgba(0, 250, 0, 0.5);
}


/* 
----------------------------
borders
----------------------------
*/

.bordered
{
  padding:1.5rem;
  border: solid 0.2rem #e0e0e0;
}

.border-gray
{
  border-color: #d0d0d0 !important;
}

.shadow
{
  box-shadow: #808080 5px 5px 10px 10px;
	border-radius: 20px;
  overflow: hidden;
}

.shadow-box
{
  box-shadow: 8px 8px 20px #808080;	
  border-radius: 0px;
  overflow: hidden;
}

/* 
----------------------------
colors
----------------------------
*/

.bg-grayer
{
  background-color: #d5d5d5;
}

.bg-head
{
  background-color: #e0e0e0;
}

.bg-select
{
  background-color: #88d5ff;
}

.bg-select2
{
  background-color: #d8f0ff;
}

.bg-select3
{
  background-color: #e5f0ff;
}

.bg-stripe-1
{
  background-color: #f9f9f9;
}

.bg-stripe-2
{
  background-color: #fff;
}

.bg-gray
{
  background-color: #f0f0f0;
}

.text-gray
{
  color: #a0a0a0;
}

.bg-ltgray
{
  background-color: #f9f9f9;
}

.text-ltgray
{
  color: #d0d0d0;
}

.bg-blue
{
  background-color: #d1dfe6;  
}

.bg-cyan
{
  background-color: #148EC7;
}

.bg-ltblue
{
  background-color: #e1eff6;
}

.bg-darkgray
{
  background-color: #909090;
}

.white
{
  color:#ffffff;
}

.darkgray
{
  color: #404040;
};

.black
{
  color: #101010;
}

.ltgray
{
  color:#e9e9e9;
}

.gray
{
  color:#909090;
}

.red 
{
  color:#d05050;
}

.bg-white
{
  background-color: #ffffff;
}

a.none   
{
  text-decoration: none;
}

a.normal
{
  color: #606060;
}

.table-striped > tbody > tr:nth-child(odd) > td.text-gray
{
    color: #a0a0a0;
}

/* 
----------------------------
image
----------------------------
*/

.h-min3
{
  min-height: 3rem;
}

.h-min4
{
  min-height: 4rem;
}

.h-min5
{
  min-height: 5rem;
}

.h-min10
{
  min-height: 10rem;
}

.h-min15
{
  min-height: 10rem;
}

.h-max-5 
{
  max-height: 5rem;
}

.h-max-10
{
  max-height: 10rem;
}

.h-max-15
{
  max-height: 15rem;
}

.h-max-20
{
  max-height: 20rem;
}

.h-max-25
{
  max-height: 25rem;
}

.w-max20
{
  max-width: 20rem;
}

.w-max25
{
  max-width: 25rem;
}

.rem-5 
{
  max-height: 5rem;
}

.rem-10
{
  max-height: 10rem;
}

.rem-15
{
  max-height: 15rem;
}

.rem-20
{
  max-height: 20rem;
}

.rem-25
{
  max-height: 25rem;
}

.img-product
{
  max-height: 7rem;
}

.img-product-m
{
  max-height: 10rem;
}

.img-product-l
{
  max-height: 13rem;
}

.img-product-ms
{
  max-height: 8rem;  
}

.img-product-s
{
  max-height: 4rem;  
}

.img-product-xs
{
  max-height: 2rem;  
}

.img-product-xl
{
  max-height: 18rem;
}

.img-fluid-h
{
  height: 100%;
  width: auto;
}

.img-portrait {
  border-radius: 50%;
}

.img-portrait {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
}

.img-portrait-s {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
}

.img-portrait img 
{
  width: 100%;
  height: auto;
  margin-bottom: -50px;
}

img.box
{
  width: 5rem;
  height: auto;
}

.navbar-brand img
{
  height: 1.1rem !important;
  width: auto !important;
}

.footer img
{
  height: 1.5rem !important;
  width: auto !important;
}

.navbar-blue
{
  background-color:#146db5;
}

.navbar-blue ul li
{
  color: white;
}

.img-fluid-oversize
{
  width: 100%;
  height: auto;
}

img.brand
{
  height: 1.6rem !important;
  width:auto;
  padding-bottom: 0.1rem;
}

/* 
----------------------------
icon
----------------------------
*/

.icon
{
  border-radius: 0.5rem;
  width:6rem;
  height:auto;
  padding:0.5rem;
  opacity: 0.7;
}

.icon-xs
{
  width:2.6rem;      
}

.icon-s
{
  width:4rem;    
}

.icon-m
{
  width:5rem;    
}

.icon-l
{
  width:8rem;  
}

.icon-muted
{
  opacity: 0.2;
}

.icon-color
{
  opacity: 1;
}

/*
----------------------------
track
----------------------------
*/

.track {
  position: relative;
  background-color: #ddd;
  height: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  margin-top: 50px
}

.track .step {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 25%;
  margin-top: -18px;
  text-align: center;
  position: relative
}

.track .step.active:before {
  
  background: #045da5;
}

.track .step::before {
  height: 7px;
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 18px
}

.track .text {
  font-weight: 400;
  color: #808080
}

.track .step.active .track-icon {
  background: #146db5;
  color: #fff
}

.track .track-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  border-radius: 100%;
  background: #ddd
}

.track .step.active .text {
  font-weight: 400;
  color: #303030
}

.track .current {
  font-weight: 500;
  color: #000000
}

.track .text {
  display: block;
  margin-top: 7px
}

/* 
----------------------------
spaces
----------------------------
*/

.space-1
{
  margin: 1rem;
}

.space-2
{
  margin: 2rem;
}

.space-3
{
  margin: 3rem;
}

.space-4
{
  margin: 4rem;
}

.space-5
{
  margin: 5rem;
}

.space-6
{
  margin: 6rem;
}

.space-7
{
  margin: 7rem;
}

.space-8
{
  margin: 8rem;
}

/*
----------------------------
size
----------------------------
*/

.w-6
{
  width: 5rem;
}


/* 
----------------------------
diverses
----------------------------
*/

.product-card:hover
{
  border-color: #146db5 !important;  
  padding:0 !important;  
}


table.translate tr:hover
{
  cursor: pointer;
  background-color:#148EC7;  
}

table.translate tr:hover td
{
  color: white;
}

table.table-hover
{
  cursor:pointer;
}

.input-group-span
{
  width: 5rem;
  display: inline-block;  
  font-weight: lighter;
}

.border-input-group
{
  border-color: #ced4da !important;
}

.input-group-static
{
  border-left : none;
  border-top : none;
  border-bottom: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid #ced4da;
}

/* 
----------------------------
user
----------------------------
*/

.user 
{
  cursor: pointer;    
}

.current-user
{
  border-color:#146db5 !important;
}

.h-max-lg-25
{
  max-height: 25rem;
}

/* 
----------------------------
media queries
----------------------------
*/

/* xs */
@media only screen and (max-width: 575px) 
{ 
  .preview
  {
    width: 100%;  
    height: auto; 
  }

  .table-auto
  {
    table-layout:fixed; /* this keeps your columns with at the defined width */
    width: 100%;        /* a width must be specified */
    display: table; 
  }

  .td-0
  {
    display: none;
  }

  .table-auto thead td.td-0 + tbody tr td  
  {
    display:none;
  }

  .td-1
  {
    margin-left: 0;
    margin-right: 0;
    width: 8.3%;
  }

  .td-2
  {
    margin-left: 0;
    margin-right: 0;
    width: 16.6%;
  }

  .td-3
  {
    margin-left: 0;
    margin-right: 0;
    width: 24.9%;
  }

  .td-4
  {
    margin-left: 0;
    margin-right: 0;
    width: 33.3%;
  }

  .td-5
  {
    margin-left: 0;
    margin-right: 0;
    width: 41,5%;
  }

  .td-6
  {
    margin-left: 0;
    margin-right: 0;
    width: 50%;
  }

  .td-7
  {
    margin-left: 0;
    margin-right: 0;
    width: 58.3%;
  }

  .td-8
  {
    margin-left: 0;
    margin-right: 0;
    width: 66.6%;
  }

  .td-9
  {
    margin-left: 0;
    margin-right: 0;
    width: 74.9%;
  }

  .td-10
  {
    margin-left: 0;
    margin-right: 0;
    width: 83.2%;
  }

  .td-11
  {
    margin-left: 0;
    margin-right: 0;
    width: 91.6%;
  }

  .td-12
  {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .table-auto tr td, .table-auto tbody tr td, .table-auto thead tr td, .table-auto thead tr th, .table-auto tfoot tr td
  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* FIX für lightshow.js */
.lightbox-carousel .carousel-item img {
  width: auto !important;
  max-width: 80vw;
  max-height: 90vh;
  margin: 0 auto;
}

/* sm */
@media only screen and (min-width: 576px) and (max-width: 767px) 
{ 
  .preview
  {
    width: 100%;  
    height: auto; 
  }
}

/* md */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
  .preview
  {
    width: 100%;  
    height: auto; 
  }
}

/* lg */
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
  .preview
  {
    width: 240px;  
    height: auto; 
  }
}

/* xl */
@media only screen and (min-width: 1200px) and (max-width: 1399px)
{  
  .preview
  {
    width: 260px;  
    height: auto; 
  }
}

/* xxl */
@media only screen and (min-width: 1400px) 
{  
  .preview
  {
    width: 270px;  
    height: auto; 
  }
}

/* IE 10 + 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
  /* IE10+ CSS styles go here */    
}

/* NOT IE */
@supports not (-ms-high-contrast: none) 
{
  /* Non-IE styles here */
  .flex-column-not-ie
  {
    display: flex;
    flex-direction: column;
  }
}