/*Color Scheme:
ÖRK Colors:
  Orig                  Darker      Brighter
  Red:       #FF0000
  Dark Red : #A6281A    #51140D     #C88179
  Grey:      #838383    #414141     #C4C4C4
  Black:     #000000

Complementary:
  Green:     #1AA628    #0D5114     #69C881
  Blue:      #281AA6    #140D51     #8169C8

Indicators / Signals:
  Orange:    #FFAB00    #805600     #FFD581
  Yellow:    #FFFF00    #BEBE00     #FFFF80
*/

body, html, div.infoweb {
  font-family: tahoma, arial, Helvetica, sans-serif;
  background-color: #ffffff;
  font-size: 11pt;
  margin: 0px 0px 0px 0px;
}

/* some bootstrap overrides */

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    /* For IE8 "Keep the IE opacity settings in this order for max compatibility" */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* For IE5 - 7 */
    filter: alpha(opacity=0);
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* TÖT-specifics */

div.infoweb input {
  background-color: #eeeeee;
  border:1px solid #5DADF5;
}

/*
div.infoweb button, div.infoweb input[type=button], div.infoweb input[type=submit] {
  cursor: pointer;
  border: 1px solid #5DADF5; 
  overflow:visible;
  width:auto;
}
*/

div.infoweb form.plan button {
  background-color: transparent;
  margin: 2px 0px 2px 2px;
  padding: 0px;
  border: 0px none #ffffff;
  overflow:visible;
  width:auto;
}

div.infoweb input.chbox, div.infoweb input[type=checkbox] {
  border: 0px none #ffffff;
  /* margin: 2px 2px 0px 0px; */
  padding: 0px;
  color: inherit;
  background-color: inherit;
}

img {
  border:0px none #000000;
}
/*
div.infoweb select {
  font-family: tahoma, arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #000000;
  background-color: #f0f0f0;
  margin: 1px 0px 1px 0px;
  padding: 0px;
  border:1px solid #5DADF5;
}
*/
div.infoweb textarea {
  font-family: tahoma, arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #000000;
  border: 1px solid #5DADF5;
}

form.plan textarea {
  padding-left:2px;
  padding-right:2px;
}

h1, h2, h3 {
  margin-top: 0px;
  margin-bottom: 0.8em;
}

h1 {
  font-size: 130%;
}

h2 {
  font-size: 120%;
}

h3 {
  font-size: 110%;
}

ul {
  margin: 5px 0px 10px 15px;
  padding-left: 10px;
  list-style-type: square;
  font-family: tahoma, arial, Helvetica, sans-serif;
  font-size: 11pt;
}

.panel {
  box-shadow: none;
}

@media (max-width: 768px) {
  div.pageheader p {
    font-size: 15pt;
    font-weight: bold;
  }
}
@media (min-width: 768px) {
  div.pageheader p {
    font-size: 20pt;
    font-weight: bold;
  }
}

body.login div.container-fluid {
  margin-top: 4%;
}

div.login div.loginimg {
  position: relative;
  margin: 0px;
  padding: 0px;
  height: 205px;
  border-top: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
  background: #e2ecf5 url('/img/header_notarzt.gif') no-repeat center top;
}

div.login .loginform {
  margin: 0px;
  padding: 5px;
  border-bottom: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
  background-color: #e2ecf5;
}

div.login form.loginform label {
  color: #5DADF5;
}

div.login form.loginform input[type=text], div.login form.loginform input[type=password] {
/*  margin: 0px 0px 5px 0px; */
  padding-left:4px;
  padding-right:4px;
  color: #4c5053;
}

div.login form.loginform span.input-group-addon
{
  padding-left:6px;
  padding-right:6px;
 
}

div.login form.loginform button {
  margin: 0px;
  padding: 4px 6px 4px 6px;
  background-color:#5DADF5;
}

div.login form.loginform button:hover {
  background-color:#6DBDFF;
}

div.login form.loginform .form-control::-moz-placeholder {color:#7DBDF8;opacity:1}
div.login form.loginform .form-control:-ms-input-placeholder {color:#7DBDF8}
div.login form.loginform .form-control::-webkit-input-placeholder {color:#7DBDF8}

div.login form.loginform .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

div.login p.iw {
  font-size: 12pt;
  font-weight: bold;
  color: #aaaaaa;
  font-style: italic;
  text-align: right;
  margin-top: 1px;
  margin-bottom: 2px;
}
      
div.login #impressum {
  float: right;
  margin: 5px 0px 0px 5px;
  padding: 2px;
}
      
div.login #error {
  width: 400px;
  font-size: 10pt;
  color: #FF4444;
  margin: 5px 0px 0px 5px;
  padding: 2px;
}
      
div.infoweb {
  width: 100%;
}

div.infoweb p, div.infoweb tr, div.info, div.info ul {
  font-family: tahoma, arial, Helvetica, sans-serif;
  font-size: 11pt;
  text-align: left;
}

#logouttime {
  color:#DD9999;
}

a:not(.btn):link { color:#000000; text-decoration:underline; }
a:not(.btn):visited { color:#000000; }
a:not(.btn):hover { color:#000000; text-decoration:none; }
a:not(.btn):active { color:#000000; text-decoration:underline; }
a:not(.btn):focus {color:#000000; text-decoration:underline; }

a.menu:link { color:#ffffff; text-decoration:none; }
a.menu:visited { color:#ffffff; }
a.menu:hover { color:#ffffff; text-decoration:none; }
a.menu:active { color:#ffffff; text-decoration:none; }
a.menu:focus {color:#ffffff; text-decoration:none; }

a.kal:link { color:#000000; text-decoration:none; }
a.kal:visited { color:#000000; }
a.kal:hover { color:#000000; text-decoration:none; }
a.kal:active { color:#000000; text-decoration:none; }
a.kal:focus {color:#000000; text-decoration:none; }

/*
div.infoweb table {
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 1px;
}
*/
  
div.infoweb table.invisible {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
  
div.infoweb table.invisible td {
  margin: 0px;
  padding: 0px;
}
  
div.infoweb table.menubar {
  border-collapse: collapse;
  border-spacing: 0px;
}
  
tr.header th {
  background-color:#CCCCCC;
}

tr.hfixed th, tr.hfixed td {
  height: 22px;
  line-height: 20px;
}

tr.header th {
  text-align:left;
  font-weight:bold;
  padding: 13px 12px;
}

td.bl {
  border-bottom: #666666 2px solid;
}

tr.unread {
  font-weight:bold;
}

tr.info {
  background-color:#eeeeee;
  text-align:left;
}

tr.info.nb {
  background-color:#ff8888;
}

tr.ysum {
  background-color:#dfdfdf;
  font-weight:bold;
}

tr.future {
  background-color:#eedddd;
}

tr.select, tr.selectpas, tr.group {
  text-align:left;
  cursor:pointer;
}

tr td.currentmod {
  font-weight: bold;
}

img.icon {
  width: 16px;
  height: 16px;
  padding: 0px;
  vertical-align: middle;
}

img.icon.nobutton {
  margin: 2px 0px 2px 4px;
}

tr.alert {
  background-color:#FFCFCF;
}
tr.alert:hover {
  background-color:#FFB6B6;
}

tr.select.selected {
  background-color:#CFE17D; /*#DDE6B2;*/
}

tr.select.selected:hover {
  background-color:#C5D677; /*#D1DAA9;*/
}

table.form td {
  margin: 0px;
  padding: 2px;
  vertical-align: middle;
}

div.infoweb table.standard, div.infoweb table.listview {
  border-collapse: separate;
  border-spacing: 1px;
  border: 0px none transparent;
}

div.infoweb table.standard td, div.infoweb table.standard th  {
  padding: 2px 5px 2px 5px;
}

div.infoweb table.standard td {
  background-color:#E5E5E5;
}

div.infoweb table.standard td.red {
  background-color:#FFE5E5;
}

div.infoweb table.standard td.yellow {
  background-color:#FFFFE0;
}

div.infoweb table.standard td.orange {
  background-color:#FFFFD0;
}

div.infoweb table.standard td.green {
  background-color:#E5FFE5;
}

div.infoweb tr.select td {
  background-color:#E5E5E5;
}

div.infoweb tr.select:hover td {
  background-color:#D5D5D5;
}

.panel-heading.right-button h2.panel-title {
  margin-top: 8px;
  margin-bottom: 8px;
  float:left;
}

.panel-heading.right-button div.right {
  float:right;
}

/*
h2.panel-title {
  position: relative;
}

h2.panel-title div.right {
  position: absolute;
  right: 0px;
  top: -8px;
}
*/

div.iteminfo {
  position: absolute;
  display: none;
  top: -1000px;
  right: 10px;
/*  height: 215px; */
  height: auto; 
  z-index: 1000;
  background-color:#9C97FF;
  padding: 10px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
}

div.iteminfo table tr {
  vertical-align: top;
}

.header1 {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}

.header2 {
  font-size: 13px;
  font-weight: bold;
  color: #333333;
}

.header3 {
  font-size: 11px;
  font-weight: bold;
  color: #666666;
}

.textjust {
  font-size: 11px;
  text-align : justify;
  color: #333333;
}

div.help {
  position:absolute;
  visibility:hidden;
  background-color:#ffffff;
  border: 1px solid #cc0000;
  padding:5px;
}

.invalid {
  background-color:#FFCCCC;
}

#link {
  cursor:pointer;
/*  cursor:hand; */
}

tr.topline td, tr.topline th {
  border-top: 1px solid #cccccc;
}

tr.bottomline td, tr.bottomline th  {
  border-bottom: 1px solid #cccccc;
}

.loading {
  cursor:wait;
}

.loading.ajax {
  opacity: 0.7;
}


option.usrgrp {
  color: #000080;
}

div.progress_bar {
  position: relative;
  border: 1px solid #cccccc;
  width: 200px;
  padding: 0px;
  background-color: #DDDDDD;
}

div.progress_bar span {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 20px;
  background-color: #66FF66;
}

div.progress_bar strong {
  position: relative;
  z-index: 10;
  display: block;
  line-height: 20px;
  text-align: center;
}

div.sendnewsstat.loading {
  color: #444444;
}

div.sendnewsagent.processing {
  font-weight: bold;
  color: #CC2222;
}

.full-width
{margin-left:-15px;margin-right:-15px}

.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

.site-navbar {
  min-height: 20px;
  margin-top: 5px;
  margin-bottom: 0;
  background:#c00;
  border-color:#9c0000;
  border-radius:0px
  }

.site-navbar .navbar-collapse {
  padding-left: 5px;
}
 
.dropdown-menu {
  font-size: 100%;
}
  
.site-navbar .navbar-header .navbar-toggle {
  padding: 3px 6px;
  font-size: 12pt;
  background-color: #800000;
  color: white;
}

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

form.plan div.row, div.plantable div.row {
  margin-left: 0px;  
  margin-right: 0px; 
/*  position: relative;
  border-bottom: #666666 2px solid; */
}

div.daterow {
  display: flex;
/*  flex-flow: row wrap; */
  align-items: stretch;
  align-content: stretch;
/*  border-bottom: 2px solid transparent; */
  column-gap: 2px;
}


div.daterow {
  border-bottom: 2px solid #999999;
}

div.plangrid {
  padding: 0px;
  float: none;
}
 
div.daycell {
  flex: 0 0 20%;
/*  max-width: 30%; */
  background-color:#E5E5E5;
}

div.daycell div.splitday {
  margin-top: 1px;
  margin-bottom: 5px;
}

div.daygroup {
  flex: 2 1 auto;
}

div.timegrid {
  /* width: 6.3rem; */
  flex: 0 0 6.3rem;
  background-color:#E5E5E5;
}
 
div.dutygroup {
/*  width: calc(100% - 6.3rem) !important; */
  flex: 2 1 auto;
  display: flex;
/*  flex-flow: row wrap; */
  align-items: stretch;
  align-content: stretch;
  column-gap: 2px;
}
 
div.dutycell {
  flex: 0 1 100%;
  background-color:#E5E5E5;
}

div.dutycell-3 {
  flex: 1 1 32%;
}

div.dutycell-4 {
  flex: 1 1 24%;
}

div.dutycell-5 {
  flex: 1 1 19%;
}

div.maincell div {
  padding: 5px;
}
  
div.maincell div.date {
  font-weight: bold;
  /*height: 20px;*/
  font-size: 11pt;
}
  
div.maincell div.date label.checkbox-inline {
  margin-top: -1.5em;
}
  
div.maincell div.duty {
  margin: 0px;
  padding: 0px;
}
  
div.plancell {
  margin: 0px;
  border-radius: 0px;
/*  height: 100%;
  position: relative; */
}

div.plancell.panel {
  border: 0 none;
  background-color: transparent;
}

div.plancell .panel-heading {
  background-color:#CCCCCC;
  border: 0 none;
  border-radius: 0px;
  padding: 5px;
}

div.plancell .panel-heading .panel-title {
  font-size: 11pt;
  font-weight: bold;
}

div.plancell .panel-body {
  padding: 0;
  height: 100%;
}

div.panel-body.maincell {
  padding: 0px;
}

div.hfixed {
  background-color:#CCCCCC;
  font-size: 11pt;
  font-weight: bold;
  padding: 5px;
}

div.header {
  text-align:left;
  font-weight:bold;
  /*padding: 13px 12px;*/
}

div.plancell div.panel-body > div.content {
  margin: 0;
  padding: 5px;
  height: 100%;
}

/* div.plancell div.panel-body {
  background-color:#E5E5E5;
} */

div.plancell div.panel-body .red, div.dutycell.red {
  background-color:#FFE5E5;
}

div.plancell div.panel-body .yellow, div.dutycell.yellow {
  background-color:#FFFFE0;
}

div.plancell div.panel-body .orange, div.dutycell.orange {
  background-color:#FFEEC8;
}

div.plancell div.panel-body .green, div.dutycell.green {
  background-color:#E5FFE5;
}

div.plancell div.panel-body .greenfull, div.dutycell.greenfull {
  background-color:#E5FFE5;
}

div.plancell div.panel-body .grey, div.dutycell.grey {
  background-color:#E5E5E5;
}

div.maincell select, div.plancell select {
  width: 84%;
}

form.plan div.toprow {
  border-bottom: #666666 0px none;
}

div.toprow .alert {
  margin-bottom: 10px;
  padding: 5px 10px;
}

/* div.pagerdiv, 
div.infodiv, div.statdiv {
  padding-left: 0px;
  padding-right: 0px;
} 

div.statdiv {
  padding-left: 10px;
} */

.pager {
  text-align: left;
  margin-left: 0px;
  margin-top:  0px;
  margin-bottom: 5px;
}

.pager li > a, .pager li > span {
  padding: 5px 5px;
  border-radius: 5px;
}
 
div.topmargin {
  margin-top: 10px;
}

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

div.bottommargin .btn {
  margin-bottom: 5px;
}

div.form-group.teamfilter .form-control {
/*
  float:left;
  margin-right: 5px;
*/
  margin-bottom: 5px;
}

.panel-body.text-center {
  padding-left: 10px;
  padding-right: 10px;
}

.panel-team .panel-heading h3 {
  margin: 0px;
}

.panel-team .panel-body, .panel-tinfo .panel-body {
  padding-top: 10px;
  padding-bottom: 10px;
}

.panel-group .panel.panel-tinfo {
  margin-bottom: 10px;
}

.panel-team .panel-body .well {
  margin-bottom: 0px;
}

.panel-team .form-group {
  margin-top: 0px;
  margin-bottom: 5px;
}

.panel-team .form-control-static, .panel-team .form-horizontal .control-label {
  padding-top:4px;padding-bottom:4px;margin-bottom:0;min-height:20px;
}

.panel-team ul.form-control-static {
  margin:0;
}

.panel-unread > .panel-heading {
  background-color: #FFDDAA;
}

.panel-unread > .panel-body {
  background-color: #FFFFCC;
}

.panel-news .newsbody {
  margin-bottom: 10px;
}

.well-role {
  margin-bottom: 5px;
}

form.duties {
  margin-bottom: 5px;
}

div.checkbox + .well-role {
  margin-top: 15px;
}

h4.panel-title input.form-control {
  font-size: 16px;  
}

div.panel-title-wrapper {
  margin: 0;
  padding: 0;
}

.panel-default > form > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default.infoedit {
  border: 1px solid #5DADF5;
}

.panel-heading div.tools {
  padding: 0;  
}

div.infobox {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  border-left: solid 5px #CC0000;
}

span.duty {
  width: 60em;
}

span.cancelled {
  text-decoration: line-through;
  color: #777777;  
}

span.modifier {
  font-size: 80%;
  vertical-align: middle;
  color: #997744;  
}

p.filelink a img {
  border: solid 1px #FFFFFF;
}

p.filelink a img:hover {
/*  background-color: #DDDDDD; */
  border: solid 1px #CCCCCC;
}

.newssent {
  color: #cc0000;
  background-color: #eeeeee;
}

@media (max-width: 1199px){
.site-navbar
{border:0;border-radius:0}
}
.site-navbar .navbar-brand
{color:#FFF!important}
.site-navbar .navbar-brand:hover,.site-navbar .navbar-brand:focus
{color:#333}
.site-navbar .navbar-toggle:hover,.site-navbar .navbar-toggle:focus
{background-color:#9c0000}
.site-navbar .navbar-toggle .icon-bar
{background-color:#FFF}
.site-navbar .navbar-collapse,.site-navbar .navbar-form
{border:0}
.site-navbar .navbar-collapse.collapse.in .dropdown-menu .divider
{margin:9px 20px}
/*.site-navbar .navbar-nav>li.disabled{background:-webkit-repeating-linear-gradient(145deg, rgba(119,119,119,0.8), rgba(119,119,119,0.8) 10px, rgba(136,136,136,0.8) 10px, rgba(136,136,136,0.8) 20px);background:repeating-linear-gradient(-55deg, rgba(119,119,119,0.8), rgba(119,119,119,0.8) 10px, rgba(136,136,136,0.8) 10px, rgba(136,136,136,0.8) 20px)} */
.site-navbar .navbar-nav>li>a
{color:#FFF; padding-top: 5px; padding-bottom: 5px; text-decoration:none; -webkit-transition:color 200ms ease;transition:color 200ms ease}
.site-navbar .navbar-text
{margin-top: 5px; margin-bottom: 5px;}
.site-navbar .navbar-nav>li>a .glyphicon
{top:0.1em}
.site-navbar .navbar-nav>li.open>a,.site-navbar .navbar-nav>li.active>a
{background-color:#9c0000;color:#FFF}
.site-navbar .navbar-nav>li.open>a:hover,.site-navbar .navbar-nav>li.open>a:focus,.site-navbar .navbar-nav>li.active>a:hover,.site-navbar .navbar-nav>li.active>a:focus
{background-color:#9c0000;color:#FFF}
.site-navbar .navbar-nav>li.open .dropdown-menu,.site-navbar .navbar-nav>li.active .dropdown-menu
{background-color:#c00}
@media (max-width: 767px){
.site-navbar .navbar-nav>li.open .dropdown-menu,.site-navbar .navbar-nav>li.active .dropdown-menu
{background-color:#9c0000}
}
.site-navbar .navbar-nav>li.open .dropdown-menu>li>a,.site-navbar .navbar-nav>li.active .dropdown-menu>li>a
{
   color:#FFF; text-decoration:none; 
}
.site-navbar .navbar-nav>li.open .dropdown-menu>li>a:hover,.site-navbar .navbar-nav>li.open .dropdown-menu>li>a:focus,.site-navbar .navbar-nav>li.active .dropdown-menu>li>a:hover,.site-navbar .navbar-nav>li.active .dropdown-menu>li>a:focus
{background-color:#9c0000}

div.pageheader-left {
  height: 125px;
  background-image:url(/img/header_top_notarzt.gif);
  background-position:top center;
  background-repeat:no-repeat;
  background-color:#C2DCFF;
  border:#cccccc 1px solid;
}

@media (max-width: 767px) {
  div.pageheader {
    border:#cccccc 1px solid;
    padding-bottom: 10px;
  }
  div.pageheader p {
    font-size: 13pt;
    font-weight: bold;
    padding: 0px;
  }
  div.pageheader .dropdown {
    margin-top: 5px;
  }
  div.pageheader p.toetgroup {
    font-size: 10pt;
  }
  .site-navbar .navbar-nav>li>a {
    line-height:15px;
    padding:5px 15px 5px 25px;
  }
  div.login form.loginform .checkbox input {
    margin-top: 0;
  }

  div.daterow {
    display: flex;
    flex-flow: row wrap;
    gap: 2px;
/*    align-items: stretch;
    align-content: stretch;*/
  }
 form.plan div.row {
    margin-bottom: 10px;  
  }

  div.daycell {
    flex: 0 0 100%;
  }

  div.daygroup {
    flex: 0 0 100%;
  }

  div.hourrow {
    margin-bottom: 0px;  
  }

  div.dutygroup {
    display: flex;
    flex-flow: row wrap;
    gap: 2px;
  }

  div.dutycell-3 {
    flex: 2 2 40%;
  }

  div.dutycell-4 {
    flex: 2 2 40%;
  }

  div.dutycell-5 {
    flex: 2 2 40%;
  }

  div.dutycell .panel-heading {
    width: 100%;
  }

  div.dutycell .panel-body {
    width: 100%;
  }

  form.form-inline.filter input[type=text], form.form-inline.filter button {
    width: auto;
    float: left;
    margin-right: 5px;  
  }

  div.form-group.teamfilter {
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  /* special divisor for plan */
/*
  .col-sm-2b{width:20.83333% !important}
  .col-sm-2c{width:13.88888% !important}
*/  
  .col-sm-2b{width:20% !important}

  div.pageheader {
    height: 125px;
    border:#cccccc 1px solid;
  }
  div.pageheader p {
    font-size: 16pt;
    font-weight: bold;
    padding: 0px;
  }
  div.pageheader .dropdown {
    margin-top: 10px;
    float:right !important
  }
  div.pageheader p.toetgroup {
    font-size: 14pt;
  }
  .site-navbar .navbar-nav>li>a {
    padding:5px 10px 5px 5px;
  }
  div.plantable {
    width: 100%;
  }
  div.statdiv, div.infodiv {
  padding-left: 0px;
  }
}