#page {
  height: 84%;
  width: 100%;
  /*margin-top: -1px!important;*/
}

#windowContainer {
  border-radius: 0 !important;
}

#tabs {
  width: 100% !important;
  border-radius: 0 !important;
  border-color: #aed0ea !important
}

#tabs .ui-state-default {
  border: none !important;
  border-radius: 0 !important;
  /*margin: 0 0 -2px 0 !important;*/
  color: #2779aa !important;
}

#tabs .ui-state-default :hover{
  border-radius: 0 !important;
}

#tabs .ui-state-active {
  border: 1px solid #aed0ea !important;
  /*margin: -2px 0 0 -2px !important;*/ 
  color: #2779aa !important;
}

#ulcard {
  border: none !important;
}

#ulcard .ui-state-default {
  border-right: 1px solid #aed0ea !important;
  border-radius: 0 !important;
  /*margin: 0 -1px -1px 0 !important;*/
  color: #2779aa !important;
}

#ulcard .ui-state-default :hover{
  border-radius: 0 !important;
}

#ulcard .ui-state-active {
  border: 1px solid #aed0ea !important;
  /*margin: -1px -1px -1px 0 !important;*/
  color: #2779aa !important;
}

.tabWindow
{
  height: 100%;
  margin: 0;
  border: 1px solid #aed0ea;
}

.tabWindowFooter
{
  background-color: transparent;
  color: #2779aa;
  width: 100%;
  border-top: 1px solid #aed0ea;
  border-left: 1px solid #aed0ea;
  border-right: 1px solid #aed0ea;
}

.tabWindowContent
{
  height: 95%;
  /*margin: 0;*/
}

.ribbonStackItem
{
}

.stacker
{
  height: 100% !important;
}

.stackItem
{
  display: none;
  height: 100% !important;
}

  .stackItem:last-child
  {
    display: block;
  }

 .cardFieldContainer
 {
  padding-top: 2px;
 }

.field
{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cardFieldInner
{
  overflow: hidden;
  z-index: 10;
}

.currency {
  text-align: right;
}

.drawnField {
  font-weight: bold;
}

.kendooverlay
{
  position: relative;
  /*margin-left: -17px;*/
  /*padding: 0px;*/
  z-index: 150;
}

.labelInner
{
  overflow: hidden;
  margin-left: 4px;
  z-index: 9;
}

.label
{
  height: 98%;
  position: absolute;
  top: 0;
  left: 0;
  /*margin-top: 2px;
  margin-left: 4px;
  margin-right: 4px;*/
  z-index: 9;
  color: #2779aa;
  font-size: 12px;
}

.vlineContainer
{
  padding-top: 2px;
  /*font-size: 1px;
  line-height: 1px;
  padding: 1px;
  z-index: 11;*/
}

.vline
{
  background-color: #aed0ea;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}

.hlineContainer
{
  padding-top: 2px;
  /*font-size: 1px;
  line-height: 1px;
  padding: 1px;
  z-index: 11;*/
}

.hline
{
  color: #aed0ea;
  background-color: #aed0ea;
  border: 0px;
  height: 1px;
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 0px;
  line-height: 0px;
  z-index: 11;
}

/* Style für die Ranges */
.ranges
{
  height: 100%;
  /*margin-left: 3px;*/
  border-radius: 0 !important;
}

.ranges .ui-tabs-nav
{
  border:none !important;
}

.rangesContainer
{
  height: 100%;
  width: 82%;
  float: left;
}

.tabs
{
}

#selectable .ui-selecting
{
  background: silver;
}

#selectable .ui-selected
{
  background: #FFF1A0;
  color: Black;
}

/* Input Felder */
.None .String .Memo .Duration .DefCat .Year .TimeOffset .EMail .Url .Minutes .LongCurrency .Guid .Password .Xml .TimeSpan .Decimal .CostDistr .Currency .Number .Duration .Date .DateOffset .Catalog
{
}

input, textarea {
  border: none !important;
}

/* Pflichtfeld */
.mandatory
{
  border: 1px solid red;
}

/* Styles für gemalte Felder */
.drawnFieldBoldItalic
{
  font-style: italic;
  font-weight: bold;
}

.drawnFieldItalic
{
  font-style: italic;
}

.drawnFieldBold
{
  font-weight: bold;
}

.loading
{
  position: absolute;
  display: none;
  /*padding: 2px;*/
  color: #ffffff;
  text-align: center;
  z-index: 99;
}

.backgroundLoading
{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eeeeee url(images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat;
  opacity: .80;
  filter: Alpha(Opacity=80);
  overflow: auto;
  z-index: 98;
}

/* Styles für die ActionRibbonButtons */

.actionRibbonButtonDisabled
{
  cursor: default;
  opacity: 0.5;
}

/** 
 * Styles für das Komplett Overlay
 **/
.full-overlay
{
  position: fixed;
  z-index: 97;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #aaaaaa url(images/ui-bg_diagonals-thick_90_eeeeee_40x40.png);
  opacity: .8;
  filter: alpha(opacity=80);
}

.no-overlay
{
  z-index: 0;
  width: 0px;
  height: 0px;
  top: -4000px;
  left: -4000px;
}

.overlayMessage
{
  position: absolute;
  background-color: #d3d3d3;
  color: black;
  /*margin: 50%;*/
  border: 1px solid black;
  font-weight: bold;
  font-size: 1.1em;
  /*padding: 0.2em;*/
  display: none;
}

.overlay-message
{
  display: block;
}

input, textarea
{
  color: #000;
}

.placeholder
{
  color: #aed0ea;
}

.speedUpColumn
{
  margin: 4px 6px 4px 6px;
  text-align: right;
}

.utransRangeTabWidth
{
  min-width: 200px;
}

/** 
 * Kendo anpassungen
 **/
.k-datepicker input,
.k-timepicker input
{
  /*margin-left: -1.5px !important;
  margin-right: -3px !important;*/
  width: 98% !important;
}

.kendogrid-btn
{
  color: #000 !important;
}

/** 
 * jQueryUI anpassungen
 **/

#page .ui-widget-header {
  color: transparent !important;
  font-weight: normal !important;
  background: none !important;
  background-image: none !important;
}


/*
  jquery Tabs anpassungen
  */

.ui-tabs
{
  /*padding: 0 !important;*/
}

#tabs > .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
  margin: 0 !important;
  /*padding: 0 !important;*/
}

.cardHeader {
  float: left;
  width: 100%;
}


.cardHeader > .ui-tabs.ui-widget-content.ui-tabs-vertical.ui-corner-all.ui-state-active {
  /*margin: 0 0 2px 0 !important;
  padding: 0 !important;*/
  border: none !important;
  border-top: 0 solid #aed0ea !important;
  border-bottom: 1px solid #aed0ea !important;
  background: none;
  background-image: none;
  border-radius: 0;
  color: black;
}

.tabOpeners {
  float:left;
  width: 17%;
}

.tabOpenerContainer {
  width:100%;
  /*min-width:110px;clear:left;overflow:hidden;white-space:nowrap;*/
}

.tabImage {
  float:left;
  /*margin-left:5px;margin-right:5px;*/
  border:0px;
}

.ui-state-default {
  font-size: 12px !important;
  font-weight: normal !important;
}

.ui-tabs-hide
{
  display: none;
}

/* Vertical Tabs */
.ui-tabs-vertical
{
  width: 20%;
}

.ui-tabs-vertical .ui-tabs-nav
{
  /*padding: 0 !important;*/
  float: left;
  height: 100%;
}


/*.ui-tabs-vertical .ui-tabs-nav li
{
border-bottom-width: 1px !important;
}*/

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    /*margin: 0 -1px .2em 0;*/
  }

.ui-tabs-vertical .ui-tabs-nav li a
{
  display: block;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected
{
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
  border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel
{
  overflow: hidden;
  float: right;
}

.ui-tabs-nav .ui-helper-reset {
  line-height: 0 !important;
}


.ui-tabs-panel
{
  height: 95%;
}

.ui-tabs .ui-tabs-panel
{
  /*margin: 0;*/
  padding:0 !important;
}

.ui-tabs-nav
{
  /*padding: 0 !important;*/
  border-bottom: 1px solid #aed0ea !important;
  border-radius: 0 !important;
}

.liClassTop {
  border-radius: 0 !important;
  border-right: 1px solid #aed0ea !important;
  border-bottom: 1px solid #aed0ea !important;
  /*padding: 0 !important;
  margin-right: -2px !important;
  margin-left: -1px !important;
  margin-top: -1px !important;*/
}

.liClassTop.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
  border-right: 1px solid #aed0ea !important;
  border-left: 1px solid #aed0ea !important;
}

.card
{
  overflow-x: hidden;
  overflow-y: auto;
  height: 98% !important;
  /*margin: 0 !important;*/
  border-top: 1px solid #aed0ea !important;
  border-left: 1px solid #aed0ea !important;
  border-bottom: 1px solid #aed0ea !important;
  border-radius: 0 !important;
}

.utransCard {
  overflow-y: hidden;
  height: 98% !important;
}

.utransGrid {
}

/*.card.ui-tabs-panel
{
  padding-top: 4px !important;
}*/

.cardContent {
  /*margin:0;padding:0;margin-left:16%;*/
  /*height: 100%;*/
  border-left: 1px solid #aed0ea;
}

.cardContent .liClassTop {
  /*margin-bottom: -1px !important;
  margin-left: 0 !important;*/
}

.cardTabs
{
  float: left;
  height: 91%;
  width: 98%;
  /*margin: 0;*/
  border: 1px solid #aed0ea !important;
  border-radius: 0 !important;
}

.cardTabs > ul
{
  margin-right: 1px !important;
  margin-left: -1px !important;
  margin-top: 31px !important;
  /*height: 93% !important;*/
  border-top: 1px solid #aed0ea !important;
  border-right: 1px solid #aed0ea !important;
  border-left: 1px solid #aed0ea !important
}

.cardTabs > ul > li
{
  border-radius: 0 !important;
  height: 31px;
}

.disabledGridCell
{
    background-image: none, linear-gradient(rgb(160, 160, 160) 0px, rgb(210, 210, 210) 100%);
    border-color: #2779aa !important;
    border-left-width: 1px !important;
}

.fieldDataError
{
    background-color:#F6CECE !important;
}

.fieldDataWarning
{
    background-color:yellow !important;
}

.fieldDataReadOnly
{
    background-color:white;
    color: #aaa !important;
}

.tabError
{
  float: left;
  /*margin-top: 4px;
  margin-bottom: 4px;*/
}

.tabWarning
{
  float: left;
  /*margin-top: 4px;
  margin-bottom: 4px;*/
}

.buttonError
{
    background-color:#F6CECE !important;
}

.buttonSuccess
{
    background-color:#43DD30 !important;
}

.k-grid tbody tr{ height: 28px; }

.appSlideBar {
  width: 25px;
  float: right;
}

.appSlideBarButton {
  height: 24%;
  width: 25px;
  float: right;
  border: 1px solid #aed0ea !important;
}

.appSlideBarArea {
  position: absolute;
  right: 28px;
  width: 30%;
  z-index: 100;
  margin-right: 7px;
  background-color:#f2f5f7 !important;
  border: 1px solid #aed0ea !important;
  display: none;
}

.appSlideBarAreaHeader {
  border: 1px solid #aed0ea !important;
}

.appSlideBarAreaHeaderButton {
  background-color: transparent;
  cursor: pointer;
  border: none;
  padding: 0.5em;
}

.cardSlideBar {
  height: 91%; /* same height as cardTabs */
  width: 25px;
  float: right;
}

.cardSlideBarButton {
  height: 33%;
  width: 25px;
  float: right;
  border: 1px solid #aed0ea !important;
}

.cardSlideBarArea {
  position: absolute;
  right: 28px;
  height: 100%;
  width: 30%;
  z-index: 100;
  margin-right: 7px;
  background-color:#f2f5f7 !important;
  border: 1px solid #aed0ea !important;
  display: none;
}

.cardSlideBarAreaHeader {
  border: 1px solid #aed0ea !important;
}

.cardSlideBarAreaHeaderButton {
  background-color: transparent;
  cursor: pointer;
  border: none;
  padding: 0.5em;
}

.verticalText {
  position: relative;
  top: 50%;
  height: 50%;
  font-weight: bold;
  -moz-transform: rotate(-90.0deg); /* FF3.5+ */
  -o-transform: rotate(-90.0deg); /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
  -ms-transform: rotate(-90deg); /* IE9,IE10 */
}

.dmscontent {
  min-height: 60%;
  height: 60%;
  overflow: auto;
}

.dmstabs {
  min-width: 98%; 
  width: 98%;
  overflow: auto;
}

.dashboardcontent {
  overflow: auto;
}