/* body { width:100%;} */

td,th { vertical-align: top;padding:3px;}
th {text-align:left;}


.wp_global_content { margin:10px;}
#wp_doc_not_loaded {display:none;}
div.wp_body_content {
    padding-top:25px;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
label span { padding-left:10px;}
.inputfile + label {
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem;
    width:160px;
}

.wp_w200 {min-width:200px;}
.wp_search form span, .wp_search p span {padding-left:20px; font-size:x-large;}

#opl_tbl_overview tr:hover:nth-child(n+2) {
    cursor: pointer;
}
.wp_main_tbl,#opl_tbl_overview  {border-collapse:collapse;width:100%;}
.wp_main_tbl tr td:first-child a { padding-left:5px;}
.wp_main_tbl tr:not(.wp-hidden) td {border-top:1px solid black;}


#wp_ms_1 textarea {width:80%; min-width:400px;    max-width: 600px;}

.wp_tbl_100 {width:100%;}

tr.wp_opl_keine_freigabe {
    background-color:lightgray;
    cursor: not-allowed;
}

select {
    max-width: 150px;
    text-overflow: ellipsis;
}

.wp_hover_pointer:hover {cursor:pointer;}

#auftrag {
    width:130px;
    display:inline-block;
}

.wp_ampel {
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
  }

  .wp-center {
      text-align:center;
  }

  #wp_opliste_legende {
      display:none;
  }
  #wp_opliste_legende div {
      border:1px;
      border-style:dashed;
      margin-top:10px;
      display:inline-block;
  }

  .wp_tt_vertical {
    transform: rotate(-90deg);
  }
  .wp_pad_left_10 {margin-left: 15px; margin-right: 5px;}

  a:hover,.wp_pflichtfeld {
      color:#c00;
  }

  a.wp-link-no-decoration {
      text-decoration:none;
  }
  a.wp-link-no-decoration:hover {
      color:black;
  }
  td a.wp-loadmodal {
      font-weight:bold;
      text-decoration:none;
  }

  .wp_main_tbl tr:nth-child(2) td {
      vertical-align:middle;
  }

 
#wp_main_tbl thead, #wp_main_tbl tbody, #wp_main_tbl tr:not(.wp-hidden), #wp_main_tbl td, #wp_main_tbl th { display: inline-block; }

@media (max-height: 299px) { #wp_main_tbl tbody {max-height: 250px;}}
@media (min-height: 300px) { #wp_main_tbl tbody {max-height: 250px;}}
@media (min-height: 500px) { #wp_main_tbl tbody {max-height: 400px;}}
@media (min-height: 800px) { #wp_main_tbl tbody {max-height: 700px;}}
@media (min-height: 1100px) { #wp_main_tbl tbody {max-height: 1000px;}}
@media (min-height: 1100px) { #wp_main_tbl tbody {max-height: 1200px;}}


@media (max-width: 2000px) { 
    body {font-size:10px;}
    td.w10 { width: 10px; color: red; padding-left: 2px; padding-right: 3px; padding-top: 69px;  }
    th.w10{ width: 10px; color: red; padding-left: 2px; padding-right: 3px;  }
    td.w20, th.w20 { width:20px;  }
    td.w160, th.w160 { width:150px;  }
    td.w145, th.w145 { width:130px;  }
    td.w280, th.w280 { width:230px;  }
    td.w200, th.w200 { width:170px;  }
    td.w90, th.w90 { width:85px;  }
    td.w110, th.w110 { width:100px;  }
    td.w32, th.w32 { width:27px;  }
    td.w50, th.w50 { width:45px;  }
    #wp_main_tbl { width:1544px;}
    input[type=date] {width:125px;}
    .wp_ampel { height: 20px;width: 20px;}
}
@media(min-width: 2000px) {
    td.w10, th.w10{ width: 10px; color: red; padding-left: 2px; padding-right: 3px;  } 
    td.w20, th.w20 { width:20px;  }
    td.w160, th.w160 { width:160px;  }
    td.w145, th.w145 { width:145px;  }
    td.w280, th.w280 { width:280px;  }
    td.w200, th.w200 { width:200px;  }
    td.w90, th.w90 { width:90px;  }
    td.w110, th.w110 { width:110px;  }
    td.w32, th.w32 { width:32px;  }
    td.w50, th.w50 { width:50px;  }
    #wp_main_tbl { width:1740px;}
    input[type=date] {width:140px;}
    .wp_ampel { height: 25px;width: 25px;}
}
#wp_main_tbl tbody {
    overflow-y: auto;
}
#wp_main_tbl thead th, #wp_main_tbl tbody td {float:left;}
#wp_main_tbl thead th { height:50px;}

#wp_main_tbl  tr:after {
    content: ' ';
    display: inline-block;
    visibility: hidden;
    clear: both;
}


td.wp_borderright_dashed {border-right:1px dashed gray; }
td.wp_borderleft_dashed {border-left:1px dashed gray; height:100%; }


#tabform_0 textarea {width:100%;}
#tabform_0 table {width:80%;}
#tabform_0 table tr td:first-child {width:30%;}

#wp-alertbox {display:none;}

#wp_countdown_logout {font-size:small;margin:20px;}

#div_ms_chart { display:none;}

.ajaxloader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid red; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin:auto;
    margin-top:30px;
    margin-bottom:30px;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  #wp_logo_opl {
      width:200px;
      margin-top: 10px;
  }

  .wp-hidden {
      display:none;
  }

  tr.wp-hidden td p {
      font-weight:bold;
  }

  #wptrinput {
      min-height:60px;
  }

  .wp-badge {
    position:relative;
}
.wp-badge[data-badge]:after {
    content:attr(data-badge);
    position:absolute;
    top:-10px;
    right:-10px;
    font-size:.7em;
    background:red;
    color:white;
    width:18px;height:18px;
    text-align:center;
    line-height:18px;
    border-radius:50%;
}

.wp_nopadding {padding:0;}

.wp_button{margin-left: 40%; width: 100px; height: 25px; }

.wp2_table,.wp2_table-all{border-collapse:collapse;border-spacing:0;width: 40%;display:table;}.wp2_table-all{border:1px solid #ccc}
.wp2_bordered tr,.wp2_table-all tr{border-bottom:1px solid #ddd}.wp2_striped tbody tr:nth-child(even){background-color:#f1f1f1}
.wp2_table-all tr:nth-child(odd){background-color:#fff}.wp2_table-all tr:nth-child(even){background-color:#f1f1f1} 
.wp2_hoverable tbody tr:hover,.wp2_ul.wp2_hoverable li:hover{background-color:#ccc}.wp2_centered tr th,.wp2_centered tr td{text-align:center}
.wp2_table td,.wp2_table th,.wp2_table-all td,.wp2_table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.wp2_table th:first-child,.wp2_table td:first-child,.wp2_table-all th:first-child,.wp2_table-all td:first-child{padding-left:16px}

.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}

.wp2_container,.wp2_panel{padding:0.01em 16px}.wp2_panel{margin-top:16px;margin-bottom:16px;width: 40%;}
.wp2_display-container:hover .wp2_display-hover{display:block}.wp2_display-container:hover span.wp2_display-hover{display:inline-block}.wp2_display-hover{display:none}

/*Colors*/
.wp2_amber,.wp2_hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.wp2_aqua,.wp2_hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.wp2_blue,.wp2_hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.wp2_light-blue,.wp2_hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.wp2_brown,.wp2_hover-brown:hover{color:#fff!important;background-color:#795548!important}
.wp2_cyan,.wp2_hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.wp2_blue-grey,.wp2_hover-blue-grey:hover,.wp2_blue-gray,.wp2_hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.wp2_green,.wp2_hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.wp2_light-green,.wp2_hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.wp2_indigo,.wp2_hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.wp2_khaki,.wp2_hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.wp2_lime,.wp2_hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.wp2_orange,.wp2_hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.wp2_deep-orange,.wp2_hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.wp2_pink,.wp2_hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.wp2_purple,.wp2_hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.wp2_deep-purple,.wp2_hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.wp2_red,.wp2_hover-red:hover{color:#fff!important;background-color:#f44336!important}