@font-face {
  font-family: 'Avenir';
  src:url('https://static.vivid-club.com/fonts/AvenirLTStd-Light.otf') format("opentype");
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  font-weight:bold;
  src:url('https://static.vivid-club.com/fonts/AvenirLTStd-Medium.otf') format("opentype");
  font-display: swap;
}
@font-face {
  font-family: 'Capitolina';
  font-style:italic;
  src:url('https://static.vivid-club.com/fonts/Capitolina-Italic.otf') format("opentype");
  font-display: swap; 
}
@font-face {
  font-family: 'GoodKarma';
  font-style:italic;
  src:url('https://static.vivid-club.com/fonts/Good-Karma.otf') format("opentype");
  font-display: swap; 
}
/* CB Colors
#81d2e2 - Light Blue
#2c95b5 - Medium Blue
#2c95b5 - Dark Green
#48bb7a - Light Green
#171B1C - Dark Grey (menu headers)
#212529 - Medium Grey (texts)
#637174 - Light Grey
#F1F3F3 - Very Light Grey (background)
*/



*{
  font-size:0.90rem;
  font-weight:400;
  font-family: 'Avenir', sans-serif;
  letter-spacing:0px;
  color:#000000;
}
html,body{
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;  
  background: #F1F3F3 !important;
}
body{
  overflow:hidden;
}
#pageContainer{
  position:relative;
  height:100%;
}
.contentContainer{    
  position:relative; 
  margin-left:1rem;
  height:100%;
  width:calc(100% - 26rem); /* allow space for scroll bar */
  overflow-y:scroll;
  float:right;
  transition:0.3s;
}
.contentContainerPosition{    
  position:relative;  
}
.contentContainer_collapsed{ /* when menu is collapsed */
  width:calc(100% - 8rem); /* allow space for scroll bar */
}



.cb_main_menu{
  float:left;
  background:#FFFFFF;
  height:100%;
  overflow:hidden;
  z-index:9999;
  position: relative;
  width:22rem;
  padding-right:1rem;
  padding-left:1rem;
  transition:0.3s;
  border-right:1px solid #DADADA;
}
.cb_main_menu .vivid_logo_collapsed{
  display:none;  
}
.cb_main_menu .vivid_logo{
  padding-top:1rem;
  text-align:left;
  margin-bottom:0rem;
  margin-left:1rem;
  float:left;
}
.cb_main_menu .vivid_name{
  padding-top:1rem;
  height:6rem;
  line-height:6rem;
  margin-left:1rem;
  text-align:left;
  font-size:1.8rem;
  font-weight:bold;
  color:#2c95b5;
  float:left;
  transition:0.3s;
}
.cb_main_menu .club_name{
  font-size:1.0rem;
  color: #637174;  
  padding:0rem 0.5rem;   
  margin-left:1rem;
  transition:0.3s;
}
.cb_main_menu .user_full_name{
  font-size:1.0rem;
  color: #637174;
  font-weight:bold;
  padding:0rem 0.5rem;   
  margin-left:1rem;
  transition:0.3s;
}
.cb_main_menu .vivid_logo img{    
  transition:0.3s;
}
.cb_main_menu .vivid_img_expanded{
  width:18rem;
  margin:0rem;
  transition:0.3s;
}
.cb_main_menu .vivid_img_collapsed{
  width:4rem;
  display:none;  
  transition:0.3s;
  margin:0rem 0.5rem;
}
.cb_main_menu .cb_main_menu_headline{
  font-size:1.0rem;
  color: #637174;
  font-weight:bold;
  padding:0rem 0.5rem; 
  margin-bottom:0.25rem;
  margin-left:1rem;
  transition:0.3s;
}
.cb_main_menu .cb_menu_divider{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #DADADA !important;
  color: #DADADA !important;
  margin: 1.0rem 0rem; 
  padding: 0;  

}


.cb_main_menu_item{
  height:2rem;
  line-height:2rem;
  padding:0.5rem;  
  margin-bottom:0rem;
  margin-left:1rem;
}
.cb_main_menu_item .cb_main_menu_item_icon{
  width:1.8rem;
  height:1.8rem;  
  float:left;
  transition:0.3s;    
  margin:0.1rem;
  margin-right:0.5rem;
  position:relative;
  border-radius:4px;  
}
.cb_main_menu_item .cb_main_menu_item_icon img{
  height:1.8rem;
  width:1.8rem;
  display:block;
  position:absolute;
  left:0rem;
  top:0rem;
  transition:0.3s;  
}
.cb_main_menu_item .cb_main_menu_item_icon .img_hover{
  opacity:0;
}
.cb_main_menu_item .cb_main_menu_item_icon .img_inactive{
  opacity:1;
}
.cb_main_menu_item .cb_main_menu_item_text{
  text-align:left;
  height:2rem;
  line-height:2rem;
  font-size:1rem;  
  color:#212529;
  transition:0.3s;
  margin-top:0.0rem;
  float:left;  
}
.cb_main_menu_item .cb_main_menu_item_text_collapsed{
  display:none;
  font-size:0.8rem;
  text-align:center;
  margin-top:0.25rem;
  font-weight:700;
  transition:0.3s;
}

.cb_main_menu_item:hover{
  cursor:pointer;
  background: #f1f3f3;
}
.cb_main_menu_item:hover .cb_main_menu_item_icon{
  background:#2c95b5;
}
.cb_main_menu_item:hover .img_hover{  
  opacity:1;  
}
.cb_main_menu_item:hover .img_inactive{  
  opacity:0;  
}
.cb_main_menu_item:hover .cb_main_menu_item_text{    
  color:#2c95b5;
}
.cb_main_menu_item:hover .cb_main_menu_item_text_collapsed{    
  color:#2c95b5;
}


.cb_main_menu_collapsed{
  width:5rem;
  padding-right:0.5rem;
  padding-left:0.5rem;
}
.cb_main_menu_collapsed .vivid_logo{  
  margin-left:0rem;
  margin-bottom:0rem;
}
.cb_main_menu_collapsed .vivid_name{  
  display:none;
}
.cb_main_menu_collapsed .club_name{  
  display:none;
}
.cb_main_menu_collapsed .user_full_name{  
  display:none;
}
.cb_main_menu_collapsed .vivid_img_expanded{  
  display:none;
}
.cb_main_menu_collapsed .vivid_img_collapsed{  
  display:block;  
}
.cb_main_menu_collapsed .cb_main_menu_headline{
  display:none;
}
.cb_main_menu_collapsed .cb_main_menu_item{  
  height:auto;
  line-height:auto;
  padding:0rem;  
  margin:0rem;
  margin-bottom:0.5rem;
  border-left:3px solid transparent;  
}
.cb_main_menu_collapsed .cb_main_menu_item_icon{
  width:3.0rem;
  height:3rem;
  line-height:3rem;  
  margin:0rem calc(1rem - 3px);
}
.cb_main_menu_collapsed .cb_main_menu_item_icon img{
  height:3rem;
  width:3rem;  
  left:0rem;
  top:0rem;  
}
.cb_main_menu_collapsed .cb_main_menu_item_text{
  display:none;
}
.cb_main_menu_collapsed .cb_main_menu_item_text_collapsed{
  display:block;
}

.cb_main_menu_item_active{
  background: #f1f3f3;
}
.cb_main_menu_item_active .cb_main_menu_item_icon{
  background:#2c95b5;
}
.cb_main_menu_item_active .cb_main_menu_item_text_collapsed{    
  color:#2c95b5;
}
.cb_main_menu_item_active .img_hover{  
  opacity:1 !important;  
}
.cb_main_menu_item_active .img_inactive{  
  opacity:0 !important;  
}




.cb_secondary_menu{
  position:fixed;
  left:-20rem;
  width:18rem;
  padding:0rem 1rem;
  height:100%;
  overflow:hidden;
  background:#FFFFFF;
  border-right:1px solid #DADADA;
  z-index:999;
  transition: 0.3s;
}
.cb_secondary_menu_active{
  left:6rem;
}
.cb_secondary_menu .cb_menu_divider{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #DADADA !important;
  color: #DADADA !important;
  margin: 1.0rem 0rem; 
  padding: 0;  

}
.cb_secondary_menu .main_header{
  padding-top:1rem;
  padding-left:0.5rem;
  font-size:1.15rem;
  color:#212529;
  margin-bottom:1rem;
  font-weight:700;
}
.cb_secondary_menu .secondary_header{
  font-size:1.0rem;
  color: #637174;
  font-weight:bold;
  padding:0rem 0.5rem; 
  margin-top:1rem;
  transition:0.3s;
}
.cb_secondary_menu .cb_secondary_menu_link{    
  font-size:1rem;  
  padding:0.5rem;  
  margin-bottom:0rem;
}
.cb_secondary_menu .cb_secondary_menu_link:hover{  
  cursor:pointer;
  background: #f1f3f3;
}

















.top_menu_container{
  height:4rem;
  background:#e6ede1;
  background:#49494C;
  position:fixed;
  width:100%;
  top:0rem;
  left:0rem;
  z-index:9999;
}
.top_menu_container_spacer{
  height:4rem;
  width:100%;
}
.top_menu_container_element{
  height:4rem;
  line-height:4rem;
}
.top_menu_container_img{
  margin:0rem 1rem;
  float:left;
}
.top_menu_container_img img{
  height:3.5rem;
  margin:0.25rem 0rem;
}
.top_menu_container_link_left_spacer{
  height:4rem;
  line-height:4rem;
  width:2rem;
  float:left;
}
.top_menu_container_link{
  height:4rem;
  line-height:4rem;
  transition:0.6s;
  color:#2c95b5;
  color:#FFFFFF;
  font-size:1.3rem;  
  z-index:99;
  background:#e6ede1;
  background:#49494C;
  position:relative;  
  flex-basis:10rem;
  text-align:center;
}
.top_menu_container_link_active{  
  color:#03800D;
  font-size:1.3rem;
}
.top_menu_container_single_link_container{
  float:left;
  position:relative;
}
.top_menu_container_single_link_container:hover{
  cursor:pointer;
}
.top_menu_container_single_link_subinfo_container{
  height:100%;
  width:100%;
  position:absolute;
  top:0rem;
  left:0rem;
  background:#CCCCCC;
  transition:0.6s;
  z-index:9;  
}
.top_menu_container_link_hovered{
  background:#2c95b5;
  color:#FFFFFF;
}
.top_menu_vc_title{
  font-size:1.5rem;
  margin-top:0.45rem;
  color:#2c95b5;
  font-weight:700;
}
.top_menu_vc_claim{
  font-size:1rem;
  font-family: 'Capitolina', serif;
  color:#2c95b5;
}
.top_menu_thriving_claim{
  font-size:1.3rem;
  font-family: 'Capitolina', serif;
  color:#2c95b5;
  float:left;
  width:10rem;
  height:4rem;
  line-height:4rem;
  margin-left:2rem;
}
.top_menu_container_menu_img{  
  float:right;
  width:4.5rem;
  height:4rem;
  position:relative;
  transition:0.6s;
  margin-right:0.5rem;
}
.top_menu_container_menu_img:hover{
  background:#2c95b5;
}
.top_menu_container_menu_img:hover .hoverimg{
  opacity:1;
}
.top_menu_container_menu_img img{
  height:2.5rem;  
  display:block;
  position:absolute;
  transition:0.6s;
  left:1rem;
  top:0.75rem;
}
.hoverimg{
  opacity:0;
}

.top_menu_container_menu_img .notification_index_container{
  position:absolute;
  width:20px;
  height:20px;
  line-height:22px;
  color:#FFFFFF;
  text-align:center;
  font-size:15px;
  border-radius:10px;
  background: #CF381E;
  bottom:8px;
  left:8px;  
  display:none;
}


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

.clearBoth{
  clear:both;
}
input{
  outline: 0;
  padding:0.2rem 0.3rem;
  margin:0;
  border:1px solid #ebebec;  
}

textarea{
  outline: 0;
  padding:0.2rem 0.3rem;
  margin:0;
  border:1px solid #ebebec;  
}
select{
  outline: 0;
  padding:0.2rem 0.3rem;
  margin:0;
  border:1px solid #ebebec;  
}
.headlineFont{
  font-family: 'Capitolina', serif;
}
a{
  position: relative;
  text-decoration:none;
  transition:0.3s;
  cursor:pointer;
  color:#03800D;
}
a:link{
  color:#03800D;
  transition:0.3s;
}
a:visited{
  color:#03800D;  
}
a:hover{
  color:#FFC20E;
}
a:active{
  color:#FFC20E;  
}
.neutral_link:link{
  color:#2c95b5;
  font-weight:bold;
  text-decoration:underline;
  transition:0.3s;
}
.neutral_link:visited{
  color:#2c95b5;
}
.neutral_link:hover{
  color:#FFC20E;
}
.neutral_link:active{
  color:#FFC20E;
}
.warning_link:link{
  color:#CF381E;
  font-weight:bold;
  text-decoration:underline;
  transition:0.3s;
}
.warning_link:visited{
  color:#CF381E;
}
.warning_link:hover{
  color:#FFC20E;
}
.warning_link:active{
  color:#FFC20E;
}
.linkSimulator{
  color:#03800D !important;
  transition:0.3s;
}
.linkSimulator:hover{
  color:#FFC20E !important;
  cursor:pointer;
}
.linkSimulatorWarning{ 
  color:#CF381E;  
  transition:0.3s;
}
.linkSimulatorWarning:hover{
  color:#FFC20E;
  cursor:pointer;
}
.linkSimulatorImg{
  height:0.8rem;
  margin-bottom:-0.5rem;
  margin-right:0.5rem;
}

.floatLeft{
  float:left;
}
.floatRight{
  float:right;
}

strong{
  font-weight:bold;
}
/* structure */
.pageHeadline{  
  font-size:2.0rem;  
  margin-bottom:1rem;
  padding-top:1rem;
  font-weight:700;
  color: #2c95b5;  
  
}
.fixed_headline{
  position:fixed;  
  width:calc(100% - 2rem);
  background: #EEEEEE;
  top:4rem;
  z-index:100;
}
.leftMenu{
  width:17rem;
  padding:0rem 0.5rem;   
  padding-right:0rem;  
  border-left:1px solid #cfebeb;
  border-right:1px solid #cfebeb;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
  height:100%;
  margin-right:1rem;
  position:fixed;
  background: url('https://static.vivid-club.com/img/whiteBG.jpg');
  background-size: cover;
}
.leftMenu_fullMenuDiv{
  width:17rem;
  float:left;
  position:relative;
  height:100%;
  overflow:hidden;
  overflow-y:auto;
}

.leftMenu_closedView{
  width:6rem;  
  position:absolute;
  height:100%;
  top:0rem;
  right:0rem;
  overflow:hidden;
  overflow-y:auto;
}
.leftMenuLogo{
  margin-top:0.5rem;
  width:4rem;
  margin-bottom:0.5rem;
  margin-right:0.5rem;
}
.leftMenuCompanyInfo{
  margin-top:0.5rem;
  height:4rem;
  margin-bottom:0.5rem;
  width:11rem;
  float:left;
}
.leftMenuLogo:hover{
  opacity:0.7;
  cursor:pointer;  
}
.leftMenuHeadline{
  font-weight:bold;
  color: #2c95b5;
}


.leftMenuLink{
  font-size:1rem;
  height:1.3rem;
  line-height:1.3rem;
  font-weight:500;
  color: #928b8d;   
  margin-bottom:0.25rem;
  cursor:pointer;
  transition:0.3s;  
  border-left:3px solid #cbced0;
  padding-left:calc(0.25rem);  
  dominant-baseline:middle; 
  vertical-align: baseline;
  
}
.leftMenuLinkBottomContainer{
  position:absolute;  
  bottom:2rem;  
  left:0rem;
}

.leafMenuSpacer{
  height:0.35rem;
}
.leafMenuSpacerMain{
  height:1.5rem;
}
.leftMenuLink_structure{
  font-size:1.00rem;  
  color: #49494C;   
  font-weight:700;
  margin-bottom:0.25rem;  
  transition:0.3s;
}
.leftMenuLinkActive{
  font-size:1rem;
  font-weight:700;
  color: #2c95b5;   
  border-left:3px solid #2c95b5 !important  ;  
}
.leftMenuLink:hover{  
  color: #93CA68;   
  border-left:3px solid #93CA68;  
}

.menuClosedLink img{  
  width:3.6rem;
}
.menuToggleContainer{  
  margin-top:0.5rem;  
  margin-left:1.3rem;
  margin-right:0rem;
}
.menuToggleContainer img{  
  width:4rem;
}
.menuToggleContainer{  
  margin-top:0.5rem;  
  margin-left:1.3rem;
  margin-right:0rem;
}
.menuClosedLink{
  margin-left:1.0rem;
  display:none;
}
.menuClosedLink:hover{
  opacity:0.7;
  cursor:pointer;  
}
.leftMenuCompanyName{
  color: #2c95b5;
  font-size:0.8rem;
}
.leftMenuUserName{
  color: #2c95b5;
  font-size:0.8rem;
}

.menuSubHeadline{
  font-weight:bold;
  color: #A4ABAF;
  margin-bottom:0.2rem;
  font-size:0.9rem;
}
.subHeadlineSmall{
  font-weight:700;
  color: #49494C;
  margin-bottom:0.4rem;
  font-size:1.0rem;
}
.subHeadline{
  font-weight:500;
  color: #49494C;
  margin-bottom:0.4rem;
  font-size:1.3rem;
}
subHeadlineNoMargin{
  margin-bottom:0.0rem;
}
.subHeadlineSpacer{
  width:3rem;
  text-align:center;
  font-weight:500;
  color: #49494C;
  margin-bottom:0.4rem;
  font-size:1.3rem;
}
.subHeadlineMajor{
  font-weight:bold;
  color: #A4ABAF;
  font-size:0.9rem;
  height:2.5rem;
  line-height:2.5rem;
  color: #49494C;
  font-weight:500;
  font-size:1.3rem;
}
.subHeadline .headlineFocus{  
  color: #49494C;
  font-weight:700;
  font-size:1.3rem;
}
.subHeadline .headlineLink{  
  color: #49494C;
  font-weight:bold;
  font-size:1.3rem;
  transition:0.3s;
}
.subHeadline .headlineLink:hover{  
  cursor:pointer;
  text-decoration:underline;
}

.subHeadline img{  
  height: 2rem;
}
.subHeadlineDark{
  font-weight:bold;
  color: #49494C;
  margin-bottom:0.4rem;
  font-size:1rem;
}
.subHeadlineDark span{  
  color: #49494C;
  font-size:0.7rem;
}

/* posts main page */
.addPostLinkContainer{
  position:fixed;
  top:1rem;
  right:1rem;
  height: 2.5rem;
  width: 2.5rem;
}
.addPostLink{
  border-radius:1.25rem;
  height: 2.5rem;
  width: 2.5rem;
  background:#013849;
  transition:0.3s;
  cursor:pointer;
}
.addPostLink img{
  height: 2.5rem;
  width: 2.5rem;  
}
.addPostLink:hover{
  background:#2c95b5;
}
.postContainer{
  margin:1rem 0rem;
  padding:0.5rem;
  background:#FFFFFF;
  border:1px solid #cfebeb;
}
.postDateKW{
  font-size:1.5rem;
  font-weight:bold;
  margin-bottom:0.4rem;
}
.postDate{
  font-size:1rem;
  font-weight:bold;
}
.postDirectLink a{  
  font-size:0.8rem;
}
.postPlatformLogo{
  margin-bottom:0.4rem;
}
.postPlatformLogo img{
  height:1.5rem;
}
.postTopic{
  font-size:1.5rem;
  font-weight:bold;
  margin-bottom:0.4rem;  
}
.postSubtopic{
  font-size:0.8rem;
  margin-bottom:0.4rem;  
  color: #49494C;
}
.postType{
  font-size:0.8rem;
  margin-bottom:0.4rem;  
  color: #49494C;
}
.postText{
  font-size:0.8rem;  
  color: #49494C;  
}
.postHashtags{
  font-size:0.8rem;  
  color: #49494C;    
}
.postHashtagsRemaining{
  font-size:0.7rem;  
  color: #A4ABAF;    
}
.postDetailLink{
  border-radius:0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  background:#013849;
  transition:0.3s;
  cursor:pointer;
  margin-left:1rem;
}
.postDetailLink img{
  height: 1.1rem;
  width: 1.1rem;  
  margin:0.2rem;
}
.postDetailLink:hover{
  background:#2c95b5;
}
.toggleShareContainer{
  margin-bottom:0.2rem;
  cursor:pointer;
}
.toggleShareImg{
  margin-right:1rem;
  height:1rem;
  line-height:1rem;  
}
.toggleShareName{
  height:1rem;
  font-size:0.8rem;
  line-height:1rem;
  color: #03800D;
}
.toggleShareContainer:hover *{
  color:#FFC20E;
}



/* linkedin*/
.linkedInInfoLabel{
  font-size:0.8rem;
  color: #A4ABAF;  
  width:15rem;
}
.linkedInInfo{
  font-size:0.8rem;  
  color: #49494C;  
}
.linkedInInfoContainer{
  margin-bottom:0.3rem;
}


/* login */
.loginContainer{
  position:absolute;
  background:#FFFFFF;
  width:30rem;
  height:25rem;
  top:50%;
  left:50%;
  margin-top:-15rem;
  margin-left:-15rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
  border-radius:0.5rem;
}
.loginContainer_members{  
  width:50rem;
  height:35rem;
  margin-top:-20rem;
  margin-left:-25rem;
}
.loginHeadline{
  background: #013849;
  background: #cfebeb;
  background: #49494C;
  height:5rem;
  margin-bottom:2rem;  
  border-radius:0.5rem 0.5rem 0rem 0rem;
}
.headlineLogoContainer{
  margin-top: 0.75rem;
  font-size:2rem;
  text-align:left;
  margin-left:1rem;
  margin-right:2rem;
  color: #FFFFFF;    
}
.loginLogo{  
  height:3.5rem;  
}
.systemSlogan{   
  margin-top: 0.75rem;   
  font-size:2rem;
  text-align:right;
  color: #2c95b5;   
  font-weight:700;  
  margin-right:1rem; 
}
.systemType{
  margin-top: 0.75rem;
  height:3.5rem;  
  line-height:3.5rem;  
  text-align:right;
  color: #49494C;   
  color: #FFFFFF; 
  font-weight:700;
  margin-right:1rem;
  font-size:1.7rem;
}
.loginInputContainer{  
  color: #000000;  
  font-size:1rem;
  text-align:left;
  margin:0rem auto;
  width:20rem;
}
.loginInputContainer_members{  
  width:auto;
}
.loginInputLabel{
  font-size:1rem;
  color: #49494C;  
  color:#2c95b5;
}
.loginInput{
  outline: 0;
  border:0;
  border-bottom:1px solid #013849;
  width:100%;
}
.loginSubmitButton{
  margin: 0rem auto;
  display:block;
  margin-top:2rem;
  background:#FFFFFF;
  width:10rem;
  padding:1rem;
  text-align:center;
  border:1px solid #cfebeb;
  border-radius:0.5rem;
  font-size:1.15rem;
  font-weight:700;
  color:#2c95b5;
  transition:0.3s;
}
.loginSubmitButton:active{  
  border:1px solid #2c95b5;
  background:#2c95b5;
  color:#FFFFFF;
  cursor:pointer;
}
.loginSubmitButton:hover{  
  border:1px solid #2c95b5;
  background:#2c95b5;
  color:#FFFFFF;
  cursor:pointer;
}
.linkedInButton{
  margin:0rem auto;
  margin-top:2rem;
  background:#FFFFFF;
  width:14rem;
  padding:1rem;
  text-align:center;
  border:2px solid #013849;
  font-size:1rem;
  font-weight:700;
  color:#013849;
  transition:0.3s;
}
.linkedInButton:active{  
  border:2px solid #2c95b5;
  background:#2c95b5;
  color:#FFFFFF;
  cursor:pointer;
}
.linkedInButton:hover{  
  border:2px solid #2c95b5;
  background:#2c95b5;
  color:#FFFFFF;
  cursor:pointer;
}
/* new posts */
.newPostForm{
  margin:1rem 0rem;
  padding:0.5rem;
  background:#FFFFFF;
  border:1px solid #cfebeb;  
}
.newPostElement{
  margin-bottom:0.3rem;   
}
.newPostElement select{
  width: calc(20rem + 0.6rem + 2px); /*padding input */
}
.newPostLabel{    
  color: #A4ABAF;  
  width:15rem;
  line-height:2rem;
  transition:0.3s;
}
.newPostLabelMissing{  
  color: #CF381E;   
  font-weight:bold;
}
.newPostLabel span{  
  color: #A4ABAF;
  font-size:0.7rem;
}
.newPostContent{    
  line-height:2rem;
}
.newPostInput{
  outline: 0;
  padding:0.2rem 0.3rem;
  margin:0;
  border:1px solid #A4ABAF;  
}
.newPostInputRadioLabel{
  margin-right:2rem;
}
.newPostInput_small{
  width: 10rem;
}
.newPostInput_medium{
  width: 20rem;  
}
.newPostInput_large{
  width: 40rem;    
}
.newPostInput_textarea{
  outline: 0;
  padding:0.2rem 0.3rem;
  margin:0;
  border:1px solid #A4ABAF;   
  width: 40rem;
  resize: vertical;
  height:10rem;
}
.newPostInput_automatedField{
  width: 40rem;
  background:#ebebec;
  min-height:1rem;
  line-height:normal;
}
.formSubmitButton{
  background:#03800D;
  border:1px solid #03800D;  
  padding:0.5rem 1rem;
  text-align:center;  
  font-size:1rem;
  font-weight:700;
  color:#FFFFFF;
  transition:0.3s;  
  cursor:pointer;
}
.formSubmitButton:active{  
  border:1px solid #93CA68;
  background:#93CA68;
  color:#FFFFFF;
}
.formSubmitButton:hover{  
  border:1px solid #93CA68;
  background:#93CA68;
  color:#FFFFFF;
}
.formSubmitButtonInactive{
  opacity:0.4;
  cursor:default;
}
.formSubmitButtonInactive:hover{
  background:#03800D;
  border:1px solid #03800D;
}
.formSubmitButtonInactive:active{
  background:#03800D;
  border:1px solid #03800D;
}

.formFinalizeButton{
  background:#2c95b5;
  border:1px solid #2c95b5;
  color:#FFFFFF;
  padding:0.5rem 1rem;
}
.formFinalizeButton:active{  
  border:1px solid #013849;
  background:#013849;
  color:#FFFFFF;
}
.formFinalizeButton:hover{  
  border:1px solid #013849;
  background:#013849;
  color:#FFFFFF;
}

.formPrefinalizeButton{
  background:#03800D;
  border:1px solid #03800D;
  color:#FFFFFF;
  padding:0.5rem 1rem;
}
.formPrefinalizeButton:active{  
  border:1px solid #013849;
  background:#013849;
  color:#FFFFFF;
}
.formPrefinalizeButton:hover{  
  border:1px solid #013849;
  background:#013849;
  color:#FFFFFF;
}

.formInfoRequestButton{
  background:#FFFFFF;
  border:1px solid #F99D1C;
  color:#F99D1C;
  padding:0.5rem 1rem;
  opacity:0.6  
}
.formInfoRequestButton:active{  
  border:1px solid #A4ABAF;
  background:#A4ABAF;
  color:#FFFFFF;
}
.formInfoRequestButton:hover{  
  border:1px solid #A4ABAF;
  background:#A4ABAF;
  color:#FFFFFF;
}
.requestActiveClass{
  background:#F99D1C;
  border:1px solid #F99D1C;
  color:#FFFFFF;
  padding:0.5rem 1rem;
  opacity:1 
}


/* analysis */
.analysisProductLabel{  
  float:left;
  margin-right:1rem;
  text-align:right;
  width:10rem;
  height:2rem;
  line-height:2rem;
  color: #A4ABAF;  
  font-size:1rem;  
}
.analysisKWField{  
  float:left;
  width:5rem;  
  line-height:2rem;  
  text-align:center;
  height:2rem;
  color: #000000;    
  font-size:0.7rem;  
  border:1px solid #A4ABAF;
}
.analysisKWFieldActive{   
  color: #FFFFFF;  
  background:#013849;   
}
.analysisTableHeadline{  
  color: #A4ABAF;  
  font-weight:bold;
  font-size:1rem;   
  line-height:2rem;   
}
.analysisTableHeadlineActive{  
  color: #FFFFFF;  
  background:#A4ABAF;
}
.analysisPlatformTableContainer{
  margin-bottom:2rem;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
.floatRight{
  float:right;
}
.floatLeft{
  float:left;
}
.font36Text{
  font-size:36px;
}
.font26Text{
  font-size:26px;
}
.font24Text{
  font-size:24px;
}
.font22Text{
  font-size:22px;
}
.font20Text{
  font-size:20px;
}
.font18Text{
  font-size:18px;
}
.font14Text{
  font-size:14px;
}
.font16Text{
  font-size:16px;
}
.font12Text{
  font-size:12px;
}
.font11Text{
  font-size:11px;
}
.font10Text{
  font-size:10px;
}
.font9Text{
  font-size:9px;
}
.font8Text{
  font-size:8px;
}
.whiteText{
  color:#FFFFFF;
}
.lightFont{
  color:#CCCCCC;
}
.semiLightFont{
  color:#999999;  
}
.semiDarkFont{
  color:#666666;  
}
.greenFont{
  color:#00AA00;  
}
.redFont{
  color:#CC0000;  
}
.boldFont{
  font-weight:bold;
}
.italicFont{
  font-style:italic;
}
.centerText{
  text-align:center;
}    
.rightText{
  text-align:right;
}   
.leftText{
  text-align:left;
}   
.px12Img{
  width:12px;       
}  
.px14Img{
  width:14px;       
}   
.px20Img{
  width:20px;       
}    
.px30Img{
  width:30px;
}
.px10Img{
  width:10px;       
}     
.px8Img{
  width:8px;       
}
.rem1Img_h{
  height:1rem;
}
.rem1Img{
  width:1rem;
}
.rem1_5Img{
  width:1.5rem;
}
.tr_hl:hover{
  background:#FAFAFA;
}
.landingClientLogo{
  height:50px;
}
.companyHeadlineHighlight{
  color: #28C1E0;
  color:#03800D;
}
.hrLine{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #CCCCCC;
  margin: 15px 0px; 
  padding: 0px;      
}     
.hrLineNoMargin{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #CCCCCC;
  margin: 0px; 
  padding: 0px;      
}    
.hrLine5Margin{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #CCCCCC;
  margin: 5px 0px; 
  padding: 0px;      
}      
.hrLine5MarginLight{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #DADADA;
  margin: 5px 0px; 
  padding: 0px;      
}    
.hrLine10Margin{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #CCCCCC;
  margin: 10px 0px; 
  padding: 0px;      
}       
.hrLine10MarginLight{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #DADADA;
  margin: 10px 0px; 
  padding: 0px;      
}  
.hrLine15Margin{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #CCCCCC;
  margin: 15px 0px; 
  padding: 0px;      
}  
.hrLine20Margin{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #CCCCCC;
  margin: 20px 0px; 
  padding: 0px;      
} 
.hrLine0MarginTransparent{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid transparent;
  margin: 0px 0px; 
  padding: 0px;      
}  
.hrLine5MarginTransparent{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid transparent;
  margin: 5px 0px; 
  padding: 0px;      
}  
.hrLine10MarginTransparent{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid transparent;
  margin: 10px 0px; 
  padding: 0px;      
}   
.hrLineNoMarginLight{
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #EAEAEA;
  margin: 0px; 
  padding: 0px;      
}   


.margin5Img{
  margin:0px 5px;
}
.margin10Img{
  margin:0px 10px;
}
.margin15Img{
  margin:0px 15px;
}
.margin30Img{
  margin:0px 30px;
}

.marginMinus1Img{
  margin-bottom:-1px;
}
.marginMinusTwoImg{
  margin-bottom:-2px;
}
.marginMinus2Img{
  margin-bottom:-2px;
}
.marginMinus3Img{
  margin-bottom:-3px;
}
.marginMinusThreeImg{
  margin-bottom:-3px;
}
.marginMinus4Img{
  margin-bottom:-4px;
}
.marginMinusFourImg{
  margin-bottom:-4px;
}
.marginMinusFiveImg{
  margin-bottom:-5px;
}
.marginMinusSevenImg{
  margin-bottom:-7px;
}
.marginMinusNineImg{
  margin-bottom:-9px;
}
.textUIput250px{
  width:250px;  
}
.textUIput400px{
  width:400px;   
}
.textUIput300px{
  width:300px;   
}
.textUIput200px{
  width:200px; 
}
.textUIput75px{
  width:75px;   
}
.textUIput50px{
  width:50px;  
}
.textUIput125px{
  width:125px;  
}
.textUIput175px{
  width:175px; 
}
.textUIput150px{
  width:150px;   
}
.textUIput110px{
  width:110px;   
}
.textUIput100px{
  width:100px;   
}
.textUIput20px{
  width:20px;   
}
.alignLeft{
  text-align:left;
}
.alignCenter{
  text-align:center;
}
.alignRight{
  text-align:right;
}
.topMenuNavContainer{
  margin-bottom:1rem;
}
.topMenuNavElement{
  height:1rem;  
  line-height:1rem;
  float:left;
}
.topMenuNavElementSpacer{
  width:2rem;
  text-align:center;
  height:1rem;  
  line-height:1rem;
  float:left;
  color: #A4ABAF;
}


.confirmModalBackdrop{
  position:fixed;
  display:none;
  top:0;
  left:0;
  z-index:900;  
  background:#000000;
  opacity:0.15; 
}
.modalBlur{
  -webkit-filter: blur(2px);  
  filter: blur(2px);
  transition:0.2s;
}
.errorModal{
  position:fixed;
  top:50%;
  left:50%;
  z-index:999;
  background:#CF381E;
  color:#FFFFFF;
  text-align:center;
  font-weight:700;
  display:none;
  height:3rem;
  line-height:3rem;
  width:16rem;
  margin-left:-8rem;
  margin-top:-1.5rem;  
  border:1px solid #49494C;  
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
}
.confirmModal{
  position:fixed;
  top:50%;
  left:50%;
  z-index:999;
  background:#2c95b5;
  color:#FFFFFF;
  text-align:center;
  font-weight:700;
  display:none;
  height:3rem;
  line-height:3rem;
  width:16rem;
  margin-left:-8rem;
  margin-top:-1.5rem;  
  border:1px solid #49494C;  
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
}
.contentModal{
  position:fixed;  
  left:50%;
  z-index:999;
  background:#FFFFFF;
  color:#000000;
  text-align:left;  
  display:none;
  padding:0.5rem 1rem;
  width:60rem;
  margin-left:-30rem;  
  border:1px solid #A4ABAF;  
  border-radius:1rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
  transition:0.3s;
}
.contentModal_maxwide{
  position:fixed;  
  left:50%;
  z-index:999;
  background:#FFFFFF;
  color:#000000;
  text-align:left;  
  display:none;
  padding:0.5rem 1rem;
  width:90%;  
  margin-left:-45%;  
  border:1px solid #A4ABAF;  
  border-radius:1rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
  transition:0.3s;
}
.contentModal_wide{
  position:fixed;  
  left:50%;
  z-index:999;
  background:#FFFFFF;
  color:#000000;
  text-align:left;  
  display:none;
  padding:0.5rem 1rem;
  width:80rem;  
  margin-left:-40rem;  
  border:1px solid #A4ABAF;  
  border-radius:1rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
  transition:0.3s;
}
.contentModal_scrollable{
  height:calc(100% - 10rem);
  overflow:hidden;
  overflow-y:scroll;
  transition:0.3s;
}
.contentModal_xtrawide{
  position:fixed;  
  left:50%;
  z-index:999;
  background:#FFFFFF;
  color:#000000;
  text-align:left;  
  display:none;
  padding:0.5rem 1rem;
  height:90%;
  width:60rem;
  margin-left:-30rem;  
  overflow-y:scroll;
  border:1px solid #A4ABAF;  
  border-radius:1rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
}
.contentModal .headline{  
  font-size:1.25rem;
  color: #2c95b5;
  font-family: 'Capitolina', serif;
  margin-bottom:1rem;
}

.contentModal .optionsContainer{  
  display: flex;
  flex-flow: row wrap;
  justify-content:center;
  align-items: flex-start;
  align-content: center;
  margin:1rem 0rem;
}

.contentModal .singleOptionContainer{  
  flex-basis: 20rem;
  align-self: stretch;
  border-radius: 8px;   
  background:#FFFFFF;
  transition:0.3s;
  margin:0rem 2rem;
  cursor:pointer;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;   
}
.contentModal .singleOptionContainer_headline{  
  margin-bottom:0.5rem;  
  color:#49494C;
  height:2rem;
  line-height:2rem;
  margin-bottom:0.25rem;
  padding:0.25rem 0.5rem;
  font-size:1.15rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition:0.3s;
  background:#ebebec;
  font-weight:500;
}
.contentModal .singleOptionContainer_headline_element{  
  color:#49494C;
  height:2rem;
  line-height:2rem;  
  font-size:1.15rem;  
  font-weight:500;
  transition:0.3s;
}
.contentModal .singleOptionContainer:hover .singleOptionContainer_headline{  
  background:#A4ABAF;  
  color:#FFFFFF;
}
.contentModal .singleOptionContainer:hover .singleOptionContainer_headline_element{    
  color:#FFFFFF;
}
.contentModal .singleOptionContainer_content{  
  padding:0.5rem 0.5rem;  
  position:relative;
  font-size:1.15rem;
}

.sectionHeadline{  
  font-size:1.1rem;
  color: #2c95b5;
  font-weight:700;  
  margin-bottom:1rem;
}
.modalColumn{
  float:left;
  margin-right:3rem;
}
.column_halfWidth{
  float:left;
  width:50%;
}

.modalColumn_halfWidth{
  float:left;
  width:50%;
}
.modalColumn .sectionHeadline{  
  font-size:1.1rem;
  color: #2c95b5;
  font-weight:700;  
  margin-bottom:1rem;
}
.closeButton{
  float:right;
  cursor:pointer;
  height:1.3rem;
  line-height:1.3rem;
  font-size:1rem;
}
.closeButton img{
  opacity:0.6;
  height:1.3rem;
  margin-bottom:-0.35rem;
  transition:0.3s;
  display:inline-block;
}
.closeButton:hover img{
  opacity:1;
}
.modalCloseButton{
  position:absolute;
  top:0.5rem;
  right:1rem;
  cursor:pointer;
  height:1.3rem;
  line-height:1.3rem;
  font-size:1rem;
}
.modalCloseButton img{
  opacity:0.6;
  height:1.3rem;
  margin-bottom:-0.35rem;
  transition:0.3s;
  display:inline-block;
}
.modalCloseButton:hover img{
  opacity:1;
}
.modalLabel{    
  color: #49494C;  
  width:15rem;
  line-height:2rem;
  height:2rem;
  font-size:1.15rem;
  float:left;
  transition:0.5s;
}
.modalLabel_addimg_container{
  float:left;
  width:2rem;
  height:2rem;
  line-height:2rem;
  text-align:center;
  margin-right:0.5rem;
  transition:0.3s;
}
.modalLabel_addimg_container:hover{
  cursor:pointer;
  opacity: 0.5;
}
.modalLabel_addimg_container img{  
  width:1.4rem;
  height:1.4rem;
  margin:0.3rem;
  display:block;
}
.modalLabel_wide{    
  color: #49494C;  
  width:25rem;
  line-height:2rem;
  height:2rem;
  font-size:1.15rem;
  float:left;
  transition:0.5s;
}
.modalLabelWithEnum{
  position:relative;
  padding-left:2.5rem; 
  width:12.5rem;
}
.modalLabel .enumerationDiv{
  position:absolute;
  left:0rem;
  top:0.12rem;
  height:1.7rem;
  width:1.7rem;
  line-height:1.7rem;
  font-size:1.15rem;
  background:#49494C;
  color:#FFFFFF;
  text-align:center;
  border-radius:0.85rem;
}
.modalLabel_valueMissing{    
  color: #F99D1C;    
  font-weight:bold;
}
.modalHeadlineHR{   
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #cbced0;
  margin: 0.5rem 0rem; 
  padding: 0px; 
}
.modalExplaination{     
  width:15rem;
  font-size:1.0rem;   
  color:#928b8d;
  margin-bottom:1rem;
}
.modalExplaination a{     
  font-size:1.0rem;     
}
.modalValue{     
  font-size:1.15rem;   
  width:45rem;
  line-height:2rem;
  float:left;
}
.modalValue .modalExplaination{   
  margin-bottom:0rem !important;
}
.modalExplaination_forLabel{
  width:15rem;
}
.modalColumn_halfWidth .modalValue{  
  width:calc(100% - 15rem);
}
.narrowModalValues .modalValue{
  width:40rem;
}
.modal_notice{
  color:#49494C;
  font-size:1.15rem;
  margin:0.5rem 0rem;
}
.modal_notice *{
  color:#49494C;
  font-size:1.15rem;
}
.modalColumn .modalValue{
  width:unset;
}
.modalRow{
  margin-bottom:1rem;
}


.modalColumn .modalExplaination{
  width: 33.6rem;
}
.modalValue_small{     
  font-size:1.15rem;   
  margin-right:1rem;
  line-height:2rem;
  float:left;
}
.modalValue_noWidth{     
  font-size:1.15rem;   
  line-height:2rem;
  float:left;
}
.modalValue_30{     
  font-size:1.15rem;   
  width:30rem;
  line-height:2rem;
  float:left;
}
.modalValue_half{     
  font-size:1.15rem;   
  width:50%;
  line-height:2rem;
  float:left;
}
.modalValue_addition{     
  font-size:1.15rem;   
  line-height:2rem;
  float:left;
}

.modalValue .notice{     
  font-size:0.9rem;   
  color: #A4ABAF;
}
.modalConfirmText{     
  font-size:1.15rem;   
  text-align:center;
  margin:3rem 0rem;
}
.modalWarningText{   
  font-size:1.15rem;   
  text-align:center;  
  font-weight:bold;
  color: #CF381E;
}
.modalValue input{
  border:1px solid #cbced0;
  width:18rem;
  font-size:1.15rem;
}

.modalValue textarea{
  border:1px solid #cbced0;
  width:18rem;
  height:5rem;
  resize:vertical;
  font-size:1.15rem;
}
.modalValue select{
  border:1px solid #cbced0;  
  width:calc(18rem + 0.6rem + 2px);
  font-size:1.15rem;
}
.modalValue select option{  
  font-size:1.15rem;
}
.modalValue .modal_multiple_select{
  height:7rem;
}
.modalValue .numberInput{  
  width:10rem;
  font-size:1.15rem;
}
.numberInputRight{
  text-align:right;
  width:5rem !important;
}
.modalValue .dateInput{  
  width:10rem;
  font-size:1.15rem;
}
.modalValue .wideInput{  
  width:30rem;
  font-size:1.15rem;
}
.modalValue .linkSimulator{  
  font-size:1.15rem;
}

.addFixedLinkContainer_b{
  position:fixed;
  top:2rem;
  right:1rem;
  height: 2.5rem;
}

.addFixedLinkContainer{
  position:fixed;
  top:2rem;
  right:2rem;
  height: 2.5rem;
}
.addLinkContainer{
  position:absolute;
  top:2rem;
  right:1rem;
  height: 2.5rem;
}
.addLinkContainerTop{
  position:absolute;
  top:0rem;
  right:2rem;
  height: 2.5rem;
}
.addLinkContainerInline{
  position:absolute;
  top:1rem;
  right:1rem;
  height: 2.5rem;
}
.addLinkContainer .inputLabel{   
  height: 2.0rem;
  line-height:2.0rem;
  float:left;
  font-size:1.15rem;
  margin-right:1rem;
}
.addLinkContainer .inputContainer{  
  height: 2.0rem;
  line-height:2.0rem;
  float:left;  
  margin-right:0.5rem;
}
.addLinkContainer .inputContainer select{
  border:1px solid #cbced0;  
  font-size:1.15rem;
}
.addLinkContainer .inputContainer select option{  
  font-size:1.15rem;
}
.addLink{
  border-radius:1.25rem;
  line-height: 2.5rem;
  height: 2.5rem;
  background:#03800D;
  color:#FFFFFF;
  font-size:1.0rem;
  text-align:center;
  transition:0.3s;
  cursor:pointer;
  padding-right:0.75rem;
  font-style:normal;
}

.addLink_leftMargin{
  margin-left: 2rem;
}
.addLink_rightBottomMargin{
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.addLink img{
  height: 2.2rem;
  width: 2.2rem;  
  margin-bottom:-0.8rem;
  margin-right:0.25rem;
  margin-left:0.15rem;
  /*
  -webkit-animation:antispin 0.3s linear;
  -moz-animation:antispin 0.3s linear;
  animation:antispin 0.3s linear;
  */
}
.addLink_img{
  padding-right:0.0rem;
  
}
.addLink_img img{
  height: 2.1rem;
  width: 2.1rem;  
  margin:0.2rem;  
  
}
.addLink:hover{
  background:#2c95b5;
}


.addLink_smallImg{
  border-radius:8px;
  background:#03800D;
  color:#FFFFFF;
  font-size:1.0rem;
  text-align:center;
  transition:0.3s;
  cursor:pointer;
  padding:0.35rem 0.5rem;
  font-style:normal;
  height:auto !important;
  line-height:normal !important;
}

.addLink_smallImg img{
  height:1.8rem;
  margin-bottom:-0.55rem;
  margin-top:-0.2rem;
  margin-right:0.5rem;
}
.addLink_smallImg:hover{
  background:#2c95b5;
}

.top_icon_link_container{
  margin-right: 1rem;
  transition:0.3s;
}
.top_icon_link_container img{
  height:2.0rem;
  width:2.0rem;
  margin-top:0.5rem;  
}
.top_icon_link_container:hover{
  margin-right: 1rem;
  transition:0.3s;
  cursor:pointer;
  opacity:0.5;
}


/*
.addLink:hover img{
  -webkit-animation:spin 0.3s linear;
  -moz-animation:spin 0.3s linear;
  animation:spin 0.3s linear;
}
*/
.buttonLinkImgOnly{
  border-radius:1.25rem;
  line-height: 2rem;
  height: 2rem;  
  color:#FFFFFF;
  font-size:1.0rem;
  text-align:center;
  transition:0.3s;
  cursor:pointer;
  margin-left:1rem;
}
.buttonLinkImgOnly img{
  height: 2rem;
  width: 2rem;  
  display:block;
}
.buttonLinkImgOnly:hover{
  opacity:0.6;
}
.buttonLinkImgOnly_deactivated{
  cursor:default;
}
.buttonLinkImgOnly_deactivated:hover{
  opacity:1;
}

.buttonLink{
  border-radius:1.25rem;
  line-height: 2.5rem;
  height: 2.5rem;
  background:#03800D;
  color:#FFFFFF;
  font-size:1.0rem;
  text-align:center;
  transition:0.3s;
  cursor:pointer;
  padding-right:0.75rem;
}
.buttonLink_centerfloat{
  width:20rem;
  margin:auto;
}
.buttonLink_centerfloat_container{
  width:75rem;
  margin:auto;
}

.buttonLink img{
  height: 2.5rem;
  width: 2.5rem;  
  margin-bottom:-0.9rem;
  margin-right:0.1rem;
}

.buttonLinkWarning{
  border-radius:1.25rem;
  line-height: 2.5rem;
  height: 2.5rem;
  background:#CF381E;
  color:#FFFFFF;
  font-size:1.0rem;
  text-align:center;
  transition:0.3s;
  cursor:pointer;
  padding-right:0.75rem;
}
.buttonLinkWarning img{
  height: 2.5rem;
  width: 2.5rem;  
  margin-bottom:-0.9rem;
  margin-right:0.1rem;
}
.buttonLinkWarning:hover{
  background:#2c95b5;
}
.buttonLinkSpacer_left{
  height:2.5rem;
  width:3rem;
  float:left;
}
.buttonLinkSpacer_right{
  height:2.5rem;
  width:3rem;
  float:right;
}

.buttonLink_small{
  border-radius:0.5rem;
  line-height: 1.5rem;
  height: 1.5rem;
  color:#FFFFFF;
  font-size:1.0rem;
  text-align:center;
  transition:0.3s;
  cursor:pointer;
  padding:0rem 0.75rem;
  margin:0.25rem 0rem;
  background:#03800D;
}
.buttonLink_small:hover{
  background:#2c95b5;
}
.buttonLink_margin_left{
  margin-left:3rem;
}
.buttonLink_margin_right{
  margin-right:3rem;
}
.buttonLink_blue{
  background:#03800D;
}
.buttonLink_red{
  background:#CF381E;
}
.buttonLink_green{
  background:#2c95b5;
}
.buttonLink:hover{
  background:#2c95b5;
}
.buttonLink_deactivated{
  cursor:default;
  opacity:0.5;
}
.buttonLink_deactivated:hover{
  cursor:default;
  background:#03800D;
}

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

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


.addLinkLeft{
  margin-left:2rem;
}
.logEntryModal{
  overflow:hidden;
  overflow-y:scroll;
}
.logEntryContainer{
  padding:0.1rem;
}
.logEntryContainer div{
  font-size:0.8em;  
  
}
.logEntryContainerAlternating{
  background:#cbced0;
}
.noAccessNoticeContainer{
  padding-top:5rem;
}
.noAccessNoticeHeadline{
  margin-top:5rem;
  color:#F99D1C;
  font-size:3rem;
  margin-bottom:3rem;
  text-align:center;
  font-weight:700;
}
.noAccessNoticeText{  
  color:#2c95b5;
  font-size:1rem;  
  text-align:center;
  font-weight:400;
}
.innerContentDashboard{
  position:relative;  
}
.leftPersonSelectContainer{
  position:sticky;  
  top:0;
  width:15rem;
  border-right:1px solid #cbced0;  
  float:left;
  background:#FFFFFF;
  margin-left:0rem;  
  padding-left:0.5rem;
}

#personSelectFormList{
  overflow:hidden;
  overflow-y:auto;
  height:500px;  
}
.select_personDiv{
  position:relative;  
  transition:0.3s;
  margin-bottom:0.2rem;
  padding:0.1rem 0.1rem;
  background:#FDFDFD;
}
.select_personDiv_name{  
  font-size:1.15rem;
  transition:0.3s;
}
.select_personDiv_position{  
  font-size:0.9rem;
  color:#928b8d;
  transition:0.3s;
}

.select_personDiv:hover{
  cursor:pointer;
  background:#2c95b5;
  color:#FFFFFF;
}
.select_personDiv:hover .select_personDiv_name{  
  color:#FFFFFF;
}
.select_personDiv:hover .select_personDiv_position{  
  color:#FFFFFF;
}

.select_personDiv_active{
  background:#013849;
  color:#FFFFFF;
}

.select_personDiv_active .select_personDiv_name{  
  color:#FFFFFF;
}
.select_personDiv_active .select_personDiv_position{  
  color:#FFFFFF;
}

#selectContent{  
  position:relative;  
}
.selectContentContainer{
  position:relative;
  margin-left: 1rem;
  width: calc(100% - 18rem);
}
.fadeIN {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.fadeINSlow{
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.8s;
}

@keyframes fadeInOpacity {  
  0% {opacity: 0;} 
  100% {opacity: 1;}
}

/* The switch - the box around the slider */
.toggleSwitchContainer{
  float:left;
  height:2rem;
  line-height:2rem;
  font-size:1.15rem;  
  margin-right:0.5rem;
}
.modalValueDocContainer{  
  line-height:1.15rem;
  font-size:1.0rem;    
  max-width: 55rem;
  color:#A4ABAF;
}
.modalValueAdditionalInfoContainer{
  float:left;  
  line-height:1.15rem;
  font-size:1.0rem;  
  max-width:15rem;
  margin-left:0.5rem;
  color:#A4ABAF;
}
.toggleSwitch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  margin-top:0.25rem
}
/* Hide default HTML checkbox */
.toggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.toggleSwitchSlider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #A4ABAF;
  -webkit-transition: .4s;
  transition: .4s;
}
.toggleSwitchSlider:before {
  position: absolute;
  content: "";
  height: 1.3rem;
  width: 1.3rem;
  left: 0.1rem;
  bottom: 0.1rem;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .toggleSwitchSlider {
  background-color: #2c95b5;
}
input:focus + .toggleSwitchSlider {
  box-shadow: 0 0 1px #2c95b5;
}
input:checked + .toggleSwitchSlider:before {
  -webkit-transform: translateX(1.5rem);
  -ms-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
}
/* Rounded sliders */
.toggleSwitchSlider.round {
  border-radius: 0.9rem;
}
.toggleSwitchSlider.round:before {
  border-radius: 50%;
}
.reallyDeleteQuestion{
  margin-left:5rem;
  text-align:right;
  transition:0.3s;
  font-size:1.15rem;
}
.reallyDeleteQuestion:hover{
  color: #F99D1C;
  cursor:pointer;
}
.reallyDeleteQuestion_yes{
  color: #2c95b5;
}
.reallyDeleteQuestion_no{
  color: #CF381E;
}

.generalInfoNotice{
  text-align:center;
  font-size:2rem;
  margin-top:3rem;
  color:#A4ABAF;
}
.generalInfoNotice_medium{
  text-align:center;
  font-size:1.5rem;
  margin-top:3rem;
  color:#928b8d;
}
.generalInfoNoticeSub{
  text-align:center;
  font-size:1.15rem;  
  color:#49494C;
  width:70%;
  margin:0rem auto;
  margin-top:1.5rem;
}
.generalErrorNotice{
  text-align:center;
  font-size:2rem;
  margin-top:3rem;
  color:#CF381E;
}
.generalInfoNotice_small{  
  font-size:1.15rem;  
  color:#928b8d;
}
.generalInfoNotice_small span{  
  font-size:1.15rem;  
  color:#000000;
  font-weight:bold;
}
.generalInfoNotice_small input{  
  font-size:1.15rem;  
  color:#000000;
  width:30rem;
  text-align:center;
}
.loginInputContainer_members .buttonLink{
  width:15rem;
  margin:0rem auto;
}


.default_description_container{
  color:#49494C;
  margin-top:0.5rem;
  margin-bottom:1rem;
  font-size:1.15rem;
  background:#ebebec;
  border:1px solid #49494C;
  padding:0.5rem 1rem;  
}
.default_description_container_headline{
  color:#000000;
  margin-bottom:0.5rem;
  font-weight:700;
  font-size:1.3rem;  
}
.default_description_container_text{
  color:#000000;  
  font-size:1.15rem;
  margin-bottom:1.5rem;
}
.linebreak{
  display: block;
  margin-bottom: 0.5rem; 
}
.infoMessage{
  text-align:center;
  margin-top:5rem;
  font-size:2rem;
  font-weight:bold;
  color: #00B9AD;
}
.warningMessage{
  text-align:center;
  margin-top:5rem;
  font-size:2rem;
  font-weight:bold;
  color: #CF381E;
}
.warningMessage_noTopMargin{
  text-align:center;
  margin-top:1rem;
  font-size:2rem;
  font-weight:bold;
  color: #CF381E;
}
.infoMessage_noTopMargin{
  text-align:center;
  margin-top:1rem;
  margin-bottom:1rem;
  font-size:2rem;
  font-weight:bold;
  color: #00B9AD;
}
.warningMessage_noTopMargin{
  text-align:center;
  margin-top:1rem;
  font-size:2rem;
  font-weight:bold;
  color: #CF381E;
}
.warningMessage_notice{
  text-align:center;
  margin-top:1rem;
  font-size:1.15rem;  
  color: #49494C;  
}
.confirmDeclineContainer{  
  width:30rem;
  margin:0rem auto;
  margin-top:5rem;
}
.confirmDeclineContainer_noTopMargin{  
  width:30rem;
  margin:0rem auto;
  margin-top:1rem;
}
.confirmDecline_decline{  
  width:7rem;
  float:right;
  height:2.5rem;
  line-height:2.5rem;
  background:#CF381E;
  color:#FFFFFF;
  font-size:1.2rem;
  text-align:center;
  transition:0.3s;
  border-radius:0.5rem;
}
.confirmDecline_decline:hover{  
  background:#BF280E;
  cursor:pointer;  
}
.confirmDecline_confirm{  
  width:7rem;
  float:left;
  height:2.5rem;
  line-height:2.5rem;
  background:#339F4E;
  color:#FFFFFF;
  font-size:1.2rem;
  text-align:center;
  transition:0.3s;
  border-radius:0.5rem;
}
.confirmDecline_confirm:hover{  
  background:#238F3E;
  cursor:pointer;  
}
.confirmDecline_info{  
  width:7rem;
  float:right;
  height:2.5rem;
  line-height:2.5rem;
  background:#03800D;
  color:#FFFFFF;
  font-size:1.2rem;
  text-align:center;
  transition:0.3s;
  border-radius:0.5rem;
}
.confirmDecline_info:hover{  
  background:#005CA7;
  cursor:pointer;  
}
.popup_info_icon{
  height:1.2rem;
  width:1.2rem;
  margin-left:0.3rem;
  margin-bottom:-0.2rem;
  opacity:0.5;
  transition:0.3s;
}
.popup_info_icon:hover{
  cursor:pointer;
  opacity:1;
}
.popup_info_container{
  position:absolute;
  z-index:999;
  border:1px solid #A4ABAF;  
  border-radius:0.5rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.3);
  display:none;
  background:#FAFAFA;
  width:20rem;
  padding:0.5rem 0.5rem;
  min-height:3rem;
  top:0rem;
  left:0rem;
}
.info_popup_headline{
  color:#49494C;
  font-size:1.15rem;
  font-weight:700;
  margin-bottom:0.5rem;  
}
.info_popup_body{
  color:#49494C;
  font-size:1.15rem;
}
.disabled{
  opacity:0.6;
}
.disabledImg{
  opacity:0.4;
}
.ui-datepicker{
  background:#FFFFFF;
  border:1px solid #A4ABAF;
}

.user_access_container table {
  text-align: left;
  position: relative;
  border-collapse: collapse; 
}
.user_access_container th, .user_access_container td {
  padding: 0.25rem 1rem 0.25rem 0.3rem;
  white-space: nowrap;
  font-size:0.9rem;  
}
.user_access_container tr.blue th {
  background: #013849;
  color: white;
}
.user_access_container th {
  background: white;
  position: sticky;
  font-size: 0.9rem;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.user_access_container .trHover:hover{
  background: #cfebeb;
}
.user_access_container .tdLight{
  color: #A4ABAF;
}

.user_access_container .trHeadline{
  background: #A4ABAF;
}
.user_access_container .trHeadline td{
  color: #FFFFFF;
}
.user_access_container .trSpacer{
  height:0.5rem;
}
.user_access_container .trTopBorder td{
  border-top:1px solid #49494C;
}
.user_access_container .access_info_td{
  color:#A4ABAF;
  font-size:0.7rem;
}
.user_access_container .access_info_td img{
  height:1rem;
  width:1rem;
}


.orga_user_access_container table {
  text-align: left;
  position: relative;
  border-collapse: collapse; 
}
.orga_user_access_container th, .orga_user_access_container td {
  padding: 0.25rem 1rem 0.25rem 0.3rem;
  white-space: nowrap;
  font-size:1rem;  
  border-left:1px solid #cfebeb;
}
.orga_user_access_container tr.blue th {
  background: #013849;
  color: white;
}
.orga_user_access_container th {
  background: white;
  position: sticky;
  font-size: 1.15rem;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.orga_user_access_container .trHover:hover{
  background: #cfebeb;
}
.orga_user_access_container .tdLight{
  color: #A4ABAF;
}

.orga_user_access_container .trHeadline{
  background: #A4ABAF;
}
.orga_user_access_container .trHeadline td{
  color: #FFFFFF;  
}
.orga_user_access_container .trSpacer{
  height:0.25rem;
}
.orga_user_access_container .trTopBorder td{
  border-top:1px solid #49494C;
}
.orga_user_access_container .access_info_td{
  color:#A4ABAF;
  font-size:0.7rem;
}
.orga_user_access_container .access_info_td img{
  height:1rem;
  width:1rem;
}

.context_menu_icon{
  font-size:1.00rem;
  height:1.5rem;
  line-height:1.5rem;  
  transition:0.3s;
  float:right;
  transition:0.3s;
  opacity:0.6;
}
.context_menu_icon:hover{
  opacity:1;
  cursor:pointer;
}
.context_menu_icon img{  
  height:1.5rem;
  width:1.5rem;
}

.context_menu{
  position:absolute;
  top:0;
  left:0;
  background:#FFFFFF;
  border:1px solid #A4ABAF;
  box-shadow: -2px 4px 5px 1px rgba(0,0,0,0.2);
  width:13rem;  
  margin-top:-0.25rem;
  z-index:9999;
  display:none;
}

.context_menu .menuIcon{
  font-size:1.00rem;
  height:1.5rem;
  line-height:1.5rem;  
  transition:0.3s;
  position:absolute;
  right:0rem;
  transition:0.3s;
  opacity:1;
}

.context_menu .menuIconLeft{
  font-size:1.00rem;
  height:1.5rem;
  line-height:1.5rem;  
  transition:0.3s;
  position:absolute;
  left:0rem;
  transition:0.3s;
  opacity:1;
}

.context_menu .menuIconTop{
  top:0.25rem;
}
.context_menu .menuIconBottom{
  bottom:0.25rem;
}
.context_menu .menuIcon img{  
  height:1.5rem;
  width:1.5rem;
}
.context_menu .menuIconLeft img{  
  height:1.5rem;
  width:1.5rem;
}
.context_menu .headline{
  background:#A4ABAF;
  height:2rem;
  line-height:2rem;
  padding-right:2rem;
  padding-left:0.5rem;
  font-size:1rem;
  margin-bottom:0.5rem;
  color:#FFFFFF;
  vertical-align: middle;
}
.context_menu .headlineLeft{
  background:#A4ABAF;
  height:2rem;
  line-height:2rem;
  padding-left:2rem;
  font-size:1rem;
  margin-bottom:0.5rem;
  color:#FFFFFF;
  vertical-align: middle;
}
.context_menu .headlineBottom{
  margin-top:0.5rem;
  margin-bottom:0rem;
}
.context_menu .menu_item{
  background:#FFFFFF;
  min-height:2rem;
  line-height:2rem;  
  padding-left:0.5rem;
  font-size:1rem;  
  color:#FFFFFF;
  vertical-align: middle;
  transition:0.2s;
  margin-bottom:0.2rem;
}
.context_menu .menu_item:hover{
  background:#cfebeb;
  cursor:pointer;  
}
.context_menu .menu_item_no_hover:hover{
  background:#FFFFFF;
  cursor:default;  
  
}
.context_menu .menu_item .icon{
  float:left;
  height:2rem;
  width:2rem;
  margin-right:0.5rem;
}
.context_menu .menu_item .icon img{
  height:1.4rem;
  width:1.4rem;
  margin:0.3rem 0rem;
}
.context_menu .menu_item .text{
  float:left;
  line-height:2rem;
  font-size:0.9rem;
  font-weight:700;
  color:#49494C;
  width:calc(100% - 2.51rem);
}

.context_menu .menu_item .text .color_select_square{
  float:left;
  margin:0.1rem;
  height:calc(1.4rem - 4px);
  width:calc(1.4rem - 4px);  
  border:2px solid transparent;
  transition:0.3s;
}
.context_menu .menu_item .text .color_select_square:hover{
  border:2px solid #000000;
  cursor:pointer;
}

.context_menu .menu_item .text .color_select_square_selected{
  border:2px solid #000000;  
}

.texteditor_container {  
  width:calc(100% - 0rem);  
  background:#FFFFFF;
}
.texteditor_quill{
  width:100%;  
  padding:0rem;  
  height:15rem !important;
}


.rightclick_menu{
  position:absolute;
  top:0;
  left:0;
  background:#FFFFFF;
  border:1px solid #A4ABAF;
  box-shadow: -2px 4px 5px 1px rgba(0,0,0,0.2);
  width:13rem;  
  margin-top:0rem;
  margin-left:-0.5rem;
  z-index:9999;
  display:none;
}

.rightclick_menu .headline{
  background:#A4ABAF;
  height:2rem;
  line-height:2rem;
  padding-right:2rem;
  padding-left:0.5rem;
  font-size:1rem;
  margin-bottom:0.5rem;
  color:#FFFFFF;
  vertical-align: middle;
}
.rightclick_menu .menu_item{
  background:#FFFFFF;
  height:2rem;
  line-height:2rem;  
  padding-left:0.5rem;
  font-size:1rem;  
  color:#FFFFFF;
  vertical-align: middle;
  transition:0.2s;
  margin-bottom:0.2rem;
}
.rightclick_menu .menu_item:hover{
  background:#cfebeb;
  cursor:pointer;  
}
.rightclick_menu .menu_item .icon{
  float:left;
  height:2rem;
  width:2rem;
  margin-right:0.5rem;
}
.rightclick_menu .menu_item .icon img{
  height:1.4rem;
  width:1.4rem;
  margin:0.3rem 0rem;
}
.rightclick_menu .menu_item .text{
  float:left;
  height:2rem;
  line-height:2rem;
  font-size:0.9rem;
  font-weight:700;
  color:#49494C
}
.scrollXContent{  
  overflow-x:scroll;
}

.datepicker-container{
  z-index:9999 !important;
}

.topToggleButtonLabel{
  height:1.5rem;
  line-height:1.5rem;
  font-size:1.15rem;
  color:#49494C;
  float:left;
}
.topToggleButtonLabelImgContainer{
  height:1.5rem;
  line-height:1.5rem;
  font-size:1.15rem;
  color:#49494C;
  float:left;
  margin-left:1rem;
}
.topToggleButtonLabelImgContainer img{
  height:1.5rem;  
  transition:0.3s;
}
.topToggleButtonLabelImgContainer img:hover{
  cursor:pointer;
  opacity:0.6;
}


.tableContainerScrollable{
  position:relative;
  overflow-x:scroll;
  overflow-y:scroll;
}

.tableContainerScrollable_x{
  position:relative;  
  overflow-x:scroll;
}
#ajax_return{
  display:none;
}


#notification_container{
  cursor:pointer;
}
#system_emails_icon_container{
  cursor:pointer;
}
#vici_icon_container{
  cursor:pointer;
}

.top_menu_link_container{  
  position:relative;  
  width:calc(100% - 45rem); /* 17 rem left side stuff, 2x2 rem motd scrollbar und margin*/
  float:left;
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.top_menu_detail_container{
  position:fixed;  
  display:none;  
  top:4rem;
  padding-top:1rem;
  width:22rem;
}
.top_menu_detail_box{      
  background:#FFFFFF;
  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;   
  position:relative;  
  border:1px solid #DADADA;  
  height: calc(100% + 1rem);
}
.top_menu_detail_box:after, .top_menu_detail_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.top_menu_detail_box:after {
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #FFFFFF;
  border-width: 15px;
  margin-left: -15px;
}
.top_menu_detail_box:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 16px;
  margin-left: -16px;
}
 


.top_menu_content_single_link{  
  display:none;  
  position:absolute;
  left:1rem;
  top:0.5rem;
  height:calc(100% - 1rem);
  line-height:1rem;
  text-align:left;
}
.personal_menu_container{
  position:absolute;  
  top:4rem;
  right:-19rem;
  padding-top:0.25rem;
  width:17rem;
  transition:0.3s;
}
.personal_menu_box{
  background:#FFFFFF;
  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;
  z-index:99999; 
}
.show_personal_menu{
  right:0.25rem;
}
.show_personal_menu hr{
  margin:1rem;
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #DADADA;  
  padding: 0px;      
}
.personal_menu_headline{
  font-size:1.05rem;
  height:1.5rem;
  line-height:1.5rem;
  margin:0rem 1rem;
  font-weight:bold;
  color: #A4ABAF;  
  text-align:right;
}
.personal_menu_item{
  font-size:1.05rem;
  color:#49494C;
  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:#2c95b5;
  cursor:pointer;
}
.personal_menu_club_info .club_name{
  margin:0rem 1rem;
  text-align:right;
  font-size:1.0rem;
  color:#2c95b5;
  font-family: 'Capitolina', serif;
  
}
.personal_menu_club_info .user_full_name{
  margin:0rem 1rem;
  text-align:right;
  font-size:1.0rem;
  color:#2c95b5;
}



.toplink_major{  
  transition:0.3s;
  width:20rem;
}
.toplink_major_img{
  width:2.5rem;
  text-align:center;
  margin-right:1rem;
}
.toplink_major img{
  height:2.0rem;
  margin:0.25rem 0rem;
  display:inline-block;
}
.toplink_major_label{
  height:2.5rem;
  line-height:2.5rem;
  font-size:1rem;
  color:#49494C;
  transition:0.3s;
  dominant-baseline:middle; 
}
.toplink_major:hover{  
  cursor:pointer;
  background:#F0F0F0;
}
.toplink_major:hover .toplink_major_label{  
  color:#2c95b5;
}
.toplink_section_headline{
  font-weight:bold;
  color:#928b8d;
  font-size:1.15rem;
  margin-top:0.8rem;
  margin-bottom:0.25rem;
}

.toplink_minor{  
  transition:0.3s;
  width:20rem;
}
.toplink_minor_img{
  width:2.5rem;
  margin-right:1rem;
  text-align:center;
}
.toplink_minor img{
  height:1rem;
  margin:0.5rem 0rem;
  display:inline-block;
}
.toplink_minor_label{
  dominant-baseline:middle; 
  height:2rem;
  line-height:2rem;
  font-size:1.0rem;
  color:#49494C;
  transition:0.3s;
}
.toplink_minor:hover{  
  cursor:pointer;
  background:#F0F0F0;
}
.toplink_minor:hover .toplink_minor_label{  
  color:#2c95b5;
}

.person_group_labels .modalLabel{
  width: 30rem;
}

.general_list_headline{
  font-size:1.4rem;
  color:#928b8d;
  margin-bottom:1rem;
  padding:0rem 1rem;
  padding:0rem;
}
.general_list_line{
  min-height:2.5rem;
  line-height:2.5rem;
  padding:0rem 1rem;
  padding:0rem;
  
  border-bottom:1px solid #E0E0E0;
}
.general_list_reorder_container .general_list_line{
  transition:0s;  
}
.general_list_line:hover{
  background:#FFFFFF;
  border-bottom:1px solid #DADADA;  
}
.general_list_line .main_element{
  float:left;
  font-size:1.3rem;
  min-height:2.5rem;
  line-height:2.5rem;
  margin-right:3rem;
  width:35rem;
}
.general_list_line .image_container{
  float:left;  
  min-height:2.5rem;
  line-height:2.5rem;
  margin-right:1.5rem;  
}
.general_list_line .image_container img{  
  height:2.0rem;  
  width:2.0rem;  
  margin:0.25rem 0rem;  
}
.general_list_line .main_element span{  
  font-size:1.3rem;
  min-height:2.5rem;
  line-height:2.5rem;  
}
.general_list_line .secondary_element{
  float:left;
  font-size:1.15rem;
  min-height:2.5rem;
  line-height:2.5rem;
  margin-right:3rem;
  width:15rem;
}
.general_list_line .secondary_element_wide{
  float:left;
  font-size:1.15rem;
  min-height:2.5rem;
  line-height:2.5rem;
  margin-right:3rem;
  width:30rem;
}
.general_list_line .secondary_element_extrawide{
  float:left;
  font-size:1.15rem;
  min-height:2.5rem;
  line-height:2.5rem;
  margin-right:3rem;
  width:120rem;
}

.general_list_line .secondary_element_wide_list{
  float:left;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:1.0rem;
  min-height:2.5rem;
  line-height:1.5rem;
  margin-right:3rem;
  width:30rem;
}
.general_list_line .secondary_element_label span{  
  font-size:1.15rem;
  min-height:2.5rem;
  line-height:2.5rem;  
}
.general_list_line .secondary_element span{  
  font-size:1.15rem;
  min-height:2.5rem;
  line-height:2.5rem;  
}
.general_list_line .secondary_element_label{
  float:left;
  font-size:1.15rem;
  min-height:2.5rem;
  line-height:2.5rem;
  margin-right:1.5rem;
  color:#928b8d;
}
.general_list_line .secondary_element_long{
  float:left;
  font-size:1.15rem;
  min-height:2.5rem;
  line-height:2.5rem;
  margin-right:3rem;
  width:30rem;
}
.general_list_line .element_focus {  
  font-size:1.15rem;
  min-height:2.5rem;
  line-height:2.5rem;
  margin-right:3rem;
  font-weight:bold;
}
.margin_right{
  margin-right: 0.5rem;
} 

.vc_tooltip {
  position: relative; /* Establish a positioning context */
  display: inline-block;
  cursor: pointer;  /* To show it’s hoverable */
}

/* The hidden text that will appear on hover */
.vc_tooltip .tooltip-text {
  visibility: hidden;  /* Initially hidden */
  width: 9rem;      /* Adjust the width to your liking */
  background-color: #333; /* Tooltip background */
  color: #fff;       /* Tooltip text color */
  text-align: center;
  padding: 0.25rem 0.5rem; /* Padding around the text */
  border-radius: 6px;
  
  /* Positioning for the tooltip */
  position: absolute;  /* Position absolutely within the .tooltip container */
  z-index: 1;      /* Ensures it appears on top */
  bottom: 125%;      /* Shift tooltip above the link */
  left: 0%;
  transform: translateX(0%);
  /* Optionally add an arrow or additional styling here */
}

/* Show the tooltip text when hovering over the container */
.vc_tooltip:hover .tooltip-text {
  visibility: visible;
}

.label_input_error{
  color:#CF381E !important;
  font-weight:bold;
}


.pulse_dashboard_container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 1.5rem 1.5rem;
}
.pulse_dashboard_project_link{
  font-size:1.6rem;    
  margin-bottom:1rem;
  margin-right:1.0rem;  
  float:left;
}
.pulse_dashboard_element_container{
  border:1px solid var(--silverfaded); 
  padding:0.5rem 1rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);  
  border-radius:0.5rem;  
  position:relative;
  transition:0.3s;
  background:var(--white);  
  flex-basis: auto;
  min-width:20rem;
}
.pulse_dashboard_element_container_question{
  border:1px solid var(--silverfaded); 
  padding:0.5rem 1rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);  
  border-radius:0.5rem;  
  position:relative;
  transition:0.3s;
  background:var(--white);  
  flex-basis: auto;
  width:100%;
  margin-bottom:0.25rem;
  margin-right:1rem;
  margin-top:0.25rem;
}

.pulse_dashboard_element_container_landingpage{    
  position:relative;
  transition:0.3s;
}
.pulse_dashboard_element_container_landingpage .mainheadline{
  font-size:1.25rem;
  color:var(--tungsten);
  font-weight:bold;
  text-align:center;
}
.pulse_dashboard_element_container_landingpage .headline{
  font-size:1.15rem;
  color:var(--tungstenlight);
  text-align:center;
}
.pulse_dashboard_element_container_landingpage .subheadline{
  font-size:1.15rem;
  color:var(--tungstenlight);  
}
.pulse_dashboard_element_container_landingpage .headline span{
  font-size:1.15rem;
  font-weight:700;
  color:var(--tungsten);
}
.pulse_dashboard_element_container_size_full_width{
  flex-grow: 1;
  width: 100%;
}
.pulse_dashboard_element_container_size_1{
  flex-grow: 1;
  min-width:calc(80% - 3rem);
}
.pulse_dashboard_element_container_size_2{
  flex-grow: 2;
  min-width:calc(45% - 3rem);
}
.pulse_dashboard_element_container_size_3{
  flex-grow: 3;
  min-width:calc(30% - 3rem);
}
.pulse_dashboard_element_container_size_4{
  flex-grow: 4;
  min-width:calc(23% - 3rem);
}
.pulse_dashboard_element_container .mainheadline{
  font-size:1.25rem;
  color:var(--tungsten);
  font-weight:bold;
  text-align:center;
}
.pulse_dashboard_element_container .headline{  
  font-size:1.25rem;
  color:var(--tungstenlight);
  text-align:center;
  padding-bottom:0.5rem;
  margin-bottom:0.5rem;
  border-bottom:var(--silverfaded) 1px solid;
}
.pulse_dashboard_element_container .subheadline{
  font-size:1.15rem;
  color:var(--tungstenlight);  
}
.pulse_dashboard_element_container .headline span{
  font-size:1.5rem;
  font-weight:700;
  color:var(--tungsten);
}
.pulse_dashboard_element_container li{
  font-size:1.15rem;
  margin-bottom:0.3rem;
  white-space: wrap;
}
.pulse_dashboard_element_container li a{
  font-size:1.15rem;
}
.pulse_dashboard_chart_container{  
  text-align:center;
}
.pulse_dashboard_chart_container_left{  
  text-align:left;
}

.pulse_gauge_current_value_label{
  text-anchor:middle;
  font-size:40px;
  font-weight:700;  
  dominant-baseline: middle;
  opacity:0;
}
.pulse_gauge_secondary_value_label{
  text-anchor:middle;
  font-size:20px;
  font-weight:700;  
  dominant-baseline: middle;
  opacity:0;
}
.pulse_gauge_background_arc{  
  stroke-width:3px;
}
.pulse_gauge_main_arc{
  stroke-width:3px;
}
.pulse_gauge_circle_label{
  font-size:12px;
  text-anchor:middle;
  opacity:0;
}

.pulse_linegraph_value_line{
  fill:none;
  stroke-width:1px;
}
.pulse_linegraph_value_line_axis text{
  font-size: 10px;  
}
.pulse_bar_chart_y_axis_label{  
  font-size: 18px;  
}
.pulse_linegraph_value_line_axis path{
  stroke:none;
  fill:none;
}
.pulse_linegraph_gridlines path{
  stroke:none;
  fill:none;
}
.pulse_linegraph_value_line_axis path, .pulse_linegraph_value_line_y_axis path line{
  fill: none;
  stroke-width:1px;
  shape-rendering: crispEdges;
}
.pulse_linegraph_gridlines .tick line {
  stroke: #CCCCCC !important;
  stroke-width:1px !important;
  stroke-opacity: 0.7 !important;
  stroke-dasharray: 3, 3 !important;
}
.pulse_linegraph_area {
  fill-opacity: 0.6;
  opacity: 0;
}
.pulse_linegraph_circle {
  stroke: var(--white);
  opacity: 0;
  stroke-width: 1.5;
}
.pulse_linegraph_label_green{
  text-anchor: start;
  font-size: 12px;
  font-weight: 600;
  fill: var(--leafgreen);
  opacity: 0;  
}
.pulse_linegraph_label{
  text-anchor: start;
  font-size: 12px;
  font-weight: 600;
  fill: var(--tungsten);
  opacity: 0;  
}
.pulse_linegraph_label_visible{
  text-anchor: start;
  font-size: 12px;
  font-weight: 600;
  fill: var(--tungsten);
}
.pulse_linegraph_legend_text{
  text-anchor: start;
  font-size: 12px;
  fill: var(--tungsten);
  cursor:pointer;
}
.pulse_linegraph_legend_color_box{
  stroke:none;
  cursor:pointer;
}
.pulse_graph_x_axis_label_rotated_65{
  font-size: 12px;
  font-weight: 600;
  fill: var(--tungsten);
  transform: translate(-20px, 25px) rotate(-65deg);
}
.pulse_bar_chart_horizontal_grid .tick line {  
  stroke-opacity: 0.7;
  stroke-dasharray: 3, 3;
}
.pulse_bar_chart_horizontal_grid path{
  stroke-width: 0;
}

.pulse_bar_chart_horizontal_axis text{  
  font-size: 12px;
}
.pulse_bar_chart_horizontal_y_axis text{  
  font-size: 14px;
}
.pulse_bar_chart_horizontal_bar_label{
  font-size: 18px;  
  font-weight:bold;
}
.pulse_settings_row_low_margin{
  margin-top:0.3rem;
}
.pulse_settings_row_no_margin{
  margin-top:0.0rem;
}
.pulse_settings_row{
  margin-top:1rem;
}
.pulse_settings_label{
  float:left;
  width:20rem;
  font-size:1.15rem;
  color:var(--tungstenlight);
  line-height:2rem;
  margin-right:2rem;
}
.pulse_settings_question_text{
  float:left;  
  font-size:1.15rem;
  color:var(--tungstenlight);
  line-height:2rem;
  margin-right:2rem;
}
.pulse_settings_note{  
  width:20rem;
  font-size:0.9rem;
  color:var(--silver);
  line-height:1.1rem;
}
.pulse_settings_value{
  float:left;
  min-width:50rem;
  max-width:calc(100% - 25rem);
  font-size:1.15rem;
  color:var(--tungsten);
  line-height:2rem;
}
.pulse_settings_value input{
  border:1px solid var(--silverlight);  
  font-size:1.15rem;
  padding:0.25rem 0.5rem;
}
.pulse_settings_value select{
  border:1px solid var(--silverlight);  
  font-size:1.15rem;
  padding:0.25rem 0.5rem;
}
.pulse_settings_value select option{  
  font-size:1.15rem;
  padding:0rem 0.5rem;
  text-align:left;
}
.pulse_settings_value .text_input{  
  width:25rem;
}
.pulse_settings_value .numbers_input{  
  width:10rem;
  text-align:right;
}
.pulse_settings_value .numbers_select{  
  width:11rem;
}

.pulse_activity_row_container{
  margin-bottom:1rem;
  border:1px solid var(--silverfaded);   
  border-radius:0.5rem;  
  position:relative;
  background:var(--white);  
}
.pulse_activity_row_container .date{
  padding:0.5rem 1rem;  
  font-size:1.15rem;
  color:var(--tungstenlight);
  width:15rem;
  float:left;
}
.pulse_activity_row_container .content{
  padding:0.5rem 1rem;  
  font-size:1.15rem;
  color:var(--tungsten);
  min-width:50rem;
  float:left;
}
.pulse_activity_row_container .content .highlight{  
  color:var(--leafgreen);
  font-size:1.15rem;
  font-weight:700;
}

.pulse_content_section_container{
  margin-top:0.5rem;
  margin-bottom:1rem;
  background:var(--white);
  border-radius:8px;
  border:1px solid var(--tungstenfaded);
  padding:0.5rem 1rem;
}
.pulse_content_section_name{
  font-size:1.15rem;
  color:var(--tungstenlight);
  font-weight:700;
  margin-bottom:0.5rem;
}
.pulse_content_section_question_text{
  width:calc(100% - 6rem);
  float:left;
  font-size:1.00rem;
  color:var(--tungsten);
  line-height:2rem;
}
.pulse_content_section_question_toggle_button_container{
  float:left;
  width:5rem;
  font-size:1.00rem;
  color:var(--tungsten);  
  line-height:2rem;  
}
.pulse_content_section_question_container{
  transition:0.3s;
}
.pulse_content_section_question_container:hover{
  background:var(--silverfaded);
}


.pulse_content_section_participant_name{
  width:20rem;
  float:left;
  font-size:1.00rem;
  color:var(--tungsten);
  line-height:2rem;
}
.pulse_content_section_participant_email{
  width:15rem;
  float:left;
  font-size:1.00rem;
  color:var(--tungsten);
  line-height:2rem;
}
.pulse_content_section_question_toggle_button_container{
  float:left;
  width:5rem;
  font-size:1.00rem;
  color:var(--tungsten);  
  line-height:2rem;  
}
.pulse_content_section_participant_container{
  transition:0.3s;
}
.pulse_content_section_participant_container:hover{
  background:var(--silverfaded);
}


.pulse_cont_fb_category_headline{
  font-size:1.15rem;
  color:var(--tungstenlight);
  font-weight:700;
  margin-bottom:0.5rem;
}
.pulse_cont_fb_category_info{
  color:var(--silver);
  font-size:1rem;
}
.pulse_cont_fb_entry_container{
  margin-bottom:0.5rem;
  background:var(--white);
  border-radius:8px;
  border:1px solid var(--tungstenfaded);
  padding:0.5rem 1rem;
  float:left;
  margin-right:2rem;
  width:25rem;
}
.pulse_cont_fb_entry_date{
  float:left;
  font-size:1rem;
  color:var(--tungstenlight);
}
.pulse_cont_fb_entry_received_from{
  float:right;
  font-size:1rem;
  color:var(--leafgreen);
}
.pulse_cont_fb_entry_text{
  font-size:1.15rem;
  color:var(--tungsten);
}

.pulse_settings_circle_container{
  background:var(--white);
  border:1px solid var(--silverlight);
  border-radius:0.5rem;
  padding:0.5rem 1rem;  
  margin-bottom:1rem;    
  transition:0.3s;  
}
.pulse_settings_circle_name_headline{    
  font-size:1.25rem;
  font-family: 'Capitolina', serif;  
  color:var(--leafgreen);
  margin-bottom:0.5rem;
}

.pulse_settings_factor_list_item{    
  transition:0.3s;
  color:var(--silverlight);
  font-size:0.9rem;
}
.pulse_settings_factor_list_item:hover{
  cursor:pointer;
  text-decoration:underline;
}
.pulse_settings_factor_list_item_active{    
  color:var(--leafgreen);  
  font-weight:bold;
}

.pulse_activity_log_row{
  margin-bottom:0.15rem;
}
.pulse_activity_log_date{
  float:left;
  width:10rem;
  font-size:1rem;
  margin-right:1rem;
  color:var(--silver);
}
.pulse_activity_log_action{
  float:left;
  width:20rem;
  font-size:1rem;
  margin-right:1rem;
  color:var(--tungsten);
}
.pulse_activity_log_reference{
  float:left;
  width:20rem;
  font-size:1rem;
  margin-right:1rem;
  color:var(--tungsten);
}
.pulse_activity_log_reference span{  
  font-size:1rem;  
  color:var(--mediumgrey); 
}

.pulse_dashboard_additional_question_container{
  margin-bottom:1rem;
}
.pulse_dashboard_additional_question_text{
  font-size:1.1rem;
}
.pulse_dashboard_additional_question_result_container{
  border:1px solid var(--silver);
  border-radius:8px;
  height:2rem;
  line-height:2rem;
  position:relative;
}
.pulse_dashboard_additional_question_result_scale_label_element{
  float:left;
  height:2rem;
  line-height:2rem;
  font-size:0.8rem;
  color:var(--tungstenlight);
  z-index:10;
  position:relative;
}

.pulse_dashboard_additional_question_result_bar{
  border-radius:8px;
  height:2rem;
  line-height:2rem;
  position:absolute;
  width:1px;
  top:0px;
  left:0px;
  background:var(--sunlitgreen);
  z-index:1;
}
.pulse_dashboard_additional_question_result_bar_val{  
  height:2rem;
  line-height:2rem;
  position:absolute;
  width:1px;
  top:0px;
  left:3rem;  
  z-index:100;
  font-size:1.15rem;
  font-weight:bold;
  text-align:right;
}

.pulse_dashboard_general_feedback_container{  
  position:relative;
  overflow-y:scroll;
  max-height:30rem;
}
.pulse_dashboard_general_feedback_element{  
  border-radius:8px;
  border:1px solid var(--silver);
  background:var(--offwhitelight);  
  padding:0.5rem 1rem;
  margin-bottom:0.75rem;
}
.pulse_dashboard_general_feedback_element .text{    
  font-size:1.15rem;
  line-height:1.3rem;
  white-space: normal;
}
.pulse_dashboard_general_feedback_element .date{    
  font-size:0.85rem;
  color:var(--silver);
}


.pulse_setting_factor_container{
  float:left;
  margin-right:2rem;
  margin-bottom:2rem;
  padding:0.5rem 1rem;
  border:1px solid var(--mediumgrey);
  width:20rem;
  border-radius:0.5rem;
  height:25rem;
  background:var(--whitelight);
}
.pulse_setting_factor_select{
  float:left; 
  font-size:1.15rem;  
  line-height:2.5rem;
  margin-right:2rem;
}
.pulse_setting_factor_select input{
  border:1px solid var(--silverlight);  
  font-size:1.15rem;
  padding:0.25rem 0.5rem;
}
.pulse_setting_factor_select select{
  border:1px solid var(--silverlight);  
  font-size:1.15rem;
  padding:0.25rem 0.5rem;
  height:2rem;
}
.pulse_setting_factor_select select option{  
  font-size:1.15rem;
  padding:0rem 0.5rem;
  text-align:left;
}

.pulse_factor_setting_container{
  border:1px solid var(--silverfaded);   
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);  
  border-radius:0.5rem;  
  position:relative;
  transition:0.3s;
  background:var(--white); 
  margin-right:1rem;
  margin-bottom:1rem;
  padding:0.5rem 1rem;
}
.pulse_factor_setting_container .factor_name{
  font-family: 'Capitolina', serif;
  font-size:1.3rem;     
  height:2rem;
  line-height:2rem;
  font-weight:500;
  color: var(--leafgreen);
  font-style:italic; 
  float:left;
}
.pulse_factor_setting_container .factor_edit_img_container{  
  height:2rem;
  line-height:2rem;
  float:right;
  width:2rem;
  margin-left:1rem;
  opacity:0.6;
  transition:0.3s;
}
.pulse_factor_setting_container .factor_edit_img_container:hover{    
  cursor:pointer;
  opacity:1;
}
.pulse_factor_setting_container .factor_edit_img_container img{  
  height:1.8rem;
  margin:0.1rem;
}

.pulse_setting_question_container{
  float:left;
  margin-right:2rem;
  margin-bottom:2rem;
  padding:0.5rem 1rem;
  border:1px solid var(--mediumgrey);
  width:20rem;
  border-radius:0.5rem;
  height:25rem;
  background:var(--whitelight);
}
.pulse_setting_question_select{
  float:left; 
  font-size:1.15rem;  
  line-height:2.5rem;
  margin-right:2rem;
}
.pulse_setting_question_select input{
  border:1px solid var(--silverlight);  
  font-size:1.15rem;
  padding:0.25rem 0.5rem;
}
.pulse_setting_question_select select{
  border:1px solid var(--silverlight);  
  font-size:1.15rem;
  padding:0.25rem 0.5rem;
  height:2rem;
}
.pulse_setting_question_select select option{  
  font-size:1.15rem;
  padding:0rem 0.5rem;
  text-align:left;
}

.pulse_question_setting_container{
  border:1px solid var(--silverfaded);   
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);  
  border-radius:0.5rem;  
  position:relative;
  transition:0.3s;
  background:var(--white); 
  margin-bottom:1rem;
  margin-right:1rem;
  padding:0.5rem 1rem;
}
.pulse_question_setting_container .question_name{
  font-family: 'Capitolina', serif;
  font-size:1.3rem;     
  height:2rem;
  line-height:2rem;
  font-weight:500;
  color: var(--leafgreen);
  font-style:italic; 
  float:left;
}
.pulse_question_setting_container .question_edit_img_container{  
  height:2rem;
  line-height:2rem;
  float:right;
  width:2rem;
  margin-left:1rem;
  opacity:0.6;
  transition:0.3s;
}
.pulse_question_setting_container .question_edit_img_container:hover{    
  cursor:pointer;
  opacity:1;
}
.pulse_question_setting_container .question_edit_img_container img{  
  height:1.8rem;
  margin:0.1rem;
}

.pulse_setting_category_container{
  position:relative;
  float:left;
  margin-right:2rem;
  margin-bottom:2rem;
  padding:0.5rem 1rem;
  border:1px solid var(--mediumgrey);
  width:20rem;
  border-radius:0.5rem;
  min-height:25rem;
  background:var(--whitelight);
}
.pulse_setting_category_container .subHeadlineSmall{
  width:17rem;
}
.pulse_setting_category_container .closeButton{
  position:absolute;
  top:0.5rem;
  right:0.5rem;  
}
.pulse_setting_category_select{
  float:left; 
  font-size:1.15rem;  
  line-height:2.5rem;
  margin-right:2rem;
  width:25rem;
}
.pulse_setting_category_select input{
  border:1px solid var(--silverlight);  
  font-size:1.15rem;
  padding:0.25rem 0.5rem;
}
.pulse_setting_category_select select{
  border:1px solid var(--silverlight);  
  font-size:1.15rem;
  padding:0.25rem 0.5rem;
  height:2rem;
}
.pulse_setting_category_select select option{  
  font-size:1.15rem;
  padding:0rem 0.5rem;
  text-align:left;
}
.pulse_setting_col .buttonLink{
  margin-top:0.5rem;
}
.pulse_setting_category_container ul{
  padding:0rem;
  padding-left:16px;
  margin:0rem; 
}
.pulse_setting_category_container .pulse_settings_category_marker_img{
  height:1.3rem;
  width:1.3rem;
  margin-right:0.5rem;
}

.pulse_addLink{
  margin-right:1rem;
}
.pulse_category_setting_container{
  border:1px solid var(--silverfaded);   
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);  
  border-radius:0.5rem;  
  position:relative;
  transition:0.3s;
  background:var(--white); 
  margin-bottom:1rem;
  margin-right:1rem;
  padding:0.5rem 1rem;
}
.pulse_category_setting_container .closeButton{
  position:absolute;
  top:0.5rem;
  right:0.5rem;  
}
.pulse_category_setting_container .category_name{
  font-family: 'Capitolina', serif;
  font-size:1.3rem;     
  height:2rem;
  line-height:2rem;
  font-weight:500;
  color: var(--leafgreen);
  font-style:italic; 
  float:left;
}
.pulse_category_setting_container .category_edit_img_container{  
  height:2rem;
  line-height:2rem;
  float:right;
  width:2rem;
  margin-left:1rem;
  opacity:0.6;
  transition:0.3s;
}
.pulse_category_setting_container .category_edit_img_container:hover{    
  cursor:pointer;
  opacity:1;
}
.pulse_category_setting_container .category_edit_img_container img{  
  height:1.8rem;
  margin:0.1rem;
}

.pulse_category_setting_container .subsection_info_container{
  float:left;
  margin-right:2rem;
  margin-bottom:2rem;
  padding:0.5rem 1rem;
  border:1px solid var(--mediumgrey);
  width:45rem;
  border-radius:0.5rem;
  background:var(--whitelight);
}
.subsection_info_container .pulse_settings_label{
  width:12rem;
}
.subsection_info_container .pulse_settings_value{
  min-width:30rem;
}
.pulse_setting_col{
  float:left;
  
  width:35rem;
}

.pulse_dashboard_category_freetext_container{
  width:calc(100% - 2rem);
  margin:0rem auto;
  max-height:20rem;
  overflow:hidden;
  overflow-y:scroll;
}


.pulse_access_toggle_row{
  margin-bottom:0.5rem;
}
.pulse_access_toggle_name{
  height:1.5rem;
  line-height:1.5rem;
  font-size:1.15rem;
}
.pulse_access_toggle_name img{
  height:1.3rem;
  margin-bottom:-0.25rem;
}


.toplink_container{  
  position:sticky;
  top:2rem;
  background:var(--lightgrey);
  padding-bottom:0.35rem;
  z-index:999;

}
.toplink_container_link{
  font-size:1.5rem;
  border-radius:0.25rem;
  color:#49494C;
  font-weight:700;
  transition:0.3s;
  padding:0.3rem 0.5rem;
  border:1px solid #cbced0;
  float:left;
  margin-right:1rem;
}
.toplink_container_link_active{  
  color:#FFFFFF;
  background:#013849;
  border:1px solid #013849;
}
.toplink_container_link:hover{
  color:#FFFFFF;
  cursor:pointer;
  background:#73AB6B;
  border:1px solid #73AB6B;
}

.toplink_container_icon{
  height:2.5rem;
  line-height:2.5rem;
  transition:0.3s;  
  float:right;
  margin-right:1rem;
  opacity:1;
}
.toplink_container_icon img{
  height:2.0rem;
  margin:0.25rem;
}
.toplink_container_icon:hover{
  opacity:0.6;
  cursor:pointer;
}

.admin_element_container {
  margin: 0.75rem 0rem;
  border: 1px solid var(--tungstenfaded);
  background: var(--white);
  padding: 0.5rem 1rem;
  border-radius: 8px;
}
.admin_element_container:hover{
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
}
.admin_single_container_headline {
  color: var(--leafgreen);
  font-size: 1.2rem;
  font-weight: bold;
}

.pulse_dashboard_element_container_question_detail{
  float:left;
  margin-right:3rem;
}
.pulse_dashboard_element_container_question_detail .detail_headline{
  font-weight:bold;
  color: var(--tungsten);
  font-size:1.25rem;
  margin-bottom:0.5rem;
}
.pulse_dashboard_element_container_question_detail .detail_sub_headline{  
  color:var(--gold);  
  font-size:1.25rem;
  margin-bottom:0.5rem;
  font-style:italic;
}
.pulse_dashboard_element_container_question_detail .detail_current_value{
  height:120px;
  line-height:120px;  
  width:120px;
  border-radius:50%;
  margin:90px auto;
  font-size:40px;
  text-align:center;
  color:#FFFFFF;
  font-weight:bold;
}
.pulse_dashboard_element_container_question_detail .pulse_dashboard_element_container {
  border:1px solid transparent; 
  padding:0rem;
  box-shadow: none;
  border-radius:0.5rem;  
  position:relative;
  transition:0.3s;
  background:var(--white);  
  flex-basis: none;  
}

.question_distribution_legend_label{
  text-anchor: start;
  font-size: 16px;
  font-weight: 600;
  fill: var(--tungsten);  
}



.top_tab_container{
  position:sticky;
  top:2.5rem;
  background:var(--lightgrey);  
  z-index:99;
}
.top_tab_separator{
  float:left;
  height:2rem;
  border-right:1px solid var(--silver);
  margin-right:1rem;
  padding-left:1rem;
}

.tab_menu_container{
  position:fixed;
  z-index:999;
  top:calc(8.5rem - 3px);
  left:-37rem;
  width:35rem;
  height:calc(100% - 9rem);
  background:#FFFFFF;
  transition:0.3s;
  overflow:hidden;
  overflow-y:scroll;
  -webkit-box-shadow: 5px 5px 11px -6px #000000; 
  box-shadow: 5px 5px 11px -6px #000000;
  border: 1px solid var(--silverfaded);
}
.tab_menu_active{
  left:1rem;
}
.tab_element{
  float:left;
  height:2rem;
  line-height:2rem;
  transition:0.3s;
  padding:0.0rem 0.5rem;
  border-left:1px solid var(--silver);
  border-right:1px solid var(--silver);
}
.tab_element:hover{
  color:var(--white);
  background:var(--india);
  cursor:pointer;
}
.tab_element_active{
  color:var(--white) !important;
  background:var(--india) !important;
}
.tab_menu_headline{
  padding: 0.5rem;
  font-size:1.25rem;
  color:var(--tungstenlight);
}
.tab_menu_headline_small{
  padding:0.15rem 0.5rem;
  font-size:1.15rem;    
  color:var(--black);
  transition:0.3s;
  font-weight:bold;
}
.tab_menu_link{
  padding:0.15rem 0.5rem;
  font-size:1.00rem;
  line-height:2.0rem;
  min-height:2rem;
  color:var(--black);
  transition:0.3s;
  border-bottom:1px solid var(--silverfaded);
}
.tab_menu_link:hover{
  cursor:pointer;
  background:var(--offwhite);
  border-bottom:1px solid var(--silver);
}
.tab_menu_hierarchy_spacer{
  height:2.0rem;
  float:left;
  display:block;
}
.tab_menu_hierarchy_name{
  color:var(--black);
  line-height:1rem;
  font-size:1.00rem; 
}
.tab_menu_hierarchy_name_singleline{
  color:var(--black);
  line-height:2rem;
  font-size:1.00rem; 
}
.tab_menu_hierarchy_sub{
  color:var(--tungstenlight);
  font-size:0.85rem;  
  line-height:1rem;
}
.tab_menu_hierarchy_fb_relative{
  text-align:right;
  color:var(--tungstenlight);
  font-size:0.75rem;  
  line-height:1rem;
}
.tab_menu_hierarchy_fb_absolute{
  text-align:right;
  color:var(--tungsten);
  line-height:1rem;
  font-size:0.80rem; 
}
.tab_type_overview{
  background:var(--leafgreen_light);
}
.tab_type_hierarchy{
  background:var(--sunlitgreen_light);
}
.tab_type_topics{
  background:var(--turquoise_light);
}
.tab_type_questions{
  background:var(--red_light);
}
.tab_element .category_img{
  height:1.3rem;
  margin-right:0.5rem;
  margin-bottom:-0.25rem;
}
.tab_menu_hierarchy_result_type_icon{
  height:2rem;
  width:2rem;
  margin-left:0.5rem;
}
.tab_modal_menu_close_img{
  height:1.5rem;    
  margin-right:0.5rem;
  margin-top:0.5rem;
  transition:0.3s;
}
.tab_modal_menu_close_img:hover{
  opacity:0.6;
  cursor:pointer;
}


.chart_sunburst_topics_pie_element{ 
  cursor:pointer;
}
.chart_sunburst_topics_pie_element_dim { 
  opacity: 0.15; 
  transition: 0.3s; 
}


.chart_sunburst_trail_element_container{
  fill: var(--offwhite);
  stroke: var(--tungstenfaded);
  stroke-width: 1px;
}
.chart_sunburst_trail_element_name{
  font-size: 18px;
  fill: var(--tungsten);
  text-anchor: start;
  font-weight: 700;
}
.chart_sunburst_trail_element_numeric_result{
  font-size: 24px;
  fill: var(--white);
  text-anchor: middle;
  font-weight: 700;
}
.chart_sunburst_trail_element_triangle{  
  stroke: var(--tungstenfaded);
  fill: var(--tungstenfaded);
}
.chart_sunburst_detail_container{
  margin-left:25px;
  width : calc(100% - 25px - 1400px - 1rem);
}
.chart_sunburst_detail_headline{
  font-weight:bold;
  max-width:calc(100% - 10rem);
  float:left;
}

.result_container_half_width{
  border:1px solid var(--silverfaded); 
  padding:0.5rem 1rem;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);  
  border-radius:0.5rem;  
  position:relative;
  transition:0.3s;
  background:var(--white);  
  flex-basis: auto;
  width:calc(50% - 3rem);
  margin-bottom:0.25rem;
  margin-top:0.25rem;
}

.result_container_line_break {
  flex-basis: 100%;
  height: 0;
}
.result_container_linebreak_headline{
  flex-basis: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size:1.35rem;
  font-weight:bold;
}

.employee_department_element_question_current_value{
  height:3rem;
  line-height:3rem;  
  width:3rem;
  border-radius:50%;  
  font-size:1.35rem;
  text-align:center;
  color:#FFFFFF;
  font-weight:bold;
  float:left;
  margin-top:1rem;
  margin-right:1rem;
}

.employee_department_element_question_historical_value{
  height:3rem;
  line-height:3rem;    
  width:3rem;
  font-size:1.15rem;
  text-align:right;
  color:#000000;  
  float:left;
  margin-top:1rem;  
  margin-right:0.75rem;
}
.employee_department_element_question_historical_value_indicator{
  height:1rem;
  line-height:1rem;  
  width:1rem;
  border-radius:50%;  
  font-size:1.0rem;  
  float:left;
  margin-top:2.0rem;
  
}
.employee_department_element_question_distribution_container{
  width:calc(100% - 10rem);
  float:right;
  height:3rem;
  margin-top:1rem;
  background: var(--offwhite) !important;
}


.pulse_dashboard_element_container_question_small{
  border:1px solid var(--silverfaded); 
  padding:0.5rem 1rem;  
  border-radius:0.5rem;  
  position:relative;
  margin-bottom:0.25rem;
  margin-right:1rem;
  margin-top:0.25rem;
}
.pulse_dashboard_element_container_question_small .page_sub_headline_no_margin{
  font-size:1.15rem;
  color:var(--gold);  
  margin-bottom:0.0rem;  
  height:auto;
  line-height:auto;
}
.pulse_dashboard_element_container_question_small .employee_department_element_question_current_value{
  height:2rem;
  line-height:2rem;  
  width:2rem;
  font-size:1.00rem;
  margin-top:0.5rem;
}
.pulse_dashboard_element_container_question_small .employee_department_element_question_distribution_container{
  width:calc(100% - 5rem);
  float:left;
  height:2rem;
  margin-top:0.5rem;  
}

.result_modal_container{
  position:fixed;
  top:0px;
  left:0px;  
  background:#FFFFFF;
  z-index:9999;
  box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.2);
  padding:0.5rem 1rem;
  border-radius:1rem;
}

.result_modal_backdrop{
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index:9998;  
}

.result_modal_blur{
  -webkit-filter: blur(2px);  
  filter: blur(2px);
  transition:0.2s;
}

.survey_modal_container{
  position: fixed;
  background:#FFFFFF;
  border:1px solid #cbced0;
  background:#FFFFFF;  
  padding:0.5rem 1rem;
  z-index:9999;  
}

.survey_modal_backdrop{
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index:9998;  
}

.survey_modal_headline{  
  font-size:1.4rem;
  color:var(--tungstenlight);
}

.topic_details_questions_container{
  height:calc(100% - 4rem);
  width:calc(50% - 3rem);
  float:left;
  padding:0rem 1rem;
  overflow-y:scroll;
}

.survey_distribution_graph_container{
  height:calc(100% - 4rem);
  width:calc(50% - 3rem);
  float:left;
  padding:0rem 1rem;
}
.survey_distribution_graph_container svg{
  border:1px solid var(--silverfaded);
  background:var(--offwhite);
  border-radius:0.5rem;
}
.survey_distribution_axis_labels{
  fill:#A4ABAF;
  font-size:14px;
}
.survey_distribution_line_indirect{
  stroke: #73AB6B;
  stroke-width: 2;
  filter: url(#dropShadowBackground);
  fill:none;
}
.survey_distribution_area_indirect{
  fill: url(#lineChartGradient_indirect);
}
.survey_distribution_line_direct{
  stroke: #00B9AD;
  stroke-width: 2;
  filter: url(#dropShadowBackground);
  fill:none;
}
.survey_distribution_area_direct{
  fill: url(#lineChartGradient_direct);
}
.survey_distribution_mean_line_indirect{
  stroke: #73AB6B;
  stroke-width: 1.5;
  fill:none;
}
.survey_distribution_mean_line_direct{
  stroke: #00B9AD;
  stroke-width: 1.5;
  fill:none;
}
.survey_distribution_mean_text_indirect{
  fill: #73AB6B;
  font-size:16px;
  text-anchor:middle;
}
.survey_distribution_mean_text_direct{
  fill: #00B9AD;
  font-size:16px;  
  text-anchor:middle;
}
.survey_distribution_quantile_line_indirect{
  stroke:#73AB6B;
  stroke-width:1.5;
  fill:none;
  stroke-dasharray: 3,3;
}
.survey_distribution_quantile_text_indirect{
  fill: #73AB6B;
  font-size:14px;  
  text-anchor:middle;
}
.survey_distribution_quantile_line_direct{
  stroke:#00B9AD;
  stroke-width:1.5;
  fill:none;
  stroke-dasharray: 3,3;
}
.survey_distribution_quantile_text_direct{
  fill: #00B9AD;
  font-size:14px;  
  text-anchor:middle;
}
.survey_distribution_circle_direct{
  stroke:#00B9AD;
  stroke-width:1;
  fill:#00B9AD;
}
.survey_distribution_circle_indirect{
  stroke:#73AB6B;
  stroke-width:1;
  fill:#73AB6B;
}
.survey_distribution_circle_direct_label{
  fill: #00B9AD;
  font-size:14px;  
  text-anchor:start;
}
.survey_distribution_circle_indirect_label{
  fill: #73AB6B;
  font-size:14px;  
  text-anchor:start;
}



.row {
  display: flex;
}
.input_label {
  color: var(--tungstenlight);
  font-size: 1.3rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  text-align: left;
  height:2rem;
  line-height:2rem;
}
.input_value {
  color: var(--black);
  font-size: 1.3rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  text-align: right;
  height:2rem;
  line-height:2rem;
  font-weight:bold;
}
.responsive-column-15 {
  box-sizing: border-box;
  flex-basis: 15%;
  max-width: 15%;
}
.responsive-column-85 {
  box-sizing: border-box;
  flex-basis: 85%;
  max-width: 85%;
}
.responsive-column-25 {
  box-sizing: border-box;
  align-items: center;
  flex-basis: 25%;
  max-width: 25%;
}



.ranking_option_select_button{
  float:left;
  height:2.5rem;
  line-height:2.5rem;
  padding:0rem 1rem;
  border:1px solid var(--silverlight);
  border-radius:0.5rem;
  margin-right:1rem;
  margin-bottom:1rem;
  background:var(--whitelight);
  transition:0.3s;
  font-size:1.15rem;
  color:var(--tungsten);  
}
.ranking_option_select_button:hover{
  cursor:pointer;
  background:var(--silverfaded);
}
.ranking_option_select_button_active{
  background:var(--leafgreen);
  color:var(--white);
  border:1px solid var(--leafgreen);
} 
.ranking_option_label{
  float:left;
  width:20rem;
}
.ranking_option_container{
  float:left;
  width:calc(100% - 22rem);
}

.ranking_option_load_button{
  float:left;
  height:2.5rem;
  line-height:2.5rem;
  padding:0rem 1rem;
  border:1px solid var(--sapphire);
  border-radius:0.5rem;
  margin-right:1rem;
  margin-bottom:1rem;
  background:var(--sapphire);
  transition:0.3s;
  font-size:1.15rem;
  color:var(--white);  
}
.ranking_option_load_button:hover{
  cursor:pointer;
  background:var(--leafgreen);
  border:1px solid var(--leafgreen);
}

.ranking_result_table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 1.15rem;
  color: var(--tungsten);
  background-color: var(--white);  
  border-radius: 0.5rem;
  overflow: hidden;
}

.ranking_result_table thead {
  background: var(--tungsten);
}

.ranking_result_table thead th {
  text-align: left;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 1.15rem;
  color: var(--white);
  border-bottom: 2px solid var(--tungsten);
}

.ranking_result_table tbody td {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--silverfaded);
}

.ranking_result_table tbody tr:nth-child(even) {
  background-color: var(--offwhite)
}

.ranking_result_table tbody tr:hover {
  background-color: var(--sunlitgreen);
}

.history_comparison_img{
  height:1.3rem;
  margin-right:0.5rem;
  margin-bottom:-0.25rem;
}
.history_comparison_img_right{
  height:1.3rem;
  margin-left:0.5rem;
  margin-bottom:-0.25rem;

}



.cb_result_single_question_results_container{
  background:#FFFFFF;
  border:1px solid #cbced0;
  margin-bottom:1rem;
  margin-right:1rem;
}
.cb_result_single_question_results_question_text{
  fill:#49494C;
  font-size:20px;
  text-anchor:start;
}

.cb_result_single_question_results_container_text_div{  
  color:#49494C;
  font-size:1.15rem;
  padding:0.5rem 1rem;
  float:left;
  width:50rem;
}
.cb_result_single_question_results_container_notes_div{  
  color:#A4ABAF;
  font-size:1.15rem;
  padding:0.5rem 1rem;
  float:right;
  text-align:right;
}
.cb_result_single_question_results_container_graph_div{    
  padding:0.5rem 1rem;
  float:left;
}

.cb_result_single_question_results_container_result_div{
  float:left;
  font-size:1.15rem;
  padding:0.5rem 1rem;
  width:10rem;
}


.cb_result_single_question_results_mean_text{
  text-anchor:end;
  font-size:24px;
  dominant-baseline: central;
  fill: #49494C;  
  font-weight:bold;
}
.cb_result_single_question_results_mean_text_benchmark{
  text-anchor:end;
  font-size:16px;
  dominant-baseline: central;
  fill: #49494C;  
  font-weight:bold;
}
.cb_result_single_question_results_mean_text_segment_label{
  text-anchor:middle;
  font-size:10px;
  dominant-baseline: central;
  fill: #49494C;  
  font-weight:bold;
}
.cb_result_single_question_results_mean_text_sub{
  text-anchor:end;
  font-size:18px;
  dominant-baseline: central;
  fill: #928b8d;  
  font-weight:bold;
}
.cb_result_single_question_results_mean_dimension_text{
  text-anchor:end;
  font-size:15px;
  fill: #928b8d;  
}


/* CB Colors
#81d2e2 - Light Blue
#2c95b5 - Medium Blue
#2c95b5 - Dark Green
#48bb7a - Light Green
#171B1C - Dark Grey (menu headers)
#212529 - Medium Grey (texts)
#637174 - Light Grey
#F1F3F3 - Very Light Grey (background)
*/

.print_coverpage_main_headline{
  padding-top:2rem;
  font-size:3rem;
  font-weight:bold;
  color:#2c95b5;
  text-align: center;
  margin-bottom:2rem;
}

.print_coverpage_client_logo{  
  text-align: center;
  margin-bottom:2rem;
}
.print_coverpage_client_logo img{  
  display:inline-block;
  margin:0;
  height:9rem;
}

.print_coverpage_client_name{
  font-size:3rem;
  font-weight:bold;
  color:#171B1C;
  text-align: center;
}
.print_coverpage_department_name{
  font-size:2rem;  
  color:#171B1C;
  text-align: center;

}