* {
  box-sizing: border-box;
}

html {
  padding: 0;
  margin: 0;
}

body {
	padding:0;
	margin:10px;
	border:0;
}

a {
  color:#000000;
  text-decoration:  none;
}

input[type=projname], input[type=projdescr] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    text-align: left;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
textArea[type=ticketmessage] {
    width: 100%;
    height: 100px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    text-align: left;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
input[type=image]:disabled{
    opacity: 0;
}






/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.container {
    padding: 16px;
    text-align: left;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* Modal Content/Box */
.modal-smallcontent {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
}
/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}


@media print {
  #printPageButton {
    display: none;
  }
  #safePageButton{
    display: none;
  }
  #backbutton{
    display: none;
  }
  input{
      
    border: none; /* If you want to remove the border as well */
    background: none;
    border-bottom: 1px solid black;
  }
  tr{
    -webkit-print-color-adjust: exact; 
   }   
  
  
  select {
  /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
  border: none; /* If you want to remove the border as well */
  background: none;
  }
}




a.button{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    font-family:      Arial,sans-serif;
    font-size:        medium;
    margin:           4px;
    text-align:       center;
    padding:          5px 30px;
    border-radius:    0px;
    color:            black;
    min-height:       21px;
    z-index:          5;
}
input[disabled]
{
    background-color: white;
    color: black;
}

#container {
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  color:            black;
  margin-top:       8px;
  margin-left:      auto;
  margin-right:     auto;
  background-color: white;
  /*overflow:         scroll;*/
  height:           auto;
  width:            100%;
  max-width:        none;
  /*min-width:        1100px;*/
  border-radius:    0px;
  /*border:           1px solid red;*/
}


#userRightConfigDiv {
  position:         absolute;
  height:           570px;
  width:            800px;
  top:              60px;
  left:             178px;
  background-color: #3AB5C4;
  z-index:          100;
  display:          none;
  border:           3px solid red;
  overflow:         auto;
}

#ERRORDIV {
  position:         absolute;
  height:           500px;
  width:            900px;
  top:              50px;
  left:             50px;
  background-color: #3AB5C4;
  z-index:          100;
  display:          none;
  border:           3px solid red;
  overflow:         auto;
}

#errorMainFrame {
  height:           495px;
  width:            880px;
  color:            white;
}

#errorMessageFrame {
  float:            left;
  color:            white;
  height:           480px;
  width:            880px;
}

#errorMenuFrame {
  text-align:       right;
  float:            left;
  width:            880px;
  height:           20px;
  padding-top:      5px;
  padding-right:    2px;
  background-color: #3AB5C4;
  color:            white;
  /*border-bottom:    1px solid black;*/
}

#menu {
  position :        relative;
  /*float:            left;*/
  top:              -15px;
  right:            0;
  height:           10px;
  width:            1005px;
  text-align:       right;
}

#header {
  margin-top:       3px;
  padding:          10px 20px;
  width:            100%;
  min-width:        950px;
  background-color: #00839B;
  color:            #85BAC1;
  border-radius:    6px;
  display: table;
}
#headerRow {
  display: table-row;
}

#splitLine{
    width:          100%;
    color:          black;
}

.verticalLine{
    border-left: thick solid #ff0000;
}

#logo {
  width:            10%;
  min-width:        130px;
  display:          table-cell;
  vertical-align:   top;
}
#logo img {
  width:            100%;
}

#headerNav {
    overflow:auto;
  /*display:          table-cell; */
  /*padding-left:     20px;*/
  vertical-align:   left;
 /* width:            65%;*/
}

#headerNav ul {
  list-style:       none;
  padding:          0;
  margin:           0;
  /*background-image: url(navi_bg.png);*/
}

#headerNav ul li {
  display:          inline-block;
  margin:           10px 0px;
}

.headerButtonLinkBlack {
  color:            black;
  text-decoration:  none;
  padding:          5px 15px;
  border-radius:    6px;
  transition:       0.3s ease all;
}

.headerButtonLink {
  color:            white;
  text-decoration:  none;
  padding:          5px 15px;
  border-radius:    6px;
  transition:       0.3s ease all;
}

.headerButtonLink:hover {
  color:            white;
  text-decoration:  none;
  padding:          5px 15px;
  border-radius:    6px;
  transition:       0.3s ease all;
}

.liSystem{
  color:            white;
  text-decoration:  none;
  padding:          5px 15px;
  border-radius:    3px;
  transition:       0.3s ease all; 
}

.liSystemSub{
  color:            white;
  text-decoration:  none;
  padding:          5px 15px;
  border-radius:    3px;
  margin-left:      20px;
  transition:       0.3s ease all; 
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip container */
.infotip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    z-index: 9999;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.headerButtonLink:hover {
  background-color: white;
  color:            black;
  opacity:          0.5;
  height:   500px;
}

#headerLineCloser{
  color:            white;
  text-decoration:  none;
  padding:          5px 15px;
  border-radius:    3px;
  transition:       0.3s ease all;
}

#headerNavState{
  display: table-cell;
  height: 20px;
  margin: 0px;
  vertical-align:   left;  
}
#headerNavStateText{
  display: table-cell;
  height: 20px;
  margin: 0px;
  vertical-align:   left;  
}

/* ======================================= */
/*            Dropdown Menue               */
#projectNavAuth {
  height: 20px;
  width: 180px;
  margin-left: 20px;
  float: right;
  vertical-align:   middle;
}
#projectNavAuth div {
    float: right;
    width: 180px;
    position: relative;
    text-align: right;
}

#projectNavAuth:hover #optionsSubMenu {
    display: block;
    z-index: 500;
}




/* ======================================= */
/*            Dropdown Menue               */
#headerNavAuth {
  height: 20px;
  width: 180px;
  margin-left: 20px;
  float: right;
  vertical-align:   middle;
}
#headerNavAuth div {
    float: right;
    width: 180px;
    position: relative;
    text-align: right;
}
#optionsSubMenu {
    background: #00839B;
    opacity: 0.9;
    margin-top: 0px;
    font-size: 14px;
    border-radius: 5px;
    display: none;
    z-index:-1;
    transition: 2.5s ease all;
}
#headerNavAuth:hover #optionsSubMenu {
    display: block;
    z-index: 500;
}
#optionsSubMenu ul {
    list-style-type:none;
    padding: 0px;
}
#optionsSubMenu ul li {
    margin: 10px 0px;
    text-align: left;
}
#optionsSubMenu ul li a {
    margin: 5px 10px;
}
/*
#headerNavAuth div ul li a {
    display: block;
    width: 80px;
    margin: 1px;
    padding: 4px;
    text-decoration: none;
    color:white;
    background: #333;
}
#headerNavAuth div ul li a:hover {
    background: #FFEFB7;
    color:#960;
}
*/

/* History Header */
#historyHeaderContent {
  float:            left;
  width:            100%;
  height:           100%;
}

#historyHeaderLeft {
  float:            left;
  width:            24%;
  height:           40%;
  margin-top:       39px;
  margin-left:      1px;
}

#historyHeaderMiddle {
  float:            left;
  width:            50%;
  height:           100%;
}

#historyHeaderRight {
  float:            left;
  width:            24%;
  height:           100%;
  text-align:       right;
  padding-top:      40px;
}
/* ============== */

#contentBox {
  margin-top:       10px;
  height:           100%;
  width:            100%;
  z-index:          99;
}

#leftNav {
  width:            20%;
  min-width:        150px;
  background-color: white;
  overflow-y: scroll;
  /*border-bottom-left-radius:  6px;
  border-bottom-right-radius: 6px;*/
  border-radius:    6px;
  /*border:           1px solid black;*/
  height:           900px;
  vertical-align:   top;
  float:            left;
}

#navHeaderTitle {
  font-family:      Arial,sans-serif;
  font-size:        medium;
  text-align:       center;
  margin-top:       30px;
  margin-bottom:    32px;
  font-size:        24px;
}

/*  buttons     */
.buttonlink {
  font-family:      Arial,sans-serif;
  font-size:        medium;
  margin:           4px;
  text-align:       center;
  padding:          3px 10px;
  border-radius:    3px;
  border:           none;
  color:            black;
  height:           40px;
  width:            150px;
  text-decoration:  none;
  min-height:       21px;
  z-index:          5;
  background-color: #7fc0cc;
}
.buttonlink:disabled{
  font-family:      Arial,sans-serif;
  font-size:        medium;
  margin:           4px;
  text-align:       center;
  padding:          3px 10px;
  border-radius:    3px;
  color:            white;
  height:           40px;
  width:            150px;
  text-decoration:  none;
  min-height:       21px;
  z-index:          5;
  background-color: #67969e;
}

.buttonlink:disabled:hover {
    color:white;
    background-color: #67969e;
    cursor:not-allowed;
}

.eventLink {
  font-family:      Arial,sans-serif;
  font-size:        medium;
  margin-bottom:    2px;
  margin-left:      4px;
  margin-right:     4px;
  margin-top:       2px;
  text-align:       center;
  padding:          8px 8px;
  border-radius:    3px;
  border:           none;
  color:            black;
  text-decoration:  none;
  min-height:       15px;
  z-index:          5;
  background-color: #7fc0cc;
  cursor: pointer;
}

input::file-selector-button {
  font-family:      Arial,sans-serif;
  font-size:        small;
  margin-bottom:    2px;
  margin-left:      4px;
  margin-right:     4px;
  margin-top:       2px;
  text-align:       center;
  padding:          8px 8px;
  border-radius:    3px;
  border:           none;
  color:            black;
  text-decoration:  none;
  min-height:       15px;
  z-index:          5;
  background-color: #7fc0cc;
  cursor: pointer;
}

button {
    background-color: #7fc0cc;
    color: black;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 3px;
}
button:disabled {
    background-color: #5f85a3;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button:hover {
    opacity: 0.8;
}



.eventLinkReload {
  font-family:      Arial,sans-serif;
  font-size:        medium;
  margin:           1px;
  text-align:       center;
  padding:          2px 2px;
  border-radius:    6px;
  border:           none;
  color:            black;
  text-decoration:  none;
  /*min-height:       21px;*/
  z-index:          5;
  background-color: #7fc0cc;
    cursor: pointer;
}


.eventLink a:link {
  color:            black;
  text-decoration:  none;
}

.eventLink a:visited {
  color:            black;
  text-decoration:  none;
}

#settingsEnventLink_old {
  margin:          0px;
}

#mainBlock {
  margin-left:      20.4%;  /*sizeof leftNav*/
  vertical-align:   top;
  z-index:          1;
}

#mainBlockHis {
  margin-left:      0%;  /*sizeof leftNav*/
  vertical-align:   top;
  z-index:          1;
  height:           80px;
}

#mainBlockRev {
  margin-left:      0%;  /*sizeof leftNav*/
  vertical-align:   top;
  z-index:          1;
  height:           100px;
}

#mainBlockPrM{
  margin-left:      0%;  /*sizeof leftNav*/
  vertical-align:   top;
  z-index:          1;
  height:           100px;  
}




#infoBox {
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  height:           auto;
  width:            100%;
  min-width:        650px;
  color:            black;
  padding:          0px 50px 0px 10px;
  position:         absolut;
  /*border-bottom-left-radius:  6px;
  border-bottom-right-radius: 6px;*/
  border-radius:    0px;
  overflow: visible;
}

#cameraPicture {
  float: right;
}

#viewBox {
  margin-top:       3px;
  width:            100%;
  height:           100%;
  background-color: white;
  border-radius:    6px;
  /*overflow:         scroll;*/
  /*border:           1px solid black;*/
}

#routeCardBox {
  min-height:       530px;
  height:           100%;
  min-width:        750px;
  width:            100%;
  overflow:         auto;
  position:         relative;
  /*scrollbar-face-color: #000000;*/
}

#loginDialogContainer {
  margin:           0px auto;
  margin-top:       10px;
  height:           280px;
  width:            280px;
  background-color: #6E6E6E;
  padding-left:     20px;
  padding-top:      10px;
  color:            white;
  /*background-color: transparent*/;
}

#loginDialog {
  height:           120px;
  width:            220px;
  /*margin:           0px auto;*/
  padding-left:     1px;
  padding-bottom:   10px;
  /*background-color: white;*/
  /*overflow:         scroll;*/
  /*border:           1px solid black;*/
}

#projChangDialogContainer {
  margin:           0px auto;
  margin-top:       10px;
  height:           36px;
  width:            260px;
  background-color: #6E6E6E;
  padding-left:     20px;
  padding-top:      10px;
  color:            white;
  /*background-color: transparent*/;
}

#projChangDialog {
  float:            right;
  height:           30px;
  width:            130px;
  margin:           0px auto;
  /*padding-left:     1px;
  padding-bottom:   10px;*/
  /*background-color: white;*/
  /*overflow:         scroll;*/
  /*border:           1px solid black;*/
}

#projSetupIcon {
  float:            right;
  height:           30px;
  width:            60px;
  margin:           0px auto;
  /*padding-left:     1px;*/
  /*padding-bottom:   10px;*/
  /*background-color: white;*/
  /*overflow:         scroll;*/
  /*border:           1px solid black;*/
}

.HistoryTable {
  display:          table;
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  border-collapse:  collapse;
  width:            100%;
}
.HistoryHeader {
  display:          table-header-group;
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  height:           auto;
  width:            100%;
  background-color: white;
}
.HistoryLine {
  display:          table-row;
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  margin-top:       10px;
  /*padding-bottom:   3px;*/
  height:           auto;
  width:            100%;
  background-color: white;
  /*border:           1px solid red;*/

}

/*PromgntCellNumber PromgntCellText PromgntCellTimeStamp */
.PromgntCellText {
  /*display:          inline;*/
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            100%;
  height:           auto;
  padding-right:    5px;
}
.PromgntCellTextLong {
  /*display:          inline;*/
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            100%;
  min-width:        50px;
  height:           auto;
  padding-right:    5px;
}




.PromgntCellNumber {
  /*display:          inline;*/
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            100%;
  height:           auto;
}
.PromgntCellTimeStamp {
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            100%;
  height:           auto;
  padding-right:    5px;
  
}


.HistoryCell {
  display:          table-cell;
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  /*float:            left;*/
  /*border:           thin solid red;*/
  padding:          5px;
}

.HistoryCellNumber {
  /*display:          inline;*/
  margin-left:50px;
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            60px;
  height:           auto;
}

.HistoryCellNumber2 {
  /*display:          inline;*/
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            10%;
  min-width:        150px;
  height:           auto;
  margin-left:10px;
}
.HistoryCellEvent {
  /*display:          inline;*/
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            10%;
  height:           auto;
  padding-right:    5px;
  margin-left:10px;
}
.HistoryCellText {
  /*display:          inline;*/
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            30%;
  height:           auto;
  padding-right:    5px;
  margin-left:10px;
}

  h3{  
  font-size: 24px;
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  color: #000000;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1;
  text-align: left;
  margin: 0px 0 0;
  padding-top: 0px; 
  padding-bottom: 0px;
 }


.LinkButton a{
    width: 100px;
    height: 20px;
    background: #00d6b2;
}


.HistoryCellTimeStamp {
  font-family:     'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*  Arial,sans-serif;*/
  float:            left;
  width:            160px;
  height:           28px;
  padding-right:    5px;
  /*word wrap*/  
  word-wrap: break-word;      /* IE */
  margin-left:10px;
  
}

#scrollerDiv {
  position:         absolute;
  margin-top:       10px;
  z-index:          1;
 /* width:            100%;*/
  overflow:         auto;
}

#scrollerDiv ul {
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  text-align:left;
}

#scrollerDiv li {
  padding:0 10px;
  height:40px;
  line-height:40px;
  /*border-bottom:1px solid #ccc;
  border-top:1px solid #fff;*/
  /*background-color:#fafafa;*/
  font-size:14px;
}

#scrollerDiv1 {
  position:         absolute;
  margin-top:       10px;
  z-index:          1;
 /* width:            100%;*/
  overflow:         auto;
}

#scrollerDiv1 ul {
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  text-align:left;
}

#scrollerDiv1 li {
  padding:0 10px;
  height:40px;
  line-height:40px;
  /*border-bottom:1px solid #ccc;
  border-top:1px solid #fff;*/
  /*background-color:#fafafa;*/
  font-size:14px;
}

.SettingsLineShort {
  margin-top:       2px;
  margin-bottom:    2px;
  float:            left;
  height:           auto;
  min-width:        824px;
  width:            100%;
  border-radius:    2px;
  border-bottom-color: black;
  border-bottom-style: solid;
  background-color: white;
 /* white-space: nowrap;
    display: inline-block;*/
  /*line-height: 44px;*/
}

.SettingsTableShort {
  border-collapse:  collapse;
  width:            100%;
  /*white-space:      nowrap;*/
  min-width:        824px;
}

.SettingsTableShortMargin {
  border-collapse:  collapse;
  width:            100%;
  height:           60px;
  margin-top:       50px;
  min-width:        824px;
}


.SettingsLineHeadShort {
  margin-top:       2px;
  margin-left:      5px;
  float:            left;
  height:           auto;
  min-width:        824px;
  width:            100%;
  border-radius:    6px;
  font-size:        20px;
  background-color: #cfcfcf;
}

.SettingsLine {
  margin-top:       2px;
  margin-bottom:    2px;
  float:            left;
  height:           auto;
  min-width:        1024px;
  width:            100%;
  border-radius:    2px;
  border-bottom-color: black;
  border-bottom-style: solid;
  background-color: white;
 /* white-space: nowrap;
    display: inline-block;*/
  /*line-height: 44px;*/
}

.SettingsLineEmpty {
  margin-top:       2px;
  margin-bottom:    2px;
  float:            left;
  height:           auto;
  min-width:        850px;
  width:            100%;
  border-radius:    2px;
  border-bottom-color: white;
  border-bottom-style: none;
  background-color: white;
  /*line-height: 44px;*/
}


.SettingsLineHead {
  margin-top:       2px;
  float:            left;
  height:           auto;
  min-width:        850px;
  width:            100%;
  border-radius:    6px;
  font-size:        18px;
  background-color: #CFCFCF;
}

.headerspan {
    text-decoration: none; 
    background-color: #FFFFFF; 
    opacity:0.5;
    border-radius: 3px;
}

.headerBN {
    height:30px;
}


.SettingsCell {
  display:          inline;
  float:            left;
  padding-top:      5px;
  padding-left:     5px;
  padding-bottom:   5px;
  width:            200px;
}
.SettingsCell0 {
  float:            left;
  padding-top:      5px;
  padding-left:     5px;
  padding-bottom:   5px;
  width:            50px;
}
.SettingsCell1 {
  float:            left;
  padding-top:      5px;
  padding-left:     5px;
  padding-bottom:   5px;
  width:            100px;
}
.SettingsCell2 {
  float:            left;
  padding-top:      5px;
  padding-left:     5px;
  padding-bottom:   5px;
  width:            150px;
}
.SettingsCell3 {
  float:            left;
  padding-top:      5px;
  padding-left:     5px;
  padding-bottom:   5px;
  width:            250px;
}

.SettingsCell6 {
  float:            left;
  padding-top:      5px;
  padding-left:     5px;
  padding-bottom:   5px;
  width:            300px;
}
.SettingsCell4 {
  float:            left;
  padding-top:      5px;
  padding-left:     5px;
  padding-bottom:   5px;
  width:            150px;
}
.SettingsCell5 {
  float:            left;
  padding-top:      5px;
  padding-left:     5px;
  padding-bottom:   5px;
  width:            150px;
}


#inComming {
  /*border:           thin solid red;*/
}
#outGoing {
  background-color: white;
}

#routeCard {
  float:            left;
  margin-top      : 5px;
  padding-top     : 5px;
}

/* ======================================= */
#RevisionOpDialog {
  position:         absolute;
  height:           100px;
  width:            280px;
  top:              100px;
  left:             100px;
  background-color: #F0F0F0;
  z-index:          100;
  display:          block;
  border:           1px solid red;
  overflow:         auto;
  color:#960;
}

#RevisionOpDialog a {
  color:#960;
}
/* ======================================= */
.displayBox {
    /*display:          none;/*none|block*/
    background-color: white;
    /*background-color: #3AB5C4;*/
    margin-top:       10px;
    margin-right:     3px;
    margin-left:      6px;
    padding:          10px;
    display:            table-cell;
    /*border:           1px solid red;*/
    float:            left;
    width:            100%;
}
.displayBoxNotSwitched {
    /*display:          none;/*none|block*/
    background-color: white;
    /*background-color: #3AB5C4;*/
    margin-top:       10px;
    margin-right:     3px;
    margin-left:      6px;
    padding:          10px;
    display:            table-cell;
    /*border:           1px solid red;*/
    float:            left;
    width:            100%;
}

#setupPageSystemWindow{
    width:      100%;
  display: table;
    
    
    
}

#setupPageSystemRow{
    width:      100%;
    display: table-row;
}



#setupPageSystemLeftNavi{
    width:      20%;
    min-width: 200px;
    align-content: stretch;
    display: table-cell;  
    vertical-align: top;
}


#setupPageSystemLeftNavi ul{
    display: block;
    vertical-align: top;
    list-style: none;
    padding-inline-start:0px;
}


#setupPageSystemRightContent{
    width:      80%;
    min-width: 600px;
    display: table-cell;
    vertical-align: top;
    border-left-color: #0063ab;
    border-left-width: 3px;
    border-left-style: double;
}

/* ======================================= */
/* =        Revisions export menu        = */
/* ======================================= */

 
.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:500px;
    /*box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;*/
    float: Right;
}
 
.menu2 {
    width:50px;
    margin:0px auto;
}
 
.menu2 li {
    margin:0px;
    list-style:none;
    /*font-family:'Ek Mukta';*/
}
 
.menu2 a {
    transition:all linear 0.15s;
    /*color:#919191;*/
}
 
.menu2 li:hover > a, .menu2 .current-item > a {
    text-decoration:none;
    /*color:#be5b70;*/
}
 
.menu2 .arrow {
    /*font-size:11px;*/
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu2 > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    /*font-size:19px;*/
    width: 250px;
}
 
.menu2 > ul > li > a {
    padding:10px 40px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu2 > ul > li:hover > a, .menu2 > ul > .current-item > a {
    background:#2e2728;
}
 
/*----- Bottom Level -----*/
.menu2 li:hover .sub-menu {
    z-index:200;
    opacity:1;
}
 
.sub-menu {
    width:90%;
    padding:5px 0px;
    margin-left: 10px;
    margin-top: 2px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#D8DFEE;
    font-size:12px;
    text-align:       left;
}
 
.sub-menu li {
    display:block;
    width:95%;
    /*font-size:16px;*/
}
 
.sub-menu li a {
    padding:10px 10px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#8f9399;
}


/* ======================================= */
/* = Optionale Dokumente Export menu     = */
/* ======================================= */

 
.clearfixopt:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrapopt {
    width:100%;
    float: Left;
}
 
.menu2opt {
    width:250px;
    margin:0px auto;
}
 
.menu2opt li {
    margin:0px;
    list-style:none;
    /*font-family:'Ek Mukta';*/
}
 
.menu2opt a {
    transition:all linear 0.15s;
    /*color:#919191;*/
}
 
.menu2opt li:hover > a, .menu2opt .current-item > a {
    text-decoration:none;
    /*color:#be5b70;*/
}
 
.menu2opt .arrow {
    /*font-size:11px;*/
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu2opt > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    /*font-size:19px;*/
    width: 250px;
}
 
.menu2opt > ul > li > a {
    padding:10px 40px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu2opt > ul > li:hover > a, .menu2opt > ul > .current-item > a {
    background:#2e2728;
}
 
/*----- Bottom Level -----*/
.menu2opt li:hover .sub-menuopt {
    z-index:200;
    opacity:1;
}
 
.sub-menuopt {
    width:90%;
    padding:5px 0px;
    margin-left: 10px;
    margin-top: 2px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#F0F0F0;
    font-size:12px;
    text-align:       left;
}
 
.sub-menuopt li {
    display:block;
    width:95%;
    /*font-size:16px;*/
}
 
.sub-menuopt li a {
    /*padding:10px 10px;*/
    display:block;
}
 
.sub-menuopt li a:hover, .sub-menuopt .current-item a {
    background:#00C0E0;
}




/* ======================================= */

.p_UnderliningTextDec {
	text-decoration: underline;
}

.progress
{
    height:20px;
    margin-bottom:20px;
    overflow:hidden;
    background-color:#f5f5f5;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar
{
    float:left;
    width:0%;
    height:100%;
    font-size:12px;
    line-height:20px;
    color:#fff;
    text-align:center;
    background-color:#337ab7;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition:width .6s ease;
    -o-transition:width .6s ease;
    transition:width .6s ease
}
.progress-bar-striped,.progress-striped .progress-bar
{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size:40px 40px;
    background-size:40px 40px
}
.progress-bar.active,.progress.active .progress-bar
{
    -webkit-animation:progress-bar-stripes 2s linear infinite;
    -o-animation:progress-bar-stripes 2s linear infinite;
    animation:progress-bar-stripes 2s linear infinite
}
.progress-bar-success
{
    background-color:#5cb85c
}
.progress-striped .progress-bar-success
{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-info
{
    background-color:#5bc0de
}
.progress-striped .progress-bar-info
{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-warning
{
    background-color:#f0ad4e
}
.progress-striped .progress-bar-warning
{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-danger
{
    background-color:#d9534f
}
.progress-striped .progress-bar-danger
{
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}