.wappler-temp {}
.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";
}

.style-fa {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 2px solid #76777a;
    border-bottom: 2px solid #76777a;

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


.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;

}

.modal-backdrop-transparent {
     background-color: rgba(0,0,0,.0001) !important;
}

.bg-yellow{
    background-color: #ffc107 ;
}
.bg-light-gray{
    background-color: #c6c6c6;
}
.text-danger{
    color: #dc3545;
}
.no-border{
    border-style: none;
}