.block {
    padding: 2px;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
}
.grey {
    background-color: #acf92540;
}
.red {
    background-color: #f8522e40;
}
.white {
    background-color: #fff;
}
.dark {
    background-color: #6c757d;
    color:#fff;
}
.button-sized {
    display:inline-block;
    padding:0.375rem 0.75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    border: 1px solid transparent;
    border-radius:0.375rem;
    width: 100%;
}
.text-input {
    padding:0.375rem 0.75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
}
.full-width {
    width: 100%;
}
.full-height {
    height: 100%;
}
.half-width {
    width: 49%;
}

.slider-frost {
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(158, 234, 249, 0.3);
    padding: 2px;
    color: white;
    text-align: center;
    align-content: center;
}
.slider-frost .text {
    font-family: "Noto Sans";
    font-weight: 900;
    font-stretch: ultra-condensed;
    transform: scaleY(10);
    transform-origin: 50% 100%;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}
.custom-menu {
    display: flex;
    height: 100%;
    -webkit-transition: width 0.1s ease-in-out;
    -moz-transition: width 0.1s ease-in-out;
    -o-transition: width 0.1s ease-in-out;
    transition: width 0.1s ease-in-out;
}
.custom-menu .content {
    background-color: white;
    border-left: 3px solid;
    overflow-y: scroll;
}
.custom-menu .hidden {
    width: 0%;
    visibility: hidden;
}
.custom-menu .freq {
    font-weight: 900;
}
.custom-menu .NONE {
    color: #93cddd;
}
.custom-menu .WIFI {
    color: #00b050;
}
.custom-menu .DIG {
    color: #ffc000;
}
.custom-menu .FPV {
    color: #ff0000;
}
.custom-menu .BLOCK {
    color: #cccccc;
}
.custom-menu .ALL {
    color: #93cddd;
}
.custom-menu .offset-1 {
    margin-left: 2%;
}
.custom-menu .offset-2 {
    margin-left: 4%;
}
@media all and (min-width:1024px) {
    .custom-menu .freq {
        font-size: 16px;
    }
}

@media all and (min-width:0px) and (max-width: 1024px) {
    .custom-menu h3 {
        font-size: 36px;
    }
    .custom-menu table {
        font-size: 20px;
    }
    .custom-menu h4 {
        font-size: 28px;
    }
    .custom-menu .freq {
        font-size: 24px;
    }
}
.center-hr {
    /*border: none;*/
    /*  border-top: 5px dashed #000; */
    color: #000;
    height: 1px;
    margin: 5% 25% 0% 25%;
}
.touch-transparent {
    pointer-events: none !important;
}