@font-face {
  font-family: "Patrick Hand";
  src: url("patrick-hand.regular.ttf") format("truetype");
}

body {
  font-family: "Patrick Hand", sans-serif;
  padding: 0;
  margin: 0;
}

h5 {
  font-size: 1.5em;
}

.rl-main {
  margin-top: 2em;
  padding: 0 2em;
}

.rl-grid-container-3 {
  display: grid;
  grid-template-columns: auto auto auto;
}

.rl-main-grid-container-3 {
  display: grid;
  grid-template-columns: 10% 80% 10%;
}

.rl-heldenwerte-grid-container-3 {
  display: grid;
  grid-template-columns: 15% 70% 15%;
}

.rl-grid-container-4 {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

.rl-grid-container-4 div {
  padding: 1.5em 2em;
}

.rl-table {
  text-align: left;
}

tr:nth-child(even) {
  background-color: WhiteSmoke;
}

td {
  padding: 1em;
}

thead {
  background-color:black;
  color: white;
  
}

th {
padding: 0.5em;
}

.rl-border {
  border-color: black;
  border-style: solid;
  border-width: 2px;
  border-bottom-left-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
}

.rl-form-signin {
  width:250px;
  margin: 2em auto;
  padding: 1em 2em 2em;
  background-color: WhiteSmoke;
}

.rl-form-signin-form-control {
  font-family: inherit;
  font-size: inherit;
  margin-bottom: 1em;
  width: 100%;
  outline: none;
}

.rl-form-control {
  display: block;
  font-family: inherit;
  font-size: inherit;
}

.rl-config-form {
  padding: 0 0 2em 0;
}

.rl-label {
  display: block;
  padding: 1em 0 0.5em 0;
  font-weight: bold;
}

.rl-text-green {
  color: SeaGreen;
}

.rl-text-red {
  color: firebrick;
}

.rl-text-gray {
  color: Gray;
}

.rl-btn {
  font-family: inherit;
  font-size: inherit;
  background-color: DarkSlateGray;
  color: white;
  /*padding-top:0.5em;*/
}

.rl-btn:disabled, .rl-btn:disabled:hover {
  background-color: WhiteSmoke;
  color: Gray;
  cursor: not-allowed;
}

svg {
  margin-top:0.5em;
}

.rl-btn:disabled svg {
  fill: Gray;
}

.rl-btn:hover {
  font-family: inherit;
  font-size: inherit;
  background-color: black;
  color: white;
}


.rl-navbar {
  display: flex;
  justify-content: space-between;
  padding: 1em 2em;
  background-color: WhiteSmoke;
}

.rl-dropdown {
  position: relative;
}

.rl-dropdown-content {
  display: none;
  position: absolute;
  background-color: WhiteSmoke;
  padding: 1em 1em;
  margin: -0.3em -1em;

}

.rl-dropdown:hover .rl-dropdown-content {
  display: block;
  width: 8em;
}

.rl-a {
  text-decoration: none;
  padding: 0.4em;
  color:DimGray;
}

.rl-a:hover {
  text-decoration: none;
  color:black;
}

.rl-a:active {
  text-decoration: none;
  color:black;
}

.rl-active-a {
  text-decoration: none;
  padding: 0.4em;
  color:black;
}

.rl-dropdown-a {
  text-decoration: none;
  color:DimGray;
  display: block;
  padding: 0.2em;
}

.rl-dropdown-a:hover {
  text-decoration: none;
  color:black;
  display: block;
  padding: 0.2em;
}

.rl-nav-hero-dropdown {
  font-size: 1.2em;
}


.rl-modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.7);
}

.rl-modal-content {
  text-align: left;
  background-color: white;
  margin: 5% auto;
  padding: 20px;
  width: 60%;
}

.rl-badge-info {
  background-color: DarkSlateGray;
  color: white;
  padding: 0.2em;
  margin: 0.2em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.rl-badge-lep {
  background-color: WhiteSmoke;
  color: black;
  padding: 0.2em;
  margin: 0.2em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.rl-badge-aep {
  background-color: WhiteSmoke;
  color: black;
  padding: 0.2em;
  margin: 0.2em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.rl-badge-info-small {
  background-color: WhiteSmoke;
  color: black;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

input.rl-form-control {
  margin: 1em 0;
}

#cP {
  padding: 0;
  margin: 0;
}

#uploadFile {
  display: none;
}

.notyou .rl-btn {
  background-color: firebrick;
}