/* ##################################################################### */
/* GENERIC LAYOUT Desktops/Laptops ##################################### */
/* ##################################################################### */
:root {
   --ci-color-opacity-full:1.0;
   --ci-color-opacity-down1:0.7;
   --ci-color-font-inverse:#ffffff;
}
body {
   padding:0;
   margin:0;
   font-family:Verdana,Geneva,sans-serif;
   font-size:1rem;
   color:#000000;
   background-color:#ffffff;
   height:100%;
   overflow:visible;
}

div.wrapper {
   min-height:100%;
   position:relative;
   overflow:visible;
}

nav {
/*
   background:rgba(var(--ci-color),var(--ci-color-opacity-full)) url("../imgs/nav-top.png") repeat-x scroll left top;
*/
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-full));
   border-bottom: 1px solid #9d9b92;
/*
   float:left;
*/
   margin-bottom:1.5rem;
   margin-top:0;
   padding-bottom:0.8rem;
   padding-top:1.2rem;
   position:relative;
   width:100%;
   opacity:0.8;
/* TEST */
   padding-bottom:0rem;
   padding-top:0rem;
   position:fixed;
   opacity:1;
   z-index:500;
/* TEST ENDS*/
}

/*
#nav {
    clear: left;
    display: block;
    float: right;
    position: relative;
    right: 50%;
    text-align: center;
}
*/

#idnav {
   text-align:center;
   text-align:left;
   vertical-align:top;
   width:100%;
   margin:0 auto;
}

.leftNav {
   text-align:left;
}
.centerNav { 
   text-align:center;
}
.rightnav {
   text-align:right;
}


.subNav {
   display:inline-block;
/* TEST
   width:30%;
   min-width:15rem;
*/
   width:25rem;
   vertical-align:top;
   color:#fff;
   padding:0.3rem;
}


main {
   position:absolute;
   top:5rem;
   width:100%;
}

main.iframe {
   top:0rem;
}

#idmain {
   padding:0.5rem;
   padding-bottom:3rem;
}

div.header {
}

#ID_eventSelection::after {
   content:".";
   clear:both;
   display:block;
   visibility:hidden;
   height:0px;
}


footer {
   position:absolute;
   position:fixed;
   bottom:0;
   width:100%;
   height:2.2rem;
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-full));
} 

footer p,
footer a {
   font-size:0.7rem !important;
   color:white !important;
   padding:0.5rem !important;
   line-height:1rem;
}

body::after {
  content:"";
/*
  background-image:url(../imgs/wheel.png);
*/
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0.1;
  top:0;
  left:0;
  bottom:0;
  right:0;
  position:absolute;
  z-index:-1;   
}

p, span, input, textearea, button, select, li, optionf, th, td, h1, h2, h3, h4, h5, dd, dt {
   font-family:Verdana,Geneva,sans-serif;
   font-weight:normal;
   font-size:1rem;
}

h1, h2, h3, h4 {
   margin:0;
   padding:0;
   font-size:1rem;
   font-weight:normal;
   letter-spacing:0;
   text-transform:none;
}

h1 {
   border:none;
   font-size:2rem;
   font-weight:700;
   line-height:2rem;
   padding-top:0.5rem;
}

#idheader h1 {
   float:left;
}

#idheader:after {
   content:".";
   clear:both;
   display:block;
   visibility:hidden;
   height:0px;
}


h2 {
   border:none;
   font-size:1.3rem;
   line-height:1.3rem;
   padding-top:0.4rem;
}

h3 {
   border:none;
   font-size:1.1rem;
   line-height:1.2rem;
   padding-top:0.3rem;
   padding-bottom:0.3rem;
}

h4 {
   border:none;
   font-size:1rem;
   line-height:1rem;
   margin-top:0.3rem;
   padding-top:0.3rem;
   padding-bottom:0.3rem;
}



p.hint {
   font-size:0.6rem;
   line-height:0.8rem;
}

p.warning {
   color:#990000;
}

p.spacer {
   line-height:1.6rem;
}

a {
   color:rgba(var(--ci-color),var(--ci-color-opacity-full));
   border:0;
   border-bottom:1px dotted rgba(var(--ci-color),var(--ci-color-opacity-full));
}

a:link,a:visited,a:hover,a:focus,a:visited:hover.
a:link p, a:visited p, a:hover p, a:focus p, a:visited:hover p {
   color:rgba(var(--ci-color),var(--ci-color-opacity-full));
   padding:0;
   background:transparent;
   text-decoration:none;
   border:0;
/*   border-bottom:1px dotted rgba(var(--ci-color),var(--ci-color-opacity-full)); */
}

a.mail:link,a.mail:visited,a.mail:hover,a.mail:focus,a.mail:visited:hover {
   font-weight:700;
}

#ideventSelection {
   display:inline-block;
   padding-top:0.5rem;
   padding-left:1rem;
}

@media only screen and (max-width:600px) {
   #idselectEvent { 
      width:90%;
   }
   main {
      top:14rem;
   }
}

select.selectEvent option.eventowner {
  color:#ff6600;
}

select.selectEvent:hover {
/*  background-color:#990000;*/
}

select.selectEvent option:first-child {
/*  background-color:#990000;*/
  background-color:rgba(var(--ci-color),var(--ci-color-opacity-full));
  color:#ffffff;
}

select.selectRideout option:first-child {
/*  background-color:#990000;*/
  background-color:rgba(var(--ci-color),var(--ci-color-opacity-full));
  color:#ffffff;
}


select > option {
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-end: 5px;
    padding-inline-start: 3px;
}


table {
/*
   border:1px dotted black;
*/
}

div.login {
   position: absolute;
   top:50%;
   width:100%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

/*
div.login option:first-child {
   align:center;
}
*/

form.login {
   width:25rem;
   border:0px dotted black;
   margin:auto;
}

fieldset {
    margin:0.25rem;
    padding:0.25rem;
}

legend {
    font-size: 1.2rem;
    font-weight:300;
    padding-bottom:0.15rem;
    padding-top:0.25rem;
}

label {
   font-size:0.8rem;
}

dl.login {
    margin:0;
}

dl.login dt, dl.login dt li {
    border:none;
    font-size:1rem;
    font-weight:300;
    margin-bottom:0;
}

dl.login dd {
    margin:0;
    font-size:0.8rem;
    margin-bottom:0.5rem;
    margin-left:1rem;
    line-height:1rem;
}

dl.login label {
    display:inline-block;
    margin:0;
    padding:0;
    width:8rem;
    cursor:pointer;
}

img.logineye {
   display:inline-block;
   margin:0;
   margin-left:0.5rem;
}


#ID_login {
   
}

#ID_hintJS, #ID_hintC {
   padding-left:1.5rem;
   margin-top:0.5rem;
   margin-bottom:0.5rem;
   padding-bottom:0.5rem;
   font-size:0.8rem;
   line-height:1.5rem;
}

#ID_hintJS.disabled {
   background-image:url('../imgs/hintnok.png');
   background-repeat:no-repeat;
}

#ID_hintJS.enabled {
   background-image:url('../imgs/hintok.png');
   background-repeat:no-repeat;
}

#ID_hintC.disabled {
   background-image:url('../imgs/hintnok.png');
   background-repeat:no-repeat;
}

#ID_hintC.enabled {
   background-image:url('../imgs/hintok.png');
   background-repeat:no-repeat;
}

.editEventForm1 {
   display:grid;
   grid-template-rows:18.5rem;
   grid-template-columns:33rem 45rem;
}

.editEventForm2 {
   display:grid;
   grid-template-rows:18.5rem;
   grid-template-columns:60rem 20rem;
}

.editEventForm3 {
   display:grid;
   grid-template-rows:18.5rem;
   grid-template-columns:25rem 25rem 25rem;
}

.editEventForm4 {
   display:grid;
   grid-template-rows:10rem 8.5rem;
   grid-template-columns:35rem 45rem;
}

.editEventForm5 {
   display:grid;
   grid-template-rows:18.5rem;
   grid-template-columns:40rem 40rem;
}

.editEventForm6 {
   display:grid;
   grid-template-rows:16rem;
   grid-template-columns:80rem;
}

.actionbarFormEditEvent {
   margin-top:0.5rem;
}

.actionbarFormEditRideout {
   margin-left:0.5rem;
}

.editClubForm1 {
   display:grid;
   grid-template-rows:auto;
   grid-template-columns:33rem 33rem;
}
fieldset.editclub {
    height: 22rem;
}

.editClubForm2 {
   display:grid;
   grid-template-rows:auto;
   grid-template-columns:33rem 33rem;
}

fieldset.editclubmembers {
    height: 25rem;
}

table.clubmemberslist td,
table.clubmemberslist th { 
   padding:0.5rem; 
   font-size:0.8rem;
   border:1px solid #ccc; 
   text-align:left; 
}

table.clubmemberslist th { 
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-weight:bold; 
   line-height:1rem;
   color:white; 
}

table.clubmemberslist td.messageLeftCol {
   border-right:transparent;
}

table.clubmemberslist td.messageRightCol {
   border-left:transparent;
}

table.clubmemberslist th.leftCol,
table.clubmemberslist td.leftCol  {
   border-right:transparent;
}

table.clubmemberslist th.rightCol,
table.clubmemberslist td.rightCol {
   border-left:transparent;
}

table.clubmemberslist th.registrationForLeftCol {
   border-right:transparent;
}
table.clubmemberslist td.registrationForLeftCol {
   border-right:transparent;
}
table.clubmemberslist th.registrationForRightCol {
   border-left:transparent;
}
table.clubmemberslist td.registrationForRightCol {
   border-left:transparent;
}


.editClubForm3 {
   display:grid;
   grid-template-rows:auto;
   grid-template-columns:40rem 35rem;
}

fieldset.editlocalclubs {
    height: 25rem;
}

table.clublocalclubslist td,
table.clublocalclubslist th { 
   padding:0.5rem; 
   font-size:0.8rem;
   border:1px solid #ccc; 
   text-align:left; 
}

table.clublocalclubslist th { 
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-weight:bold; 
   line-height:1rem;
   color:white; 
}

table.clublocalclubslist td.messageLeftCol {
   border-right:transparent;
}

table.clublocalclubslist td.messageRightCol {
   border-left:transparent;
}

table.clublocalclubslist th.leftCol,
table.clublocalclubslist td.leftCol  {
   border-right:transparent;
}

table.clublocalclubslist th.rightCol,
table.clublocalclubslist td.rightCol {
   border-left:transparent;
}

table.clublocalclubslist th.registrationForLeftCol {
   border-right:transparent;
}
table.clublocalclubslist td.registrationForLeftCol {
   border-right:transparent;
}
table.clublocalclubslist th.registrationForRightCol {
   border-left:transparent;
}
table.clublocalclubslist td.registrationForRightCol {
   border-left:transparent;
}


button, input, select {
    line-height:normal;
}

/* # ############### */
/* 20231130 Hoefling */
.actionbarFormAdminClub {
   margin-top:0.5rem;
}
/* # ############### */

button, input, select, textarea {
   display:inline-block;
   font-size:0.8rem;
   margin:0;
}

button,input[type="text"],input[type="text"],input[type="email"],input[type="date"],input[type="time"],select {
   height:2.2rem;
}
input[type="checkbox"] {
   background-color:#ffffff;
}

input,
textarea,
input.noCheck,
textarea.noCheck {
/*
    width:100%;
*/
    padding:0.5rem;
    border:0.05rem solid #7F7F7F;
    border-radius:0.15rem;
    box-sizing:border-box;
    resize:vertical;
}

input:disabled {
   background-color:#F0F0F0;
}

textarea.editevent {
   margin-left:0.25rem;
   width:42.5rem;
   height:13.2rem;
}

textarea.rideoutdescription {
   margin-left:0.2rem;
   width:35rem;
   height:6rem;
}

fieldset.editevent {
   height:18rem;
}
fieldset.editevent_f4_r0_c0 {
   height:9rem;
}

fieldset.editevent_f4_r0_c1 {
   height:17rem;
}

fieldset.editevent_f4_r1_c0 {
   height:7rem;
}

dl.callback {
    margin:0;
}
dl.callback dd {
    margin:0;
}
dl.callback label {
    display:inline-block;
/*
    width:10rem;
*/
    padding:0;
    margin:0;
}

dl.callback label.distance {
    display:inline-block;
    width:5rem;
    padding:0;
    margin:0;
}

select.callback {
   padding:0.5rem;
   border:0.05rem solid #7F7F7F;
   border-radius:0.15rem;
   box-sizing:border-box;
}

select:disabled {
   background-color:#eeeeee;
}

label.header {
   font-weight:700;
}

label.input {
   font-weight:700;
   cursor: pointer;
}

label.check {
   cursor: pointer;
   min-width:15rem;
}

label.headevent {
   color:#ff6600;
}

label.select {
   font-weight:700;
}

div.availablefieldsName {
    display:inline-block;
    width:13rem;
    border:0.05rem solid #7F7F7F;
    border-radius:0.15rem;
    float:left;
}

div.availablefieldsNameHeader,
div.additionalfieldsNameHeader {
   display:inline-block;
   width:13rem;
   background-color:#cccccc;
   margin:0rem;
   padding:0rem;
}

div.additionalfieldsIsCompulsoryHeader {
   display:inline-block;
/*
   width:13rem;
*/
   background-color:#cccccc;
   margin:0rem;
   padding:0rem;
}

div.availablefieldsNameDetails,
div.additionalfieldsNameDetails {
   display:inline-block;
   width:13rem;
   margin:0rem;
   padding:0rem;
}

div.additionalfieldsIsCompulsoryDetails {
   display:inline-block;
/*
   width:13rem;
*/
   margin:0rem;
   padding:0rem;
}

div.availablefieldsAction {
    display:inline-block;
    padding:0.5rem;
    border:0.05rem solid #7F7F7F;
    border-radius:0.15rem;
    float:left;
}

div.availablefieldsAction img,
div.additionalfieldsAction1 img,
div.additionalfieldsAction2 img,
div.additionalfieldsAction3 img {
   margin:0rem;
}

div.additionalfieldsName {
    display:inline-block;
    width:13rem;
    border:0.05rem solid #7F7F7F;
    border-right:0rem;
    border-radius:0.15rem;
    float:left;
}

div.additionalfieldsIsCompulsory {
    display:inline-block;
    width:5rem;
    border:0.05rem solid #7F7F7F;
    border-left:0rem;
    float:left;
}

div.availablefieldsName p,
div.additionalfieldsName p,
div.additionalfieldsIsCompulsory p {
   padding-top:0.2rem;
   padding-bottom:0.2rem;
}

p.unselectedAdditionalFieldName {
   background-color:transparent;
}

p.selectedAdditionalFieldName {
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-full));
   color:var(--ci-color-font-inverse,yellow);
}

p.unselectedAdditionalFieldIsCompulsory {
   background-color:transparent;
   text-align:center;
   width:5rem;
}

p.selectedAdditionalFieldIsCompulsory {
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-full));
   text-align:center;
   width:5rem;
}

p.unselectedAvailableField {
   background-color:transparent;
}

p.selectedAvailableField {
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-full));
   color:var(--ci-color-font-inverse,yellow);
}

output.logo img {
   max-width:200px;
}

dt, dt li {
    font-size: 1rem;
    font-weight: 300;
    padding: 0.25em;
    margin-bottom: 0;
}

input.rem30 {
   width:30rem;
}

input.justifyright {
   text-align:right;
}

input.addondescription {
   width:16rem;
}

input.addonfee {
   width:7rem;
   text-align:right;
}

.rem2 {
   width:2rem;
}

.rem4 {
   width:4rem;
}

.rem5 {
   width:5rem;
}

.rem6 {
   width:6rem;
}

.rem7 {
   width:7rem;
}

.rem8 {
   width:8rem;
}

.rem9 {
   width:9rem;
}

.rem10 {
   width:10rem;
}

.rem11 {
   width:11rem;
}

.rem12 {
   width:12rem;
}

.rem13 {
   width:13rem;
}

.rem14 {
   width:14rem;
}

.rem15 {
   width:15rem;
}

.rem16 {
   width:16rem;
}

.rem17 {
   width:17rem;
}

.rem18 {
   width:18rem;
}

.rem20 {
   width:20rem;
}

.rem22 {
   width:22rem;
}

.rem23 {
   width:23rem;
}

.rem30 {
   width:30rem;
}

.rem40 {
   width:40rem;
}

.mw_rem2 {
   min-width:2rem;
}

.mw_rem4 {
   min-width:4rem;
}

.mw_rem6 {
   min-width:6rem;
}

.mw_rem10 {
   min-width:10rem;
}

.mw_rem12 {
   min-width:12rem;
}

.mw_rem15 {
   min-width:15rem;
}

.mw_rem16 {
   min-width:16rem;
}

.mw_rem30 {
   min-width:30rem;
}

dl.callback label.addondescription {
   display:inline-block;
   padding:0rem;
   margin:0rem;
   font-weight:700;
   cursor:pointer;
   width:16rem;
}

dl.callback label.addonfee {
   display:inline-block;
   padding:0rem;
   margin:0rem;
   font-weight:700;
   cursor:pointer;
   width:7rem;
}

form.exportCSV {
   display:inline;
   border:none;
   padding:0;
   margin:0;
   background:transparent;
}

button.exportCSV {
   background-color:transparent;
   border:none;
}

button.exportCSV:hover {
   border:none;
   cursor:pointer;
}

button.exportCSV:focus {
   border:none;
   outline:none;
}


span.href:hover {
   cursor:pointer;
}

img {
   margin:0.5rem;
}

img.href {
/*   margin:1rem;*/
   margin:0.4rem;
   width:30px;
   height:30px;
/*
   border:0.125rem solid #ccc;
*/
   -moz-box-shadow:0.3rem 0.3rem 0.3rem #666;
   -webkit-box-shadow:0.3rem 0.3rem 0.3rem #666;
   box-shadow:0.3rem 0.3rem 0.3rem #666;
   -moz-border-radius:16px;
   -webkit-border-radius:16px;
   border-radius:16px;
}

img.href:active {
   transform:translateY(0.1rem);
}

img.href:hover {
   cursor:pointer;
}

img.hrefsquare:hover {
   cursor:pointer;
}

img.inactive {
   margin:0.4rem;
   width:30px;
   height:30px;
/*
   border:0.125rem solid #ccc;
*/
   -moz-box-shadow:0.3rem 0.3rem 0.3rem #666;
   -webkit-box-shadow:0.3rem 0.3rem 0.3rem #666;
   box-shadow:0.3rem 0.3rem 0.3rem #666;
   -moz-border-radius:16px;
   -webkit-border-radius:16px;
   border-radius:16px;
}

img.inactive:hover {
   cursor:normal;
}

form.addParticipant {
   margin:0;
/*   width:99%;
   height:50%;
   border:1px solid black;*/
}

form.sendRegistration {
   margin:0;
}

/*#######*/
div.wheel {
   display:none;
   position:fixed;
   top:12%;
   left:45%;
   width:60px;
   height:60px;
   margin:auto;
   z-index:1;
}

div.wheel:after {
   clear:both;
}

div.nav img.wheel {
   border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

main img.wheel {
   border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
   z-index:999998;
}
/*#######*/

@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

div.statusHint {
   display:none;
   position:fixed;
   top:20%;
   left:2%;
   width:120px;
   height:60px;
   margin:auto;
   z-index:2;
}

div.statusHint:after {
   clear:both;
}

div.nav img.statusHint {
   border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

main img.statusHint {
   border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
   z-index:999998;
}


div.editEvents {

   float:right;
}



div.nav img {
   margin:0.5rem;
   width:50px;
   height:50px;
/*
   border:2px solid #ccc;
*/
   -moz-box-shadow:0.3rem 0.3rem 0.3rem #666;
   -webkit-box-shadow:0.3rem 0.3rem 0.3rem  #666;
   box-shadow:0.3rem 0.3rem 0.3rem  #666;
   -moz-border-radius:26px;
   -webkit-border-radius:26px;
   border-radius:26px;
}

div.nav img:active {
   transform:translateY(0.2rem);
}

@media only screen and (max-width:500px) {
   .subNav {
      min-width:100%;
   }
}



dl.loginInfo {
   font-size:0.8rem;
   margin-block-end:0;
   margin-block-start:0;
}

dl.loginInfo dt {
   float: left;
   border:none;
   font-size:0.8rem;
   font-weight:700;
   font-style:normal;
   line-height:1.2rem;
   margin:0;
   margin-right:0.5rem;
   padding:0;
}

dl.loginInfo dt::after { 
  content:" "; 
}


dl.loginInfo dd {
   border:none;
   font-size:0.8rem;
   font-style:normal;
   line-height:1.2rem;
   margin:0;
   padding:0;
}

dl.loginInfo dd::after {
  clear:left;
  content:" ";
  display:block;
}

@media only screen and (max-width:700px) {
   .subNav .centerNav img { 
      width:60%;
   }
}



/*
.boxes {
	width:50%;
	margin:0 auto;
}
.box {
	display:inline-block;
	width:24%;
	height:15em;
	text-align:center;
	line-height:15em;
	color:#fff;
}
.one { background:#333;	}
.two { 
	background:#fff;
	color:#333;
}
.three { background:#aaa; }
.four { background:#dc002e; }
*/

/* 768px */
/*
@media screen and (max-width:48em) {
	.boxes { 
		display:table;
		width:100%;
	}
	.box {
		display:block;
		width:100%;
	}
	.three { display:table-caption; }
	.four { display:table-header-group; }
	.one { display:table-footer-group; }
}
*/

div.eventInfosStatusHeader {
   min-height:1.9rem;
}


div.eventInfoHeaderLeft {
   display:table;
   height:3.5rem;
   width:69%;
   float:left;
}
div.eventInfoHeaderLeft h3 {
  display: table-cell;
  vertical-align: middle;
}
div.eventInfoHeaderRight {
   display:table;
   height:3.5rem;
   width:30%;
   float:left;
   text-align:right;
}

@media only screen and (max-width:1200px) {
div.eventInfosStatusHeader {
   min-height:2rem;
}

   div.eventInfoHeaderLeft {
      width:100%;
   }

   div.eventInfoHeaderRight {
      width:100%;
   }
}

div.eventRegistrationsStatusHeader {
   min-height:2rem;
}

div.eventRegistrationsHeaderMain {
/*
   margin-top:0.6rem;
*/
   width:100%;
   display:flex;
   justify-content:space-between
}

div.eventRegistrationsStatusHeaderLeft {
   width:69%;
   float:left;
}

div.eventRegistrationsStatusHeaderRight {
   width:30%;
   float:left;
   text-align:right;
}

@media only screen and (max-width:400px) {
   div.eventRegistrationsStatusHeaderLeft {
      width:100%;
   }

   div.eventRegistrationsStatusHeaderRight {
      width:100%;
   }
}

@media only screen and (max-width:400px) {
   div.eventRegistrationsHeaderLeft {
      width:100%;
   }

   div.eventRegistrationsHeaderRight {
      width:100%;
   }
}

div.eventRegistrationsHeaderLeft {
   display:table;
   height:3.5rem;
   width:69%;
   float:left;
}
div.eventRegistrationsHeaderLeft h3 {
  display: table-cell;
  vertical-align: middle;
}

div.eventRegistrationsHeaderRight {
   display:table;
   height:3.5rem;
   width:30%;
   float:left;
   text-align:right;
}

div.participantsDetailsHeaderLeft {
   width:59.5%;
   float:left;
/*   border:1px solid black; */
   min-height:2.5em;
}

div.adminResults div.participantsDetailsHeaderLeft {
   padding-left:0.5rem;
}

div.participantsDetailsHeaderRight {
   width:39.5%;
   float:left;
   text-align:right;
/*   border:1px solid black; */
}
/* ########################################### */

.eventTitle {
   display:inline-block;
   vertical-align:top;
   float:left;
   margin:0rem;
   margin-top:0.9rem;
   width:80%;
}

.eventAdminUmbrella {
   display:inline-block;
   vertical-align:top;
   text-align:right;
   float:left;
   margin:0rem;
   margin-top:0.9rem;
   width:19.5%;
}

.boxes {
   clear:both;
}

div.adminNavigation {
   border-bottom:0.25rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
}

div.adminResults {
   border-left:0.25rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
}

div.eventTextareasNavigation {
   border-bottom:0.15rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
}

div.eventTextareas {
   border-left:0.15rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
}

div.eventRideoutNavigation {
   border-bottom:0.15rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
}

div.eventRideout {
   border-left:0.15rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
}


img.eventImg {
   width:95%;
}

img.alignMiddle {
   vertical-align:middle;
/*
   margin-left:0.5rem;
*/
   margin:0.25rem;
}

span.tabactive {
   display:inline-block;
   font-size:0.8rem;
   border:0.25rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
   border-bottom:0;
   width:12rem;
/*
   padding-bottom:0.25rem;
   padding-top:0.25rem;
*/
   padding-bottom:0.15rem;
   padding-top:0.15rem;
}

div.participantsDetailsHeaderLeft span.tabactive {
   width:24rem;
}

div.participantsDetailsHeaderLeft span.tabactive.registration {
   width:12rem;
}

span.tabinactive {
   display:inline-block;
   font-size:0.8rem;
   border:0.15rem solid #cccccc;
   border-bottom:0;
   width:12rem;
/*
   padding-bottom:0.25rem;
   padding-top:0.25rem;
*/
   padding-bottom:0.15rem;
   padding-top:0.15rem;
}

div.participantsDetailsHeaderLeft span.tabinactive {
   width:24rem;
}

div.participantsDetailsHeaderLeft span.tabinactive.registration {
   width:12rem;
}

span.subtabactive {
   display:inline-block;
   font-size:0.8rem;
   border:0.15rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
   border-bottom:0;
   width:14rem;
   padding-left:0.1rem;
   padding-bottom:0.25rem;
   padding-top:0.25rem;
}

span.subtabinactive {
   display:inline-block;
   font-size:0.8rem;
   border:0.05rem solid #cccccc;
   border-bottom:0;
   width:14rem;
   padding-left:0.1rem;
   padding-bottom:0.25rem;
   padding-top:0.25rem;
}

span.placeholderNoParticipants {
   font-size: 0.8rem;
   font-weight:700;
   color:#ff6600;
   padding-left:0.5rem;
}

.floating-boxleft {
   display:inline-block;
   vertical-align:top;
   width:28%;
   margin:0.9rem;
   margin-left:0;
}

div.adminResults h4 {
   padding-left:0.5rem;
}

div.adminResults #idEventParticipantsDetails {
   padding-left:0.5rem;
}

/*
tr.queryRow {
   display:none;
}
*/

#ID_queryRow0 {
   display:none;
}

#ID_queryRow1 {
   display:none;
}

#ID_queryRow2 {
   display:none;
}

#ID_queryRow3 {
   display:none;
}

#ID_queryAdminClubRow1 {
   display:none;
}

#ID_queryAdminClubRow2 {
   display:none;
}

#ID_queryAdminClubRow3 {
   display:none;
}

table.eventRegistrationsParticipants td,
table.eventRegistrationsParticipants th { 
   padding:0.5rem; 
   font-size:0.8rem;
   border:1px solid #ccc; 
   text-align:left; 
}

table.eventRegistrationsParticipants tr.clubRow {
   border-top:0.15rem solid rgba(40,64,52,1);
   border-bottom:0.15rem solid rgba(40,64,52,1);
   background-color: rgba(250,255,196,1);
}

table.eventRegistrationsParticipants td.clubPaymentKey {
   border:0.15rem solid rgba(40,64,52,1);
   border-right:0rem;
   background-color:#ffffff;
   background-color: rgba(250,255,196,0.7);
}

table.eventRegistrationsParticipants td.registrationStatus {
   border-left:0.15rem solid rgba(40,64,52,1);
}

tr.rideoutRow, tr.rideoutRow td {
   font-weight:700;
   text-transform:uppercase;
   border-top:0.15rem solid rgba(40,64,52,1);
   border-bottom:0.15rem solid rgba(40,64,52,1);
   border-collapse:collapse;
}

td.icon {
   width:2rem;
   overflow:hidden;
   display:inline-block;
   white-space:nowrap;
}

img.iconleft {
    float:left;
    margin:0.5rem;
    margin-left:0;
}


input.queryLastname {
   width:6rem;
}

input.queryFirstname {
   width:6rem;
}

input.queryYob {
   width:3rem;
}

select.queryTov {
   width:8rem;
}

input.queryLicenseplate {
   width:6rem;
}


input.queryPaymentkey {
   width:6rem;
}

input.queryAmount {
   width:6rem;
}

select.queryRideout {
   width:15rem;
}

textarea.message {
   margin-left:1rem;
   min-width:15rem;
   min-height:3rem;
}

.floating-boxright {
   display:inline-block;
   vertical-align:top;
   width:70%;
   margin:0.9rem;
   margin-left:0;
   margin-right:0;
   margin-bottom:0px;
}


div.registrations {
}

.floating-boxleft img, .floating-boxright img {
   margin-left:0.5rem;
}

.after-box {
    margin:10px;
    margin-bottom:0px;
    padding:5px;
/*
    border:3px solid red; 
*/
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.floating-adminboxleft {
   display:inline-block;
   vertical-align:top;
/*
   width:20%;
*/
   margin:0.9rem;
   margin-left:0;
   margin-right:0;
}

.floating-adminboxright {
   display:inline-block;
   vertical-align:top;
   min-width:50rem;
   margin:0.9rem;
   margin-left:-0.45rem;
   margin-bottom:0;
/*
   padding-left:0.5rem;
*/
   border-top:0.25rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
   border-left:0.25rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
}


p {
   font-size:0.8rem;
   line-height:1rem;
   margin:0;
}

div.eventFrame2 p,
div.eventFooter p {
   margin-top:0.4rem;
}

hr.dotteddivider {
    border: 0.1em dotted #7a7a7a;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*


.cf::after, .cf::before {
    content: "";
    display: table;
}
.cf::after {
    clear: both;
}
.cf::after, .cf::before {
    content: "";
    display: table;
}

#sidebar {
   color: #444444;
   font-size: 14px;
   margin-bottom: 40px;
   width: 320px;
   clear:none;
}

#sidebar .block {
   background-color:transparent;
   border:none;
   margin-bottom:0px;
}

#sidebar .block .sidebar-top {
    background: rgba(0, 0, 0, 0) url("../img/sidebar-top.png") no-repeat scroll 0 0;
    height: 38px;
    width: 100%;
}

#sidebar .block .sidebar-content {
    background: rgba(0, 0, 0, 0) url("../img/sidebar.png") repeat-y scroll 0 0;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
}

#sidebar .block .sidebar-bottom {
    background: rgba(0, 0, 0, 0) url("../img/sidebar-bottom.png") no-repeat scroll 0 0;
    height: 38px;
    width: 100%;
}

#sidebar div.ads {
   padding-left:10px;
   padding-right:10px;
   margin: 0 auto;
}

#sidebar p {
   font-size:13px;
   line-height:15px;
   margin-bottom:5px;
}

#sidebar p.notepadheader,
#notepad p.notepadheader {
   border-bottom:dotted #7a7a7a 0.1em;
   padding-bottom:8px;
   font-family:'Lobster',cursive;
   font-size:20px;
   text-align:center;
   margin-bottom:10px;
}

#sidebar li {
   display: block;
}

#sidebar a {
   color: #fb8a00;
   color: #007f00;
}

#notepad a {
   color: #007f00;
}
*/

img.gallery {
    display: block;
    float:left;
    height: auto;
    margin: 0.5em;
    max-width: 100%;
}



.sf-menu, .sf-menu * {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.sf-menu li {
    float: left;
    position: relative;
}


#nav > li {
    display:block;
    float:left;
    font-size:2.5rem;
    left:50%;
    margin:0;
    margin-left:0.5rem;
    margin-right:0.5rem;
    padding:0;
    position:relative;
/*    border:0.2rem solid #418b67;*/
    width:15rem;
}

.sf-menu a {
    text-decoration: none;
    position: relative;
}

#nav > li a {
    color:#183427;
    display:block;
/*
    height:3rem;
    line-height:3rem;
*/
}

#nav > li span.nav {
    padding:0;
    margin:0;
    font-size:2rem;
}

/*
#comboNav {
    float:left;
    margin:1rem;
    margin-bottom:1rem;
    margin-top:1rem;
    width:90%;
}

#comboNav {
    display:none;
}
*/
div.eventInfos {
   min-height:10rem;
}

#ideventInfos {
   min-height:10rem;
/*
   height:5rem;
*/
}

div.eventFrames {
   padding-top:0rem;
}

.eventFrame1 {
   padding-top:0rem;
}

.eventFrame2, .eventFrame3 {
   padding-top:0.5rem;
}

.eventFrame3 p.eventFooter {
   padding-top:0.5rem;
}

.eventFrame3 img {
   max-width:95%;
}




.eventRegistrations {
   padding-top:0.5rem;
}

div.eventRegistrationFrame1 {
   display:inline-block;
   padding-top:0.5rem;
   width:100%;
}
div.eventRegistrationFrame2 {
   display:none;
   padding-top:0.5rem;
   width:100%;
}

div.eventRegistrationsNone {
   display:inline-block;
   padding:0.5rem;
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-size:0.9rem;
   font-weight:bold; 
   line-height:1rem;
   color:white;
   width:99%;
}

div.rideoutsRegistrationsNone {
   display:inline-block;
   padding:0.5rem;
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-size:0.9rem;
   font-weight:bold; 
   line-height:1rem;
   color:white;
   width:99%;
}


div.sendEventRegistrationsFirst {
   display:inline-block;
   padding:0.5rem;
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-size:0.9rem;
   font-weight:bold; 
   line-height:1rem;
   color:white;
   width:95%;
}

table.eventInfoFees {
   margin-top:0rem;
   padding-top:0rem;
   border:none;
   width:100%;
}

table.eventInfoFees td {
   padding:0.5rem; 
   font-size:0.8rem;
   line-height:1rem;
   text-align:right;
}

table.eventInfoFees td.feeName {
  width:75%;
  font-weight:bold;
}

table.eventInfoFees td.addonNumber {
   width:5%;
   font-weight:bold;
   text-align:left;
}

table.eventInfoFees td.addonName {
  width:70%;
  font-weight:bold;
}


table.eventInfoFees td.feeValue, table.eventInfoFees td.addonValue {
  width:15%;
}

table.eventInfoFees td.lblFee, table.eventInfoFees td.lblAddons {
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   color:#ffffff;
   text-align:left;
   font-weight:bold;
}

/* Zebra striping */
table.eventInfoFees tr.addons:nth-of-type(even) { 
   background:#eee; 
}

table.eventRegistrationsParticipants { 
   width: 100%; 
   border-collapse: collapse; 
   margin-bottom:0.5rem;
}
/* Zebra striping */
table.eventRegistrationsParticipants tr.participant:nth-of-type(even) { 
   background: #eee; 
}
table.eventRegistrationsParticipants th { 
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-weight:bold; 
   line-height:1rem;
   color:white; 
}

table.eventRegistrationsParticipants td.messageLeftCol {
   border-right:transparent;
}

table.eventRegistrationsParticipants td.messageRightCol {
   border-left:transparent;
}

table.eventRegistrationsParticipants th.leftCol,
table.eventRegistrationsParticipants td.leftCol  {
   border-right:transparent;
}

table.eventRegistrationsParticipants th.rightCol,
table.eventRegistrationsParticipants td.rightCol {
   border-left:transparent;
}

table.eventRegistrationsParticipants th.registrationForLeftCol {
   border-right:transparent;
}
table.eventRegistrationsParticipants td.registrationForLeftCol {
   border-right:transparent;
}
table.eventRegistrationsParticipants th.registrationForRightCol {
   border-left:transparent;
}
table.eventRegistrationsParticipants td.registrationForRightCol {
   border-left:transparent;
}


table.eventRegistrationsParticipants td.Addon,
table.eventRegistrationsParticipants th.lblAddon { 
   text-align:center;
   font-size:0.8rem;
   padding:0.2rem;
}

table.eventRegistrationsAddParticipants { 
   width:95%;
   display:block !important;
   overflow-x:auto !important;
   border-collapse:collapse; 
   margin-bottom:0.5rem;
   max-height: 70vh;
}
/*
table.eventRegistrationsAddParticipants tbody {
  display:block;
  overflow:auto;
  height:400px;
  width:95%;
}

table.eventRegistrationsAddParticipants thead tr {
  display:block;
}
*/
/*
table.eventRegistrationsAddParticipants thead tr:after {
   content:'';
   overflow-y:scroll;
   visibility:hidden;
}

table.eventRegistrationsAddParticipants thead th {
   flex:1 auto;
   display:block;
}

table.eventRegistrationsAddParticipants tbody {
   display:block;
   width: 100%;
   overflow-y:auto;
   height:auto;
   max-height:200px;
}

table.eventRegistrationsAddParticipants thead tr,
table.eventRegistrationsAddParticipants tbody tr {
   display:flex;
}

table.eventRegistrationsAddParticipants tbody tr td {
   flex:1 auto;
   word-wrap:break;
}
*/

table.clubmemberslist { 
/*   width:95%; */
   width:32rem;
   display:block !important;
   overflow-x:auto !important;
   border-collapse:collapse; 
   margin-bottom:0.5rem;
/* 20250929 B
   max-height:49vh;
*/
   max-height:20rem;
/* 20250929 E*/
}

table.clublocalclubslist { 
/*   width:95%; */
   width:38.5rem;
   display:block !important;
   overflow-x:auto !important;
   border-collapse:collapse; 
   margin-bottom:0.5rem;
/* 20250929 B
   max-height:49vh;
*/
   max-height:20rem;
/* 20250929 E*/
}

/* 20250929 B*/
div.actionbarFormAddClubmember {
   padding-top:5rem;
}
div.actionbarFormEditClubmember {
   padding-top:5rem;
}
div.ID_actionbarFormEditClubmemberSave {
   padding-top:5rem;
}
div.actionbarFormAddLocalclub {
   padding-top:1rem;
}
div.actionbarFormEditLocalclub {
   padding-top:1rem;
}
/* 20250929 E*/

/* ----------------------------------------------- */
#ID_timeout {
    display: none;
}

.timeout {
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:999999;
}

div.innerTimeout {
   background:#fff none repeat scroll 0 0;
   border-radius:1rem;
   margin:1% auto;
   opacity:1;
   padding:0.5rem;
/* pointer-events:auto;*/
   position:relative;
   width:30rem;
}


/* ---------------------------------------------- */


#ID_eventRegistrationAddParticipant {
    display: none;
}
.eventRegistrationAddParticipant {
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:99999;
}


#ID_deleteParticipant {
    display: none;
}
.deleteParticipant {
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:100000;
}

div.innerDeleteParticipant {
    background:#fff none repeat scroll 0 0;
    border-radius:1rem;
    margin:1% auto;
    opacity:1;
    padding:0.5rem;
/*  pointer-events:auto;*/
    position:relative;
    width:20rem;
    height:9.5rem;
    z-index:100000;
}

/* 20250929 B */
#ID_deleteClubmember {
    display: none;
}
.deleteClubmember {
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:100000;
}

div.innerDeleteClubmember {
    background:#fff none repeat scroll 0 0;
    border-radius:1rem;
    margin:1% auto;
    opacity:1;
    padding:0.5rem;
/*  pointer-events:auto;*/
    position:relative;
    width:20rem;
    height:9.5rem;
    z-index:100000;
}

/* 20250929 E */

/* 20250930 B */
#ID_deleteClub {
    display: none;
}
.deleteClub {
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:100000;
}

div.innerDeleteClub {
    background:#fff none repeat scroll 0 0;
    border-radius:1rem;
    margin:1% auto;
    opacity:1;
    padding:0.5rem;
/*  pointer-events:auto;*/
    position:relative;
    width:20rem;
    height:9.5rem;
    z-index:100000;
}

/* 20250930 E */

/* ---------------------------- */
table.rideoutRegistrationsParticipants { 
   width: 100%; 
   border-collapse: collapse; 
   margin-bottom:0.5rem;
}
/* Zebra striping */
table.rideoutRegistrationsParticipants tr:nth-of-type(even) { 
   background: #eee; 
}
table.rideoutRegistrationsParticipants th { 
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-weight:bold; 
   line-height:1rem;
   color:white; 
}
table.rideoutRegistrationsParticipants td, table.rideoutRegistrationsParticipants th { 
   padding:0.5rem; 
   font-size:0.8rem;
   border:1px solid #ccc; 
   text-align:left; 
}

table.rideoutRegistrationsParticipants td.Addon, table.rideoutRegistrationsParticipants th.lblAddon { 
   text-align:center;
   font-size:0.8rem;
   padding:0.2rem;
}

table.rideoutRegistrationsAddParticipants { 
   width:95%;
   display: block !important;
   overflow-x: auto !important;
   border-collapse:collapse; 
   margin-bottom:0.5rem;
}



div.innerEventRegistrationAddParticipants {
   background:#fff none repeat scroll 0 0;
   border-radius:1rem;
   margin:1% auto;
   opacity:1;
   padding:0.5rem;
/* pointer-events:auto;*/
   position:relative;
   width:60rem;
/*   height:50rem;*/
/*   height:45rem;*/
   max-height:90%;
}

div.innerEventRegistrationAddParticipant {
   background:#fff none repeat scroll 0 0;
   border-radius:1rem;
   margin:1% auto;
   opacity:1;
   padding:0.5rem;
/* pointer-events:auto;*/
   position:relative;
/*   height:47rem;*/
   width:33rem;
   z-index:99999;
   max-height:90%;
}

div.innerEventRegistrationAddParticipantsNoMoreMembers {
   background:#fff none repeat scroll 0 0;
   border-radius:1rem;
   margin:1% auto;
   opacity:1;
   padding:0.5rem;
   position:relative;
   width:60rem;
   height:10rem;
}

#idformActionNoSaveEventRegistrationAddParticipants {
   position:absolute;
   left:57.5rem;
}

#idformActionNoSaveEventRegistrationAddParticipants img {
}


#idformActionSaveEventRegistrationAddParticipants {
   display:none;
}


#idformActionSaveEventRegistrationAddParticipant {
   display:none;
}

div.scrollTableAddParticipantVertical {
/*    width:90%;*/
/*    height:41rem; */
/*
    max-height:50%;
    overflow-x:hidden;
    overflow-y:scroll;
    border:1px solid red;
*/
}

div.scrollTableAddParticipants {
/*!!!
      height:85%;
      overflow-y:scroll;
*/
}

div.scrollTableClubMemberslist {
   height:20.5rem;
}

div.scrollTableLocalClubslist {
   height:20.5rem;
}

div.scrollTableAddParticipants {
/*!!!    width:59rem;*/
/*    height:39rem;*/
/*!!!    overflow-x:auto;*/
/*    overflow-y:auto;*/
}

div.scrollTableAddParticipantsNoMoreMembers {
    width:59rem;
    height:6rem;
    overflow-x:auto;
    overflow-y:auto;
}


div.rideoutRegistrationsRideouts {
   width:28rem;
   float:left;
/*   border:1px solid black; */
}

div.scrollRideoutRegistrationsRideoutsInfo {
   margin-top:0.5rem;
   width:25rem;
   height:37rem;
   overflow-x:auto;
   overflow-y:auto;
   float:left;
}

#ID_rideoutRegistrationsRideoutsFullyBooked {
   position:absolute;
   top:8rem;
   left:8rem;
   height:4rem;
   float:left;
   display:none;
}

label.selectRideout {
   display:inline-block;
   width:6rem;
   padding:0.2rem 0.2rem;
   overflow:hidden;
}

select.selectRideout {
   width:17rem;
   overflow: hidden;
}

div.rideoutRegistrationsRideoutsInfo {
   width:25rem;
   float:left;
/*   border:1px solid black; */
}

div.infoline {
   background-color:red;
}

label.inputRideoutinfo {
   float:left;
   display:inline-block;
   width:6rem;
   padding:0.2rem 0.2rem;
   overflow:hidden;
}

input.inputRideoutinfo,
textarea.textareaRideoutinfo {
   float:left;
   width:17rem;
   overflow:hidden;
   margin:0 0 0.2rem 0.35rem;
   padding:0.2rem 0.2rem;
   background-color:#ffffff;
   border:0.1rem solid rgba(var(--ci-color),var(--ci-color-opacity-down1));
}

div.clear {
   clear:both;
}

/*
label.inputRideoutinfo {
   display:inline-block;
   width:5rem;
   overflow:hidden;
   float:left;
}
input.inputRideoutinfo {
   display:inline-block;
   float:left;
}
input.inputRideoutinfo::after {
   content:".";
   clear:both;
   display:block;
   visibility:hidden;
   height:0px;
}
*/

div.scrollTableAddRideoutParticipants {
   width:30rem;
   height:40rem;
   overflow-x:auto;
   overflow-y:auto;
}

div.innerEventRegistrationSendRegistration {
   background:#fff none repeat scroll 0 0;
   border-radius:1rem;
   margin:1% auto;
   opacity:1;
   padding:0.5rem;
/*   pointer-events:auto;*/
   position:relative;
   width:30rem;
}

   div.scrollTableAddRideoutParticipants {
      height:36rem;
   }

   div.scrollRideoutRegistrationsRideoutsInfo {
      height:36rem;
   }
}

@media only screen and (max-height:750px) {
   div.innerEventRegistrationAddParticipant,
   div.innerEventRegistrationAddParticipants {
/*
      height:35rem;
*/
   }
   div.scrollTableAddParticipantVertical,
   div.scrollTableAddParticipants {
/*      height:34rem;*/
   }

   div.scrollTableAddRideoutParticipants {
      height:34rem;
   }

   div.scrollRideoutRegistrationsRideoutsInfo {
      height:34rem;
   }

   div.scrollTableClubMemberslist {
      height:34rem;
   }


}

@media only screen and (max-height:700px) {
   div.innerEventRegistrationAddParticipant,
   div.innerEventRegistrationAddParticipants {
/*
      height:38rem;
*/
   }
   div.scrollTableAddParticipantVertical,
   div.scrollTableAddParticipants {
/*      height:30rem;*/
   }
   div.scrollTableAddRideoutParticipants {
      height:30rem;
   }
   div.scrollRideoutRegistrationsRideoutsInfo {
      height:30rem;
   }
}

@media only screen and (max-height:650px) {
   div.innerEventRegistrationAddParticipant,
   div.innerEventRegistrationAddParticipants {
/*
      height:34rem;
*/
   }
   div.scrollTableAddParticipantVertical,
   div.scrollTableAddParticipants {
/*      height:28rem;*/
   }
   div.scrollTableAddRideoutParticipants {
      height:25rem;
   }
   div.scrollRideoutRegistrationsRideoutsInfo {
      height:25rem;
   }
}

@media only screen and (max-height:600px) {
   div.innerEventRegistrationAddParticipant,
   div.innerEventRegistrationAddParticipants {
/*
      height:30rem;
*/
   }
   div.scrollTableAddParticipantVertical,
   div.scrollTableAddParticipants {
/*      height:24rem;*/
   }
   div.scrollTableAddRideoutParticipants {
      height:23rem;
   }
   div.scrollRideoutRegistrationsRideoutsInfo {
      height:23rem;
   }
}

@media only screen and (max-height:550px) {
   div.innerEventRegistrationAddParticipant,
   div.innerEventRegistrationAddParticipants {
/*
      height:26rem;
*/
   }
   div.scrollTableAddParticipantVertical,
   div.scrollTableAddParticipants {
/*      height:20rem;*/
   }
   div.scrollTableAddRideoutParticipants {
      height:19rem;
   }
   div.scrollRideoutRegistrationsRideoutsInfo {
      height:19rem;
   }
}

@media only screen and (max-height:500px) {
   div.innerEventRegistrationAddParticipant,
   div.innerEventRegistrationAddParticipants {
/*
      height:22rem;
*/
   }
   div.scrollTableAddParticipantVertical,
   div.scrollTableAddParticipants {
/*      height:16rem;*/
   }
   div.scrollTableAddRideoutParticipants {
      height:15rem;
   }
   div.scrollRideoutRegistrationsRideoutsInfo {
      height:15rem;
   }
}

@media only screen and (max-height:450px) {
   div.innerEventRegistrationAddParticipant,
   div.innerEventRegistrationAddParticipants {
/*
      height:15rem;
*/
   }
   div.scrollTableAddParticipantVertical,
   div.scrollTableAddParticipants {
/*      height:11rem;*/
   }
   div.scrollTableAddRideoutParticipants {
      height:8rem;
   }
   div.scrollRideoutRegistrationsRideoutsInfo {
      height:8rem;
   }
}


@media only screen and (max-height:350px) {
   div.innerEventRegistrationAddParticipant,
   div.innerEventRegistrationAddParticipants {
/*
      height:14rem;
*/
   }
   div.scrollTableAddParticipantVertical,
   div.scrollTableAddParticipants {
/*      height:10rem;*/
   }
   div.scrollTableAddRideoutParticipants {
      height:7rem;
   }
   div.scrollRideoutRegistrationsRideoutsInfo {
      height:7rem;
   }
}

@media only screen and (max-width:1300px) {
   .floating-adminboxright {
      min-width:45rem;
      max-width:45rem;
   }
}




@media only screen and (max-width:1000px) {
   div.innerEventRegistrationAddParticipants {
       width:56rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:53.5rem;
   }

   div.scrollTableAddParticipants {
       width:55rem;
   }
   div.floating-boxleft {
     width: 95%;
   }
   div.floating-boxright {
     width: 95%;
   }

   div.scrollTableClubMemberslist {
       width:30rem;
   }
}

@media only screen and (max-width:900px) {
   div.innerEventRegistrationAddParticipants {
       width:50rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:47.5rem;
   }

   div.scrollTableAddParticipants {
       width:49rem;
   }

   div.scrollTableClubMemberslist {
       width:30rem;
   }
}

@media only screen and (max-width:800px) {
   div.innerEventRegistrationAddParticipants {
       width:45rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:42.5rem;
   }

   div.scrollTableAddParticipants {
       width:44rem;
   }
   div.scrollTableClubMemberslist {
       width:30rem;
   }
}

@media only screen and (max-width:750px) {
   div.innerEventRegistrationAddParticipants {
       width:42rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:39.5rem;
   }

   div.scrollTableAddParticipants {
       width:41rem;
   }
   div.scrollTableClubMemberslist {
       width:30rem;
   }
}

@media only screen and (max-width:700px) {
   div.innerEventRegistrationAddParticipants {
       width:40rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:37.5rem;
   }

   div.scrollTableAddParticipants {
       width:39rem;
   }
   div.floating-boxleft {
     width: 95%;
   }
   div.floating-boxright {
     width: 95%;
   }
   div.scrollTableClubMemberslist {
       width:30rem;
   }
}

@media only screen and (max-width:650px) {
   div.innerEventRegistrationAddParticipants {
       width:37rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:34.5rem;
   }

   div.scrollTableAddParticipants {
       width:36rem;
   }
   div.scrollTableClubMemberslist {
       width:30rem;
   }
}

@media only screen and (max-width:600px) {
   div.innerEventRegistrationAddParticipants {
       width:30rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:27.5rem;
   }

   div.scrollTableAddParticipants {
       width:29rem;
   }
   div.innerEventRegistrationAddParticipant {
      width:30rem;
   }
   div.scrollTableAddParticipantVertical {
/*      width:28rem;*/
   }
   div.scrollTableClubMemberslist {
       width:30rem;
   }
}


@media only screen and (max-width:500px) {
   div.innerEventRegistrationAddParticipant {
      width:25rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:22.5rem;
   }

   div.scrollTableAddParticipantVertical {
/*      width:23rem;*/
   }
   div.innerEventRegistrationSendRegistration {
      width:25rem;
   }
   div.scrollTableClubMemberslist {
       width:30rem;
   }

}

@media only screen and (max-width:400px) {
   div.innerEventRegistrationAddParticipants {
       width:15rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:12.5rem;
   }

   div.scrollTableAddParticipants {
       width:14rem;
   }
   div.innerEventRegistrationAddParticipant {
      width:20rem;
   }
   div.scrollTableAddParticipantVertical {
/*      width:18rem;*/
   }
   div.innerEventRegistrationSendRegistration {
      width:20rem;
   }
   div.scrollTableClubMemberslist {
       width:30rem;
   }
}

@media only screen and (max-width:350px) {
   div.innerEventRegistrationSendRegistration {
      width:18rem;
   }

   #idformActionNoSaveEventRegistrationAddParticipants {
      left:15.5rem;
   }

}


/* Zebra striping */
table.eventRegistrationsAddParticipants tr:nth-of-type(even),
table.rideoutRegistrationsAddParticipants tr:nth-of-type(even) { 
   background: #eee; 
}
table.eventRegistrationsAddParticipants th,
table.rideoutRegistrationsAddParticipants th { 
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-weight:bold; 
   line-height:1rem;
   color:white; 
}
table.eventRegistrationsAddParticipants td, table.eventRegistrationsAddParticipants th,
table.rideoutRegistrationsAddParticipants td, table.rideoutRegistrationsAddParticipants th { 
   padding:0.5rem; 
   font-size:0.8rem;
   border:1px solid #ccc; 
   text-align:left; 
}

table.eventRegistrationsStatus { 
   width: 100%; 
   border-collapse: collapse; 
   margin-bottom:0.5rem;
}
/* Zebra striping */
table.eventRegistrationsStatus tr.eventRegistrationsStatus:nth-of-type(even) { 
   background: #eee; 
}

/* Zebra striping */
table.eventRegistrationsStatus tr:nth-of-type(even) { 
   background: #eee; 
}




table.eventRegistrationsStatus th { 
   background-color:rgba(var(--ci-color),var(--ci-color-opacity-down1));
   font-weight:bold; 
   line-height:1rem;
   color:white; 
}
table.eventRegistrationsStatus td, table.eventRegistrationsStatus th { 
   padding:0.5rem; 
   font-size:0.8rem;
   border:1px solid #ccc; 
   text-align:left; 
}

table.eventRegistrationsStatus td {
   line-height:1rem;
}

table.eventRegistrationsStatus img {
   margin:0.1rem;
}



div.vca {
   border-top:0.1rem dotted rgba(var(--ci-color),var(--ci-color-opacity-full));
   width:50%;
   float:left;
   text-align:left;
}

div.release {
   border-top:0.1rem dotted rgba(var(--ci-color),var(--ci-color-opacity-full));
   width:50%;
   float:right;
   text-align:right;
}

table.eventRegistrationsParticipants input[type="checkbox"] {
   margin:0.1rem;
}

table.eventRegistrationsParticipants img {
   margin:0.1rem;
}



table.eventRegistrationsVertical {
/*
   width:95%;
   max-height:95%;
*/
/*   height:50%;*/
   max-height:70vh;
   display:block !important;
   overflow-x:auto !important;
   border-collapse:collapse; 
   margin-bottom:0.5rem;
/*   border:1px solid green;
   overflow-y:scroll;*/
}






table.eventRegistrationsVertical tr.eventParticipants:nth-of-type(even){
   background: #eee none repeat scroll 0 0;
}
td.eventParticipantLbl, td.eventParticipantAddonLbl, td.eventParticipantVal {
   font-size:0.8rem;
   line-height:0.9rem;
   padding:0.4rem;
}
td.eventParticipantLbl {
   font-weight:bold;
}
td.eventParticipantAddonLbl {
   font-weight:normal;
   text-align:right;
}

td.eventParticipantAddonFee {
   font-size:0.8rem;
   line-height:0.9rem;
   padding:0.4rem;
   text-align:right;
   padding-right:8rem;
}



tr.eventParticipants {
}
table.eventParticipant {
   width:100%;
   overflow:auto;
}
tr.eventParticipant {
}

/*
### Add Participants ###
*/

#ID_eventRegistrationAddParticipants {
   display:none;
}

.eventRegistrationAddParticipants {
   position:fixed;
   top:0;
   right:0;
   bottom:0;
   left:0;
   background: rgba(0,0,0,0.8);
   z-index:99999;
}

#ID_rideoutRegistrationAddParticipants {
   display:none;
}

.rideoutRegistrationAddParticipants {
   position:fixed;
   top:0;
   right:0;
   bottom:0;
   left: 0;
   background: rgba(0,0,0,0.8);
   z-index:99999;
}


.invalid {
/*   border:0.1rem solid #d40000;*/
   background-color:rgba(212,0,0,0.5);
}

.valid {
   border:0.1rem solid rgba(var(--ci-color),var(--ci-color-opacity-full));
}

/*
### Send Registration ###
*/
#ideventRegistrationSendRegistration {
   display:none;
}

.eventRegistrationSendRegistration {
   position:fixed;
   top:0;
   right:0;
   bottom:0;
   left:0;
   background: rgba(0,0,0,0.8);
   z-index:99999;
}

#idformActionSendRegistration {
   display:none;
}

#idformActionNoSendRegistration {
   display:block;
}

span.sessionEnds {
   font-size:0.8rem;
   line-height: 1.2rem;
}


/*
@media only screen and (max-width:1250px) {
   div.eventRegistrationFrame1 {
      display:none;
   }
   div.eventRegistrationFrame2 {
      display:inline-block;
   }
}
*/

/* ##################################################################### */
/* TABLET ############################################################## */
/* ##################################################################### */
@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/* ##################################################################### */
/* WIDE MOBILE ######################################################### */
/* ##################################################################### */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/*
@media only screen and (max-width:500px) {
   .floating-boxleft {
      width:95%;
   }
   .floating-boxright {
      width:95%;
   }
   div.innerEventRegistrationAddParticipant {
      width:80%;
  }
}


   #idselectEvent {
      width:90%;
   }
}
*/



/* ##################################################################### */
/* MOBILE ############################################################## */
/* ##################################################################### */
@media only screen and (max-width: 479px) {

/*
div.eventInfoHeaderLeft {
    float:left;
    width:100%;
}
div.eventInfosStatusHeader {
   min-height:2rem;
}

div.eventInfoHeaderRight {
    text-align:right;
    width:100%;
}


div.eventRegistrationsHeaderLeft {
    float:left;
    width:100%;
}

div.eventRegistrationsHeaderRight {
    float:left;
    text-align:right;
    width:100%;
}

div.eventRegistrationsStatusHeaderLeft {
    float:left;
    width:100%;
}

div.eventRegistrationsStatusHeaderRight {
    float:left;
    text-align:right;
    width:100%;
}

div.participantsDetailsHeaderLeft {
    float:left;
    width:100%;
}

div.participantsDetailsHeaderRight {
    float:left;
    text-align:right;
    width:100%;
}

   .after-box {
   }

   body p {
      font-size:14px;
      line-height:18px;
      margin-bottom: 10px;
   }
*/
}
/* MOBILE END ########################################################## */

/* 20251001 B */
div.loginheader {
   display: grid;
   justify-content: center;
   align-items: center;
}

div.loginheader p {
   font-size:1rem;
   font-weight:700;
}

#idlanguage {
   margin-left:-0.3rem;
}

ul.hint {
   margin: 0rem;
   padding: 0rem;
}

#ID_hintC {
   margin-left:0.5rem;
}

/* 20251001 E */

@media screen and (min-width: 960px) {
   div.getaccess {
      position: absolute;
      top: 50%;
      width: 100%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
   }

   form.getaccess {
      width: 25rem;
      border: 0px dotted black;
      margin: auto;
   }
}


#ID_fsGetAccess {
   width: 30rem;
   max-width: 30rem;
}

div.getaccessheader {
   display: grid;
   justify-content: center;
   align-items: center;
}

div.getaccessheader p {
   font-size:1rem;
   font-weight:700;
}


#ID_fsNationalclub {
   visibility: hidden;
   width: 30rem;
   max-width: 30rem;
}


#ID_selectCountry {
   margin-left:-0.3rem;
}

#ID_ddNationalclub {
   margin-left:0;
}

div.nationalclub {
   display: grid;
   grid-template-columns: 155px auto;
   grid-template-rows: 1fr;
   grid-column-gap: 0.5rem;
   grid-row-gap: 0px;
   align-items: center;
}

p.spaceabove {
   padding-top:0.5rem;
}