
/* 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;
}
.height100 {
   height: 100%;
}

td div.form-group { /* in TD nicht so viel Abstand */
    margin-bottom: 0;
}
.striped0 {
   background-color: white;
}
.striped1 {
   background-color: #E0EEF3; /* #F2F2F2; */
}
.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 */
}

/* sticky footer */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 70px;
}
.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;
}



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



/* BS-Farben */
.succ_col { color: #155724; }
.succ_bkg { background-color: #d4edda; }
.dang_col { color: #721c24; }
.dang_bkg { background-color: #f8d7da; }

/* Status-Icon-Farben */
.statcol_mind { color: #17a2b8; }    /* #0066ff #17a2b8 */
.statcol_free { color: #28a745; }    /* #00cc00 #28a745 */ 
.statcol_full { color: #cc0000; }
.statcol_wait { color: #ff6600; }
.statcol_resv { color: #999999; }
.statcol_grey { color: grey; }

td.tdnoborder {
   border-top:none;
}


.note_dflt {
   font-size: 80%;
}
.note_warn {
   color:red; 
   font-size: 80%;
}
.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: 100%;
}
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: -11px;  
   margin: 3px 5px;  
}
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; }

td.wpbar_l  { width:50%; padding: 5px 10px; text-align:left; }
td.wpbar_r  { width:50%; padding: 5px 10px; 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 {
}
div.wp_course {
   background-color: orange;
}
div.wp_event_past, div.wp_course_past {
   background-color: #EEEEEE;
   color: gray;
}

/* flexplan stripes */
div.wp_rast, div.wp_rast2 {
   font-size: small;
   color: grey;
   border-bottom: 1px silver dotted;
   text-align: right;
}
div.wp_rast2 {
   border-bottom: 1px silver solid;
}
div.wp_rastbk {
   background-color: #ececec;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: -100;
}
div.wp_rastbk2 {
   background-color: white;
   position: absolute;
   left: 0;
   width: 100%;
   z-index: -50;
}
div.wp_evstr, div.wp_crstr {
   position:absolute;
   background-color: #FFDD66; 
   border: 1px solid white;
   font-size: 14px;
   cursor: pointer;
   overflow: hidden;
   line-height: 12px;
   padding: 2px;
   border-radius: 3px;
}
div.wp_evstr {
}
div.wp_crstr {
   background-color: orange;
}
div.wp_evstr_past, div.wp_crstr_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;
}
div.newsticker {
   color: #fe0000;
   padding: 3px 6px;
   font-size: 90%;
   border: 1px solid #fe000066;
   margin: 4px;
   border-radius: 5px;
}

.wpfx2_td {
   border-right: 1px solid gainsboro;
   border-bottom: 1px solid gainsboro;
   height:20px
}
.wpfx2_td_SU {
   border-bottom: 3px double grey;
}

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

.evntlist_resv, .evntlist_resv a {
   font-style:italic;
   color:grey;
}


/* Mein Konto */
.cardacc {
   margin-bottom: 20px;
}
.cardacc100 {
   height: calc(100% - 20px);
}
.cardacc .card-footer, .cardbill .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 {
   width:550px;
   min-height:300px;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-150px;
   margin-left:-250px;
}
#checkin {
    border-color: #D62121;
    /*width: 100%;
    height: 100%;*/
    min-height: 300px;
}
#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  {
   background-image: url("/static/img/hundeplan-com_140tr.svg") !important;
}


/* 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% - 43px);
   border: 1px solid silver;
   padding: 4px;
   background-color: white;
}
div.dummyinputN {
   padding: 4px;
}

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

div.redesign {
   padding: 6px;
   margin: 5px;
   border-radius: 5px;
   font-size: small;
   color: gray;
   background-color: #E9F2FC;
}
div.redesign a {
   color: gray;
}

/* alte Admin-Seiten */
#oldadmin .prot {
   font-size: 14px;
}
#oldadmin h1 {
   font-size: 180%;
}
#oldadmin h2 {
   font-size: 150%;
}
#oldadmin h3, #oldadmin h4 {
   font-size: 120%;
}
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;
}

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

/* Belegungsplan */
table.belplan {
   width: 100%;
}
tr.belplan {
   /* border-bottom: 1px dotted silver; */
}
.belplan td {
   font-size: small;
   height: 22px;
   padding: 0 3px 0 3px;
   border-bottom: 1px dotted silver;
}
td.belplan_t {
   width: 50px;
   font-size: small;
   color: silver;
   text-align: center;
}
td.belplan_0 {
   
}
td.belplan_1 {
   background-color: #FFDD66;
}
div.belplan {
   cursor: pointer;
}

/* Welcome */
div.welc_frame {
   margin: auto;
   width: 90%;
   max-width: 1000px;
   border: none;
   padding: 5px;
}
div.welc_step {
   background-color: antiquewhite;
   padding: 5px;
   border-radius: 30px;
   color: firebrick;
   margin: 10px 0;
}
div.welc_step h2 {
   margin: 0;
}
h4.welc_subtitle0, h4.welc_subtitle {
   padding-top: 5px;
   margin-top: 10px;
}
h4.welc_subtitle1 {
   /* font-weight: bold; */
   font-style: italic;
}
h4.welc_subtitle {
   border-top: 1px solid silver;
}


.txtbold {
   font-weight: bold;
}



.striptab0 {
   background-color: white; padding: 5px 5px 5px 20px; font-size: 15px; 
}
.striptab1 {
   background-color: #E0EEF3;  padding: 5px 5px 5px 20px; font-size: 15px;
}



/* 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;
}


/* Farbpalette für Wochenplan */
div.bkco_std, span.bkco_std  { background-color: #ffdd66; }
div.bkco_crs, span.bkco_crs  { background-color: #ffa500; }
/* Yellow Std/dark/light/xtra light */
div.bkco_ye , span.bkco_ye   { background-color: #ffe200; }
div.bkco_yed, span.bkco_yed  { background-color: #b39e00; }
div.bkco_yel, span.bkco_yel  { background-color: #fff180; }
div.bkco_yex, span.bkco_yex  { background-color: #fff8bf; }
/* Lime */
div.bkco_li , span.bkco_li   { background-color: #a0ff00; }
div.bkco_lid, span.bkco_lid  { background-color: #70b300; }
div.bkco_lil, span.bkco_lil  { background-color: #d0ff80; }
div.bkco_lix, span.bkco_lix  { background-color: #e7ffbf; }
/* Pink */
div.bkco_pi,  span.bkco_pi   { background-color: #c40098; }
div.bkco_pid, span.bkco_pid  { background-color: #89006b; }
div.bkco_pil, span.bkco_pil  { background-color: #ff80e3; }
div.bkco_pix, span.bkco_pix  { background-color: #ffbff1; }
/* Red */
div.bkco_rd , span.bkco_rd   { background-color: #ff0000; }
div.bkco_rdd, span.bkco_rdd  { background-color: #b30000; }
div.bkco_rdl, span.bkco_rdl  { background-color: #ff8080; }
div.bkco_rdx, span.bkco_rdx  { background-color: #ffbfbf; }
/* Green */
div.bkco_gn , span.bkco_gn   { background-color: #00cc00; }
div.bkco_gnd, span.bkco_gnd  { background-color: #008f00; }
div.bkco_gnl, span.bkco_gnl  { background-color: #80ff80; }
div.bkco_gnx, span.bkco_gnx  { background-color: #bfffbf; }
/* Blue */
div.bkco_bl , span.bkco_bl   { background-color: #0066b3; }
div.bkco_bld, span.bkco_bld  { background-color: #00487d; }
div.bkco_bll, span.bkco_bll  { background-color: #80c9ff; }
div.bkco_blx, span.bkco_blx  { background-color: #bfe4ff; }
/* Orange */
div.bkco_og , span.bkco_og   { background-color: #ff8000; }
div.bkco_ogd, span.bkco_ogd  { background-color: #b35a00; }
div.bkco_ogl, span.bkco_ogl  { background-color: #ffc080; }
div.bkco_ogx, span.bkco_ogx  { background-color: #ffdfbf; }



