/* abwärtskompatibel */
div.bookmsg_ok, span.bookmsg_ok {
   width: 100%;
   color: white;
   background-color: green;
}
div.bookmsg_err, span.bookmsg_err {
   width: 100%;
   color: white;
   background-color: red;
}
div.bookmsg_nix, span.bookmsg_nix {
   width: 100%;
   color: black;
   background-color: silver;
}

.gj-datepicker-bootstrap span[role="right-icon"] .input-group-text {
    padding: 7px 8px 6px 30px; /* Korrektur */
}


/* generell */
/*a {
   color: #343A40; 
} 
.h2, h2 {
    font-size: 1.8rem;
}
.h3, h3 {
   font-size: 1.5rem;
}
.h4, h4 {
   font-size: 1.1rem;
}*/
div.nowrap {
   white-space: nowrap;
}
.btn-primary {
    color: #fff;
    background-color: #0665cb;
    border-color: #0665cb;
} 
.btn-primary:hover {
    color: #fff;
    background-color: #044790;
    border-color: #044790;
}  
.btn-link {
    color: #0665cb;
} 
.btn-link:hover {
    color: #044790;
} 
.btnlnk0 {
   margin: 0;
   padding: 0;
   border: 0;
}
.right  {  text-align: right;  }
.center {  text-align: center; }
.left   {  text-align: left;   }
.height100 {
   height: 100%;
}
.width100 {
   width: 100%;
}
td div.form-group { /* in TD nicht so viel Abstand */
    margin-bottom: 0;
}
.striped0 {
   background-color: white;
}
.striped1 {
   background-color: #E0EEF3; /* #F2F2F2;    odd = background-color: rgba(0,0,0,.05);   */
}
.striped0 div.form-group, .striped1 div.form-group  {
    margin: 0.5rem 0;
}
.striped0 div.note_warn, .striped1 div.note_warn, .striped0 div.note_dflt, .striped1 div.note_dflt  {
   margin-top: -0.25rem;
   margin-bottom: 0.25rem;
}
.searchhit {
   border-bottom: 1px solid #DDDDDD;
}
div.hidden {
   display: none;
}
div.txtfilebox {
   overflow-y: auto; 
   max-height: 200px; 
   border: 1px solid silver;
   padding: 3px;
   font-size:small;
}
div.txtfilebox h1 {
   font-size: 140%;
}
div.txtfilebox h2 {
   font-size: 120%;
}

div.row {
  /* width: 100%; nicht immer gut */
}

div.fdbkframe_invalid {
   border: 1px solid #dc3545;
   border-radius: 4px;
   padding: 6px 0 0 0;
}
div.fdbknote_invalid {
   display: block;
   width: 100%;
   margin-top: .25rem;
   font-size: 80%;
   color: #dc3545;
}
/*label,*/ div.smdtpick label, div.form-group label, div.form-outline label {
   margin: 0;
   font-size: small;
}
label.form-check-label {
   font-size: 14px;  /* !important; */
}

/* sticky footer */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 50px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px; /* Vertically center the text there */
  background-color: #f5f5f5;
  text-align: center;
}
.footer > .container, .footer > .container > a {
  color: grey;
  font-size: small; 
  background-color: #f5f5f5;
}
.footadm {
   height: 56px;
   line-height: 56px;
}
#overlay {
   display: none; 
   background-color: white; 
   z-index: 1000;
   opacity: .2; filter: alpha(opacity=20); -moz-opacity: .2;
   top: 0px; 
   height: 100%; 
   left: 0px; 
   width: 100%; 
   right: 0px; 
   position: absolute; 
   text-align: center;   
}


/* angehängte Buttons einheitlich breit */
.input-group-prepend,
.input-group-prepend > .btn,
.input-group-prepend > .input-group-text {
   width: 50px;
}
.input-group-append,
.input-group-append > .btn,
.input-group-append > .input-group-text {
   width: 50px;
}

.input-group > .input-group-append > .btn {
   width: 50px;
   padding: 0;
   margin: 0;
}
.input-group > .input-group-prepend > .btn {
   width: 50px;
   padding: 0;
   margin: 0;
}


.btnmini {
   width: 50px;
   height: 38px;
   padding: 0;
}
.btnminixs {
   width: 50px;
   height: 32px;
   margin: -5px;
   padding: 0px !important;
}
.btnmicro {
  height: 25px;
  padding: 0px !important;
  width: 28px;
  margin: 0;
}

/* BS-Farben */
.succ_col  { color: rgb(0, 200, 81) !important; } /* color: #155724 !important; } */
.succ_bkg  { background-color: #d4edda; }
.succ_bkgi { background-color: #d4edda !important; }
.dang_col  { color: #ff3547 !important; } /* color: #721c24 !important; } */
.dang_bkg  { background-color: #f8d7da; }
.dang_bkgi { background-color: #f8d7da !important; }
.warn_col  { color: #FFDD66 !important; }
.warn_bkg  { background-color: #FFE971; }  /* #FFFFCC */
.warn_bkgi { background-color: #FFE971 !important; }  /* #FFFFCC */
.info_col  { color: #33b5e5 !important; }  /*   #2898c2  zu blau */
.info_bkg  { background-color: #33b5e5; }
.info_bkgi { background-color: #33b5e5 !important; }

/* Status-Icon-Farben */
.statcol_mind { color: #17a2b8 !important; }    /* #0066ff #17a2b8 */
.statcol_free { color: #28a745 !important; }    /* #00cc00 #28a745 */ 
.statcol_full { color: #cc0000 !important; }
.statcol_wait { color: #ff6600 !important; }
.statcol_resv { color: #999999 !important; }
.statcol_grey { color: grey !important; }
/* weitere Farben */
.col_blue, .col_blue a:hover     { color: #4285F4 !important; }
.col_liblue_bk { background-color: rgba(102,204,255,0.5); }
.col_white  { color: #fff !important; }
.col_dark { color: darkslategrey !important; }
.dsbl_col { color: grey !important; }
.dsbl_bkg { background-color: gainsboro; }
.red_bkg  { background-color: #ff4d4d; }

td.tdnoborder {
   border-top:none;
}


.note_dflt {
   font-size: 80%;
}
.note_warn {
   color:red; 
   font-size: 80%;
}
.note_swch {
   font-size: small;
   color: darkslategray;
}
.btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled:hover, .btn-primary:disabled:hover  {
   background-color: #aaccee;
   border-color: #aaccee;
}

/* 3-teiliger Seitenkopf */
div.hd_logo {
   padding: 5px;
   white-space: nowrap;
   text-align: center; 
}
div.hd_logo:before,
div.hd_logo_before {
   content: "";
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}
div.hd_logo img {
   vertical-align: middle;
   max-height: 200px;
   max-width: 400px;
}
a.navbar-brand, img.navbar-brand {
   padding: 0;
}
a.navbar-brand img, img.navbar-brand {
   max-height: 40px;
}
#loginbox div.form-group {
   margin: 5px -4px 3px 0;
}
#loginsubmit {
   margin: 5px 0 3px 0;
   width: 100%;
}
#logoutsubm {
   margin-top: 8px;
}
/* div.logoutsbm {
    text-align: right;
} */
span.checkit {
   display: none;
}
.bg-dark {
   /* background-color: #3D3D3D !important; */
}

/* Meldungszeilen (1. Zeile Icon, Folgezeilen Einzug) */
div.minimsg {
   padding: 3px 15px 3px 40px;
   text-indent: -15px;  
   margin: 0px 0px 15px 0px;  
}
div.msginfo {
   color: #666666;
}
div.margbott { /* Ausgleich des Input-Abstands */
   margin-bottom: 1rem;
}

/* bootbox */
.modal-title {
   line-height: 1.0;
}
button.bootbox-close-button {
   display: none; /* nicht BS4-kompatibel */
}

div.admloginbox {
   max-width: 800px;
   margin: 20px;
}


/* Wochenplan */
div.wpbar_l { padding: 5px; text-align: left; }
div.wpbar_m { padding: 5px; text-align: center; }
div.wpbar_r { padding: 5px; text-align: right; }

div.wp_dskframe {
   
}
div.wp_mobframe {
   
}

table.wp {
   width: 100%;
   border-spacing: 3px;
   border-collapse: separate;
}
td.wp {
   width: 14%;
   vertical-align: top;
}
/*
td.wp_day_hd { 
   width: 13%;
   border: 1px solid #FFCC66;
   height: 30px;
   text-align: center;
   vertical-align: middle;
   width: 13%; 
}
td.wp_today {
   background-color: #FFDD66;
}
td.wp_day {
   border-bottom: 1px solid silver;
   padding: 0px;
}
*/
div.wp_dayhead {
   height: 42px;
   border: 1px solid #FFDD66;
   font-weight: bold;
   overflow: hidden;
   padding: 6px;
   border-radius: 3px;   
   text-align: center;
   margin-bottom: 3px;
}
div.wp_event, div.wp_course {
   height: 44px;
   background-color: #FFDD66; 
   border-bottom: 2px solid white;
   font-size: 14px;
   cursor: pointer;
   overflow: hidden;
   line-height: 18px;
   padding: 2px;
   border-radius: 3px;
}
div.wp_event {
   /* background-image: url('dev/img/help24.png'); 
   background-repeat: no-repeat; 
   background-position: 99% 50%;  right; */
}
div.wp_course {
   background-color: orange;
}
div.wp_event_past, div.wp_course_past {
   background-color: #EEEEEE;
   color: gray;
}
div.daytitle {
   background-color: #ff8888; 
   font-weight: bold; 
   padding: 9px 0 0; 
   text-align: center;
}

div.wp_icon {
   width: 20%;
   text-align: right;
   float: right;
   padding-right: 2px;
   padding-top: 7px;
   font-size: 160%;
}
div.wp_date {
   width: 80%;
}
div.wp_text {
   width: 80%;
   font-weight: bold;
}
#wp_accord {
   width: 100%;
}
div.wp_acc_day {
   margin: 4px 6px;
}
#wp_accord > div > div > div.card-body {
   padding: 2px;
}
#wp_accord > div > div.card-header {
   cursor: pointer;
}


/* Foodplan */
/* #foodplan .btn:has(i.fa-minus-circle) {
   color: #33b5e5 !important;
   background-color: transparent !important;
   border: 2px solid #33b5e5 !important;
} */


/* Event */
#evt_detail {}
#evt_checkin {
   /* padding: 10px; wenn dann beide gleich */
}

/* Mein Konto */
.cardacc {
   margin-bottom: 20px;
}
.cardacc100 {
   height: calc(100% - 20px);
}
.cardacc .card-footer {
   background-color: white;
   padding-bottom: 0;
   border-top: none;
}
p.eventsubtit {
   margin: 0 0 0 44px;
}
div.ajaxbox {
   border-bottom: 1px silver dotted;
   padding: 10px 0;
}


/* chek-in box */
#checkinframe, div.checkinframe {
	width:550px;
	min-height:300px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-250px;
}
#checkin, div.checkin {
	border: 1px solid #D62121 !important;
	/*width: 100%;
	height: 100%;*/
	min-height: 300px;
}
#checkin > .card-header, div.checkin > .card-header {
	background-color: #D62121;
	border-color: #D62121;
	font-variant:  all-small-caps;
	font-weight: bold;
	font-size: x-large;
	color: #F0A4A4;
	background-image: url("/static/img/reitbuch-com_140tr.svg");
	background-repeat: no-repeat;
	background-position: right top;
}
#checkin.hund > .card-header, div.checkinH > .card-header  {
	background-image: url("/static/img/hundeplan-com_140tr.svg") !important;
}

/* wizzard */
.wizz {
    border-color: #D62121;
    min-height: 300px;
    
}
.wizz > .card-header {
   background-color: #D62121; 
   border-color: #D62121;
   font-variant:  all-small-caps;   
   font-weight: bold;
   font-size: x-large;
   color: #F0A4A4;   
   background-image: url("/static/img/reitbuch-com_140tr.svg");
   background-repeat: no-repeat;
   background-position: right top;  
}
.wizzH > .card-header  {
   background-image: url("/static/img/hundeplan-com_140tr.svg") !important;
}
.wizz > .card-body {
   border: 1px solid #D62121;
   border-bottom-right-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
}


/* Admin */
.evntmemb_memb {
   color:black;
}
.evntmemb_resv, a.evntmemb_resv:not([href]):not([tabindex]), 
a.evntmemb_resv:hover, a.evntmemb_resv:hover:not([href]):not([tabindex]) {
   font-style:italic;
   color:grey;
}
.evntmemb_merr, a.evntmemb_merr:not([href]):not([tabindex]), 
a.evntmemb_merr:hover, a.evntmemb_merr:hover:not([href]):not([tabindex]) {
   color:red;
}
.evntmemb_mast, a.evntmemb_mast:not([href]):not([tabindex]), 
a.evntmemb_mast:hover, a.evntmemb_mast:hover:not([href]):not([tabindex]) {
   color:blue;
}
.evntmemb_stor, a.evntmemb_stor:not([href]):not([tabindex]), 
a.evntmemb_stor:hover, a.evntmemb_stor:hover:not([href]):not([tabindex]) {
   text-decoration:line-through;
   color:grey;
}
/* sbadmin mit footer */
.content-wrapper {
    min-height: calc(100vh - 112px);
}
.scroll-to-top {
    z-index: 1000;
}
/* von sbadmin2(bs3): Overview-Cards */
.huge {
    font-size: 40px;
}


div.dummyinput {
   width: calc(100% - 50px);
   border: 1px solid silver;
   padding: 4px 4px 4px 10px;
   background-color: white;
   height: 38px;
}
div.dummyinputN {
   padding: 4px;
}
div.dummyinp_dsbl {
   background-color: #e9ecef;
   color: grey;
}
div.dummyline1 {
   margin: -5px 0; padding: 0;
}
div.dummyline2 {
   margin: 0; padding: 0; font-size: small;
}

div.dummyinput p {
   padding: 0; margin: 0;
}
p.dummynote {
   text-align: right;
   font-size: 10px;
   margin-top: -7px !important;
   color: #666;
}

.memb_mast {
   color:blue;
}
.memb_rsrv {
   color:grey; font-style:italic;
}

.ico_cause {
   font-size: 120%;
}
.div_cause {
   background-color: #ffdede;
}

div.redesign {
   /* border: 1px solid gray; */
    padding: 2px;
    margin: 5px;
    border-radius: 5px;
    font-size: small;
    color: gray;
}

.mocrdstat0 { /*background-color: #FFCCCC;*/ font-weight:bold; color: red;}
.mocrdstat1 { background-color: #CCFFCC; font-weight:bold; color: green;}
.mocrdstat2 { background-color: #FFFFCC; font-weight:bold; color: orange;}
table.motableg { width:100%;padding:0 !important;margin:0 !important; }
td.motableg { padding:0 !important;margin:0 !important;text-align:center; border:0; }


/* alte Admin-Seiten */
#oldadmin .prot, #oldadmin .prot1 {
   font-size: 14px;
}
#oldadmin h1 {
   font-size: 180%;
}
#oldadmin h2 {
   font-size: 150%;
}
#oldadmin h3, #oldadmin h4 {
   font-size: 120%;
}
#oldadmin select {
   display: inline !important;
}
div.ui-tooltip {
   display: none;
}

#privacymsg {
   max-height:300px; 
   padding: 10px; 
   overflow:scroll;
   border: 1px solid silver;
}
#privacymsg h1 {
    font-size: 1.8rem;
}
#privacymsg h2 {
    font-size: 1.3rem;
}

.evntlist_storn {
   text-decoration:line-through;
   color:grey
}

/* ======================= NEU ====================================== */


/* Hintergrund SideNavi */
.sn-bg-4 {
    /* background-image: url(https://mdbootstrap.com/img/Photos/Others/sidenav4.jpg); */
    background-image: url(/static/img/sidenav.jpg); 
}
.sn-bg-4.hund {
    background-image: url(/static/img/sidenav_h.jpg); 
}

a.sidenavsel {
   color:#e48080 !important;
}

select.no_mdb {
    display: inline !important;
}

.fixed-sn .page-footer .container-fluid, .fixed-sn main {
    margin-left: 2%;
    margin-right: 2%;
}
.fixed-sn .page-footer .container-fluid, .fixed-sn main {
    margin-left: 2%;
    margin-right: 2%;
}


.modal-header a, .modal-header .fa {
    color: #fff !important;
}
.modal-header a:hover  {
    color: #fff;
    text-decoration: underline;
}

/* Pferdekopf
.fa-chess-knight::before {
   content: "\f441";
   font-family: 'Font Awesome 5 Brands';
   font-style: normal;
   font-weight: normal;
   src: url("/static/libs/fontawesome-free-5.0.6/webfonts/fa-brands-400.eot");
   src: url("/static/libs/fontawesome-free-5.0.6/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/static/libs/fontawesome-free-5.0.6/webfonts/fa-brands-400.woff2") format("woff2"), url("/static/libs/fontawesome-free-5.0.6/webfonts/fa-brands-400.woff") format("woff"), url("/static/libs/fontawesome-free-5.0.6/webfonts/fa-brands-400.ttf") format("truetype"), url("/static/libs/fontawesome-free-5.0.6/webfonts/fa-brands-400.svg#fontawesome") format("svg"); 
   font-weight: 900;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   box-sizing: border-box;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
} */


div.memblistbox div.note_dflt, div.memblistbox div.note_warn {
   margin-top: -10px;
   margin-bottom: 5px;
}


/* Korrektur MDB 4.5.12 */
div.form-control {
    height: auto;
}

/* Korrektur MDB 4.9: */
i.sbadm { margin-right:14px; color: white; }

#oldadmin input[type="checkbox"],
div.admloginbox input[type="checkbox"] {
    position: relative;
    opacity: 100;
    pointer-events: auto;
}

div.mdb-select {
   margin: 0;
}
.dropdown-content li:not(.disabled) span {
   color: rgb(33, 37, 41) !important;
}

div.ie_msg {
   padding: 5px;
   background-color: #ffeeee;
   border-radius: 3px;
   margin-bottom: 5px;
}
div.ie_msg p {
   color: #888888;
   font-size: small;
   padding: 0;
   margin: 0;
}

table.table a, table.table a.link {
   color: #007bff !important;
}
table.table a:hover, table.table a.link:hover {
   color: #0056b3 !important;
}

/* div.datepicker { margin-bottom: 1rem; }   wirkt nicht */

div.billsumnw {
   background-color: #FFFFCC;   
   font-weight: bold;
   text-align: center;
}div.billsumop {
   background-color: #ffdede;
   font-weight: bold;
   text-align: center;
}
div.billsumpd {
   background-color: #ccffbb;
   font-weight: bold;
   text-align: center;
}
div.billsumst {
   background-color: gainsboro;
   font-weight: bold;
   text-align: center;
   color: grey;
}

#credmon {
   margin: -5px;
}

/* tabdata für Datentabellen */
table.tabdata { width: 100%; }
table.tabdata td, table.tabdata th { border: 1px solid silver; vertical-align:top; padding: 3px}       
table.tabdata th { background-color: #eee; }       

/* Korrektur MDB 4.9 Selectbox Aufklapplänge */
.select-wrapper .select-dropdown {
   max-height: 400px !important;
}

.mxwidth200 { max-width: 200px; }
.mxwidth400 { max-width: 400px; }
.mxwidth600 { max-width: 600px; }

/* schlecht lesbare Tabreiter */
.classic-tabs .nav li a {
    font-weight: bold;
}

/* css-Tabelle Woche */
.wktab {
  display: table;
  width:98%;
  border-collapse:collapse;
}
.wktab_row {
  display: table-row;
}
.wktab_cell {
  display: table-cell;
  padding:3px;
  border:#ddd 1px solid;
  text-align: center;
  width:14%;
}
.cal_std { background-color: #7fffb3; }
.cal_alt { background-color: #a2d5f5; }
.cal_not { background-color: #ff99a2; }

/* css-Tabelle Woche Workplan */
.work {
 font: 12px Arial, sans-serif;
}
.work_cell {
  width:12.5%;
  text-align: left;
  vertical-align: top;
}
.work_hdl0 {
  font: bold 11px Arial, sans-serif;
  padding: 2px;
  border:white 1px solid;
  text-align: left;
}
.work_hdl {
  color: #048;
  background: silver;
  font: bold 11px Arial, sans-serif;
  padding: 2px;
  border:white 1px solid;
  text-align: center;
}
.work_cell .badge {
   margin: 1px;
}

.work_stf {
   color:white;
   background-color:#048;
   width: 25px;
   text-align: center;
   border-radius: 5px;
   margin-bottom: 1px;
}
.work_stf2 {
   color:white;
   background-color:#048;
   /*width: 25px;*/
   text-align: center;
   border-radius: 5px;
   margin-bottom: 1px;
}

.pad5 {
   padding: 0 5px; /* Standard Grid p=0/15px m=0 */
   margin: 1px 0;
}

table.wkjob {
   width: 100%;
}
td.wkjob1, td.wkjob2, td.wkjob3 {
   vertical-align: top;
   font: normal 11px Arial, sans-serif;
   border-bottom: 1px solid silver;
}
td.wkjob1 {
   width: 16%;
}
td.wkjob2 {
   width: 32%;
}
td.wkjob3 {
   width: 32%;
}
td.wkjob2D, td.wkjob3D {
   text-align: left;
}

table.wkhd {
   width: 100%;
}
td.wkhd1, td.wkhd2, td.wkhd3 {
   font: bold 11px Arial, sans-serif;
}
td.wkhd1 {
   width: 30%;
}
td.wkhd2 {
   width: 40%;
}
td.wkhd3 {
   width: 30%;
}


/* kleine css-Tabelle */
.divtab {
  display: table;
  width:98%;
  border-collapse:collapse;
}
.divtab_row {
  display: table-row;
}
.divtab_cell {
  display: table-cell;
  padding:3px;
  border:#f0f0f0 1px solid;
}


/* Pension Klötzchengrafik */
div.bx_row {
   width: 1200px;
   overflow: auto;
}
div.bx_tit1, div.bx_tit2, button.bx_tit1 {
   width: 100px;
   font: normal 11px Arial, sans-serif; 
   float: left;
   min-height: 20px;
   border-top: 1px solid silver;
   padding: 2px 0 2px 0;
}
div.bx_tit2 {
   width: 178px;
}
button.bx_btn1 {
   font: normal 11px Arial, sans-serif; 
   padding: 0;
   margin-top: -2px;
}
button.bx_btn2 {
   color: transparent;
   font-size: 7px;
}
div.bx_frm {
   width:920px; 
   float: right;
}
ol.bx_lst {
   margin:0;padding:0;
   font-size: 12px;
}
ol.bx_hdl {
   margin: 0 0 0 5px;padding:0;
}
li.bx {
   background: #048;
   color: #048;
   display: inline-block;
   font: bold 9px Arial, sans-serif;
   margin: 2px 0 0 2px;
   padding: 0;
   text-align: center;
   width: 10px;
   cursor: pointer;
}
li.bx_sep {
   background: white;
   color: silver;
   width: 1px;
   margin: 0 0 0 5px;
   font-size: 12px;
}
li.bx_hdl {
   width: 88px;
   background: silver;
   font: bold 11px Arial, sans-serif;
   padding: 2px;
}
li.bx_col {
   display: inline-block;
   font: bold 9px Arial, sans-serif;
   margin: 2px 0 0 2px;
   padding: 0;
   text-align: center;
   width: 10px;
}
li.bx_red {
   color: #ff3547;
   background: #ff3547;
}
li.bx_grey {
   color: grey;
   background: grey;
}

table.pbk, table.pwp {
}
th.pbk, th.pwp {
   font: bold 10px Arial, sans-serif;
   border-left: silver 1px solid;
   min-width: 15px;
   text-align: center;
   color: rgb(0, 68, 136);
   background-color: #d7d7d7;;
}
th.pwp {
   min-width: 100px;
}
td.pbk, td.pwp {
   font: normal 10px Arial, sans-serif;
   border-left: silver 1px solid;
   border-bottom: silver 1px solid;
   text-align: center;
   vertical-align: bottom;
   padding: 0;
}
td.pwp {
   vertical-align: top;
}
th.pwpD, td.pwpD {
   
}
th.pwpW, td.pwpW {
   
}
th.pwpM, td.pwpM {
   min-width: 100px;
}
th.pbk1, td.pbk1 {
   border-left: silver 1px solid;
}
th.pbkMO, td.pbkMO {
   border-left: rgb(0, 68, 136) 1px solid;
}
td.pbkL1, td.pbkL2, button.pbkL1 {
   width: 100px;
   font: normal 10px Arial, sans-serif; 
   min-height: 20px;
   border-top: 1px solid silver;
   padding: 2px;
   text-align: left;
   vertical-align: top;
   white-space: nowrap;
}

/* -------------- neu -------------- */
th.pwp_hd, td.pwp_hd {
  font: bold 12px Arial, sans-serif;
  border-left: silver 1px solid;
  text-align: center;
  color: #FFF;
  background-color: dimgrey; 
  min-width: 100px;  
}

th.pwp_sh, td.pwp_sh {
  background: dimgrey;
  color: #FFF;
  border: 1px solid white;
  width:calc(15vw);
  max-width:150px;
  min-width:50px; 
  font-weight: bold;
}
th.pwp_sh {
}
td.pwp_sh {
  text-transform: uppercase; 
}
th.pwp_sh span, td.pwp_sh span {
  writing-mode: sideways-lr;
  text-align: left;
  padding: 10px 5px 0;
  padding: 5px 0 0 5px;
  line-height: 15px;
}

th.pwp_pr {
  font: bold 10px Arial, sans-serif;
  border-left: silver 1px solid;
  text-align: center;
  color: rgb(0, 68, 136);
  background-color: #d7d7d7;
}
th.pwp_pr_leg div {
  font: normal 10px Arial, sans-serif;
  white-space: nowrap;
  overflow:hidden;
  width:calc(15vw);
  max-width:150px;
  min-width:50px;
  text-align: left;
}
th.pwp_pr_leg, td.pwp_pr_cell {
  font: normal 10px Arial, sans-serif;
  border-left: silver 1px solid;
  border-bottom: silver 1px solid;
  text-align: center;
  padding: 2px 0;
}

div.pwp_tsk_cell {
   display:flex; flex-direction:row;
   text-align:left;
   border-bottom: 1px solid grey;
}
div.pwp_tsk_stf {
   width:40px;
   padding: 2px;
}
div.pwp_tsk_tsk {
   width: calc(100% - 130px);
   padding: 2px;
   min-height: 30px;
   /* overflow: hidden;    tut nicht
    white-space: nowrap; */
}
div.pwp_tsk_tskM {
   width: calc(100% - 40px);
   padding: 2px;
   min-height: 30px;
}
div.pwp_tsk_ani {
   width:90px;   
   padding: 2px;
}

/* -------------- /neu -------------- */

button.pbk, button.pwp {
   
}
span.pbk_free, button.pbk_free {
   font-size: 14px;
   color: #eee;
}
span.pbk_othr, button.pbk_othr {
   font-size: 14px;
   color: grey;
}
span.pbk_occp, button.pbk_occp {
   font-size: 14px;
   color: rgb(0, 68, 136);
}
span.pbk_myoc, button.pbk_myoc {
   font-size: 14px;
   color: rgb(0, 200, 81);
}
span.pbk_prvw, button.pbk_prvw {
   font-size: 14px;
   color: goldenrod;
}
span.pbk_over, button.pbk_over {
   font-size: 14px;
   color:  #ff3547;
}
/*
.succ_col { color: rgb(0, 200, 81) !important; }
.succ_bkg { background-color: #d4edda; }
.dang_col { color: #ff3547 !important; } 
.dang_bkg { background-color: #f8d7da; }
*/
div.pbk_opts {
   overflow: auto;
   max-height:130px;
   white-space: nowrap;
   font-size: small;
}


div.pbk_box {
   height:15px;
   width:20px;
   border-bottom:1px solid white;
   white-space: nowrap;
   cursor: pointer
}


div.pwp_alist {
   border: 1px solid silver;
   height: 370px;
   overflow: auto;
   margin-bottom: 7px;
}



/* Mailing */
div.rcptab {
   border:1px solid silver;
   padding:3px;
   overflow-x: hidden;overflow-y: auto;
   height:300px;
   font-weight: 300;
   line-height: 1.7;
   color: #626262;
}
div.atttab {
   height:150px;
   margin-bottom: 7px;
}
div.atttab .form-check {
   padding-left: 0;
}
div.atttab .form-check-label {
   margin-bottom: -5px;
}

/* Roles */
div.rolesbox {
   border:1px solid silver;
   overflow:auto;
   max-height:650px;
   padding: 10px;
   font-size: 90%;
}

/* fett */
.bold {
   font-weight: bold;
}

/* Titel über Input */
label.small {
   margin: 0;
}


/* RadioBoxDyn */
div.dynradhdln {
   padding: 3px;
   border-radius: 5px;
   background-color: #d3effa;
   margin: 5px 0px;
}
div.dynradcont {
   padding: 3px;
   border-radius: 5px;
   border: 1px solid #d3effa;
   border-top: 0px;
   margin-top: -12px;
   padding-top: 12px;
}

/* DivHide */
div.dvhd {
   border-top: 1px solid silver; 
   border-bottom: 1px solid silver;
   margin-bottom: 3px;
}
div.dvhdt {
   background-color: #eee;
}
div.dvhdh {
   padding: 8px 3px 0 3px;
}
div.dvhdh .form-group, div.dvhdh .smdtpick {
   margin-bottom: 10px !important;
}

/* Course Members */
td.crmb {
   vertical-align: top;
}
td.crmb .btnminixs {
   margin: 0 3px;
   font-size: 1em;
   /* background-color: #eee;
   color: #3c3c3c; */
}
th.crmb_grp1 {
   padding: 0 3px;
   /* von .alert-info */
   color: #0c5460;
   background-color: #d1ecf1;
   border-color: #bee5eb;
}
th.crmb_grp0 {
   padding: 0 3px;
   background-color: bisque;
   /* von .alert-info */
   color: #0c5460;   
}

/* Course Prices */
th.crprc, td.crprc0, td.crprc1 {
   vertical-align: middle;
}
td.crprc0 {
   /* von .alert-info */
   color: #0c5460;
   background-color: #d1ecf1;
   border-color: #bee5eb;
}


th.contrth .btn {
   font-size: .9rem;
}

div.hhlp h1 { font-size: 2rem; }

div.dummymarker {
   position: absolute;
   right: 2px;
   font-size: small;
   background-color: #c4e9ff;
   width: 25px;
   top: 19px;
   text-align: center;
   border-radius: 8px 0 0 0;
   height: 18px;
}
div.dummymarkerInp {
   right: 15px;
   top: 25px;
}
div.dummymarker2 {
   position: absolute;
   right: 2px;
   font-size: small;
   background-color: #c4e9ff;
   width: 25px;
   top: 1px;
   text-align: center;
   border-radius: 0 0 0 8px;
   height: 18px;
}
div.dummymarkerInp2 {
   right: 15px;
   top: 5px;
}





.pmw_hd_open {
   background-color: #33b5e533 !important;
   border-radius: 10px !important;
}
.pmw_hd_work {
   background-color: #ffe971b8 !important;
   border-radius: 10px !important;
}
.pmw_hd_paus {
   background-color: #33b5e5b8 !important;
   border-radius: 10px !important;
}
.pmw_hd_done {
   background-color: palegreen !important;
   border-radius: 10px !important;
}
.pmw_hd_rejc {
   background-color: #f8d7da82 !important;
   border-radius: 10px !important;
}

.pmw_btn_aniadd, .pmw_btn_anirem {
  width: 50px;
  height: 70px;
  position: absolute;
  top: 14px;
  left: 9px;
  padding: 0;
}
.pmw_btn_anirem {
  top: 111px;
}
.pmw_alist, .pmw_alist_add, .pmw_alist_rem  {
   border: 1px solid silver;
   height: 370px;
   overflow: auto;
   margin-bottom: 7px;
   padding-left: 5px;
}
.pmw_alist_add  {
   padding-left: 55px;
   height:70px; color: green;
}
.pmw_alist_rem  {
   padding-left: 55px;
   height:70px; color: red; text-decoration: line-through;
}


/* Tabelle für Anzeige und Ausdruck als PDF */
table.pdftab {
   width:100%;
}
th.pdftab, th.pdftab_prt {
   background-color:#6C757D;
   color:white;
   text-align:center;
   border:1px solid #6C757D;
}
th.pdftab_prt {
   font-size:8pt;
}
td.pdftab, td.pdftab_prt {
   border:1px solid grey;
   vertical-align:top;
   padding:5px 1px 5px 1px;
}
td.pdftab_prt {
}


div.prc0, div.prc1 {
  float: left;
  width: 25px;
  color: silver;
  border: 1px solid silver;
  margin: 1px;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
}
div.prc1 {
  color: #222222;
  border: 1px solid silver;
  background-color: #8cd78c;
}
td.prcs {
  white-space: nowrap; 
  border: 1px solid silver;
}
table.prcs {
  width: max-content;
}


button.btn {
  line-height: 14px;
}

div.tkcode {
  text-align: center;
  margin: 12px;
  border: 2px solid black;
  font-weight: bold;
  font-size: large;
  padding: 4px;
}

span.chkin_warn {
  color: firebrick;font-weight: bold;
}


/* Quill-Editor Anpassungen */
.ql-toolbar       { margin-top: 10px; background-color: #33b5e54f; }
.ql-editor        { min-height: 200px; max-height: 500px; }
.ql-editor p      { margin-top: 7px; font-size: 100%; } 
.ql-editor ol     { margin-top: 7px; } 
.ql-editor ul     { margin-top: 7px; } 
.ql-editor pre    { margin-top: 7px; } 
.ql-editor blockquote    {  } 
.ql-editor h1     { margin-top: 7px; } 
.ql-editor h2     { margin-top: 7px; } 
.ql-editor h3     { margin-top: 7px; } 
.ql-editor h4     { margin-top: 7px; } 
.ql-editor h5     { margin-top: 7px; }
.ql-editor h6     { margin-top: 7px; }
.ql-editor strong { font-weight: bold; }


div.shopbox {
   border: 1px solid silver; border-radius: 10px; margin: 10px 0; padding: 10px; width: 100%;
}
div.shopradioln {
   border-top: 1px solid silver; border-bottom: 1px solid silver; padding: 10px 0px;
}


/* Zeiterfassung */
div.tm_scrlbx {
   width:100%;overflow:auto;padding:10px 5px;margin:5px 0;
}
div.tm_wbar_frm {
   display:flex;flex-direction:row;border-right:1px solid grey;
}
div.tm_wbar_hd {
   color:grey;font-size:small;width:35px;border-left:1px solid grey;text-align:center;
   background-color:#f5f5f5;
}
div.tm_wbar_blk {
   color:black;font-size:small;width:35px;border-left:1px solid grey;text-align:center;
   background-color:#f5f5f5;cursor:pointer;
}




/* Tabelle mit 1. Zeile und 1. Spalte fix (ohne Bootstrap/MDB) */
div.fixtab {
   max-width: 100%;
   max-height: 25em;
   overflow: scroll;
   position: relative;
   white-space: nowrap;
}
@media (min-width: 720px) {
   div.fixtab {
      max-width: 100%;
      max-height: 40em;
   }
}
table.fixtab {
   position: relative;
   border-collapse: collapse;
}
thead.fixtab td,
thead.fixtab th,
tbody.fixtab td,
tbody.fixtab th {
   padding: 0.25em;
   border: 1px solid grey; /* BurlyWood */
   font-size: small;
}
thead.fixtab th {
   position: -webkit-sticky; /* for Safari */
   position: sticky;
   top: 0;
   background: dimgrey; /* #44474b; */
   color: #FFF;
}
thead.fixtab th:first-child {
   left: 0;
   z-index: 1;
}
tbody.fixtab th {
   position: -webkit-sticky; /* for Safari */
   position: sticky;
   left: 0;
   background: #FFF;
   border-right: 1px solid #CCC;
}
/* max Breite der fixen Spalte (nur mobil) */
tbody.fixtab th {   
   overflow: hidden;
   max-width: 110px;
}
@media (min-width: 720px) {
   tbody.fixtab th {   
      overflow: visible;
      max-width: none;
   }
}
/* normaler Inhalt zentriert */
thead.fixtab td,
tbody.fixtab td {
   text-align: center;
   min-width: 40px;
}

/* Titel hochkant erfordert span: <th><span>Third<br>Column</span></th> */
thead.fixtab th {
   /* background-color:  NavajoWhite; */
   /* color: SaddleBrown;   */
   width:50px;  
   vertical-align: bottom; 
}
thead.fixtab th span { 
   writing-mode: sideways-lr; 
   text-align: left;          
   /*padding:10px 5px 0;*/
   padding: 5px 0 0 5px;
   line-height: 15px;
}



/* Careplan  */
th.cp_feedhd {
   background-color: steelblue !important;
}
td.cp_feed {
   background-color: lightsteelblue !important;
}

/* schöne Farben 
Cadetblue
Cornflowerblue
Darkcyan
Darkgoldenrod
Darkslategray
Indianred
Olivedrab
Peru
Seagreen
Steelblue
Teal 
*/