/* Copyright 2020 PanDao GmbH */

:root{
  --pandaoGreen:#00A75D;
  --pandaoBlue:#00ADBA;
  --pandaoTextGreen:#1bd89d;
  --pandaoNavyGrey:#898989;
  --pandaoFormulaGrey:#e3e3e3;
}


body {
  font-family: "Open Sans", sans-serif;
}

html * {
    font-size: 12pt;
}

.navbarText {
  font-size: 22px;
  font-family: "Open Sans SemiBold", sans-serif;
  color:"pandaoNavyGrey";
  white-space: nowrap 
}

.navbarTextSmall {
  margin-top: 8px;
  font-size: 12px;
  font-family: "Open Sans SemiBold", sans-serif;
  color:"pandaoNavyGrey";
  white-space: nowrap
}

.navbarDropdownText {
  font-size: 12pt;
}

.navbar-toggler-icon{
  width: 3em !important;
  height:3em !important;
}

h1 {
  font-size: 20pt;
  font-weight: bold
}

th {
  border-top: 0px;
}

.customNav {
  padding:0px;
  margin:15px;
}

.customContentContainer{
  margin: 10px 150px 10px 150px;
}

.completContentContainer{
  margin-top: 45px;
  margin-left: 7.8%;
  margin-right:7.8%;
  margin-bottom: 45px;
}

.entryFieldTitle{
  font-size: 24px;
  font-family: "Open Sans SemiBold", sans-serif;
  color:var(--pandaoTextGreen);
  margin-bottom: 0px;
}

.entryFieldSubTitle{
  font-size: 12pt;
  font-family: "Open Sans", sans-serif;
  color:black;
  font-weight:bold;
  margin-bottom: 0px;
}



.textTitle {
  font-size: 24px;
  font-family: "Open Sans Bold", sans-serif;
  color:var(--pandaoTextGreen); 
}

.registerTextTitle {
  font-size: 14px;
  font-family: "Open Sans Semi Regular", sans-serif;
  color:black; 
}


.askDescriptionText {
  font-size: 14px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoNavyGrey);; 
}

.askResultTitleText {
  font-size: 14px;
  font-family: "Open Sans Bold", sans-serif;
  color:black; 
}


.customFormControl{
  font-size: 14px;
  font-family: "Open Sans Semi Regular", sans-serif;
  border-radius: 0;
  color:black; 
  background: var(--pandaoFormulaGrey);
}

.customListItem{
  font-size: 14px;
  font-family: "Open Sans Semi Regular", sans-serif;
  border-radius: 0;
  color:black; 
}

.customListGroup .list-group-item {
  font-size: 14px;
  font-family: "Open Sans Semi Regular", sans-serif;
  border-radius: 0;
  padding-bottom: 0;
  padding-top:0; 
  color:black; 
  background: white;
  border-color: var(--pandaoTextGreen);
}

.customListGroup .list-group-item:hover {
  background: var(--pandaoBlue);
}

.customListGroup .active {
  background: var(--pandaoTextGreen);
}





.text {
  font-size: 24px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoTextGreen); 
}

.impressumText {
  font-size: 16px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoNavyGrey); 
}

.impressumTextHref {
  font-size: 16px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoNavyGrey); 
}

.impressumTextHref:hover{
  color:black;
}

.impressumTitle {
  font-size: 16px;
  font-family: "Open Sans Bold", sans-serif;
  color:black; 
}


.faqTitle {
  font-size: 20px;
  font-family: "Open Sans Bold", sans-serif;
  color:var(--pandaoTextGreen);
}

.faqText{
  font-size: 16px;
  font-family: "Open Sans Semibold", sans-serif;
  color:var(--pandaoTextGreen);
}

.aboutTextBox {
  font-size: 24px;
  font-family: "Open Sans SemiBold", sans-serif;
  color:white; 
  background:var(--pandaoTextGreen);
  padding-top: 30px;
  padding-left: 30px;
  padding-bottom: 30px;

}

.entryField{
  border-color:var(--pandaoTextGreen);
  border-radius: 0;
  border-width: 1px;
  padding-top: 8px;
}

.entryFieldAsk{
  border-color:var(--pandaoTextGreen);
  border-radius: 0;
  border-width: 1px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoNavyGrey);
  font-size: 14px;
  width:100%;
  height:23px;
  border-style:solid;
  padding-top: 0px;
  padding-bottom: 0px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color:var(--pandaoTextGreen);
}

.customFormControlSmall{
  font-size: 14px;
  font-family: "Open Sans Semi Regular", sans-serif;
  border-radius: 0;
  color:black; 
  background: white;
  padding-top: 0px;
  padding-bottom: 0px;
  height:23px;
}

.customButton{
  font-size: 18px;
  font-family: "Open Sans SemiBold", sans-serif;
  background:var(--pandaoTextGreen);
  color:white;
  border-radius: 0;
  padding: 0 8px 0 8px;
  text-align: left;
}

.customButtonSmall{
  font-size: 14px;
  font-family: "Open Sans Bold", sans-serif;
  background:var(--pandaoTextGreen);
  color:white;
  border-radius: 0;
  padding: 0 8px 0 8px;
  text-align: left;
  width: 100%;
}

.askAllertMessage{
  font-size: 14px;
  font-family: "Open Sans Bold", sans-serif;
  border-radius: 0;
  padding: 0 8px 0 8px;
  margin:0px;
  border-width: 0px;
  background:white
}

.askResultContainer{
  margin-top: 20px;
  border-color:var(--pandaoTextGreen);
  border-width: 2px;
  border-style: solid;
}

.customLoadButton{
  font-size: 14px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoNavyGrey);
  background:white;
  border-radius: 0;
  padding: 0 8px 0 8px;
  text-align: left;
  border-color:var(--pandaoTextGreen);
  width:100%;
}

.customTitleButton{
  font-size: 14px;
  font-family: "Open Sans SemiBold", sans-serif;
  color:black;
  background:white;
  border-radius: 0;
  padding: 0 8px 0 8px;
  text-align: left;
  border-color:var(--pandaoTextGreen);
  width:100%;
}

.customDropDownTitleButton{
  overflow: hidden;
  font-size: 14px;
  font-family: "Open Sans SemiBold", sans-serif;
  color:black;
  font-weight: bold;
  background:white;
  border-radius: 0;
  padding: 0 8px 0 8px;
  text-align: left;
  border-color:var(--pandaoTextGreen);
  width:100%;
}

.customParameterTitleButton{
  overflow: hidden;
  font-size: 16px;
  font-family: "Open Sans SemiBold", sans-serif;
  color:black;
  font-weight: bold;
  background:white;
  border-radius: 0;
  padding: 0 8px 0 8px;
  text-align: left;
  border-color:var(--pandaoTextGreen);
  width:100%;
}

.descriptionText{
  font-size: 18px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoTextGreen)
}

.descriptionHref{
  font-size: 18px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoTextGreen);
  text-decoration: underline;
}

.descriptionHref:active { 
  color: black;
}

.aboutHref{
  font-size: 24px;
  font-family: "Open Sans Regular", sans-serif;
  color:var(--pandaoTextGreen);
  text-decoration: underline;
}

.aboutHref:active { 
  color: black;
}

.askHref{
  font-size: 14px;
  font-family: "Open Sans Regular", sans-serif;
  color:black;
  text-decoration: underline;
}

.askHref:active { 
  color: black;
}

.descriptionHref:hover { 
  color: black;
}

[data-toggle="collapse"] .fa:before {   
  content: "\f078";
}

.collapseButtonSign{
  float:right;
  color:white;
  background:var(--pandaoTextGreen);
  height: 21px;
  width: 21px;
  padding-left: 4px;
  padding-top: 3px;
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f077";
}

/*Remove arrows*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.noHover{
  pointer-events: none;
}


.tooltip-inner {
  max-width: 500px !important;
  background: #FFFFFF;
  color: black;
  border: 1px solid var(--pandaoTextGreen);
  text-align: left;
  border-radius: 0%;
  font-size: 14px;
  font-family: "Open Sans Bold", sans-serif;
}