.noselect{
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
    body,html
    {
        overflow-x:hidden;
        overflow-y:auto;
        font-family: CustomerStandard;
        -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
        user-select: none;
        margin:0px;
    }       
    a{
        cursor:pointer;
        color:black;
    }
    html,body,input,div,textarea{
        font-family: CustomerStandard;
    }
    h3{
        margin-top:0em;
        margin-bottom:0em;
    }
.requestBar
{
    position:absolute;
    left:10%;right:10%;top:0px;height:5px;
    background-color:#7C0043;
}
div.rmProgressBar{
    position:absolute;
    left:5px;
    right:5px;
    top:0px;
    height:5px;
    background-color:white
}
div.mainrmProgressBar{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    height:5px;
    background-color:#7C0043;
}
progress::-webkit-progress-bar {
     background-color:#7C0043;
     border-radius: 2px;
    
}
progress[value]::-webkit-progress-value {
    background-image:
         
         -webkit-linear-gradient(left, #fff, #fff);

    border-radius: 0px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
  }  

  
div.StatusSwitch
{
    position:relative;
    border-radius:1em;
    height:1em;
    
}
table.DateSelectLR tbody tr td{
    vertical-align: top;
}
table.DateSelectLR tbody tr td:first-child{
    width:2em;
    height:2em;
}

table.DateSelectLR tbody tr td:first-child a img{
    width:2em;
    height:2em;
}
table.DateSelectLR tbody tr td:last-child{
    width:2em;
    height:2em;
}
table.DateSelectLR tbody tr td input{
    width:8em;
    height:2em;
    text-align: center;
}
table.DateSelectLR tbody tr td:last-child a img{
    width:2em;
    height:2em;
}

table.SelectTable tbody tr td:first-child{
   vertical-align: top
}
table.SelectTable tbody tr td.borderLeft{
   border-style:solid;
   border-width:0px;
   border-left-width:1px;
   padding-right:.5em;
   padding-left:.5em;
}

progress.mainrmProgressBar
{
    position:absolute;
    top:0px;
    width:100%;
    height:5px;
    margin:0px;
    border-style:none;
    
    display:inline-block;
    background-color:white;
}
progress.rmProgressBar
{
    -webkit-appearance: progress-bar;
    position:absolute;
    top:0px;
    width:100%;
    height:5px;
    margin:0px;
    border-style:none;
    display:inline-block;
 
    background-color:white;
}

div.fullContent{
    position:fixed;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    
    
}
div.mobileActivityTitle{
    position:fixed;
    left:3em;
    right:0px;
    height:3em;
    top:.25em;
}
div.mobileBackbutton{
    position:fixed;
    left:0px;
    
    top:0em;
    width:2.5em;
    height:2.5em;
}
div.mobileFullContent
{
    position:fixed;
    left:0px;
    right:0px;
    top:3em;
    bottom:0px;
}
div.alloverMainContent{
    position:fixed;
    left:0em;
    right:0em;
    top:0em;
    bottom:0px;
}
div.fullMainContent{
    position:fixed;
    left:1em;
    right:1em;
    top:7em;
    bottom:0px;
}
div.fullMainContentSub{
    position:absolute;
    left:1em;
    right:1em;
    top:0em;
    bottom:0px;
}
div.loginWindowCenter
{
    position:absolute;
    left:50%;
    top:50%;
    height:50%;
}

loginWindowCenterMobil
{
 position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    
}
div.loginWindow
{
    position:absolute;
    width:500px;
    left:-250px;
    top:0px;
    padding:1em;
    
}
h1{
    
    margin:0em;
    
}
div.formActions{
    position:relative;
    width:100%;
    border-style:solid;
    border-width:0px;
    border-top-width: 1px;
    position:relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    width:100%;
    height:2em;
}
div.formActions div.right{
    position:absolute;
    height:100%;
    display:table-cell;
    padding-top:.3em;
    right:.5em;
    
}
div.formactions a{
    color:blue;
    cursor:pointer;
}
div.standardInp
{
    position:relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    width:100%;
    height:5em;
    font-size:.75em;
    padding-top:0em;
}
div.standardInp input{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    width:100%;
    height:2em;
    font-size:1.5em;
    padding-left:0.5em;
    padding-right:0.5em;
}
div.standardInp select{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    width:100%;
    height:2em;
    font-size:1.5em;
    padding-left:0.5em;
    padding-right:0.5em;
    background-color:white;
}
div.standardInp select:active{
  background-color: #c0c0c0;
}
div.standardInp div.singleLineTextView{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    width:100%;
    height:2em;
    font-size:1.5em;
    padding-left:0.5em;
    padding-right:0.5em;
}
div.standardInp input.error{
    border-style:solid;
    border-color:red;
}
div.formElementSpace
{
   position:relative;
   height:4em;
   width:100%;
   padding-bottom:.5em;
}
div.formContainer{
    width:100%;
}
div.formActionSpace
{
   position:relative;
   height:2em;
   
}

div.mainContent{
    position:fixed;
    left:1em;
    right:1em;
    top:7em;
    bottom:0em;
    overflow-x:hidden;
    overflow-y:auto;
}
div.mobileMainContent{
    position:fixed;
    left:0em;
    right:0em;
    top:0em;
    bottom:0em;
    overflow-x:hidden;
    overflow-y:auto;
}

div.formActionCenter
{
    width:100%;
    text-align: center;
}
a.wzButton{
    padding:.5em;
    font-size:400;
}
a.wzButton div
{
    padding:1em;
    font-weight:bold;
    background-color:#c0c0c0;
}


div.logo{
    position:fixed;
    left:1em;
    z-index:4000;
}
div.logo img{
    
    max-height:8em;
    height:8em;
    width:10em
}








div.statusContainer{
    position:absolute;
    top:.5em;
    right:.5em;
    background-color:transparent;/*/ #7C0043*/;
    width:1em;
    height:5em;
}
div.appContent
{
    position:absolute;
    background-color:transparent;
}
.grid-container 
{
    height: 100%;
    display: grid;
    grid-gap: 1em;
    border:0px;
    padding: 0em;
}
.grid-container > div 
{
    background-color:#f0f0f0;
    text-align: center;
    font-size: 1em;
    vertical-align: middle;
    text-align:left;
    overflow-y:hidden;
    overflow-x:hidden;
}

div.mainMenuItem
{
    width:4em;
    height:4em;
    cursor:pointer;
    margin-right:1em;
    clip-path:circle(2em at center);
    float:left;
}
div.mainMenuItem.passive {
    background-color:#c0c0c0;
}
div.mainMenuItem.active{
    background-color:#f0f0f0;
}
.mainMenuItem img
{
    
    width:4em;
    height:4em;
}
div.submenuItem{
    padding-right:1em;
    float:left;
    
    
}
div.submenuItem div{
    
    float:left;
}
.submenuItemShortcut div{
    position: absolute;
        

    top:-1.5px;
    left:0px;
    width:2em;
    text-align: center;
    font-size:1em;
}
.submenuItemShortcut.active{
    background-color:white;
    color:#606060;
    font-weight:500;
}
.submenuItemShortcut{
    position: relative;
    background-color:#606060;

    width:2em;
    line-height:2em;
    height:2em;
    clip-path:circle(.6em at center);
    text-align:center;
}
div.submenuItem a{
    color:white;
    font-weight:600;
}

table.menuStatusTable tbody tr td
{
    text-align: center;
}

table.variationPurchase
{
    width:100%;
}
table.variationPurchase thead tr th{
    font-weight:600
}
table.variationPurchase tbody tr td:nth-last-child(1){
    width:5em;
    text-align: center;
}
table.variationPurchase tbody tr td:nth-last-child(2){
    width:8em;
    text-align: center;
}

table.variationPurchase tbody tr {
    
    height:2em;vertical-align: middle;
    
}



table.variationPurchase thead tr th{
    border-style:solid;
    border-width:0px;
    border-bottom-width:1px;
}



table.variationPurchase thead tr th:nth-last-child(1){
    width:8em;
    text-align: center;
}
table.variationPurchase thead tr th:nth-last-child(2){
    width:12em;
    text-align: center;
}




































div.mobileMenu1
{
    position:fixed;
    left:0px;
    right:0px;
    top:5em;
    bottom:0px;   
}
div.mobileMenu2{
    position:absolute;
    left:0px;
    top:0em;
    right:0em;
    bottom:0em;
    background-color:white;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    
}
div.mobileLogo{
   position:fixed;
   right:0em;
   left:0px;
   top:0px;
   height:5em;
   
   text-align: center;
}
div.mobileBackbutton img{
   width:3em;
   height:3em;
}

a
{
    text-decoration: none;
    cursor:pointer;
}


img.tableShortCut{
    width:1.5em;
    height:1.5em;
    vertical-align:middle;
}
.clickable
{
    cursor:pointer;
}

div.layoutHeaderContent
{
    display: flex;
    flex-flow: row wrap;
}

div.layoutHeaderContent div.layoutHeader
{
    display: flex;
    
    height:3em;
    width:100%;
    
}

div.layoutHeaderContent div.layoutSubmenuLeft
{
    display:flex;
    float:left;
    width:10em;
    
}

div.layoutHeaderContent div.layoutContent
{
    
    position:absolute;
    float:left;
    height:auto;
    padding:1em;
    left:12em;
    top:4em;
    right:0em;
    display: flex;
    justify-content: flex-end;
}

div.seContainer
{
    min-width:300px;
}
div.seElement{
    min-width:300px;
    line-height:1.5em;
    min-height:1.5em;
}
div.seElementIdent{
    padding-left:1em;
}
a{
    text-decoration: none;
    cursor:pointer;
}
input.error{
    border-style:solid;
    
    border-color:red;
    color:white;
    background-color:red;
    font-weight:bold;
}

table.actionTable tbody tr:hover{
    background-color:#f0f0f0;
}
table.actionTable tbody tr td{
    vertical-align: middle;
}

table.actionTable tbody tr.bottom td{
    border-style:solid;
    border-width:0px;
    border-bottom-width: 1px;
}
div.mobileMenuItem{
    width:100%;
    height:4em;
    margin-top:.5em;
    margin-bottom:.5em;
    
    
}
a.mobileMenuItem
{
    width:100%;
    height:4em;
}
a.mobileMenuItem div{
    width:100%;
    height:2em;
    padding-top:.25m;
    padding-bottom:.25em;
    line-height:2em;
    font-size: 2em;
    display: table-row;
    vertical-align: middle;
    
}
a.mobileMenuItem div img
{
    float:left;
    width:2em;
    padding-left:1em;
    height:2em;
    vertical-align: top;
}

div.mainSubMenu
{
    position:absolute;
    bottom:.25em;
   
    left:6em;
    right:1em;
    height:1.5em;
    color:white;
}

a.submenu{
    color:white;
    text-decoration: none;
    cursor:pointer;
    padding-right:.5em;
    padding-left:.5em;
    padding-top:.25em;
    padding-bottom:.25em;
    border-radius:.25em;
}
a.submenuActive
{
    background-color:#808080;
}

.standardTable
{
    width:100%;
    border-style:solid;
    border-width:0px;
    
}

.standardTable thead tr:last-child th{
    border-style:solid;
    border-width:0px;
    border-bottom-width:1px;
    line-height: 2em;
}
.standardTable tbody tr td
{
    line-height: 2em;
}
.standardTable tbody tr td.nodata
{
    text-align: center;
    font-weight:normal;
    
}
.standardTable tbody tr td.nodata span
{
    background-color:red;
    font-weight : 800;
    color       : white;
    padding-right: .25em;
    padding-left: .25em;
    
}

label.switch 
{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
label.switch input
{
  opacity: 0;
  width: 0px;
  height: 0px;
}
label.switch span.slider
{
    position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;
}
label.switch span.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  
}
label.switch input:checked + .slider {
  background-color: #2196F3;
}

label.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

label.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}





div.namedSwitch div.on
{
    background-color:blue
}
table.standardSwitch{
    position:absolute;
    height:2em;
    width:100%;
    height:100%;
}

table.standardSwitch tbody tr{
    height:2em;
}

table.standardSwitch tbody tr td{
    height:2em;
}
.standardTable tbody tr.rowHover:hover
{
    background-color:#c0c0c0;
    cursor: pointer;
}
.tblSearchWord{
    padding-right:1em;
}
.sortableHeaderField{
    border-style:solid;
    border-width:0px;
}
.sortableHeaderField tbody tr td:first-child{
    padding-top:.5em;
}
.sortableHeaderField tbody tr td:last-child{
    text-align:left;
}
.sortableHeaderField tbody tr td:first-child img{
    
    width   : 1.5em;
    height  : 1.5em;
}
div.showEmbedded{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:5000;
    background-color:rgba(255,255,255,0.8);
}
div.showEmbedded div.center{
    position:absolute;
    top:50%;
    left:50%;
    
}



div.confirmation
{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:5000;
    background-color:rgba(255,255,255,0.8);
}
div.confirmation div.center
{
    position:absolute;
    top:50%;
    left:50%;
    
}

div.confirmation div.center div.confirmWindow 
{
    position:absolute;
    left:-300px;
    top:-200px;
    width:600px;
    height:400px;
    background-color:white;
    box-shadow:5px 5px 5px #808080;
    border-style:solid;
    border-width:1px;
    border-color:#808080
    
}
div.confirmationHeader
{
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    height:1.7em;
    font-weight:bold;
    font-size:1.2em;
    padding-top:.3em;
    padding-left:.25em;
    background-color:#fafafa;
}
div.confirmationContent{
    position: absolute;
    left:0px;
    right:0px;
    top:2em;
    bottom:3em;
    overflow:hidden;
    background-color:#fafafa;
    
}
div.confirmationHTMLContent
{
    position:absolute;
    left:.5em;
    top:.5em;
    right:.5em;
    bottom:.5em;
}
div.confirmationActions
{
    position: absolute;
    left:0px;
    right:0px;
    bottom:0px;
    height:3em;
    background-color:#fafafa;
}
table.confirmationActions{
    width:100%;
    height:3em;
}
table.confirmationActions tbody tr td{
   height:3em;
   width:50%;
   text-align:center;
   vertical-align: middle; 
}
input.calculatorInput:focus{
    border-style:solid;
    border-width:0px;
    border-right-width:1px;
    outline: none;

}
input.calculatorInput{
    width:100%;
    text-align: right;
    border-style:none;
    background-color:transparent;
    font-size:1.3em;
    height:1.3em;
}
.simpleInput
{
    border-style:solid;
    border-width:1px;
}

div.ownUserImage{
    position:absolute;
    left:1em;
    right:2.5em;
    top:1em;
    bottom:0em;
}
img.ownUserImage
{
    width:4em;
    height:4em;
    clip-path:circle(2em at center);
}
div.ownUserImageName
{
    position:absolute;
    bottom:1.2em;
    right:0em;
    left:0em;
    text-align:center;
    font-size:0.7em;
}

div.fullMap{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
}


div.mtTabStrip{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    height:2em;
}
div.mtTabStrip a{
    color:white;
    font-weight:600;
}
div.mtTabContainer{
    float:left;
    border-top-left-radius:5px;
    border-top-right-radius: 5px;
    padding-left:1em;
    padding-right:1em;
    padding-top:.5em;
    padding-bottom:.5em;
    margin-right:.25em;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

}
div.tabLeft{
    position:absolute;
    left:0px;
    
}
div.mtFormActionMarginLeft{
    margin-left:.25em;
}
div.mtFormActionContainer{
    float:right;
    border-bottom-left-radius:5px;
    border-bottom-right-radius: 5px;
    border-style:solid;
    border-width:1px;
    border-top-width:0px;
    
    
    border-color:green;
    padding-left:1em;
    padding-right:1em;
    padding-top:.25em;
    padding-bottom:.5em;
    
    overflow:hidden;
    

}
div.mtTabName{
    float:left;
    padding-right:0.25em;
}
div.mtTabStatus{
    float:left;
    padding-left:0.25em;
}
img.mtStatusImg{
    width:1rem;
    height:1rem;
}
div.mtTabActive{
    background-color:#f0f0f0;
    color:black;
}
div.mtTabPassive{
    background-color:#c0c0c0;
    color:black;
}
div.mtFormContent
{
    position:absolute;
    left:0px;
    top:2em;
    right:0px;
    bottom:2em;
    background-color:#f0f0f0;
    border-style:solid;
    border-width:0px;
    border-bottom-width:1px;
    overflow-y:scroll;
}
div.mtFormActions
{
    position:absolute;
    
    left:0px;
    right:0px;
    bottom:0em;
    height:2em;
    border-style:solid;
    border-width:0px;
    border-top-width:1px;
    border-color:#a0a0a0;
    background-color:transparent;
}
div.mtFormActions::-webkit-scrollbar {
  width:0px;
  height: px;
}
div.mtFormActions::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
div.mtFormAction
{
    position:absolute;
    right:5em;

    padding-top:.5em;
    padding-bottom:.5em;
    font-weight:600;
}
div.mtFormTitleRight{
    position:absolute;
    right:0em;
    padding-top:.5em;
    padding-bottom:.5em;
    font-weight:600;
}
div.mtFormTitle{
    float:left;
    padding-left:1em;
    
}
div.mtFormTitleCurrentVersion div{
    text-align:center;
    width:3em;
    height:100%;
    background-color:#f0f0f0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    font-weight:normal;
}
div.mtFormTitleCurrentVersion
{
     float:left;
    padding-left:1em;
   
    
    text-align:center;
    display:inline-block;
    height:1.5em;
    width:auto;
    clear:both;
    
}
div.mtFormTitle a{
    color:blue
}
div.mtTabContent{
    position:absolute;
    left:0.25px;
    top:.25em;
    right:.25px;
    max-height:98%;
    min-height:98%;
}

div.ieContainer{
    position:relative;
    min-height:4em;
    height:auto;
    background-color:white;
    margin:1em;
}

div.ieHeaderLine{
    position:relative;
    min-height:2em;
    height:auto;
    background-color:#a0a0a0;
    margin:1em;
}
div.ieHeaderLine div{
    position:absolute;
    left:.25em;
    top:.25em;
    font-size:1.2em;
    font-weight:600;
}
div.ieTitle{
    position:absolute;
    left:.25em;
    top:.25em;
}

div.ieTitle{
    position:absolute;
    left:1.5em;
    top:.25em;
}
div.inputHelp
{
    position:absolute;
    right:.25em;
    height:1em;
    width:1em;
    top:.25em;
    background-color:transparent;
}
div.inputHelp img
{
    width:1em;
    height:1em;
    border:none;
}
div.ieHelp{
    position:absolute;
    right:.25em;
    height:1em;
    width:1em;
    top:.25em;
    background-color:transparent;
}
div.ieHelp img{
    
    width:1em;
    height:1em;
    border:none;
}
div.ieStatus{
    position:absolute;
    left:.25em;
    height:1em;
    width:1em;
    top:.25em;
    background-color:transparent;
}
div.ieStatus img
{
    width:1em;
    height:1em;
    border:none;
}
input.ieInputField
{
    width:100%;
    height:2em;
}

div.ieInputContainer
{
    position:absolute;
    left:.25em;
    height:1em;
    right:.25em;
    top:1.75em;
    background-color:transparent;
}
div.iePreselectArea
{
    position:absolute;
    left:.25em;
    right:.25em;
    height:auto;
    min-height:5em;
    background-color:green;
}
div.ieInputContainerDimensions{
    position:absolute;
    left:.25em;
    height:5em;
    right:.25em;
    top:1.75em;
    background-color:transparent;
}
div.ieImageInputContainer{
    position:absolute;
    left:.25em;
    min-height:5em;
    right:.25em;
    top:1.75em;
    
    background-color:transparent;
}
div.ieImageInputContainer div{
    
    float:left;
    margin-right:.5em;
    margin-bottom:.5em;
    border-style:solid;
    border-width:3px;
    border-color:transparent;
    
}
div.image_select_square{
    width:5em;
    height:5em;
}

div.ieImageInputContainer div>img{
    height:100%;
    width:100%;
    display: block; 
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
a.focusable div :focus{
    outline: none !important;
    outline-style: none;
    box-shadow: none;
    
    border-style:solid;
    border-width:1px;
    border-color:blue;
}

div.focusableDiv{
    border-style:solid;
    border-width:3px;
    border-color:green;
}

div.focusableDiv:focus{
    outline: none !important;
    outline-style: none;
    box-shadow: none;
    
    border-style:solid;
    border-width:3px;
    border-color:blue;
}

div.ieImageInputContainer div div.imgOkDiv >img{
    outline: none !important;
    outline-style: none;
    box-shadow: none;
    border-style: none;
}
div.ieImageInputContainer div div.imgOkDiv{
    position:absolute;
    left:0px;
    top:0px;
    width:1.3em;
    height:1.3em;

    background-color:transparent;
}
div.ieImageInputContainer div div.imgOkDiv >img{
    outline: none !important;
    outline-style: none;
    box-shadow: none;
    border-style: none;
}
div.imgOkDiv img{
    width:1em;
    height:1em;
    max-width:1em;
    max-height:1em;
}

div.ieSelectContainer{
    position:absolute;
    left:.25em;
    right:.25em;
    top:1.75em;
    background-color:transparent;
}
div.ieSelectAddValue{
    position:absolute;
    left:.25em;
    right:.25em;
    top:1.75em;
    background-color:transparent;
}
.ieSelectAdditionalContainer
{
    
}
.ieSelectAdditionalContent
{
    float:left;
    width:1em;
    height:1em;
}
.ieSelectAdditionalText
{
    float:left;
    
}

div.ieSelectElement
{
    float:left;
    margin:.25em;
    padding:.25em;
    border-radius: 3px;
    
}
div.ieSelectElementUnselected
{
    background-color:#f0f0f0;
    color:black;
}

div.ieSelectElementSelected
{
    background-color:#008800;
    color:white;
    font-weight:600
}
textarea.ieInput{
    height:12em;
    width:100%;
    resize: none;
}
input.ieInput
{
    height:2em;
    width:100%;
    
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-button {
  width: 25px;
  height: 25px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: none;
  border-width:0px;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #e1e1e1;
  
}
::-webkit-scrollbar-track {
  background: #666666;
  border:none;
  border-width:0px;
  border-radius: 5px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #666666;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
div.mediaContainer
{
    float:left;
    width:15rem;
    height:10rem;
    background-color:white;   
    margin:.5rem;
    margin:.5rem;
    position:relative;
    overflow:hidden;
    text-align: center;
    
}
div.mediaContainer img
{
    float:none;
    
    max-height:10rem;
    z-index:1000;
}
div.dropzoneNoChildEvent * 
{
    pointer-events: none;
}
div.mediaContainerAddButton{
    float:left;
    width:15rem;
    height:10rem;
    background-color:#d0d0d0;
    margin:.5rem;
    margin:.5rem;
    position:relative;
}
div.mediaContainerAddButton.fileIsOK{
    background-color:green;
}
div.mediaContainerAddButton.fileIsBad{
    background-color:red;
}
@-o-keyframes fadeToGrey {
  0%   { background-color: #ff0000; }
  100% { background-color: #d0d0d0; }
}
@keyframes fadeToGrey {
  0%   { background-color: #ff0000; }
  100% { background-color: #d0d0d0; }
}

div.backgroundFromRedToGray{    
    background-image:none !important; 
         -o-animation: fadeIt 5s ease-in; 
            animation: fadeIt 5s ease-in; 
}
.mediaContainerAddButton img {
    float:none;
    position:absolute;
    top:.5rem;
    right:2.5rem;
    bottom:.5rem;
    left:2.5rem;
    width:9rem;    
    height:9rem;

}
.dz-preview
{
    display:none
}

div.imageEditor
{
    position:relative;
    width:100%;
    height:100%;
}
div.imageEditorMenu{
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
    height:2em;
    
}

div.imageEditorContent{
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    
    top:2em;
}
div.imageEditorEditorContent{
    position:absolute;
    bottom:0px;
    right:0px;
    left:15em;
    
    top:0em;
}
div.imageEditorLeft{
    position:absolute;
    bottom:0px;
    width:15em;
    left:0em;
    
    top:0em;
}


div.imageEditorImageContent{
    width:100%;
    height:100%;
      display: flex; 
    justify-content: center; 
    align-items: center;
}
div.imageEditorImageContent img.square{
    max-width:100%;
    height:100%;
}
div.imageEditorImageContent img.landscape{
    max-width:100%;
    height:100%;
}
div.imageEditorImageContent img.portrait{
    max-width:100%;
    height:100%;
}
div.imageEditorImageContent img.wide{
    max-height:100%;
    width:100%;
}

div.imageEditorImageContent img.wider{
    max-height:100%;
    width:100%;
}

div.imageEditorImageContent img.ultra{
    max-height:100%;
    width:100%;
}




img.imageEditorImage
{
    max-width:100%;
    max-height:100%;
}
table.menuTable{
    width:100%;
}
table.menuTable tbody tr td 
{
    padding-left:.5em;
    text-align:left;
}
div.orientation_exists{
    z-index:1010;
    display: flex; 
    justify-content: center; 
    align-items: center;
    margin:0 auto;
    
}
div.orientation_exists img{
    position:absolute;
    top:.25em;
    bottom:.25em;
    
    
    
    max-height:1em;
}
div.position_square{
    position:absolute;
    right:.25em;
    bottom:1.8em;
    width:1.5em;
    height:1.5em;
}
div.exists_square_yes
{
    background-color:green
}
div.exists_square_no
{
    background-color:red
}
div.position_landscape
{
    position:absolute;
    right:.25em;
    bottom:3.35em;
    width:2.25em;
    height:1.5em;
}
div.exists_landscape_yes
{
    
    background-color:green;
}
div.exists_landscape_no
{
    background-color:red
}
div.position_portrait
{
    position:absolute;
    right:.25em;
    bottom:.25em;
    width:1em;
    height:1.5em;
}
div.exists_portrait_yes
{
    background-color:green
}
div.exists_portrait_no
{
    background-color:red
}

div.position_wide
{
    position:absolute;
    right:.25em;
    bottom:4.9em;
    width:3em;
    height:1.5em;
}
div.exists_wide_yes
{
    background-color:green
}
div.exists_wide_no
{
    background-color:red
}

div.position_wider
{
    position:absolute;
    right:.25em;
    bottom:6.45em;
    width:4.5em;
    height:1.5em;
}
div.exists_wider_yes
{
    background-color:green
}
div.exists_wider_no
{
    background-color:red
}

div.position_ultra
{
    position:absolute;
    right:.25em;
    bottom:8em;
    width:6em;
    height:1.5em;
}
div.exists_ultra_yes
{
    background-color:green
}
div.exists_ultra_no
{
    background-color:red
}








div.exists_info_yes
{
    position:absolute;
    left:.25em;
    bottom:.25em;
    width:2em;
    height:2em;
    background-color:green
}
div.position_info
{
    position:absolute;
    left:.25em;
    bottom:.25em;
    width:1.5em;
    height:1.5em;
}
div.exists_info_no
{
    background-color:red
}
div.exists_info_yes
{
    background-color:green
}
img.menuActionTableStatus
{
    width:1.5em;
    height:1.5em;
}

table.menuActionTable tbody tr td
{
    padding-right:.5em;
}
div.imageEditorMenuEntry
{
    width:100%;
    height:100%;
    display:flex;
    justify-content: center; 
    align-items: center;
    vertical-align: middle;
}

.ieVariationContent
{
    position:absolute;
    left:15em;
    right:0em;
    top:0em;
    height:auto;
    min-height:100%;
    background-color:transparent;
}
.ieVariationSelect
{
    position:absolute;
    left:0em;
    width:15em;
    top:0em;
    height:auto;
}


div.tableAction{
    padding:.25em;
    border-radius: 3px;
}
a div.tableAction.active{
    background-color:#f0f0f0;
}
div.ieDimensionEditorLine
{
    padding:.25em;
    line-height:2em;
}

a div.variationPlus{
    width:100%
    
}
table.variationTable{
    width:100%;
    
}
table.variationTable tbody tr
{
    height:2em;
}

table.variationTable tbody tr td
{
    vertical-align: middle;
}
table.variationTable tbody tr td:first-child{
    width:2em;
    text-align: center;
}
table.variationTable tbody tr td:first-child img{
    width:1em;
    text-align: center;
}
table.variationTable tbody tr td:last-child{
    width:2em;
    text-align: center;
}

table.variationTable tbody tr td:last-child img{
    width:1em;
    text-align: center;
}
table.variationTable tbody tr td:nth-last-child(2){
    width:2em;
    text-align: center;
}
table.variationTable tbody tr td:nth-last-child(2) img{
    width:1em;
    text-align: center;
}

table.nullable
{
    width:auto;
}
table.nullable tbody tr
{
    height:1em;
}
table.nullable tbody tr td:first-child{
    width:1.5em
}

div.errorText{
    font-weight: bold;
    color:red;
}
div.imageEditInfo
{
    position:relative;
    width:100%;
    height:2.5em;
}
div.imageEditInfoText{
    position:absolute;
    left:.25em;
    top:.25em;
    font-size:.8em;
}

div.imageEditInfoContent{
    position:absolute;
    left:.25em;
    right:.25em;
    text-align: center;
    top:1.5em;
}


input.tableInputFieldError{
    background-color:red;
    border-style:solid;
    border-width:1px;
    border-color:red;
    
    color:white;
    font-weight:bold;
}

input.tableInputFieldError:focus{
    background-color:red;
    outline-color: red;
    
    border-style:solid;
    border-width:1px;
    border-color:red;
    
    color:white;
    font-weight:bold;
}

input.tableInputField {
    background-color:white;
    color:black;
    font-weight:normal;
    border-style:solid;
    border-width:1px;
    
}

div.overlay{
    position:fixed;
    z-index:2500;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:#c0c0c0;
}
div.overlayCenter
{
    position:absolute;
    z-index:2500;
    top:0px;
    left:8rem;
    right:8rem;
    bottom:0px;
    background-color:#c0c0c0;
}
div.overlayCloseBtn{
    position:absolute;
    
    top:2rem;
    right:0rem;
    
}
div.overlayTitle{
    position:absolute;
    
    top:2rem;
    left:10rem;
    
    font-size:1.5em;
    font-weight:500;
    background-color:white;
    border-radius: 5px;
    padding:1em;
    -webkit-box-shadow: -1px 2px 22px 4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 22px 4px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 22px 4px rgba(0,0,0,0.75);
     
}
div.overlayBorder{
    position:absolute;
    background-color:white;
    left:0rem;
    right:0rem;
    bottom:3rem;
    top:9rem;
    
    background-color:white;
    border-radius: 5px;
    -webkit-box-shadow: -1px 2px 22px 4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 22px 4px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 22px 4px rgba(0,0,0,0.75);
}

div.overlayContent{
    position:absolute;
    background-color:white;
    left:1rem;
    right:1rem;
    bottom:1rem;
    top:1rem;
    
}
a.ieBoolean{
    color:black;
    text-decoration: none;
}
a.ieBoolean div
{
    margin:.25em;
    padding:.25em;
    border-radius: 3px;
    color:black;
    text-decoration: none;
}
a.ieBooleanActive div{
    background-color:#c0c0c0
}

a.ieBooleanPassive div{
    background-color:#f0f0f0
}

table.stVersions
{
    width:100%
}



div.tlFullwidth
{
    width:100%;
}
div.tlErrorContent{
    width:100%;
    line-height:1.5em;
    color:red;
    text-align: center;
}
table.tlTableClass{
    width:100%;
}
table.tlTableClass thead tr th{
    border-style:solid;
    border-width:0px;
    border-bottom-width:1px;
    line-height:1.5em;
    height:1.5em
}
table.tlTableClass thead tr th.tlEditor{
    
    width:120px;
    max-width:120px;
    overflow:hidden;
    white-space: nowrap;
}
table.tlTableClass thead tr td.tlEditor{
    background-color:blue;
    width:120px;
    max-width:120px;
    overflow:hidden;
    white-space: nowrap;
}
table.tlTableClass tbody tr{
    cursor: pointer;
    height:1.5em;
    line-height:1.5em;
    
}
table.tlTableClass tbody tr:hover{
    background-color:#f0f0f0;
    
}
table.tlTableClass tbody tr td {
    line-height:1.5em;
    position:relative;
}
table.tlTableClass tbody tr td img{
    max-height:1.5em
    
}
div.tlBrandInfoElement
{
    position:relative;
    float:left;
    width:20em;
    height:20em;
    margin:.5em;
    color:black;
    background-color:#f0f0f0;
}
div.tlBrandInfoElement img
{
    width:20em;
    height:20em;
}

div.tlEmployeeInfoElement div.tlBIE_createdate
{
    display:none;
}
div.tlBrandInfoElement div.tlBIE_material_name
{
    position:absolute;
    bottom:1.5em;
    right:0em;
    left:0px;
    line-height:1.5em;
    height:1.5em;
    font-weight:bold;
    background-color:rgba(255,255,255,.8);
}
div.tlBrandInfoElement div.tlBIE_is_active
{
    position:absolute;
    top:1.8em;
    right:.3em;
    width:2em;
    height:2em;
    
}
div.tlBrandInfoElement div.tlBIE_is_active img
{
    width:2em;
    height:2em;
}
div.tlBrandInfoElement div.tlBIE_group_name
{
    position:absolute;
    bottom:0px;
    right:3em;
    left:0px;
    line-height:1.5em;
    height:1.5em;
    background-color:rgba(255,255,255,.8);
    
}
div.tlBrandInfoElement div.tlBIE_brand_name
{
    position:absolute;
    bottom:0px;
    right:3em;
    left:0px;
    line-height:1.5em;
    height:1.5em;
    font-weight:bold;
    background-color:rgba(255,255,255,.8);
}
div.tlBrandInfoElement div.tlBIE_category_name
{
    font-weight:bold;
    position:absolute;
    bottom:0px;
    right:3em;
    left:0px;
    line-height:1.5em;
    height:1.5em;
    background-color:rgba(255,255,255,.8);
}
div.tlBrandInfoElement div.tlBIE_color_name
{
    font-weight:bold;
    position:absolute;
    bottom:0px;
    right:3em;
    left:0px;
    line-height:1.5em;
    height:1.5em;
    background-color:rgba(255,255,255,.8);
}




div.tlBrandInfoElement div.tlBIE_version
{
    position:absolute;
    bottom:0px;
    right:0px;
    width:3em;
    line-height:1.5em;
    height:1.5em;
    text-align:center;
    background-color:rgba(255,255,255,.8);
}

div.tlBrandInfoElement div.tlBIE_createdate
{
    position:absolute;
    top:0px;
    right:0px;
    left:0em;
    line-height:1.5em;
    height:1.5em;
    text-align:center;
    background-color:rgba(255,255,255,.8);
}
div.tlProductListElement{
    position:relative;
    float:left;
    width:21em;
    height:21em;
    margin:.5em;
    color:black;
    background-color:#f0f0f0;
}

div.tlPLE_main_image_url{
    position:absolute;
    bottom:0px;
    right:0px;
    left:0px;
    width:21em;
    height:auto;
    z-index:1020;
}
div.tlPLE_main_image_url img{
    width:21em;
    height:14em;
}
div.tlPLE_product_name{
    width:100%;
    height:1.5em;
    line-height:1.5em;
    position:absolute;
    padding-left:.25em;
    top:0px;
    font-weight:bold;
}
div.tlPLE_category_name{
    width:100%;
    height:1.5em;
    line-height:1.5em;
    position:absolute;
    top:4.5em;
    padding-left:.25em;
    font-weight:normal;
}
div.tlPLE_objuuid
{
    display:none;
}
div.tlPLE_description
{
    width:100%;
    height:1.5em;
    line-height:1.5em;
    position:absolute;
    top:1.5em;;
    font-weight:normal;
    overflow:hidden;
}
div.tlPLE_brand_name
{
    position:absolute;
    bottom:1.5em;
    right:0em;
    left:0em;
    height:1.5em;
    line-height:1.5em;
    padding-left:.25em;
    padding-right:.25em;
    z-index:1030;
    background-color:rgba(255,255,255,.8);
    font-weight:normal;
    overflow:hidden;
}
div.tlPLE_origin_name
{
    position:absolute;
    bottom:0em;
    right:0em;
    left:0em;
    height:1.5em;
    line-height:1.5em;
    padding-left:.25em;
    padding-right:.25em;
    z-index:1030;
    background-color:rgba(255,255,255,.8);
    font-weight:normal;
    overflow:hidden;
}

div.tlPLE_version
{
    right:0em;
    padding-right:.25em;
    height:1.5em;
    line-height:1.5em;
    position:absolute;
    top:0em;
    font-weight:bold;
    overflow:hidden;
}
div.tlPLE_creator{
    display:none;
}
div.tlPLE_createdate{
    display:none;
}
div.tlPLE_modifier{
    display:none;
}
div.tlPLE_modifydate{
    display:none;
}
div.tlPLE_plu{
    width:100%;
    height:1.5em;
    padding-left:.25em;
    line-height:1.5em;
    position:absolute;
    top:3em;;
    font-weight:normal;
    overflow:hidden;
}

div.tlSearch
{
    width:100%;
}
div.tlPersonEditor{
    width:100%;
    position:absolute;
    overflow: hidden;
    height:1.5em;
    top:0px;
    left:0px;
    right:0px;
}
table.tlPersonEditor{
    width:100%;
}
table.tlPersonEditor tbody tr td{
    height:1.5em;
    width:50%;
}
table.tlSearchButtons{
    width:100%;
}
table.tlSearchButtons tbody tr {
    vertical-align: top;
}
table.tlSearchButtons tbody tr td.button{
    width:3em;
    height:3em;
}
table.tlSearchButtons tbody tr td.button a img{
    width:3em;
    height:3em;
}

table.tlSortableHeader{
    width:100%;
}
table.tlSortableHeader thead tr{
    height:1.5em;
    vertical-align: middle;
}
table.tlSortableHeader thead tr th{
    border-style:none;
}
table.tlSortableHeader thead tr th.sortArrow{
    width:1.5em;
    height:1.5em;
}
table.tlSortableHeader thead tr th.sortArrow{
    width:1.5em;
}
table.tlSortableHeader thead tr th.sortArrow img{
    width:1em;
}
table.tlSortableHeader thead tr th.center{
    text-align: center
}

.formularContent
{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    height:100%;
    width:100%
}
.listContent
{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    height:100%;
    width:100%;
    
}
.tlListContent{
    position:absolute;
    left:0px;
    
    right:0px;
    width:100%;
    overflow-x:hidden;
    overflow-y:scroll;
}
td.tlNavigationAction{
    width:2em;
    text-align: center;
}
td.tlNavigationPosition{
    min-width:5em;
    text-align: center;
    white-space: nowrap;
}
td.tlTableHeadNavigation{
    vertical-align: middle;
    width:12em;
}
table.tlFilterElement{
    width:20em;
}
table.tlFilterElement tbody tr td:first-child{
    width:7em;
}
table.tlFilterElement tbody tr td:last-child{
    width:13em;
}

table.tlTableHeadSearch{
    width:17em;
}
table.tlTableHeadSearch tbody tr td:first-child{
    width:6em;
}
table.tlTableHeadSearch tbody tr td:last-child{
    width:11em;
}
table.tlTableHeadSearch tbody tr td:last-child input{
    width:11em;
}
td.tlTableHeadSearch{
    padding-left:1em;
    width:17em;
}
td.tlTableHeadFilter{
    padding-left:1em;
    
}


table.tlNavigationTable{
    width:100%;
}
table.tlNavigationTable tbody tr {
    height:1.5em;
    vertical-align: top;
}
table.tlNavigationTable tbody tr td{
    height:1.5em;
    
}
td.tlTableButtonAction{
    width:1.5em;
    vertical-align: middle;
}
td.tlTableButtonAction a{
    width:1.5em;
}

td.tlTableButtonAction a img{
    width:2em;
    height:2em;
}
td.tlTableListName{
    min-width:6em;
    width:6em;
    padding-left:1em;
    text-align: right;
    font-weight:bold;
    vertical-align: top;
}

table.activation{
    width:100%;
}
table.activation thead tr th{
    width:20%;
    border-style:solid;
    border-width:0px;
    height:1.5em;
    line-height:1.5em;
    border-bottom-width:1px;
}
table.activation tbody tr td{
    width:20%;
    height:1.5em;
    line-height:1.5em;
}
div.activationButtonContent
{
    width:100%;
    height:4em;
    
}
.disableOverlay
{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    z-index:3000;
}
div.errorCenter{
    position:absolute;
    left:50%;
    top:50%;
    
}
div.errorContent{
    cursor:pointer;
    position:relative;
    padding:1em;
    border-radius: .25em;
    font-weight:bold;
    color:white;
    white-space: no-wrap;
}


div.successCenter{
    position:absolute;
    left:50%;
    top:50%;
    
}
div.successContent{
    cursor:pointer;
    position:relative;
    padding:1em;
    border-radius: .25em;
    font-weight:bold;
    color:white;
    white-space: no-wrap;
}

div.mapContainer{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:500;
}
div.catfinderFullContent{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:400;
}
div.catfinderSelect{
    position:absolute;
    bottom:1em;
    right:1em;
    left:1em;
    height:10em;
    background-color:rgba(255,255,255,.8);
    border-radius:.1em;
    z-index:600;
}

div.layoutFullContent{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    min-height:100%;
    

}

table.TANManager
{
    width:100%;
}
table.TANManager tbody tr{
    height:3em;
}
table.TANManager tbody tr td{
    height:3em;
    line-height:3em;
    
}


table.recordSelect
{
    width:100%;
}
table.recordSelect tbody tr{
    height:1.5em;
}

table.recordSelect tbody tr td{
    height:1.5em;
    line-height:1.5em;
}
table.recordSelect tbody tr td:last-child
{
    width:2em;
}
table.recordSelect tbody tr td:last-child a img
{
    width:1.5em;
    height:1.5em;
}

table.recordSelect thead tr td
{
    border-style:solid;
    border-width:0px;
    border-bottom-width:1px;
}

div.StorageDiv
{
    position:fixed;
    padding:.25em;
    left:0px;
    top:0em;
    background-color:white;
    border-style:solid;
    border-width:1px;
    border-color:#c0c0c0;
    min-height:5em;
    width:15em;
    display:none;
    z-index:3000
    
}
table.StorageTable{
    width:15em;
}

table.openingHours{
    
}
table.openingHours thead tr th{
    height:1.5em;
    line-height:1.5em;
    border-style:solid;
    border-width:0px;
    border-bottom-width:1px;
}



table.openingHours tfoot tr td{
   height:1.5em;
    line-height:1.5em
}

table.openingHours tbody tr td{
    
         height:2em;
    line-height:2em;
    vertical-align:middle;
}


div.noSelfDeactivation
{
    position:relative;
    left:0px;
    right:0px;
    height:3em;
    text-align: center;
}
div.statusHead{
    padding:1em;
    background-color:#f0f0f0;
    text-align: center;
    margin-bottom:1em;
}
div.statusState
{
    padding:1em;
    background-color:#f0f0f0;
    text-align: center;
    margin-bottom:1em;
}
a.button div{
    padding:1em;
    
    text-align: center;
}
table.activationElement{
    width:100%;
}
table.activationElement tbody tr{
    height:4em;
    vertical-align:middle;
}
table.activationElement tbody td{
    width:50%;
    text-align:center;
    height:4em;
    vertical-align:middle;   
}
table.activationElement tbody td:first-child{
    border-style:solid;
    border-width:0px;
    border-right-width:1px;
    
}
div.tlEmployeeInfoElement  div.tlBIE_main_image_url{
    height:15em;
    width:15em;
}
div.tlEmployeeInfoElement  div.tlBIE_main_image_url>img
{
    width:15em;
    height:15em;
    clip-path: circle(50% at 50% 50%);

}

div.tlEmployeeInfoElement
{
    position:relative;
    float:left;
    width:15em;
    height:18em;
    margin:.5em;
    color:black;
}
div.tlEmployeeInfoElement div.tlBIE_is_active
{
    position:absolute;
    top:.25em;
    right:.3em;
    width:2em;
    height:2em;
    display:none;
    
}
div.tlEmployeeInfoElement div.tlBIE_is_active img
{
    width:2em;
    height:2em;
}
div.tlEmployeeInfoElement div.tlBIE_version
{
    display:none;
}
div.tlEmployeeInfoElement div.tlBIE_employeename
{
    position:absolute;
    bottom:1em;
    right:0em;
    left:0px;
    line-height:1.5em;
    height:1.5em;
    font-weight:bold;
    text-align: center;
    
}

/*ADdressinput*/
table.addressInput
{
    width:100%;
}
table.addressInput tbody tr td{
    width:50%;
    vertical-align: top;
}
div.addressInputMap{
    width:100%;
    height:100%;
    background-color:#c0c0c0;
}
div.addressInput
{
    position:absolute;
    left:0px;
    right:60em;
    bottom:0px;
    top:0px;
    background-color:#c0c0c0;
}
div.aiInputArea{
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
    height:2em;
    background-color:#f0f0f0;
    padding-left:.25em;
    padding-right:.25em;
    padding-top:.25em;
    padding-bottom:.25em;
    
}
div.aiInputArea input{
    
}
input.fastline{
    
}

div.aiResultArea
{
    position:absolute;
    top:3em;
    right:0px;
    left:0px;
    height:3em;
    background-color:#f0f0f0
}

div.aiSelectArea
{
    position:absolute;
    top:6.5em;
    right:0px;
    left:0px;
    bottom:0px;
    background-color:#f0f0f0
}


div.vehicleInfoPopup{
    position:relative;
    left:0px;
    top:0px;
    width:600px;
    height:250px;
    
}
table.vehicleInfoArea
{
    width:95%;
}
table.vehicleInfoArea>tbody>tr
{
    height:1.5em;
}
table.vehicleInfoArea>tbody>tr>td:nth-child(1)
{
    width:4em;
}
table.vehicleInfo{
    width:600px;
}
table.vehicleInfo>tbody>tr:nth-child(1)>td{
    line-height:1.5em;
    font-weight:bold;
    font-size:1.1em;
}
div.sysMessage{
    position:fixed;
    top:0px;
    left:50%;
    right:50%;
    z-index:5000;
}
div.sysMessage>div{
    position:absolute;
    top:0px;
    left:-15em;
    width:30em;
    height:auto;
    border-style:solid;
    border-width:0px;
    border-left-width:2px;
    border-right-width:2px;
    border-bottom-width:2px;
    border-bottom-right-radius:.5em;
    border-bottom-left-radius:.5em;
    text-align:center;
}
div.sysMessage>div.errorMsg{
    background-color:red;
}
div.sysMessage>div.successMsg{
    background-color:green;
    
}
div.sysMessage>div>div{
    width:auto;
    line-height:3em;
    color:white;
}
div.selectableVehicle{
    float:left;
    width:200px;
    height:5em;
    max-height:5em;
    margin-right:.5em;
    margin-left:.5em;
    padding:.2em;
    background-color:rgba(255,255,255,.3);
    border-radius:.5em;
    border-style:solid;
    border-width:1px;
    border-color:rgba(0,0,0,.4)
}
div.selectableVehicle.selected{
    border-width:1px;
    border-color:black;
    background-color:rgba(255,255,255,1);
}
table.vehicleSelectElement{
    width:100%;
}
table.vehicleSelectElement>tbody>tr:nth-child(1)
{
    height:3.5em
        
}
table.vehicleSelectElement>tbody>tr:nth-child(1)>td:first-child
{
    height:3.5em;
    text-align:center;
}
table.vehicleSelectElement>tbody>tr:nth-child(1)>td.vehicleInfo
{
    height:3.5em;
    width:5em;
    background-color:transparent;
    text-align:center;
}

table.vehicleSelectElement>tbody>tr:nth-child(1)>td>img
{
    height:3.5em
        
}

table.vehicleSelectElement>tbody>tr:nth-child(2)
{
    height:1.5em
        
}
table.vehicleSelectElement>tbody>tr:nth-child(2)>td
{
    white-space: no-wrap;
    text-align:center;
    font-weight:500;
    font-size:.9em;
}
div.hoScrEle
{
    float:left;
}
div.vehicleSelectContentSearch
{
    position:absolute;
    bottom:8em;
    height:2em;
    line-height:2em;
    left:1.5em;
    width:4em;
    background-color:white;
    border-style:solid;
    border-radius:.5em;
    border-width:1px;
    border-color:black;
    z-index:10000;
    text-align:center;
    
}
div.elementMarkedForSelection{
    border-style:solid;
    border-color:yellow;
    background-color:#c0c0c0;
}
div.vehicleSelectContent{
    position:absolute;
    left:0px;
    top:0px;
    height:6em;
    max-height:6em;
    width:auto;
    overflow-y:hide;
}
div.vehicleSelect{
    position:fixed;
    left:1em;
    right:1em;
    bottom:1em;
    height:6.5em;
    
      flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y:hide;
    -webkit-overflow-scrolling: touch;
    background-color:transparent;
    z-index:2000;
    
}




div.menuPosition{
    position:fixed;
    right:2em;
    top:2em;
    height:3em;
    width:auto;
    background-color:transparent;
}
div.menuPosition>a>div
{
    position:relative;
    width:3em;
    height:3em;
    margin-left:.5em;
    float:left;
    background-color:white;
    padding:0em;
    text-align:center;
    color:a5bd3a;
    border-radius:0px;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}

  div.saveButton{
    position:fixed;
    right:6em;
    top:2.5em;
    height:3em;
    width:auto;
    line-height:1em;
    background-color:transparent;
}
div.saveButton>a>img{
    width:32px;
    height:32px;
}



div.menuPosition>a>div>div
{
    position:absolute;
    left:0px;
    right:0px;
    top:-0px;
    bottom:0px;
    background-color:transparent;
    text-align:center;
    font-weight:bold;
    font-size:3em;
    line-height:1em;
    display:inline;
    vertical-align: middle;
    color:#a4bc39;
}
div.menuPosition>a>div>div>img
{
    width:32px;
    height:32px;
}

div.menu{
    position:fixed;
    right:2em;
    top:6em;
    width:16em;
    height:16em;
    background-color:white;
    border-radius:.5em;
    border-top-right-radius: 0px;
}
div.menu>div.connector{
    position:absolute;
    top:-1.5em;
    right:0em;
    width:48px;
    height:1.5em;
    background-color:white;
}
div.menu>div.connector2{
    position:absolute;
    top:-1.5em;
    right:3em;
    width:48px;
    height:1.5em;
    
    background-color:transparent;
}
div.menuPosition>div.statusampel{
    position:relative;
    width:1.2em;
    height:3em;
    margin-left:.5em;
    float:left;
    background-color:white;
    padding-left:.3em;
    padding-right:.3em;
    text-align:center;
    color:white;
    border-color:black;
    border-style:solid;
    border-width:1px;
    border-top-width:0px;
    border-radius:0px;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}
div.statusSignal{
    margin-bottom:1px;
    margin-top:1px;
    height:.8em;
    width:1.2em;
    border-radius:.4em;
 
}
div.menu>div.content{
    position:absolute;
    left:0.5em;
    right:0.5em;
    bottom:.5em;
    top:.5em;
    background-color:#fafafa;
}

table.status{
    width:1.2em;
}
div.kmInfo{
    width:100%;
    text-align:right;
    
    
}
div.kmInfo::after{
    content:" km";
    padding-right:.5em;
}
div.daySelect{
    width:100%;
    text-align:center;
    line-height:3em;
}
div.daySelect>span{
    line-height:1.2em;
}
a.daySelectElementActive>div{
    background-color:#c0c0c0
    
}
a>div.sensorSelect{
    width:8em;
    height:1.5em;
    line-height:1.5em;
    margin-right:1em;
    padding:2px;
    text-align:center;
}
a>div.sensorSelected{
    background-color:#c0c0c0
}

div.vehicleDriveInfo
{
    position:relative;
    width:100%;
    height:100%;
}
div.vehicleDriveInfoMain
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
div.vehicleDriveInfoMain>img
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
div.vehicleDriveInfoRestArea{
    position:absolute;
    top:0px;
    right:0px;
    width:20%;
    height:20%;
}
div.vehicleDriveInfoRestArea>img{
    position:absolute;
    top:0px;
    right:0px;
    width:1.5em;
    height:1.5em;
}

.smallerFont
{
    font-size:0.8em;
}

div.osbWheel{
    position:absolute;
    top:1em;
    min-height:100%;
    right:10em;
    left:10em;
    
    
}


            input{
                height:1.5em;
                font-size:1em;
            }
            #mainContent{
                position:absolute;
                left:1em;
                right:1em;
            }
            #mainContent ul li{
                margin-bottom:1em;
                line-height:1.5em;
            }
            #mainContent p.introduction
            {
                color:black;
                font-weight:600;
            }
            #mainContent h1{
                color:black
            }
            #mainContent hr{
                height:2px;
                background-color: #b7cb08;
                color: #b7cb08;
            }
            p.idea{
                color: #b7cb08;
                font-style: italic;
                font-size:1.5em
            }
            .contentDiv{
                font-family:Montserrat;
                color:white;
                cursor:pointer;
            }
            .active{
                cursor: pointer;
            }
            div.teste{
                position:absolute;
                left:0px;
                top:0px;
                width:400px;
                height:600px;
                background-color:blue;
                shape-outside: polygon(0 0, 0 300px, 300px 600px);
 
            }
            .backG{
                
                position: absolute;
                -webkit-shape-inside:polygon(290px 0px, 334px 107px, 350px 228px, 334px 348px, 290px 455px, 0px 288px, 15px 222px, 0px 168px)
                
            }
            .backG h2{
                font-family: Montserrat;
                font-weight:500;
                font-size:1em;
                color:white;
                text-decoration: underline;
            }
            div.element{
                position:absolute;
                left:0px;
                top:0px;
                
                shape-outside: circle(50%);
                width: 300px;
                height: 300px;
                float: left;
}
            .shape {
    fill: #eee;
    stroke: #ccc;
  }
  input.osb{
      width:100%;
      font-size:.8em;
      margin:0;
      height:2em;
      margin-top:.25em;
      margin-bottom:.5em;
      padding-top:.5em;
      padding-bottom:.5em;
      box-sizing:border-box;
  }
  textArea.osb{
      width:100%;
      height:4em;
      margin-top:.25em;
      margin-bottom:.5em;
      resize: none;
      font-size:.8em
  }
  div.roundButton{
      background-color:#c0c0c0;
      border-radius:.5em;
      width:1em;
      height:1em;
      text-align:center;
  }
  
  div.osbEdit{
      margin-top:.5em;
      width:100%
  }
  div.inCellEdit{
      width:100%;
  }
  div.osbResource
  {
      width:100%;
      padding:0px;
      margin:0px;
  }
  table.osbResource{
      width:100%;
  }
  table.osbResource>thead>tr>th{
      width:11.11%;
      height:3em;
      vertical-align:middle;
      border-color:#a0a0a0;
      padding-left:.25em;
      padding-right:.25em;
      font-weight: 500;
  }
  table.osbResource>tbody>tr>td{
     
      
  }
  
  table.osbResource>thead>tr>th.osbCurrentEditedCell
  {
      background-color:#c0c0c0
  }
  table.osbResource>tbody>tr{
       vertical-align:top;
  }
  table.osbResource>tbody>tr>td{
      height:10em;
      background-color:transparent;
  }
  div.osbResourceEdit
  {
      
  }
  a.osbSave
  {
      
  }
  div.buttonNow{
      width:10em;
      text-align:right;
      border-width:0px;
      border-top-width:1px;
  }
  div.div100
  {
      width:100%;
  }
  
  div.div100_2
  {
      line-height:2em;
      width:100%;
  }
  
  
  table.resTable{
      width:100%;
      margin-bottom:0.5em;
  }
  table.resTable>tbody>tr{
      height:3em;
      
  }
  table.resTable>tbody>tr>td{
      border-style:solid;
      border-width:0px;
      border-bottom-width:1px;
      
  }
  table.resTable>tbody>tr>td:first-child{
      width:4em;
      min-height:8.5em;
      text-align:center;
      padding-right:1em;
      vertical-align:top;
  }
  table.resTable>tbody>tr>td:nth-child(2)
  {
      vertical-align:top;
  }
  table.resTable>tbody>tr>td:last-child{
      width:2em;
  }
  
  table.editTableVert{
      width:2em;
  }
  table.editTableVert>tbody>tr{
      height:2em;
  }
  table.editTableVert>tbody>tr>td{
      width:2em;
      text-align: center
  }
  table.editTableVert>tbody>tr>td>a{
      height:2em;
  }
  table.editTableVert>tbody>tr>td>a>img{
      width:2em;
      height:2em;
  }
  
    
    
div.fileIsOK{
    background-color:green;
}
div.fileIsBad{
    background-color:red;
}

div.conversionInfo
{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    padding:2em;
    background-color:rgba(255,255,255,.9)
}
table.conversion{
    width:100%;
}
table.conversion>tbody>tr{
    vertical-align: middle;
}
table.conversion>tbody>tr>td{
    padding-left:1em;
    padding-right:1em;
    vertical-align: middle;
    font-weight:600;
    font-size:2em;
    width:50%;
}

table.conversion>tbody>tr>td:nth-child(2)
{
    text-align:center;
    
}
table.conversion>tbody>tr>td:nth-child(2)>img{
    height:80%;
}
a.download>div
{
    width:100%;
    height:100%;
    
    background-color:rgba(0xd0,0xd0,0xd0,.5)
}
a.download>div>img
{
    height:100%;
    width:100%;
}

table.uploader{
    
    width:100%;
    height:100%;
}


table.uploader>tbody>tr:nth-child(1)>td{
    height:25%;
    width:25%;
    text-align:center;

}

table.uploader>tbody>tr:nth-child(2)>td{
    height:75%;
    width:100%;
    position:absolute;
    
}
div.uploadContent{
    position:absolute;
    top:1%;
    left:0%;
    right:0%;
    bottom:1%;
    background-color:#e0e0e0;
    
    
    }
    
div.initialSelect{
    position:absolute;
    top:20%;
    left:20%;
    right:20%;
    bottom:20%;
    
    
    
    
    }
  
    
    div.uploadHint{
        position:absolute;
        left:0px;
        top:0px;
        right:0px;
        bottom:0px;
        display: inline;
        
    }
    div.uploadHint>img{
        width:100%;
        height:100%;
    }
    div.visualizer{
        position:absolute;
        top:0px;
        bottom:0px;
        background-color:#a0a0a0;
        left:0px;
        width:0px;
    
    
    }
    a.brandSelect.selected>div{
        background-color:#c0c0c0;
    }
    a.brandSelect{
     text-align: center
    }
    a.brandSelect>div{
        height:100%;
        width:100%;
        display:flex;

        justify-content: center;
        text-align: center;
        vertical-align: middle;
    }
    
    a.brandSelect>div>img{
        align-self: center;
        width:80%;
        
        text-align: center
    }