/* GENERAL ******************************************************************/
   html, body{font-size:14px;max-width:100%;height:100%;background-color: rgba(255,255,255,1);overflow-x: hidden;}
   container{padding-top:5px;padding-bottom:5px;}

/* ARBEITSBEREICHE **********************************************************/
   #mxt_TopNav{
     position:fixed;
     background-color:rgba(0,55,129,1);
     color:rgba(255,255,255,1);
     border-color:rgba(0,55,129,1);
     border-radius:0px;
     height:52px;
     width:100%;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     z-index:1000;
   }
   #mtx_LeftNavControll{
     position: fixed;
     background-color:rgba(0,55,129,1);
     color:rgba(255,255,255,1);
     border:0px solid white;
     width: 60px;
     height: 52px;
     left:0px;
     top: 0px;
     padding-top: 16px;
     padding-left: 16px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     cursor:pointer;
     z-index: 1002;
   }
   #mtx_LeftNav{
   }
   @media(max-width: 1010px){
     #mtx_LeftNav{display:none;}
   }
   #mtx_RightNav{
   }
   #mtx_WorkSpace{
     margin-top: 60px;
     margin-left: 260px;
   }

/* TOP NAVIGATION ***********************************************************/
   .navbar-brand{}
   .navbar-brand img{margin-left:102px;margin-top: -6px;}
   @media(max-width: 360px){
   .navbar-brand img{margin-left:75px;margin-top: -6px;}
   }
   .navbar-AppTitel{float:left;margin-top: -2px;display:inline-block;margin-top:14px;font-size: 1.6em;color:rgba(255,255,255,0.5)}
   .navbar-toggle{padding-top:16px;margin:0;background-color:rgba(255,255,255,1);border:none;border-radius:0;}
   .navbar-toggle{position: fixed;background-color:rgba(255,255,255,1);color:rgba(255,255,255,1);width:60px;height:52px;z-index:998;right:0px;top:0px;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: rgba(255,255,255,1);}
   .navbar-collapse{background-color: rgba(255,255,255,1);border-color:rgba(0,55,129,1);z-index:1001;}
   .navbar-default .navbar-collapse{border-color: rgba(0,55,129,1);margin-top:;margin-right: -16px;margin-left: -16px;}
   #topNav > ul > li > a{margin-top:0px;margin-left:0em;margin-right:0em;color:#FFF;font-size:1.1em;}
   #topNav > ul > li > a:hover{margin-top:0px;margin-left:0em;margin-right:0em;color:#199dd7;font-size:1.1em;}
   #topNav > ul > li > a:active{margin-top:0px;margin-left:0em;margin-right:0em;color:#199dd7;font-size:1.1em;}
   #topNavOut > ul > li {margin-top:0px;margin-left:0em;margin-right:0em;margin-bottom:0em;padding-top:2px;padding-left:2px;padding-right:2px;padding-bottom:2px;color:rgba(255,255,255,1);font-size:1.1em;}
   #topNavOut > ul > li:hover{margin-top:0px;margin-left:0em;margin-right:0em;margin-bottom:0em;padding-top:2px;padding-left:2px;padding-right:2px;padding-bottom:2px;color:rgba(66,66,66,1);font-size:1.1em;}
/* SIDE NAVIGATION **********************************************************/
   .menu-side-wrapper{position:relative;}
/* SIDE NAVIGATION A ********************************************************/
   .menu-side-wrapper-a{
     transition: all 0.3s ease-in 0s;
     border-right: 1px solid rgba(209,210,210,1);
     position: fixed;
     width: 60px;
     height:100%;
     top: 0px;
     left:0px;
     padding-top: 52px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow-y:auto;
     overflow-x:hidden;
     background-color: rgba(250,250,250,1);
     z-index: 991;
     display:block;
   }
/* SIDE NAVIGATION B ********************************************************/
   .menu-side-wrapper-b{
     transition: all 0.3s ease-in 0s;
     border-right: 1px solid rgba(209,210,210,1);
     position: fixed;
     width: 200px;
     height:100%;
     top: 0px;
     left:60px;
     padding-top: 52px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow-y:auto;
     overflow-x:hidden;
     background-color: rgba(235,235,235,1);
     z-index: 989;
     display:block;
   }
/* SIDE NAVIGATION C ********************************************************/
   .menu-side-wrapper-c{
     transition: all 0.3s ease-in 0s;
     border-left: 1px solid rgba(209,210,210,1);
     position: fixed;
     width: 260px;
     height:100%;
     top: 0px;
     right:0px;
     padding-top: 52px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     overflow-y:auto;
     overflow-x:hidden;
     background-color: rgba(235,235,235,1);
     z-index: 992;
     display:none;
   }
/* SIDE NAVIGATION A/B/C ****************************************************/
   .menu-side-wrapper-a > ul > li,
   .menu-side-wrapper-b > ul > li,
   .menu-side-wrapper-c > ul > li{
     border-bottom: 1px solid rgba(0,55,129,0.2);
     font-size:1.1em;
     height: 3.5em;
     cursor:pointer;
   }
   .menu-side-wrapper-a > ul > .active,
   .menu-side-wrapper-b > ul > .active,
   .menu-side-wrapper-c > ul > .active{
     background-color: rgba(0,0,0,0.1);
   }
   .menu-side-wrapper-a > ul > .active > :hover,
   .menu-side-wrapper-b > ul > .active > :hover,
   .menu-side-wrapper-c > ul > .active > :hover{
     background-color: rgba(0,0,0,0.1);
   }
   .menu-side-wrapper-a > ul > li:hover,
   .menu-side-wrapper-b > ul > li:hover,
   .menu-side-wrapper-c > ul > li:hover{
     background-color: rgba(0,55,129,0.1);
     font-size:1.1em;
   }
   .menu-side-wrapper-a > ul > li > a {
     margin-top: -2px;
     height: 3.5em;
     border-bottom: 1px solid rgba(0,55,129,0.2);
   }
   .menu-side-wrapper-b > ul > li > a {
     margin-top: -2px;
     padding-top: 16px;
     height: 3.5em;
     border-bottom: 1px solid rgba(0,55,129,0.2);
   }
   .menu-side-wrapper-c > ul > li > a {
     margin-top: -2px;
     padding-top: 16px;
     height: 3.5em;
     border-bottom: 1px solid rgba(0,55,129,0.2);
   }
/* TOOLTIP ADJUSTMENTS ******************************************************/
   .tooltip {position: fixed;}
   .tooltip-inner{}
   .menu-tooltip + .tooltip > .tooltip-arrow{}
   .menu-tooltip + .tooltip > .tooltip-inner{
    font-weight:bold;
    font-size:1.4em;
    text-align:left;
    height:48px;
    min-width: 188px;
    padding-top: 0.7em;
    padding-left: 0.6em;
    background-color:rgba(0,0,0,1);
   }
/* PANEL AJUSTMENTS ********************************************************/
   .tgBtn  {cursor:pointer;}
   .tgBtns {margin-top:-0.5em;margin-right:-0.9em;}
   .tgIcon {margin-top:-0.35em;margin-right:-0.2em;}
   .tgList {display:none;}
   .tgOpen {display:inline-table;}
   .tgOpenFull{display:block;}
   .panel {margin-top:0.3em;margin-bottom:0.4em;}
   .panel-body, .form-group {margin-top:0.3em;margin-bottom:0.3em;padding-top:0.1em;padding-bottom:0.1em;}
   .panel-footer {margin-top:0.0em;margin-bottom:0.0em;padding-top:0.2em;padding-bottom:0.6em;}
   .panel table {margin-top:0.0em;margin-bottom:0.2em;padding-top:0.0em;padding-bottom:0.0em;}

/* HELPER CLASSES **********************************************************/
   .repositoryText{
     background-color: rgba(200,200,200,1);
     display:none;
   }
   label a:hover{
     text-decoration:none;
     cursor:pointer;
   }
   label .tooltip{
   }
   label .tooltip.top .tooltip-arrow{
     bottom:0;
     left:50%;
     margin-left:-5px;
     border-left:5px solid transparent;
     border-right:5px solid transparent;
     border-top:5px solid rgba(200,200,200,1);
   }
   label .tooltip.left .tooltip-arrow{
     top:50%;
     right:0;
     margin-top:-5px;
     border-top:5px solid transparent;
     border-bottom:5px solid transparent;
     border-left:5px solid rgba(200,200,200,1);
   }
   label tooltip.right .tooltip-arrow{
     top:50%;
     left:0;
     margin-top:-5px;
     border-top:5px solid transparent;
     border-bottom:5px solid transparent;
     border-right:5px solid rgba(200,200,200,1);
   }
   label .tooltip.bottom .tooltip-arrow{
     top:0;
     left:50%;
     margin-left:-5px;
     border-left:5px solid transparent;
     border-right:5px solid transparent;
     border-bottom:5px solid rgba(200,200,200,1);
   }
/* == FORM ADJUSTMENTS ============================================================= */
  .checkbox > label, .checkbox-inline{font-size:1em;}
  .radio > label, .radio-inline{font-size:1em;}
/* == BREADCRUMB BUTTON ============================================================ */
  .btn-breadcrumb .btn:not(:last-child):after {
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 17px solid transparent;
     border-bottom: 17px solid transparent;
     border-left: 10px solid white;
     position: absolute;
     top: 50%;
     margin-top: -17px;
     left: 100%;
     z-index: 3;
  }
  .btn-breadcrumb .btn:not(:last-child):before {
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 17px solid transparent;
     border-bottom: 17px solid transparent;
     border-left: 10px solid rgb(173, 173, 173);
     position: absolute;
     top: 50%;
     margin-top: -17px;
     margin-left: 1px;
     left: 100%;
     z-index: 3;
  }
  .btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
  .btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
  .btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}
  .btn-breadcrumb .btn.btn-default:not(:last-child):after {border-left: 10px solid #fff;}
  .btn-breadcrumb .btn.btn-default:not(:last-child):before {border-left: 10px solid #ccc;}
  .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {border-left: 10px solid #ebebeb;}
  .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {border-left: 10px solid #adadad;}
  .btn-breadcrumb .btn.btn-primary:not(:last-child):after {border-left: 10px solid #428bca;}
  .btn-breadcrumb .btn.btn-primary:not(:last-child):before {border-left: 10px solid #357ebd;}
  .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {border-left: 10px solid #3276b1;}
  .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {border-left: 10px solid #285e8e;}
  .btn-breadcrumb .btn.btn-success:not(:last-child):after {border-left: 10px solid #5cb85c;}
  .btn-breadcrumb .btn.btn-success:not(:last-child):before {border-left: 10px solid #4cae4c;}
  .btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {border-left: 10px solid #47a447;}
  .btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {border-left: 10px solid #398439;}
  .btn-breadcrumb .btn.btn-danger:not(:last-child):after {border-left: 10px solid #d9534f;}
  .btn-breadcrumb .btn.btn-danger:not(:last-child):before {border-left: 10px solid #d43f3a;}
  .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {border-left: 10px solid #d2322d;}
  .btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {border-left: 10px solid #ac2925;}
  .btn-breadcrumb .btn.btn-warning:not(:last-child):after {border-left: 10px solid #f0ad4e;}
  .btn-breadcrumb .btn.btn-warning:not(:last-child):before {border-left: 10px solid #eea236;}
  .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {border-left: 10px solid #ed9c28;}
  .btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {border-left: 10px solid #d58512;}
  .btn-breadcrumb .btn.btn-info:not(:last-child):after {border-left: 10px solid #5bc0de;}
  .btn-breadcrumb .btn.btn-info:not(:last-child):before {border-left: 10px solid #46b8da;}
  .btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {border-left: 10px solid #39b3d7;}
  .btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {border-left: 10px solid #269abc;}
/* == BACK TO TOP ================================================================== */
   .cd-top {
     background-color: rgba(0,55,129,0.5);
     bottom: 0px;
     color: rgba(255,255,255,0.8);
     display: inline-block;
     font-size: 18px;
     line-height: 24px;
     position: fixed;
     opacity: 0;
     right: 0px;
     text-align: center;
     text-decoration: none;
     -webkit-transform: scale(5) translate(47px,-10px);
     -moz-transform: scale(5) translate(47px,-10px);
     -o-transform: scale(5) translate(47px,-10px);
     -ms-transform: scale(5) translate(47px,-10px);
     transform: scale(5) translate(47px,-10px);
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     visibility: hidden;
     white-space: nowrap;
     width: 100%;
     z-index:1100;
   }
   .cd-top.cd-is-visible, .no-touch .cd-top:hover {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   .cd-top.cd-is-visible {
     opacity: 0.9;
     -webkit-transform: scale(1) translate(0px,0px);
     -moz-transform: scale(1) translate(0px,0px);
     -o-transform: scale(1) translate(0px,0px);
     -ms-transform:scale(1) translate(0px,0px);
     transform: scale(1) translate(0px,0px);
     visibility: visible;
   }
   .cd-top.cd-is-visible:hover {
     color: rgba(255, 255, 255, 0.8);
     opacity: 1;
   }
   .cd-top:hover {	
     text-decoration: none;
   }
   .cd-top .fa {
     padding: 16px 16px;
   }
   .cd-top span:last-child {
     padding: 13px 16px;
   }
   @media (min-width: 768px) {
     .cd-top {
       bottom: 40px;
       width: auto;
       right: -158px;
     }
     .cd-top:hover {
       right: 0px;
     }
     .cd-top .fa {
       border-right: 1px solid  rgba(35, 37, 124, 0.5);
     }
   }
/* OLD KLS STYLE ********************************
.color-red{color:red;}
.color-green{color:green;}
.color-orange{color:orange;}
.color-blue{color:blue;}
.color-brown{color:brown;}
.color-purple{color:purple;}
.color-yellow{color:yellow;}

.note {font-style: italic;}
.text {font-style: normal;}

.code-regel{color:#54854C;background-color:rgba(84,133,76,0.1);}
.code-value{color:#440051;background-color:rgba(68,0,81,0.05);}
.code-keyword{color:#000000;background-color:rgba(151,162,161, 0.5);}

.kbd-light{background-color:#DCDCDC;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;color:#555;}
.kbd-blue{background-color:#d9e8e6;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;color:#555;}
.kbd-tag{background-color:#78AB46;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;color:#FFFFFF;}
.kbd-flag{background-color:#FF6666;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;color:#FFFFFF;}

.panel{margin-top:0.3em;margin-bottom:0.4em;}
.panel-body, .form-group{margin-top:0.3em;margin-bottom:0.3em;padding-top:0.1em;padding-bottom:0.1em;}
.panel-footer{margin-top:0.0em;margin-bottom:0.0em;padding-top:0.2em;padding-bottom:0.6em;}
.panel table{margin-top:0.0em;margin-bottom:0.2em;padding-top:0.0em;padding-bottom:0.0em;}

.tgBtn{cursor:pointer;}
.tgBtns{margin-top:-0.5em;margin-right:-0.9em;}
.tgIcon{margin-top:-0.35em;margin-right:-0.2em;}
.tgList{display:none;}
.tgOpen{display:inline-table;}
.tgOpenFull{display:block;}