.wappler-temp {}

body, html {
  height: 100%;
}

.bg {
  /* The image used */
  background-image: url("fullstack_banner.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.style2 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 5px solid #76777a;
    border-bottom: 5px solid #76777a;

}
.style2:hover {
    cursor: pointer;
    border-right: 0px solid #76777a;
    border-bottom: 0px solid #76777a;
}

.style2a {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 5px solid #76777a;
    border-bottom: 5px solid #76777a;

}
.style2a:hover {
    cursor: pointer;
    border-right: 0px solid #76777a;
    border-bottom: 0px solid #76777a;
    content: "images/door_open.png";
    src: "images/door_open.png";
}

.big-button {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-right: 3px solid #76777a;
    border-bottom: 3px solid #76777a;

}
.big-button:hover {
    cursor: pointer;
    border-right: 0px solid #76777a;
    border-bottom: 0px solid #76777a;
}

.flat-button {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.flat-button:hover {
    cursor: pointer;
    border-right: 2px solid #76777a;
    border-bottom: 2px solid #76777a;
}

div.col-12.col-xl-12.bg-dark.ml-xl-3.mr-xl-n3 {
}
.style1 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
}
.style3 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
}
.style4 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(45%, white), to(white));
    background-image: linear-gradient(0deg, black 0%, white 45%, white 100%);
}
.style5 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
    background-color: #d95b5b;
}
.style6 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
}
.style7 {
    background-color: #c4fcfc;
    color: #0575dd;
}
h1.text-center.bg-info.style7 {
}

.style8 {
    width: 80px;
    height: 20px;
    max-width: 80px;
}
.style9 {
    background-image: -webkit-gradient(linear, right top, left top, from(#bab8b8), to(#d6d3d3));
    background-image: linear-gradient(270deg, #bab8b8 0%, #d6d3d3 100%);
}
.style10 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
}
.style11 {
    background-color: #89acaa;
}
img.img-fluid.mt-4.style2a {

}

.fa-cog {
  color: rgb(0, 148, 148);
}

.bg-adf{
    background-color: #83141c;
}

.responsive-text {
    font-size: 1vw;
}

.responsive-text-large {
    font-size: 3vw;
}

.responsive-text-medium {
    font-size: 2vw;
}

.modal-centered {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none ;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    margin-top: 20;

}

.top0-div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.nomargin-nospacing {
  margin: 0;
  padding: 0;
}