*{
  font-family: Open Sans, Arial, sans-serif !important;
}
html, body{
  height:100%;
  width:auto;
  font-size: 12px;
  border-collapse:collapse;
  margin: 0px auto;
}
body{
  color:var(--color-darkgray);
  padding:0px 5px;
  margin:0px;
  font-size: 16px;
  line-height: 1.42857;
  background-color: var(--color-background);
}

img { border-style:none; }

a{ text-decoration:none; color:#888888; }
a:hover{ color:#3a699d; }

#top {
  background-color: var(--color-top);
  overflow: hidden;
  height: 20px;
  color: white;
  padding: 5px 20px;
}
.imp, .datenschutz{cursor:pointer;}
.datenschutz{
  margin-left:10px;
  color:white;
}
.datenschutz:hover{color:white;}

.DialogTable{
  width:100%;
}
.DialogImp{
  position:relative;
  font-size:10px;
  font-weight:bold;
}
.DialogImp .dlr{width:100px;}
.DialogImp .ivt{width:120px;}
.DialogImp .infas360{width:120px;}
.DialogImp img {
  padding-bottom: 15px;
}
.DialogImp .gess{
  position:absolute;
  right:0px;
  bottom:-20px;
  width:110px;
  height:65px;
}
.gess .imp-icon{
  padding:5px 5px 0px;
  width:55px;
}
.DialogImp .imp-close{
  position:absolute;
  right:10px;
  top:0px;
  width:200px;
  height:36px;
  line-height:36px;
  text-align:center;
  background-color:var(--color-primary);
  color:white;
  font-size:16px;
  font-weight:normal;
  cursor:pointer;
  z-index:99;
}
.DialogImp .left{
  height: 420px;
  width: 160px;
}
.DialogImp .right{
  position: absolute;
  height: 420px;
  top:6px;
  left: 180px;
  right:0px;
}
.impressum-dlr{
  max-width:800px;
  padding-right:125px;
}


.categoryHeader {
  padding: 10px 0 10px 20px;
  height: 80px;
  background-color: var(--color-primary);
  border-top:2px solid white;
  color:white;
}
.mit-logo {
  position:absolute;
  height: 95px;
  right: 30px;
  top: 15px;
  left: auto;
}

input, label{
  vertical-align:middle;
  cursor:pointer;
}
input::-ms-clear {
  display:none;
  width:0px;
  height:0px;
}

/*Remove button padding in FF*/
input::-moz-focus-inner{
  border: 0;
  padding: 0;
}

.mainframe{
  position:relative;
  height:100%;
  min-width:550px;
}

.header, .menu, .content{
  width:100%;
  position: absolute;
  left: 0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;    /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}

.content, .menu{
  padding:0px 10px;
  vertical-align:top;
}
.menu{
  top:160px;
  bottom:30px;
  z-index:1;
  overflow:auto;
}
.no-menu .menu{ display:none; }

#form_login .mit-button{
  width: 80px;
  left: 190px;
  top: 119px;
  height: 21px;
  line-height: 21px;
}

#NavigationFrame .backbutton{
  top: 160px;
  left:10px;
  width:173px;
  background-color: var(--color-secondary);
}

#ContentFrame{ display: none; }
.content{
  width:100%;
  top:120px;
  bottom:0px;
  left:230px;
  right:0px;
  padding:5px;
  padding-left:15px;
  z-index:0;
  overflow: auto;
}
.no-menu .content{ left:0px; }


/* Menuleiste oben */
.menubar {
  margin: 30px 0px;
  width: auto;
  text-align: left;
  color: black;
  font-weight: bold;
  border-collapse: collapse;
  -ms-user-select: None;
  -moz-user-select: None;
  -webkit-user-select: None;
}
.menubar-select{ margin-bottom:15px; }
.AuswahlHeader{
  border-bottom: 1px solid var(--color-primary);
  font-weight:bold;
  max-width: 500px;
}
#mb-database{ display:none; }
#mb-AUTO{margin-right:30px;}
.menubar select{
  display: block;
  width: 300px;
}
.menubutton, .mainbutton{
  display:inline-block;
  font-weight:normal;
  cursor:pointer;
  margin-right: 1px;
  padding: 10px 10px;
  border:1px solid #dddddd;
  width: auto;
}
.menubutton-activate, .mainbutton-activate{
  background-color:var(--color-primary);
  color:white;
  border:1px solid var(--color-primary);
}

.labelresult .placeholder{font-weight:normal;}


/*Menuleiste Ende*/


#GESStabsFrame{display:none;}
#DLRTablesFrame{display:none;}

.svg-button{
  position: relative;
  height:36px;
  margin-top:30px;
  margin-bottom: 10px;
  width:136px;
  float:left;
  cursor:pointer;
}
.mit-icon {
  height: 36px;
  position: absolute;
  left:0px;
}

.mit-button {
  position: absolute;
  left: 36px;
  height: 36px;
  width: 100px;
  background-color: var(--color-primary);
  text-align: center;
  color: white;
  cursor: pointer;
  line-height: 36px;
}
.mit-button-deactivate{
  background-color: var(--color-secondary);
}
#neueAuswertung{ width:186px; }
#neueAuswertung .mit-button{width:150px;}
#neueAuswertung, #Export{ margin-right:15px; }

#back{ width:230px; }
#back .mit-button{width:200px;}

.mit-button a, .mit-button a:hover{
  color:white;
}

.errorDialog{
  color: var(--color-secondary);
  font-weight: bold;
  text-align:left;
}


.disable-click{
  background-color:var(--color-secondary);
  cursor: default;
}


#logout, .mainmenu{
  font-weight:bold;
}
.logout{
  padding:0px 20px;
  cursor:pointer;
  background: transparent url(icons/door_in.png) no-repeat center left;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1000;
}

.errormessage, .infomessage, .warningmessage{
  margin:0px auto;
  padding:20px;
  border:1px solid #990000;
  text-align:center;
  background-color:#ffdddd;
  font-weight:bold;
}
.infomessage{ border-color:#1c8064; background-color:#ddffdd; }
.warningmessage{ border-color:#dddd00; background-color:#ffff22; }

.titleinfo{
  padding:3px 20px;
  font-style:italic;
  font-weight:bold;
  padding-right: 18px;
  background: transparent url(icons/information.png) no-repeat center left;
  color:#1c8064;
}

.frame {
  height:100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:auto;
}

#myIFrame{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  bottom:0px;
}


/*** mainTabs ***/
.menuTabs{
  color:#7A7A7A;
  float: left;
  display: inline-block;
  padding: 5px;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background-image:linear-gradient(90deg, #FAF7F7 0%, #EDEBEB 75%);
  cursor: pointer;
}

.menuTab-activate{
  color:var(--color-primary);
  border-bottom:0px;
  background-image:none;
}

/********************/
/* PopUp Labellist*/
.Group, .VarLabel{
  padding:2px;
  border:1px solid #B3B2B2;
  margin-top:5px;
  margin-bottom:5px;
  margin-left:5px;
  cursor: pointer;
}
.Group .group-icon{
  height:20px;
  width:20px;
  vertical-align: middle;
  margin-right:10px;
}
.closed>div {
  display:none;
}
.hidden{
  display:none;
}
.Group1{
  border: 2px solid #BDBDBD;
  font-weight:bold;
}
.Group2, .Group3{
  border: 1px solid #BDBDBD;
  margin-left: 30px;
}
.VarLabel{
  background-color: white;
  font-weight:normal;
  border: 0px solid #B3B2B2;
}
.Group .VarLabel{ margin-left: 30px; }
.VarLabel:hover, .VarLabel-activate{
  color: var(--color-primary);
}
.Search{
  padding:5px;
  position: relative;
}
.Loupe{
  position: absolute;
  height: 24px !important;
  width: auto !important;
  bottom: 5px;
}
.labelsearch{
  width: 96%;
  background-color: var(--color-lightgray);
  -webkit-appearance: none;
  border: 0px solid var(--color-lightgray);
  padding: 3px;
  padding-left: 30px;
  /* background-image: url(../img/MiT_LupeAufHellgrau.svg); */
  /* background-repeat: no-repeat; */
}
.labelsearch:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
.labelsearch::-webkit-input-placeholder {
  color: black;
}


#mb-head, #mb-row, #mb-mean, #mb-values, #mb-flt{
  position:relative;
}

#mb-head, #mb-mean, #mb-values, #mb-flt{
  margin-top: 50px;
}

#Head, #Row, #Mean, #Value, #Flt{
  position: absolute;
  width: 450px;
  color:var(--color-primary);
  font-size:100%;
  top: 23px;
  left: 0px;
}

#mb-head .clickable_area, #mb-row .clickable_area, #mb-mean .clickable_area, #mb-values .clickable_area, #mb-flt .clickable_area{
  position: absolute;
  left: 460px;
  top: 25px;
  width:20px;
  height:20px;
  margin:0px;
  background-size: 20px;
}

/*dargestellte Werte*/
.mb-or{
  position:absolute;
  left:282px;
  /* margin: 30px 0px 5px 0px; */
  width: auto;
  text-align: left;
  color: black;
  font-weight: normal;
  border-collapse: collapse;
}
.selectValue{
  position:absolute;
  color:#BDBDBD;
  font-weight:normal;
  border: 1px solid #BDBDBD;
  /* width: 220px; */
  width: 131px;
  cursor:pointer;
}
.selectValue-activate{
  color: var(--color-primary);
}
.selectValue-inactive{
  color: var(--color-lightgray);
  background-color: var(--color-lightgray);
  cursor:inherit;
}
/* #mb-colp{left:230px;} */
#mb-colp{left:142px;}
#mb-meanp{left:321px;}


/*Gesamte Auswahl löschen*/
#mb-delete{
  position:relative;
  margin-top:25px;
}
.DeleteAll{
  position:absolute;
  color:white;
  background-color: var(--color-secondary);
  width:240px;
  left:210px;
  text-align:center;
  cursor:pointer;
}
#mb-delete .clickable_area{
  position:absolute;
  left:460px;
  width:22px;
  height:22px;
  margin:0px;
  background-size: 22px;
}



.ui-widget-content {
  background: var(--color-background);
}
.ui-widget-header{
  background: var(--color-background);
  color: var(--color-primary);
}
.ui-corner-all{ border-radius:0px; }
.ui-widget.ui-widget-content {
  border: 8px solid var(--color-primary);
}

/* jQuery Anpassungen */
.ui-corner-all{ border:none; }
.ui-tabs{ background:none; }
.ui-tabs .ui-tabs-nav{ padding:0; background:none; }
.ui-tabs .ui-tabs-panel{ border:1px solid #1c94c4; min-height:100px; }
/* .ui-widget-content, .ui-widget-header{ background:none; } */
.ui-state-default .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon{
  background-image: url("../javascript/images/ui-icons_ffffff_256x240.png");
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ border:1px solid #c4d1e4; background: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{ color: #c4d1e4; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ border:1px solid #1c94c4; background: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ color: #1c94c4; }

.no-close .ui-dialog-titlebar-close{ display: none }

/*Dialog*/
.ui-dialog-buttonset{height:10px;}
.dialog-button-ok{
  visibility:hidden;
  height:10px;
  font-size:10px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
  max-width: 750px;
}


.TableFrame, .DLRcontent{
  position:absolute;
  top:80px;
  left:0px;
  right:0px;
  bottom:0px;
}
.DLRcontent{
  top:100px;
  left:20px;
}
.DLRcontent .menubar-select{font-weight:bold;}
.TableDownload{
  cursor:pointer;
  padding:5px 0px;
}
.TableDownload:hover{
  text-decoration: underline;
}

/*** plain old links styled like buttons, and button widget ***/
a.menu_button, a.menu_button:link, a.menu_button:visited, a.menu_button_inactive, a.menu_button_inactive:link, a.menu_button_inactive:visited {
  cursor:pointer;
  text-align:left;
  background: transparent url('menubutton.gif') no-repeat top left;
  display: block;
  margin:8px auto;
  width:150px;
  font: normal 13px Tahoma; /* Change 13px as desired */
  line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
  height: 18px; /* Height of button background height */
  padding-left: 11px; /* Width of left menu image */
  text-decoration: none;
}
a.menu_button:hover {
  background-position: bottom left;
}
a.menu_button span, a.menu_button_inactive span{
/*  background: transparent url('./oval-gray-right.gif') no-repeat top right; */
  display: block;
  padding: 4px 11px 4px 8px; /*Set 11px below to match value of 'padding-left' value above*/
}
a.menu_button:hover span{ /* Hover state CSS */
  background-position: bottom right;
  color: black;
}
a.menu_button:active span{
  font-weight:bold;
}


.active, .inactive{ font-weight:bold; }
.active{ color:#009900; }
.inactive{ color:#990000; }

/* TITLES */
h1{
  font-size:14px;
  margin-top:2px;
  line-height:22px;
}

/* LOGIN TABLE */
.logintable{
  margin:10px auto 0px;
}
.logintable input{
  width:90%;
  display:block;
  margin:0px auto;
}


/* SUBMIT BUTTONS */
input[type="submit"], input[type="button"]{
  width:110px;
  height:25px;
}



/* ICONS etc */
.downloadable, .editable, .link, .deletable, .clickable, .refreshable, .filterable, .browseBack{
  display:inline-block;
  cursor:pointer;
  width:30px;
  height:15px;
  border:1px solid #c4d1e4;
  padding:5px 10px;
  border-radius:       5px;
  -moz-border-radius:  5px;
  -khtml-border-radius:5px;
}
.browseBack{   background: transparent url(icons/arrow_left.png)     no-repeat center center; float:left; margin-right:10px; }
.downloadable{ background: transparent url(icons/basket_put.png)     no-repeat center center; }
.editable{     background: transparent url(icons/wrench.png)         no-repeat center center; }
.link{         background: transparent url(icons/application_go.png) no-repeat center center; }
.deletable{    background: transparent url(icons/bin.png)            no-repeat center center; }
.refreshable{
  background: transparent url(icons/arrow_refresh.png)  no-repeat center center;
  position: absolute;
  right: 10px;
  top: 10px;
}
.filterable{
  background: transparent url(icons/funnel.png)  no-repeat center center;
  position: absolute;
  right: 65px;
  top: 10px;
}


.clickable_area{
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  color: black;
  margin: 10px;
  cursor:pointer;
}

/* Default table */
.defaulttable {
  float:left;
  border-collapse:collapse;
  margin: 15px;
  -moz-box-shadow:    5px 5px 10px #555;
  -webkit-box-shadow: 5px 5px 10px #555;
  box-shadow:         5px 5px 10px #555;
  border: 1px solid #b8b8b8;
}
.defaulttable th, .defaulttable td{
  height:25px;
  line-height:100%;
  padding:5px 10px;
}
.defaulttable tr:nth-child(2n)    { background-color:var(--color-top)000; color:var(--color-background);}
.defaulttable tr:nth-child(2n+1){ background-color:var(--color-background); color:var(--color-top)000;}
.defaulttable th{ background-color:var(--color-top)000; color:var(--color-background); }



/*############################# AUTOCOMPLETE ##########################*/
.custom-combobox {
  position: relative;
  display: inline-block;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
}
.custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
}
.ui-autocomplete{
  height: 300px;
  overflow-y: auto;
}