html { 
  padding:0px;
  margin:8px;
}

body {
  background-color: #f7f7f7;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#000000;
  padding:00px 00px;
  margin:8px 8px;
  margin-bottom: 0px;
}

pre, h2 {
  padding:10px;
  margin:0px
}

p {
  margin-top: 5px;
  margin-left: 2px;
}

h1 {
  font-size: 14px;
  text-transform:uppercase;
  text-align: center;
  color: #000000;
  margin:0px;
}



body.login {
  background-color: #FFFFFF;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#000000;
  margin: 10%;
  
  text-align: center;
}

div.login{
  margin:auto;
  width:300px;

  background-color: #eeeeee;
}

table.login{
  border: 3px outset #888899;
  border-collapse: separate;
  border-spacing:3px;
  width:300px;

}

table.login td{
  margin: 5px;
  padding: 5px;
  border:0px;
}

table.login th{
  margin: 5px;
  padding: 5px;
  border:0px;
  background-color: #eeeeee;
}

td.logintitel{
  background-color: #aaaabb;
  font-size: 14px;
  color: white;
  font-weight: bolder;
  margin: 5px;  
  padding: 5px;
  letter-spacing:1px;
}

hr.login{
  border-bottom: 1px solid #9999bb;
  border-top: 1px solid silver;
  margin:0px;
  padding:0px;
}


span.export a{
  text-decoration: none;
  color: black;
  font-size: 10px;
  font-family: Arial;
  padding: 1px;
  border: 1px solid silver;
  background-color: #eeeeee;
}

span.export a:hover{
  border: 1px solid #9999ff;
  background-color: #ddddff; 
}

div.pangrp{
  border: 0px;
  height: 30px;
}

div.pangrp a{
  float: left;
  text-decoration: none;
  color: #777777;
  background-color: #eeeeea;
  padding: 5px;
  margin-right: 5px;
  border: 1px solid #ddddd9;
  display: block;
  white-space:nowrap;
  font-size: 12px;
  font-family: Tahoma;
  font-weight: 500;
  margin-bottom:5px;
}

div.pangrp a.akt{
  border: 1px outset #aaaadd;
  background-color: #ccccdd;
  color: black;
}

div.pangrp a:hover{
  border: 1px solid #9999cc;
  background-color: #ddddee;
  color: #444444; 
  font-weight: 500;
}


div.c4c_menu a{
  text-decoration: none;
  color: black;
  font-size: 14px;
  font-family: Arial;
  padding: 5px;
  height: 20px;
  border: 2px solid silver;
  background-color: #eeeeee;
}

div.c4c_menu a:hover{
  border: 2px solid #9999ff;
  background-color: #ddddff; 
}


div.c4c_menu a.akt{
  border: 2px outset #9999ff;
  background-color: #ccccff;
}

div.c4c_menu a.akt:hover{
  border: 2px solid #9999ff;
  background-color: #ccccff;
}

div.c4c_menu a.logout{
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-family: Arial;
  padding: 5px;
    
  border: 2px solid #880000;  
  background-color: #ff3333;  
}

div.c4c_menu a.logout:hover{    
  border: 2px solid #dd1111;  
  background-color: #ff7777;
}


div.c4c_menu{

  border-collapse: collapse;
  width: 100%;
  min-width: 1000px;
  height: 30px;
  margin-bottom:5px;
}

div.menuItem{
  float:left;
  padding-left:6px;
  padding-right:6px;  
  margin-left: 3px;
  padding: 0px;

}

span.menuInfo{    
  text-decoration: none;
  color: #bbbbbb;
  font-size: 16px;
  font-family: Arial;
  padding: 5px;
  height: 20px;
}

div.menuItemLogout:hover{
  float:left;
  padding-left:5px;
  padding-right:5px;  
  border: 3px solid #dd2222;
  margin-left: 3px;

  padding: 0px;
  background-color: #ff5555;
}

#fade_top{
  font-size: 10px;
  font-family: Arial;
  text-decoration: none;
  color: #aaaaa9;
  margin: 3px;
  padding: 3px;
  vertical-align: top;
  text-align: right;
}

div.fadeinfo{
  font-size: 10px;
  font-family: Arial;
  text-decoration: none;
  color: #aaaaa9;
  margin: 3px;
}

div.hist_nav{
  font-size: 14px;
  font-family: Arial;
  text-decoration: none;
  color: #888899;
  margin: 3px;    
}

a.histNav{
  font-size: 12px;
  font-family: Arial;
  text-decoration: none;
  color: #aaaaaa;
  padding-right:4px;
  padding-left:4px;
}

a.histNav:hover{
  font-size: 14px;
  position:relative;
  top:-1px;
  color: #8888aa; 
  padding-right:3px;
  padding-left:3px;  
}

b.aktSeite{
  font-size: 15px;
  position:relative;
  top:-1px;
  color: #7777aa;  
  padding-right:3px;
  padding-left:3px;
  border: 1px solid #bbbbbb;  
}


div.error {
  color: #FF0000;
  font-weight: bolder;
}

div.info {
  color: #0000FF;
  font-weight: bolder;
}

div#toolTip { 
	position:absolute;
	z-index:1000;
	max-width:600px;
	background-color:#dddddd;
	border:1px solid silver;

	text-align:left;
	padding:10px;
	visibility:hidden;
	top: 0px;
	left: 0px;
  -moz-opacity:0.97; 
  -khtml-opacity:0.97; 
  opacity:0.97;
  filter:alpha(opacity=97);
}


#preshow{
  display: none;
}

div.titel {
  font-size: 14px;
  color: #333333;
  font-weight: bolder;
  margin-bottom: 5px;
}

a {
  color: #AA2222;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
  font-weight: bold;
}

table {
  font-size: 11px;
  border: 1px solid silver;
  border-spacing:0px;
  border-collapse: collapse;
  white-space:nowrap;
}


titel {
  font-size: 12px;
  color: #555599;
  font-weight: bold;
}

span.titel {
  font-size: 12px;
  color: #555599;
  font-weight: bold;
  line-height: 20px;
  padding: 5px;
}

caption.titel {
  font-size: 12px;
  color: #555599;
  font-weight: bold;
  padding: 5px;
  text-align: left;
}

td.titel {

  font-size: 12px;
  font-weight: bold; 
  color: #555599;
  text-align: left;
  padding:0px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
}

td.titelCap {

  font-size: 12px;
  font-weight: bold; 
  color: #555599;
  text-align: left;
}



td {
   text-align: center;
   border: 1px solid silver;
   margin:0px;
   padding:1px;
   padding-right:3px;
   padding-left:3px;
}

th {
  border: 1px solid silver;
	font-size: 12px;
  font-weight: bold;
  background-color: #DDDDDD;
  color: #222222;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
}

th.sub1 {
	font-size: 11px;
  font-weight: bold;
}

th.sub2 {
	font-size: 10px;
}

td.sub {
  font-size: 10px;
}

td.deak {
  font-size: 10px;
  color: #777777;
}

#fade {
  font-size: 9px;
  color: #777777;
  text-align:right;
}

span.deak {
  font-size: 10px;
  color: #777777;
}


table.formData {
  float: left;
  font-size: 11px;
  border: 1px solid silver;
  border-spacing:2px;
  border-collapse: separate;
  white-space:nowrap;
  background-color: #eeeeea;
  margin-right:50px;
  margin-bottom:5px;
  padding: 3px;
}

table.formData td {
   border: 0px solid silver;
}

table.formData td.topline {
   border-top: 1px solid silver;
}

table.formData td.topline_n {
   border-top: 1px solid silver;
   text-align: left;
}


table.formData th {
  border: 0px solid silver;
  padding: 4px;
}

table.formData th.n {
  vertical-align: top;
  text-align: left;
}

table.formData th.mid {
  vertical-align: middle;
  text-align: left;
}


form th {
  width:100px;
}

caption {
	font-size: 15px;
  font-weight: bold;
}

td.tabzahl {
   text-align: right;

}

#z {
   text-align: right;
}

.right {
   text-align: right;
}

#n{
   text-align: left;
}

.left {
   text-align: left;
}

td.z {
   text-align: right;
}

td.n{
   text-align: left;
}

td.nb_rl{
  border-right: 0px;
  border-left: 0px;

}

#b_r{
  border-right: 1px solid silver;
}


td.nb_rlz{
  border-right: 0px;
  border-left: 0px;
  text-align: right;
}

th.n{
  text-align: left;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;   
}

td.wa {
   font-weight: bold;
   color: #ff3333;
}

td.wg {
   font-weight: bold;
   color: #5555ff;
}

/*no hover Effekte*/
tr.liste_nh_0 {
   background-color: #EDEDED;
}

tr.liste_nh_1 {
   background-color: #ffffff;
}



tr.liste0 {
   background-color: #EDEDED;
}

tr.liste0:hover {
   background-color: #ffff66;
}


tr.liste1 {
   background-color: #ffffff;
}

tr.liste1:hover {
   background-color: #ffff99;
}

td.stat_ok {
   background-color: #aaffaa;
   border-color: green;
   width: 120px;

}


td.stat_nodir {
   background-color: #ff5555;
   border-color: red;
   width: 120px;
}


/* 27.05.2014 deaktiviert Probleme mit easyui*/
/*
td table{
 width:100%;
}
*/

table.hinweis {
    width:100%;    
}


table.repoCont{
  border:0px;
  margin:0px;
  padding:0px;  
  width: 100%;
}

table.idmapCont{
  border:0px;
  margin:0px;
  padding:0px;  
  width: 100%;
}


table.filelist{
  float:right;
  margin-bottom: 200px;
}

table.filelist a{
  display: block;
  border: 0px;
  color: #666699;
  text-decoration: none;
}

table.filelist img{
  border: 0px;
}

table.filelist a{
  display: block;
  border: 0px;
}

td.repoCont{
  padding:0px;  
}

td.repoPath{
  text-align: left;  
}

td.repoPath:hover{
  background-color: #ccccff;
  cursor:pointer;
}

td.repoCont:hover{
  background-color: #ccccff;
  cursor:pointer;
}

table.repoCont td{
  border:0px solid black;
  margin:0px;
  padding-right:4px; 
}

table.idmapCont td{
  border:0px solid black;
  margin:0px;
  padding-right:4px; 
  text-align: left;
  vertical-align: middle;
}

table.idmapCont img{
  border:0px solid black;
  margin:0px;
  padding-right:4px; 
  text-align: left;
  vertical-align: middle;
}

td.bez{
  white-space: normal;
  text-align: left;
  vertical-align: top;
  padding:5px;
}

td.del{
  width: 16px;
}

td.taxinr{
  text-align:left;
  width:50px;
}

td.lastInsId{
  font-weight: bold;
  background-color: #ffff55;
}

td.repoFile{
  width:100%;
  text-align: left;
}

td.repoSize{
  border: 1px solid red;
  text-align: right;
  padding-right:10px;
}


table.fileupload{
  float:left;
  margin-right: 20px;
  margin-bottom: 10px;
  font-size: 11px;
  border: 1px solid silver;
  border-spacing:2px;
  border-collapse: separate;
  white-space:nowrap;  
  background-color: #eeeeea;
  padding: 3px;
}

table.fileupload td {
   border: 0px solid silver;
}

table.fileupload td.topline {
   border-top: 1px solid silver;
}

table.fileupload th {
  border: 0px solid silver;
  padding: 4px;
}

table.fileupload th.n {
  vertical-align: top;
  text-align: left;
}



table.dbimport{
  float:right;
  margin-bottom: 10px;
  width: 200px;
}

table.dbimport td{
  padding-right: 6px;
}

div.stats{
  float:left;
  margin-right: 50px;
}

div.data{

}

input{
  border: 1px solid #777799;
  font-size: 12px;
  font-family: Verdana;
  margin: 2px;  
}

input.input{
  width: 100%;
}

input.checkbox{
  position: relative;
  top: 3px;
  border: 0px;
  margin: 3px;
}

input.radio{
  position: relative;
  top: 3px;
  border: 0px;
  margin: 3px;
}

.bigButton {
  font-size:18;
  padding:5px;
  border: 2px solid #777777;
  background-color: #cccccc;
  cursor:pointer;
  border-radius: 10px;
}

.bigButton:hover {
  border: 2px solid #7777cc;
  background-color: #cccce5;
}


img.button {
  border: 0px;
  padding:0px;
  margin:3px;
  float: right; 
  cursor: pointer;
}

a.button{
  border: 0px;
  padding:0px;
  margin:3px;
  float: right;
}

a.button img{
  border: 0px;
}

div.bez{
  margin: 3px;
  float:left;
}


input.del{
  border: 1px solid #880000;
  font-size: 12px;
  font-family: Verdana;
  margin: 2px;  
  color:white;
  background-color: #ff3333;
  font-weight: bolder;
}

input.del:hover {
  border: 2px solid #dd2222;
  background-color: #ff5555;
  margin: 1px;
}

input.inaktiv{
  border: 1px solid #883300;
  font-size: 12px;
  font-family: Verdana;
  margin: 2px;  
  color:white;
  background-color: #ee6644;
  font-weight: bolder;
  width: 95px;
}

input.inaktiv:hover {
  border: 2px solid #dd4422;
  background-color: #ff7755;
  margin: 1px;
}


input.aktiv{
  border: 1px solid #008800;
  font-size: 12px;
  font-family: Verdana;
  margin: 2px;  
  color:white;
  background-color: #33cc33;
  font-weight: bolder;
  width: 95px;
}

input.aktiv:hover {
  border: 2px solid #22aa22;
  background-color: #55dd55;
  margin: 1px;
}


td.tdhr{
  border-bottom: 1px solid #9999bb;
  background-color: #ccccdd;
  border-top: 1px solid silver;
  height: 2px;
}

hr{
  clear:both;
  border-bottom: 1px solid #ccccdd;
  border-top: 1px solid #ddddff;
  margin-bottom: 10px;
}


select {
  border: 1px solid #666666;
  font-size: 12px;
  font-family: Verdana;
  margin: 2px;
  width: 100%;
}

#divDevTable select {
  width: 60px;
}


* html td select{
  width: 170px; 
}



option {
  border: 0px;
  background-color: #fffffb;
  font-size: 12px;
  font-family: Verdana;
}

option.l2{
  border: 0px;
  background-color: #e9e9ee;
  font-size: 12px;
  font-family: Verdana;
}

option.ins{
  color: #4444ff;
  background-color: #ddddff;
  font-size: 11px;
  font-weight: bolder;
}


#vers_ok{
  color: #008800;
}

#vers_nv{
  color: #777777;
}

#vers_false{
  color: #990000;
  text-decoration: underline;
  
}

#sort{
  color: #222277;
  cursor:pointer;
}

#sortA{
  color: #222277;
  cursor:pointer;
  background-image:url(img/asc.png);
  background-repeat:no-repeat;
}

#sortD{
  color: #222277;
  cursor:pointer;
  background-image:url(img/desc.png);
  background-repeat:no-repeat;
}

#sortA1{
  color: #222277;
  cursor:pointer;
  background-image:url(img/asc.png);
  background-repeat:no-repeat;
  background-color: #CCCCEE;
}

#sortD1{
  color: #222277;
  cursor:pointer;
  background-image:url(img/desc.png);
  background-repeat:no-repeat;
  background-color: #CCCCEE;
}

#sortA2{
  color: #222277;
  cursor:pointer;
  background-image:url(img/asc.png);
  background-repeat:no-repeat;
  background-color: #DDEEDD;
}

#sortD2{
  color: #222277;
  cursor:pointer;
  background-image:url(img/desc.png);
  background-repeat:no-repeat;
  background-color: #DDEEDD;
}

#sortA3{
  color: #222277;
  cursor:pointer;
  background-image:url(img/asc.png);
  background-repeat:no-repeat;
  background-color: #EEDDDD;
}

#sortD3{
  color: #222277;
  cursor:pointer;
  background-image:url(img/desc.png);
  background-repeat:no-repeat;
  background-color: #EEDDDD;
}





#divRepo{
  float: left;
  width: 450px;
}

#versInfo{
  float:left;
  border: 1px solid silver;
  background-color: #eeeeea;
  width: 250px;
  height: 100px;
  margin-top: 20px;
  display: none;
}


.optC4C {
  background:url(img/gear.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optC4CK {
  background:url(img/component_green.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optGSM {
  background:url(img/gear_con.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optGSMK {
  background:url(img/component_yellow.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optDaten {
  background:url(img/form_blue.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optSkin {
  background:url(img/brush3.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optAdr {
  background:url(img/adressen.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optHilfe {
  background:url(img/help.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optDruckvorlage {
  background:url(img/printer.png) no-repeat;
  padding:1px;
  padding-left:20px;
}

.optGSMKKD {
  background:url(img/user2.png) no-repeat;
  padding:1px;
  padding-left:20px;
}


table.fahrerliste td{
  cursor:crosshair;
  color: #555599;
  font-weight: bold;  
}


.os-grp {
    margin-right:7px;
}

table.hinweis, table.hinweis td {
    border: 0px;
    padding: 0px;
    margin: 0px;     
}
table.hinweis {
    height: 195px;
}



/*++++++++++++++++++++    https://loading.io/css/    ++++++++++++++++++*/

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* ------------------------------------------------------------------------------------------ */


/* ++++++++++++++++++++ JSON-Import / Upload +++++++++++++++++++ */
#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 260px;
    height: 110px;
    padding: 4px;
    margin-top:10px;
    color: #555599;
    font-family: Arial;
    font-weight:700;
    font-size: 18px;
}

.debug {
    width: 260px;
    height: 60px;
    overflow: auto;
}

#drag_upload_file {
  width:90%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #selectfile {
  display: none;
}
/* ------------------------------------------------------------- */

 
 
 
 */