@font-face {
  font-family: 'Avenir';
  src:url('../fonts/AvenirLTStd-Light.otf') format("opentype");
}
@font-face {
  font-family: 'Avenir';    
  font-weight:bold;
  src:url('../fonts/AvenirLTStd-Medium.otf') format("opentype");
}
@font-face {
  font-family: 'Capitolina';
  font-style:italic;
  src:url('../fonts/Capitolina-Italic.otf') format("opentype");
}


*{
  font-size:1rem;
  font-weight:400;
  font-family: 'Avenir', sans-serif;
  letter-spacing:0px;
  color:var(--black);
}

html,body{
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
  background: var(--offwhite);
  background: var(--lightgrey);
}
.clearBoth{
  clear:both;
}
input{
  outline: 0;
  padding:0.2rem 0.3rem;
  margin:0;
  border:1px solid var(--tungstenlight);    
}

textarea{
  outline: 0;
  padding:0.2rem 0.3rem;
  margin:0;
  border:1px solid var(--tungstenlight);    
}
select{
  outline: 0;
  padding:0.2rem 0.3rem;
  margin:0;
  border:1px solid var(--tungstenlight);    
}
.headlineFont{
  font-family: 'Capitolina', serif;
}
a{
  text-decoration:none;
  transition:0.3s;
  cursor:pointer;
  color:var(--sapphire);
}
a:link{
    color:var(--sapphire);
    transition:0.3s;
}
a:visited{
    color:var(--sapphire);    
}
a:hover{
    color:var(--gold);
}
a:active{
    color:var(--yellow);    
}
.linkSimulator{
  color:var(--sapphire) !important;
  transition:0.3s;
}
.linkSimulator:hover{
  color:var(--gold) !important;
  cursor:pointer;
}
.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}
strong{
  font-weight:bold;
}
p{
  margin:0rem;
  font-size:inherit;
}
.disabled{
  opacity:0.6;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
.floatRight{
  float:right;
}
.floatLeft{
  float:left;
}
.whiteText{
  color:var(--white);
}
.lightFont{
  color:var(--mediumdarkgrey);
}
.semiLightFont{
  color:var(--darkgrey);    
}
.semiDarkFont{
  color:var(--midnightgrey);    
}
.greenFont{
  color:var(--93CA68);    
}
.redFont{
  color:var(--red);    
}
.redbackground{
  background:var(--red);    
}
.boldFont{
  font-weight:bold;
}
.italicFont{
  font-style:italic;
}
.centerText{
  text-align:center;
}        
.rightText{
  text-align:right;
}   
hr{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid var(--mediumdarkgrey);
  margin: 1rem 0rem; 
  padding: 0px;          
}       
.fontHalfSize{
  font-size:0.5rem !important;
}      
.font3_4Size{
  font-size:0.75rem !important;
}
.alignLeft{
  text-align:left;
}
.alignCenter{
  text-align:center;
}
.alignRight{
  text-align:right;
}
#pageContainer{
  height:calc(100% - 4rem);
  position:relative;
  overflow:hidden;
  overflow-y:scroll;
}
#ajax_return{
  display:none;
}

/* headline menu */
.headline_menu_container{
  height:3.5rem;
  background:var(--india);
  background: var(--beryllight);
  position:fixed;
  width:100%;
  z-index:9999;
}
.headline_menu_spacer{
  height:3.5rem;
}
.headline_menu_claim{
  font-size:1.4rem;
  color:var(--gold);
  color:var(--india);
  margin-left:1rem;
  height:1.4rem;
  line-height:1.4rem;
  padding-top:0.5rem
}
.headline_menu_sub_claim{
  font-size:1.0rem;
  font-family: 'Capitolina', serif;
  color:var(--gold);
  color:var(--india);
  margin-left:1rem;
  height:1.2rem;
  line-height:1.2rem;
}
.headline_menu_logo_container{
  float:left;
  margin-left:1rem;
  height:3.5rem;
  line-height:3.5em;
}
.headline_menu_logo_container img{
  height:2.5rem;
  margin:0.5rem 0rem;
  display:block;
}
.headline_menu_user_menu_link{
  float:right;
  height:3.5rem;
  width:3.5rem;
  text-align:center;
  line-height:3.5em;
  transition:0.3s;
  position:relative;
}
.headline_menu_user_menu_link:hover{
  background:var(--gold);
}
.headline_menu_user_menu_link img{
  height:2.5rem;  
  left:0.5rem;
  top:0.5rem;
  display:block;
  position:absolute;
}

/* personal menu */
.personal_menu_container{
  position:absolute;  
  top:3.5rem;
  right:-19rem;  
  width:17rem;
  transition:0.3s;
}
.personal_menu_box{
  background:var(--white);
  border-radius:8px;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;    
  padding:0.5rem 0rem;
}
.show_personal_menu{
  right:0.0rem;
}
.show_personal_menu hr{
  margin:1rem;
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid var(--mediumgrey);  
  padding: 0px;          
}
.personal_menu_headline{
  font-size:1.05rem;
  height:1.5rem;
  line-height:1.5rem;
  margin:0rem 1rem;
  font-weight:bold;
  color: var(--silver);  
  text-align:right;
}
.personal_menu_item{
  font-size:1.05rem;
  color:var(--tungsten);
  height:1.5rem;
  line-height:1.5rem;
  margin:0rem 1rem;
  margin-bottom:0.5rem;
  transition:0.3s;
  text-align:right;
}
.personal_menu_item:hover{  
  color:var(--gold);
  cursor:pointer;
}


/* general content elements */
.noAccessNoticeContainer{
  padding-top:2rem;
}
.noAccessNoticeHeadline{
  margin-top:2rem;
  color:var(--red);
  font-size:3rem;
  margin-bottom:3rem;
  text-align:center;
  font-weight:700;
}
.noAccessNoticeText{  
  color:var(--tungsten);
  font-size:1rem;  
  text-align:center;
  font-weight:400;
}
.ajax_loading_div{
  text-align:center;
  margin:1rem auto;  
}
.ajax_loading_div img{
  width:10rem;
}
.ajax_loading_div_small{
  text-align:center;
  margin:0rem auto;  
}
.ajax_loading_div_small img{
  height:2rem;
}

/* page styling */
.content_container{
  padding:0.5rem 1rem;
}
.page_headline_multi_container{
  background:var(--lightgrey);
  position:sticky;
  top:0rem;
}
.page_headline{
  font-size:1.4rem;
  font-family: 'Capitolina', serif;
  color:var(--india);  
  height:1.5rem;
  line-height:1.5rem;
  margin-bottom:1.0rem;
  position:sticky;
  top:0rem;
  background:var(--lightgrey);
}
.page_headline_separator{
  font-size:1.4rem;
  font-family: 'Capitolina', serif;
  color:var(--india);  
  height:1.5rem;
  line-height:1.5rem;
  margin: 0rem 1rem;
  margin-bottom:1.0rem;
  position:sticky;
  top:0rem;
  background:var(--lightgrey);
  float:left;
  
}
.page_sub_headline{
  font-size:1.2rem;
  color:var(--gold);  
  height:1.2rem;
  line-height:1.2rem;
  margin-bottom:0.25rem;
  position:sticky;
  top:1.5rem;
  background:var(--lightgrey);
}
.page_sub_sub_headline{
  font-size:1.0rem;
  color:var(--india);  
  height:1.2rem;
  line-height:1.2rem; 
  font-weight:bold;
  position:sticky;
  top:2.70rem;
  background:var(--lightgrey);
}


.edit_element_headline{
  font-size:1.0rem;
  color:var(--india);  
  height:1.2rem;
  line-height:1.2rem; 
  font-weight:bold;
}
.element_status_confirm{
  height:2rem;
  line-height:2rem;
  font-size:1.15rem;
  color: var(--leafgreen);
}
.element_status_confirm{
  height:2rem;
  line-height:2rem;
  font-size:1.15rem;
  color: var(--leafgreen);
  font-weight:bold;
}
.element_edit_question{
  height:2rem;
  line-height:2rem;
  font-size:1.15rem;
  color: var(--red);
  font-weight:bold;
}

.inline_link_spacer{
  height:2rem;
  width:2rem;
}
.inline_link_with_img_and_text .img_container{
  position:relative;
  margin-right:0.25rem;
  height:2rem;
  width:2rem;
  line-height:2rem;
  z-index:10;
  transition:0.3s;
}
.inline_link_with_img_and_text .img_container img{  
  height:1.6rem;  
  display:block;  
  position:absolute;
  top:0.1rem;
  left:0.1rem;
}
.inline_link_with_img_and_text .img_container .non_hover_img{  
  opacity:1;
  transition:0.3s;
}
.inline_link_with_img_and_text .img_container .hover_img{  
  opacity:0;
  transition:0.3s;
}
.inline_link_with_img_and_text .text_container{
  position:relative;
  margin-right:1rem;
  height:2rem;
  line-height:2rem;
  font-size:1rem;
  color: var(--sapphire);
  z-index:10;
  transition:0.3s;
}
.inline_link_with_img_and_text{
  transition:0.3s;
  position:relative;
  border-radius:0.3rem;
}
.inline_link_with_img_and_text:hover{  
  cursor:pointer;
}
.inline_link_with_img_and_text:hover .text_container{  
  color: var(--white);
}
.inline_link_with_img_and_text:after {
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--vividgreen);
  opacity: 0;
  border-radius:0.3rem;
}

.inline_link_with_img_and_text:hover:after {
  width: 100%;
  opacity: 1;
  transition: 500ms;
  -webkit-transition: 500ms;
}
.inline_link_with_img_and_text:hover .non_hover_img{  
  opacity:0;
}
.inline_link_with_img_and_text:hover .hover_img{  
  opacity:1;
}

.personal_menu_club_info .club_name{
  margin:0rem 1rem;
  text-align:right;
  font-size:1.0rem;
  color:var(--gold);
  font-family: 'Capitolina', serif;
  height:1.5rem;
  line-height:1.5rem;
  
}
.personal_menu_club_info .user_full_name{
  margin:0rem 1rem;
  text-align:right;
  font-size:1.0rem;
  color:var(--gold);
  height:1.5rem;
  line-height:1.5rem;
}

.user_access_icon{
  margin-right:1rem;
  height:1rem; 
}


.button_container_flex_centered{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:1rem 0rem;
}
.button_container_flex_centered .button{
  margin:0rem 2rem;
  padding:1rem 2rem;
  border-radius:0.3rem;
  font-size:1.15rem;
  font-weight:bold;
  transition:0.3s;
  
  text-align:center;
} 
.button_container_flex_centered .button:hover{
  cursor:pointer;
  background:var(--sapphire)
} 
.button_flex_confirm{
  background:var(--leafgreen);
  color:var(--white);
  
}
.button_flex_cancel{
  background:var(--red);
  color:var(--white);
}
.table_img{
  height:1.5rem;
  width:1.5rem;
}