/***********************************************
 * Overritten bootstrap navbar-expand-xl class *
 * ********************************************/
@media print {
    #infofield .svg-icon-sidebar {
        display: none;
    }
    #infofield .content {
      font-size: 110%;
      font-weight: bold;
    }
    .content a.nav-item {
      color: #6c757d;
      text-decoration: none;
    }
    .border-sidebar {
      width: 300px;
      max-width: max-content;
      border: solid #6c757d 2px !important;
    } 
    /**********************
    * print caseoverview *
    * *******************/

    .d-print-none {
        display: none !important;
    }
    tr {
        border: currently;
    }
    td {
        transform: none !important;
    }
    th, td {
        margin-left: 0 !important;
    }
    a.stretched-link {
        text-decoration: none;
        color: #212529;
    }
    td.phase_icon {
        width: 5rem;
    }
    svg {
        width: 13px;
        height: 13px;
    }
}

@media screen {
  @media (min-width:1100px) {
       .navbar-expand-xl {
           -ms-flex-flow:row nowrap;
           flex-flow:row nowrap;
           -ms-flex-pack:start;
           justify-content:flex-start
       }
       .navbar-expand-xl .navbar-nav {         
           -ms-flex-direction:row;
           flex-direction:row
       }     
       .navbar-expand-xl .navbar-nav .dropdown-menu {
           position:absolute
       }
       
       .navbar-expand-xl .navbar-nav .nav-link {
           padding-right:.5rem;         
           padding-left:.5rem         
       }
       .navbar-expand-xl>.container,
       .navbar-expand-xl>.container-fluid {
           -ms-flex-wrap:nowrap;
           flex-wrap:nowrap
       }
       .navbar-expand-xl .navbar-collapse {
           display:-ms-flexbox!important;
           display:flex!important;
           -ms-flex-preferred-size:auto;
           flex-basis:auto
       }
       .navbar-expand-xl .navbar-toggler {
           display:none
       }
   }
  
  #main-container {
      max-width: 1280px;
      font-size: 90%;
      margin-top: 70px;
  }
  
  #password_toggle {
  	margin-top: .5rem;
  }
  
  h3 {
      font-size: 1.35rem;
  }
  
  h4 {
      font-size: 1.25rem;
      padding-bottom: .25rem;
      border-bottom: #6c757d 1px solid;
  }
  
  h5 {
      font-size: 1.15rem;
  }
  
  .btn {
      margin: .5rem 0;
      font-size: 90%;
  }
  
  .custom-select, .form-control {
      font-size: 110%;
  }
  
  .custom-select option, optgroup {
  	font-size: 90%;
  }
  
  .dropdown-menu {
      font-size: 90%;
  }
  
  .repeatgroup .form-group{
      margin-bottom: 0.5rem;
  }
  
  .repeatgroup .legend {
      font-size: 1rem;
  }
  
  .repeat-entry {
      border-collapse: collapse;
      border-top: 1px solid #dee2e6;
  }
  
  .repeatgroup .repeat-entry:first-of-type{
      border-top: 0px;
  }
  
  .repeatgroup .repeat-entry:last-of-type{
      border-bottom: 1px solid #dee2e6;
      margin-bottom: 2rem;
  }
  
  fieldset.group-level-1 {
      margin-bottom: 2rem;
  }
  
  fieldset.group-level-2 {
      margin-top: 0;
  }
  
  fieldset.group-level-4 {
      margin-top: -1rem;
  }
  
  fieldset.group-level-3 {
      margin-top: -1rem;
  }
  
  .group-level-1 legend label {
      font-size: 1.25rem;
      border-bottom: 1px solid #dee2e6;
  }
  
  .group-level-2 legend label {
      font-size: 1.2rem;
      border-bottom: 0px;
  }
  
  .group-level-3 legend label {
      font-size: 1.0rem;
      border-bottom: 0px;
  }
  
  .group-level-4 legend label {
      font-size: .9rem;
      border-bottom: 0px;
      font-weight: inherit;
  }
  
  #InfoBlock {
      margin-top: -.5rem;
  }
  
  img#alert {
      padding-right: 5px;
      vertical-align: bottom;
      margin-top: 8px;
  }
  
  .navbar {
      font-size: 90%;
  }
  
  @media(min-width: 1200px) {
          .navbar {
  		height: 70px;
  		min-height: 70px;
  	}
  }
  
  @media (max-width:1199px){
  	.navbar {
  		height: inherit;
  		min-height: 70px;
  		padding-top: 0px;
  		padding-bottom: 0px;
  	}
  }
  
  ul.navbar-nav li.dropdown:hover div.dropdown-menu {
      display: block;
      margin-top: 0px;
  }
  
  .borderCountdown {
      border: 1px solid #6c757d;
      width: max-content;
      padding: 0.29rem 0.25rem 0.29rem 0.25rem;
  }
  
  #simpleCountdown {
      color: #6c757d;
      cursor: default;
  }
  
  #simpleCountdownPopupMsg {
    font-size: 1.15rem;
    font-weight: 700;
  }

  .fixed-button {
    position: fixed;
    bottom: 0;
    z-index: 1030;
  }
  
  .sidebar {
    max-width: 300px;
    position: sticky;
    margin-top: 85px;
    top: 70px;
    z-index: 1025;
  }
  
  
  
  @media (min-height: 600px) {
  .sidebar-ie {
  	position:fixed;
  	max-width: 300px;
  	z-index: 1025;
  	margin-top: 70px;
  	top: 0px;
  }
  }
  
  
  .sidebar-btn {
      position: sticky;
      position: -webkit-sticky;
      top:70px;
      margin-top: 20%;
      margin-bottom: 7vh;
  }
  
  .border-sidebar {
      border: solid #00529E;
      border-width: 2px;
  }
  
  hr.sidebar {
	  margin-top: 0.25em;
	  margin-bottom: 0.25em;
	  margin-left: 0.5em;
	  margin-right: 0.5em;
  }

  @media (max-width: 768px) {
  	.sidebar-btn {
  		margin-top: 2vh;
  	}
  }
  
  .pseudo_imagebutton {
      background-repeat: no-repeat;
      background-color: transparent;
      border-width: 0;
  }
  
  .radiomatrix td {
      vertical-align: middle;
  }
  
  legend {
      margin-top: 1.5rem;
      margin-bottom: 0;
      font-size: 1.15rem;
  }
  
  img.legend {
  	vertical-align: baseline;
  }
  
  .anchor {
      position: relative;
      padding-top: 150px;
  }
  
  #navItem {
      padding-left: 1.5rem;
  }
  
  ul#liststatements {
      column-count: auto;
      column-width: 10rem;
      list-style-type: none;
  }
  
  #liststatements a.btn {
      width: 100%;
  }
  
  #formularpage {
      z-index: 1000;
  }
  
  .footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      background-color: #fff;
      box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) inset;
      height: 6vh;
  }
  
  #status_str_nofloat {
      float: middle;
  }
  
  #content {
  	margin-bottom: 7vh;
  	z-index: 1020;
  }
  
    #content_header {
      margin-top: 70px;
    }
  
  #content_ueberschrift {
      font-size: 1.35rem;
      padding-top: 1rem;
      padding-bottom: .25rem;
  }
  
  #logout, #usetSettingsShowSettings {
      padding-top: 12px;
  }
  
  @media (min-width: 1100px) {
      #usetSettingsShowSettings {
  	text-align: center;
      }
  }
  
  #manageSearch {
      border-style: solid;
  }
  
  .evaluation .form-check-input {
      margin-top: .1rem;
  }
  
  .evaluation.header {
      border-bottom: 2px solid #dee2e6;
  }
  
  .statedigest_header {
      border-bottom: 2px solid #dee2e6;
      margin-bottom: 0.5em
  }
  
  .svg-icon {
      height: 22px;
      width: 22px;
      fill: #00529E;
      stroke: #00529E;
  }
  
  .svg-icon:hover{
      fill: #0074E0;
      stroke: #0074E0;
  }
  
  .svg-icon.svg-warning:hover {
      fill: #FF9D2F;
      stroke: #FF9D2F;
  }
  
  .svg-icon-sidebar {
      margin-left: 5px;
      height: 19px;
      width: 19px;
      fill: #00529E;
      stroke: #00529E;
  }
  
  .svg-icon-sidebar:hover{
      fill: #0074E0;
      stroke: #0074E0;
  }
  
  a.nav-item:hover > .svg-icon-sidebar {
      fill: #0074E0;
      stroke: #0074E0;
  }
  
  .svg-icon-disabled {
      height: 22px;
      width: 22px;
      fill: #6C757D;
      stroke: #6C757D;
  }
  
  .svg-icon-disabled-small {
      height: 14px;
      width: 14px;
      fill: #6C757D;
      stroke: #6C757D;
  }
  
  .svg-icon-alert {
      height: 15px;
      width: 15px;
      fill: #212529;
      stroke: #212529;
  }
  .svg-icon-form {
      height: 13px;
      width: 13px;
      fill: #6C757D;
      stroke: #6C757D;
  }
  
  .svg-icon-from-error {
      height: 14px;
      width: 18px;
      fill: #6C757D;
      stroke: #6C757D;
  }
  
  .svg-sort {
      height: 20px;
      width: 20px;
      fill: #00529E;
      stroke: #00529E;
      margin: -5px;
  }
  
  .svg-sort:hover {
      fill: #0074E0;
      stroke: #0074E0;
  
  }
  
  .svg-sort-active {
      height: 20px;
      width: 20px;
      fill: #6C757D;
      stroke: #6C757D;
      margin: -5px;
  }
  
  .icon-btn {
      margin: 0 0;
      padding: 0 0;
  }
  
  .folded::after {
      content: "";
      background-image: url(../images/svg_icons/caret-square-down-solid.svg);
      background-repeat: no-repeat;
      padding-left: 25px;
      margin-left: 6px;
      vertical-align: middle;
  }
  
  .folded:hover::after {
      background-image: url(../images/svg_icons/caret-square-down-solid-hover.svg);
  }
  
  .unfolded::after {
      content: "";
      background-image: url(../images/svg_icons/caret-square-up-solid.svg);
      background-repeat: no-repeat;
      padding-left: 25px;
      margin-left: 5px;
      vertical-align: middle;
  }
  
  .unfolded:hover::after {
      background-image: url(../images/svg_icons/caret-square-up-solid-hover.svg);
  }

  #label_search_str::after {
      content: none !important;
  }

  #search_str {
      display: block !important;
  }
  
  /*.overviewpage {
      width: 91.666667%;
      padding-left: 0px;
  }*/
  
  /***********************************
   * Navigation (Breadcrumbs)        *
   **********************************/
  /* fixed-bar */
  
  .navipath {
      position: fixed;
      margin-left: -4rem;
      z-index: 1010;
  }
  
  @media (max-width: 1330px) {
      .navipath {
          margin-left: -15px;
          padding-left: 0;
      }   
  }
  
  /* hover */
  
  ul.dropdown li.breadcrumb-item:hover div.dropdown-menu {
      display: block;
      margin-top: 0px;
  }
  
  li.breadcrumb-item.selected {
      background-color: #e9ecef;
  }
  
  .arr-right .breadcrumb-item+.breadcrumb-item::before {
      /*content: "•";*/
      content: "›";
      vertical-align:top;
      color: #00529e;
      font-size:35px;
      line-height:12px;
  }
  
  .dropdown-toggle img, .dropdown-item img {
  	vertical-align: sub;
  }
  
  /**************
   * modusfield *
   * ***********/
  
  .modusfield {
      padding-bottom: .5rem;
      padding-top: 1rem;
      padding-left: 0px;
      margin-left: 10px;
  }
  
  .modusfield a {
      margin-right: 5px;
  }
  
  .modusfield_icon_rg{
     border: none;
     background-color: transparent;
     padding-top: .5rem;
  }
  
  .m-field {
     margin-top: .75rem;
  } 
  
  /***********************************
   * Farbschema                      *
   * Blau für Fallaktenteil: #00529e *
   **********************************/
  
  textarea, select, input {
    border: 1px solid #00529e !important;
  }
  
  a {
    color: #00529e;
  }
  
  a:hover {
    color: #0074E0;
    text-decoration:none;
  }
  
  a.nav-item {
    color: #00529e;
  }
  
  a.nav-item:hover {
    color: #0074E0;
    text-decoration: underline;
  }
  
  a.info-link:hover {
    color: #0074E0;
    text-decoration: underline;
  }
  
  a.error {
    color: #FF3334;
    border: none;
  }
  
  .state a.error {
    color: #00529e !important;
    border: 0px !important;
  }
  
  .state a.error:hover {
    color: #0074E0 !important;
    text-decoration: underline;
  }
  
  #navbarDropdown.nav-link:hover, 
  .breadcrumb-item:hover {
    color: #00529e !important;
    background-color: #F5F5F5;
    border-radius: 5px 5px 5px 5px;
  }
  
  .breadcrumb-item.selected {
    color: #00529e !important;
    background-color: #F5F5F5;
    border-radius: 5px 5px 5px 5px;
    padding: 0rem .5rem;
  }   
  
  .breadcrumb-item {
    padding: 0 .5rem;
  }
  
  .dropdown-toggle:hover {
    text-decoration:none;
  }
  
  .dropdown-item:active {
    background-color: #00529e;
  }
  
  .dropdown-item:hover {
    background-color: #F5F5F5;
  }
  
  .btn-primary {
    background-color: #00529e;
  }
  
  .btn.btn-primary:hover{
      background-color: #0074E0;
      border-color: #0074E0 !important;
  }
  
  
  .btn-outline-primary {
      color: #00529e;
      border-color: #00529e;
  }
  
  .btn-primary:hover {
      background-color: #00529e;
  }
  
  .btn-outline-primary:hover {
      background-color: #00529e;
  }
  
  .show .btn-outline-primary.dropdown-toggle {
  
      color: #fff;
      background-color: #00529e;
      border-color: #00529e;
  }
  
  
  
  .btn-outline-primary.icon {
     margin: 0;
  }
  
  .btn-outline-secondary.icon {
     background-color: white;
     margin: 0;
  }
  
  
  form .btn.btn-primary[type="submit"]{
     margin-right: 5px;
  }
  form .btn.btn-outline-primary[type="submit"]{
     margin-right: 5px;
  }
  
  
  #ft.disabled, #ft:disabled {
    color: #00529e;
    border-color: #00529e;
    opacity: inherit;
  }
  
  #ft:hover {
     color: #00529e;
     background-color: white;
  }
  
  
  /************
   * formular *
   * *********/
  
  .formularpage {
      padding-left: 4px;
  }
  
  .popover-body {
      max-height: 150px;
      overflow-y: auto;
  }
  
  
  .datepicker.dropdown-menu {
    margin-top: 70px;
  }
  
  
  .annotation {
      padding-left: .1rem;
  }
  
  .a-help {
  	cursor: pointer;
  }
  
  .popover {
  	max-width: 30rem;
  	max-height: 25rem;
  }
  
  .form-check.col-3 {
    padding-left: 1.5rem;
  }
  
  .form-check-label {
      margin-right: 1rem;
      margin-left: 0.25rem;
  }
  
  .form-check-input {
      position: absolute;
      margin-top: 1.25px;
  }
  
  
  @media only screen and (max-width: 767px) {
  	#content {
  		order: 2;
  		margin-top: 14%;
  	}
  	#case-info {
  		order: 1;
  		position: static;
  	}
  	.navipath {
  		position: static;
  	}
  	.col-2 {
  		margin-right: 25%;
  		max-width: 25%;
  	}
  }
  
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    	.col-form {
    		flex: 0 0 100%;
    		max-width: 100%;
    	}
    	.col-2 {
    		margin-right: 25%;
    		max-width: 25%;
    	}
    	.col-4 {
    		margin-right: 25%;
    	}
    	.col-8 {
    		flex: 0 0 100%;
    		max-width: 100%;
    	}
    	.offset-1 {
    		margin-left: 0;
    	}
  }
  
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    	.col-2 {
    		margin-right: 25%;
    		max-width: 16.666667%;
    	}
    	.col-4 {
    		margin-right: 8.333333%;
    	}
    	.col-8 {
    		flex: 0 0 83.333333%;
    		max-width: 83.333333%;
    	}
    	.weight-bold {
    		font-weight: 700 !important;
    	}
  }
    
  @media only screen and (min-width: 1200px) {
    	.col-2 {
    		margin-right: 16.66667%;
    	}
    	.col-4 {
    		margin-right: 0;
    	}
    }
  
  .seromargin {
     margin-right: 0
  }
  
  #group-time .col-xl-2 {
     margin-right: 0;
  }
  
  #group-attachments { 
      margin-left: 5px;
  }
  
  
  #group-struktur .form-check-input {
     margin-top: .1rem;
  }
  
  #group-struktur-users .form-check-input {
      margin-top: .1rem;
  }
  
  #group-coaches .form-check-input {
      margin-top: .1rem;
  }
  
  #group-members .form-check-input {
      margin-top: .1rem;
  }
  
  .box .form-check-input {
      margin-top: .1rem;
  }
  
  /*******************
   * Label for radio *
   * ****************/
  
  input[type="checkbox"] {
      cursor: pointer;
  }
  
  input[type="radio"] {
      cursor: pointer;
  }
  
  label[class="form-check-label"] {
      margin-bottom: 0;
      margin-top: 0;
      cursor: pointer;
  }
  
  /***********
   * Tooltip *
   * ********/
  
  .error {
      border: 2px solid #FF3334 !important;
  }
  
  .errortip {
      border: none;
  }
  
  .warning {
      border: 2px solid #ff9d2f !important;
  }
  
  .warningtip {
      border: none;
  }
  
  input[disabled] + .warningtip {
      display: none;
  }
  
  select[disabled] + .warningtip {
      display: none;
  }
  
  div.mpuls-disabled + .warningtip {
      display: none;
  }

  tr.mpuls-disabled + tr .warningtip {
      display: none;
  }

  /***************
   * subheadings *
   * ************/
  
  [class="text-muted"]:nth-of-type(n+2) {
     margin-top: 2rem;
  }
  
  p+[class="text-muted"] {
     margin-top: 2rem;
  }
  
  /**********
   * search *
   *********/
  
  div.widget input[type="checkbox"] {
  	vertical-align: middle;
  }
  
  div.widget label {
  	display: inline;
  }
  
  table.search> tbody > tr > td:first-child {
  	width: 25%;
  }
  
  /*******************
   * flexible search *
   * ****************/
  
  .panel-body {
      font-size: 90%;
      padding-left: 30px;
  }
  
  .saved-search-item {
      list-style-type:none;
  }
  
  #param-btn {
      width: 2rem;
      height: 32px;
  }
  
  /*********
   * table *
   * ******/
  
  .caseoverview_anchor {
      display: block;
      position: relative;
      top: -150px;
      visibility: hidden;
  }
  
  tr[class~='clickable-row'] {
      cursor: pointer;
  }
  
  #table-overview {
      vertical-align: top;
  }
  
  tr.no-top-border > td {
      border-top: none;
  }
  
  .custom-table-striped td, .custom-table-striped th,
  .logbook-table-striped td, .logbook-table-striped th {
      border: none !important;
  }
  
  .custom-table-striped tr td:first-child,
  .custom-flattable-striped tr td:first-child {
      border-radius: 5px 0 0 5px;
  }
  
  .custom-table-striped tr td:last-child,
  .custom-flattable-striped tr td:last-child {
      border-radius: 0 5px 5px 0;
  }

  .table-striped > tbody > tr:nth-child(2n+1) > td,
  .table-striped > tbody > tr:nth-child(2n+1) > th,
  .custom-table-striped > tbody > tr:nth-child(2n+1) > td,
  .custom-table-striped > tbody > tr:nth-child(2n+1) > th,
  .custom-flattable-striped > tbody > tr.odd > td,
  .custom-flattable-striped > tbody > tr.odd > th {
         background-color: #F0F0F0;
  }

  .table-striped > tbody > tr:nth-child(2n) > td,
  .table-striped > tbody > tr:nth-child(2n) > th,
  .custom-table-striped > tbody > tr:nth-child(2n) > td,
  .custom-table-striped > tbody > tr:nth-child(2n) > th,
  .custom-flattable-striped > tbody > tr.even > td,
  .custom-flattable-striped > tbody > tr.even > th {
         background-color: #F9F9F9;
  }
  
  /*Override the hover of boostrap to display the round corners of the td tags in
   * Firefox. */
  .custom-table-striped.table-hover tbody tr:hover,
  .custom-flattable-striped.table-hover tbody tr:hover {
      background-color: transparent;
  }
  
  .custom-table-striped.table-hover tbody tr:nth-child(2n+1):hover > td,
  .custom-flattable-striped.table-hover tbody tr.odd:hover > td {
         background-color: #C8D6E3;
  }
  
  .custom-table-striped.table-hover tbody tr:nth-child(2n):hover > td,
  .custom-flattable-striped.table-hover tbody tr.even:hover > td {
         background-color: #C8D6E3;
  }
  
  .additional-data tbody tr,
  .additional-data tbody td,
  .additional-data tbody tr:hover,
  .additional-data tbody td:hover {
        background-color: #FFFFFF;
  }
  
  
  .logbook-table-striped tr.first-table-row td:first-child {
      border-radius: 5px 0 0 0;
  }
  
  .logbook-table-striped tr.first-table-row td:last-child {
      border-radius: 0 5px 0 0;
  }

  .logbook-table-striped tr.second-table-row td:first-child {
      border-radius: 0 0 0 5px;
  }

  .logbook-table-striped tr.second-table-row td:last-child {
      border-radius: 0 0 5px 0;
  }

  .logbook-table-striped > tbody > tr:nth-child(4n+1) > td,
  .logbook-table-striped > tbody > tr:nth-child(4n+2) > td {
         background-color: #F0F0F0;
  }
  
  .logbook-table-striped > tbody > tr:nth-child(4n+3) > td,
  .logbook-table-striped > tbody > tr:nth-child(4n+4) > td {
         background-color: #F9F9F9;
  }

  /* Makes the first column smaller for better overview in the summaries. */
  table.summary> tbody > tr > td:first-child {
      width: 16.66%;
  }
  
  /* Makes the first column smaller for better overview in the digest. */
  table.digest> tbody > tr > td:first-child {
      width: 5%;
  }
  
  .phase_icon {
      width: 12%;
  }
  
  .icon-td {
      text-align: right;
      width: 11%;
  }
  
  #table_caseoverview .icon-td {
      width: 0 !important;
  }
  
  .icon-td a:last-of-type {
      margin-right: 10px !important;
  }
  
  .icon-td form{
      margin-right: 10px !important;
  }
  
  .icon-td form.form-icon {
      margin-right: 0 !important;
  }
  
  .icon input {
      vertical-align: middle;
  }
  
  .td_date {
      width: 11%;
  }
  
  .td_description {
      width: 60%;
  }
  
  
  /**********
   * alert  *
   *********/
  
  #alert {
      margin-top: 6vh;
  }
  
  /**********
   * dialog *
   **********/
  
  .dialog {
    margin-top: 6vh;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.125);
    flex: 0 0 75%;
    max-width: 75%;
    padding: 10px 20px 10px 20px;
  }
  
  /***********
   * logbook *
   * ********/
  
  .align-self-end, .modusfield  a:hover {
  	text-decoration: none;
  }

  .lb-entry-folded {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
  }

  td.lb-control {
      background: url('../images/svg_icons/caret-square-down-solid.svg') top center/15px 13px no-repeat;
  }

  tr.lb-unfolded td.lb-control {
      background: url('../images/svg_icons/caret-square-up-solid.svg') top center/15px 13px no-repeat;
  }

  /*------------------------*/
  /* Invisible Conditionals */
  /*------------------------*/
  
  .invisible_conditional {
      display: none;
  }
  
  /*------------------*/
  /* only for firefox */
  /*------------------*/
  
  #infodiv {
      display: none;
  }
      
}

@-moz-document url-prefix() {
    #infodiv {
        display: block;
    }
}