/* colors: 
   =============
    orange:     #fe8f01     (buttons, links, etc.)
    hellgrau:   #ddd        (schrift, ...)
*/


html {
  margin: 0;
  padding: 0;
  color: #ddd;
}

.header-logo-subtext {
  color: #ddd;
}

body {
  /*border-top: solid 10px #000;*/
  color: #DDD;
  font-size: .85em;
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
}

a img {
  /* ie probleme, hat immer einen blauen border um jedes img, das im link ist*/
  border: 0
}

body {
  background-color: #000; /* sehr dunkles dunkelgrau*/
}

#body {
  background-color: #1b1b1b;
}

.ui-pnotify-title {
  display: inline !important;
}

/*#menuTAN .wijmo-wijmenu-horizontal {
    float: right !important;
}*/

nav :focus,
footer :focus {
  /* input felder, beim focus, haben default farbe abhängig vom browser ==> wollen wir nicht. */
  outline: 0 !important;
}

footer {
  clear: both;
  background-color: #1b1b1b;
  height: 100px;
}

#divRender {
  /*nur beim weißen machen*/
  /*margin-left:10px;*/
  margin-left: 10px;
  margin-right: 10px;
}

#divBlackWhite {
  background-color: #1b1b1b;
}



.linkInTable,
.linkInTable:hover,
.linkInTable:active,
.linkInTable:visited,
.linkInTable:focus {
  color: #404040;
  text-decoration: underline;
}

.linkInTableSpecial {
  text-decoration: underline;
}


.blue .linkInTableSpecial {
  color: #004F9E;
}

.violet .linkInTableSpecial {
  color: #792283;
}

.yellow .linkInTableSpecial {
  color: #FBBA00;
}

.orange .linkInTableSpecial {
  color: #FF6400;
}

.green .linkInTableSpecial {
}

.red .linkInTableSpecial {
}

.blue .linkInTableSpecial:hover,
.violet .linkInTableSpecial:hover,
.yellow .linkInTableSpecial:hover,
.orange .linkInTableSpecial:hover {
  color: #f1f1f1 !important;
}

.loader {
  text-align: center;
  width: 100%;
  height: 100%;
  /*padding-top: 30%;*/
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(4, 4, 4, 0.70);
  z-index: 9999;
}

.divLoadingImg {
  margin-top: 20%;
}

/** menu navigation*/

.wijmo-wijmenu a.wijmo-wijmenu-link:hover,
.wijmo-wijmenu a.wijmo-wijmenu-link,
.wijmo-wijmenu a.wijmo-wijmenu-link:after,
.wijmo-wijmenu a.wijmo-wijmenu-link:focus {
  border: none;
}


.no-padding-left {
  padding-left: 0px !important;
}

.successmessage {
  background-color: #3E753B;
  color: white;
}

.error,
.errorSimple {
  background-color: #DF0000;
  color: white;
}


.message,
.error,
.successmessage,
.info {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}

  .message label,
  .error label,
  .successmessage label,
  .info label {
    font-size: 1em !important;
    font-weight: bold !important;
  }


.labelSmall {
  font-size: 0.8em !important;
}

.info span,
.message span,
.successmessage span,
.error span {
  font-size: 1em !important;
  font-weight: bold !important;
  /*padding-left:10px;*/ /* abstand zum rand */
}

.messageText {
  padding: 10px;
  font-size: 1em !important;
  font-weight: bold !important;
}

.messageCentered {
  margin: 0 auto;
  max-width: 865px;
  width: 90%;
}

/* kommt von jquery-validate*/
.field-validation-error {
  /*background-color:#A70000; 
    color:white;*/
  color: #DF0000; /* rot normal von xrweb */
  font-weight: bold;
}

/**** wijmo ueberschreiben wegen den icons bei den datumsauswahl dinger *********/

.wijmo-wijinput .wijmo-wijinput-trigger .ui-icon {
  top: auto;
  position: absolute;
  margin-top: 5px;
}





.divInputNoBorder input {
  border: none;
}

.divInputFocusNoBorder input:focus {
  border: 0 !important;
  outline: 0;
}

/********************************** */

a, a:visited, a:focus {
  /*outline: none;
    padding-left: 3px;
    padding-right: 3px;*/
  text-decoration: none;
}

.text-decoration-underline {
  text-decoration: underline;
}


.font-wijmowhite {
  color: #f4f4f9 !important;
}

.wijmo-wijgrid tr.wijmo-wijgrid-row.ui-state-hover .iconTrans .xrwebIconTop,
.wijmo-wijgrid tr.wijmo-wijgrid-row td.ui-state-highlight .iconTrans .xrwebIconTop {
  opacity: 0;
}

.iconTrans {
  position: relative;
  height: 24px;
  width: 24px;
  display: inline-block;
}

  .iconTrans img {
    position: absolute;
    left: 0px;
  }

.wijmo-wijgrid .ui-state-highlight img

.link-wijmowhite-hover a:hover {
  color: #f4f4f9 !important;
}

a:hover {
}

header, footer, hgroup,
nav, section {
  display: block;
}

mark {
  background-color: #a6dbed;
  padding-left: 5px;
  padding-right: 5px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.padding-left {
  padding-left: 10px;
}

.padding-right {
  padding-right: 10px;
}

.padding-top {
  padding-top: 10px;
}

.margin-left {
  margin-left: 10px;
}

.margin-top {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-right {
  margin-top: 10px;
  margin-right: 10px;
}

.margin-right-small {
  margin-right: 5px;
}

.margin-right {
  margin-right: 10px;
}

.margin-bottom {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-small {
  margin: 0.25em;
}

.inline-block {
  display: inline-block;
}

.clear-fix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
  color: #DDD;
  margin-bottom: 0;
  padding-bottom: 0;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

h5, h6 {
  font-size: 1em;
}

  h5 a:link, h5 a:visited, h5 a:active {
    padding: 0;
    text-decoration: none;
  }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
  margin: 0 auto;
  /*max-width: 960px;*/
}

#body {
  clear: both;
  padding-bottom: 35px;
  min-height: 400px;
}

.main-content {
  /*
    background: url("../Images/accent.png") no-repeat;
    padding-left: 10px;
    */
  /*padding-top: 20px;*/
}


header .content-wrapper {
  padding-top: 10px;
}




/* site title
----------------------------------------------------------*/
.site-title {
  color: #c8c8c8;
  font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
  font-size: 2.3em;
  margin: 0;
}

  .site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
  }


/* login
----------------------------------------------------------*/
/*#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }*/


/* menu
----------------------------------------------------------*/
.div-menu {
  text-align: center;
}

ul#menu {
  font-size: 1em;
  font-weight: 600;
  margin: 0 0 5px;
  padding: 0;
  text-align: center;
}

  ul#menu li {
    /* sollt wijmo sowieso schon machen*/
    display: inline;
    list-style: none;
    /*...... */
    padding-left: 1px;
    padding-right: 1px;
  }

    ul#menu li a {
      background: none;
      color: #999;
      text-decoration: none;
    }

      ul#menu li a:hover {
        color: #fe8f01;
        text-decoration: none;
      }


/* page elements
----------------------------------------------------------*/
/* featured */
/*.featured {
    background-color: #000;
}

    .featured .content-wrapper {
        background-color: #000;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }*/

/* page titles */
hgroup.title {
  margin-bottom: 10px;
}

  hgroup.title h1, hgroup.title h2 {
    display: inline;
  }

  hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
  }

/* features */
section.feature {
  width: 300px;
  float: left;
  padding: 10px;
}

/* ordered list */
ol.round {
  list-style-type: none;
  padding-left: 0;
}

  ol.round li {
    margin: 25px 0;
    padding-left: 45px;
  }

    ol.round li.zero {
      background: url("../Images/orderedList0.png") no-repeat;
    }

    ol.round li.one {
      background: url("../Images/orderedList1.png") no-repeat;
    }

    ol.round li.two {
      background: url("../Images/orderedList2.png") no-repeat;
    }

    ol.round li.three {
      background: url("../Images/orderedList3.png") no-repeat;
    }

    ol.round li.four {
      background: url("../Images/orderedList4.png") no-repeat;
    }

    ol.round li.five {
      background: url("../Images/orderedList5.png") no-repeat;
    }

    ol.round li.six {
      background: url("../Images/orderedList6.png") no-repeat;
    }

    ol.round li.seven {
      background: url("../Images/orderedList7.png") no-repeat;
    }

    ol.round li.eight {
      background: url("../Images/orderedList8.png") no-repeat;
    }

    ol.round li.nine {
      background: url("../Images/orderedList9.png") no-repeat;
    }

/* content */
article {
  float: left;
  width: 70%;
}

aside {
  float: right;
  width: 25%;
}

  aside ul {
    list-style: none;
    padding: 0;
  }

    aside ul li {
      background: url("../Images/bullet.png") no-repeat 0 50%;
      padding: 2px 0 2px 20px;
    }

.label {
  font-weight: 700;
}





/*
#socialLoginList button {
    margin-bottom: 12px;
}
*/
#logoutForm {
  display: inline;
}

/* contact */
.contact h3 {
  font-size: 1.2em;
}

.contact p {
  margin: 5px 0 0 10px;
}

.contact iframe {
  border: 1px solid #333;
  margin: 5px 0 0 10px;
}

/* forms */
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

  fieldset legend {
    display: none;
  }

  fieldset ol {
    padding: 0;
    list-style: none;
  }

    fieldset ol li {
      padding-bottom: 5px;
    }

label {
  display: block;
  font-size: 1.1em;
  font-weight: 600;
}

  label.checkbox {
    display: inline;
  }



textarea {
  font-family: inherit;
  border: 1px black solid;
  background: white;
  color: #000;
  font-size: 14px;
  padding-left: 5px;
}

input[type="submit"],
input[type="button"],
button {
  border: none;
  font-size: 1em;
  font-weight: bolder;
  border-radius: 16px;
  height: 26px;
  Width: 175px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  /* ipad render die buttons ganz eigenartig. nach ihrem style. das wollen wir nicht  */
  -webkit-appearance: none;
  /* aenderungen an button u. input */
  /*-moz-border-radius:3px;*/ /* Firefox */
  /*-webkit-border-radius:3px;*/ /* Safari, Chrome */
  /*-khtml-border-radius:3px;*/ /* Konqueror */
  /*border-radius:3px;*/ /* CSS3 */
}

.roundCorner {
  /* aenderungen an button u. input */
  /*-moz-border-radius:3px;*/ /* Firefox */
  /*-webkit-border-radius:3px;*/ /* Safari, Chrome */
  /*-khtml-border-radius:3px;*/ /* Konqueror */
  /*border-radius:3px;*/ /* CSS3 */
}

/* aenderungen an button u. input */

input {
  font-size: 14px;
  height: 20px;
  /*padding-left: 5px;*/
  padding-left: 2px;
  padding-right: 2px;
  width: 165px;
  /*-webkit-appearance: none;*/
  /* aenderungen an button u. input */
  /*-moz-border-radius:3px;*/ /* Firefox */
  /*-webkit-border-radius:3px;*/ /* Safari, Chrome */
  /*-khtml-border-radius:3px;*/ /* Konqueror */
  /*border-radius:3px;*/ /* CSS3 */
}

.white .blackWithBackgroundColor {
  background-color: #aaa;
}

.aToButtonSimple {
  font-size: 14px !important;
  font-weight: bolder !important;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 6px !important;
}

.aToButton {
  font-size: 14px !important;
  font-weight: bolder !important;
  /*width: 175px !important;*/
  height: 26px !important;
  /*border-radius: 2px;*/
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  /*padding-bottom: 4px;*/
  /* damit es ein blockelement ist u. width funktionieren kann*/
  display: block;
}


.login ol li {
  margin: 0px;
  padding: 0px;
}

input:focus, textarea:focus {
  /* border: 3px solid #fe8f01;*/
}

input[type="checkbox"] {
  background: transparent;
  border: inherit;
  width: auto;
}



/*********************** navigation-title */
#navigation-title {
  /*  float:left; */
  width: 100%; /*damit sich das padding left ausgeht*/
  /*padding-top: 10px;
    padding-bottom: 10px;*/
  min-height: 40px;
  font-size: x-large;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
  color: white;
  text-align: left;
}

#navigation-title-textdiv {
  /*margin-left:70px;*/
  float: left;
}

#navigation-title span {
  /*padding-left:10px;*/
}

/************** xrweb **********************/

.navigation-title-center,
.navigation-title-without-img {
  width: 100%; /*damit sich das padding left ausgeht*/
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: x-large;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 10px;
  color: white;
  text-align: center;
  background-color: #FF6400;
}

.navigation-title-without-img {
  text-align: left !important;
}

  .navigation-title-without-img span {
    padding-left: 56px;
  }

.imageLogo {
}

.NavTitleSpan {
  line-height: 40px;
}


footer {
  margin-top: 30px;
}

.footer-xrweb {
  width: 100%;
  height: 60px;
}

.footer-xrweb-container {
  text-align: center;
  margin: auto;
  width: 450px;
  height: 100%;
}
/*.footer-description a {
    color:#ddd !important; 
}

.aSchemaColor .footer-color  {
    color:#ddd !important; 
}*/

.aSchemaColorSpecial,
.aSchemaColorSpecial:hover,
.aSchemaColorSpecial:active {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

/* 28.02.2022   sp    TODO: 169050, Navigation Logo und Footer Logo getrennt behandeln*/
.navigation-logo {
  width: 40px; /* ca. so groß wie das img **/
  text-align: center;
  float: left;
}

.footer-logo-alt {
  width: 56px; /* ca. so groß wie das img **/
  text-align: center;
  float: left;
}

.footersize {
  font-size: 0.8em !important;
  white-space: nowrap;
}

footersizebig {
  font-size: 0.9em !important;
}

.footer-logo {
  width: 70%;
  max-height: 65px;
}


.footer-description {
  margin: auto;
  text-align: center;
  vertical-align: middle;
  padding-left: 5px;
  width: 310px; /* muss kleiner als x= (container - logo) width sein*/
}

  .footer-description div {
    vertical-align: middle;
  }

  .footer-description a {
  }

    .footer-description a:hover {
      /*color:#fe8f01; wird alles von den colorschema classen erledigt*/
    }

/* 28.02.2022   sp    TODO: 169050, Navigation Logo und Footer Logo getrennt behandeln*/
.navigation-logo img {
  height: 40px; /* ist ein quadrat */
  border: none;
}

.footer-logo-alt img {
  height: 56px; /* ist ein quadrat */
  border: none;
}

.footer-logo-alt a {
  border: none;
  color: black;
  text-decoration: none;
}

  .footer-logo-alt a:active, .footer-logo-alt a:hover,
  .footer-logo-alt a:visited, .footer-logo-alt a:focus,
  .footer-logo-alt a:link {
    border: none;
    color: black;
    text-decoration: none;
  }


.header-logo {
  color: none;
  text-decoration: none;
  text-align: center;
  margin: auto;
  border: 0px;
}



  .header-logo a {
    border: 0px;
    color: black;
    text-decoration: none;
  }

    .header-logo a:active, .header-logo a:hover,
    .header-logo a:visited, .header-logo a:focus,
    .header-logo a:link {
      border: 0px;
      color: black;
      text-decoration: none;
    }


.header-logo,
.header_image {
  border: 0px !important;
}

#header_link {
  border: 0px !important;
}


.text-align-center {
  text-align: center !important;
}

.clearer {
  clear: both;
}

.textbox-float {
  float: left;
}




/***** for table-filter  ******/
.XRTableContainer {
  padding-top: 10px;
}

  .XRTableContainer tbody {
    line-height: 1.2em !important;
  }


.XRTableSearchFilterContainer {
  padding-top: 10px;
  margin-bottom: 10px;
}

.filter-elem-margin-right {
  margin-right: 10px;
}


.font-size-small {
  font-size: 0.7em;
}


.divImageClose {
  margin-top: -70px !important;
  margin-bottom: 0px !important;
}

.Image_Close a {
  padding: 0px !important;
}

.Image_Close {
  float: right;
  width: 80px !important;
  margin-right: 1%;
  margin-top: 20px;
}


.PatientTAN_Close_Button {
  width: 80px; /* gleich wie image_close*/
  margin: auto;
}

.div-menu .ImageClose {
  /* wenn es im header gerendert wird, dann abstand von 20px zum top*/
  margin-top: 20px !important;
}

.reportOpener, .noReportOpener {
  text-align: center;
  font-size: small;
  font-weight: bold;
  padding-top: 150px;
}

  .reportOpener .reportOpenerButton {
    width: 100px;
    margin: auto;
  }

  .reportOpener a {
    height: auto !important;
  }


.info-left {
  width: 30%;
  float: left;
}

.DsgvoHint {
  text-align: center;
  font-size: 0.8em;
  margin-top: 15px;
  hyphens: auto;
}

.bold {
  font-weight: bold;
}