/* MAIN ELEMENTS */
html {
    height:100%;
}

body {
    /* background: url(https://mbcn-cdn-public.oss-cn-shenzhen.aliyuncs.com/aln/recorder/medias/home-menu-bg-overlay.svg), linear-gradient(to right bottom, #77717e, #c9a8a9); */
    /* background: url(https://mbcn-cdn-public.oss-cn-shenzhen.aliyuncs.com/aln/recorder/medias/home-menu-bg-overlay.svg), linear-gradient(to right bottom, #77717e, #c9a8a9); */
    /* background: url(https://mbcn-cdn-public.oss-cn-shenzhen.aliyuncs.com/public/SquaresMajorbird-3000x2000-v16-BC.jpg), linear-gradient(to right bottom, #77717e, #c9a8a9); */
    background: url(https://mbcn-cdn-public.oss-cn-shenzhen.aliyuncs.com/aln/recorder/medias/background-light.svg);
    background-color: #0e567e;
    overflow-x: hidden;
    background-size: cover;
    background-position: bottom center;
    height:100%;
    background-repeat: no-repeat;
}
html.home .card {
    background: rgba(255, 255, 255, 0.5);
    color: #333;
}
img.top-logo {
    width: 65px;
    display: inline !important;
    float:left;
    margin-right: 20px;
}
img.home-logo {
    width: 200px;
}
html.home .btn-light {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border:none;
}


.mb_content {
    padding-top: 62px;
}
.mb_mobile_form .form-row, .mb_mobile_form select, .mb_mobile_form input{
    font-size:10px;
    min-height:auto
}
.mb_mobile_form button{
    padding:0;
    width:100%;
}
/* CONTROLS */
.numeric-btn {
    width:100%;
    min-height:80px;
    font-weight: bold;
    font-size:  32px;
}
.mb_hardware_controlled {
    background-color: black!important;
    color:white!important;
    font-weight: bold;
}
.numeric_counter {
    background-color: black!important;
    color:red!important;
    font-weight: bold;
    padding:5px;
    text-transform: uppercase;
}
.numeric_counter.positive {
    color:greenyellow!important;
}
.numeric_counter.large {
    padding:10px;
    font-size:25px;
}
form .row {
    min-height: 80px;
}
.mobile_only {
    display:none
}
.invisible {
    display:none!important;
}

.mb_scan_history{
    overflow-y: scroll;
    max-height: 200px;
}
button.mb_big {
    width: 100%;
    min-height: 80px;
}

.mb_history button {
    min-height: auto;
}
h1 {
    color: #2c3067;
    margin-bottom: 30px;
}
.menu-big-choice {
    min-height:500px;
    width:100%;
    height:100%;
    padding-top:30%;
}
/* .menu-back-btn {
    float:right;
    width:100px;
} */
.menu-card {
    padding:10px;
}
.loading .not_mb_loader {
    display: none;
}
.not_loading .mb_loader {
    display: none
}
.loading .mb_loader {
    display: inline-block!important
}

button.selected,
button.selected:hover,
button.selected:focus {
    background-color: black;
}

button.qc_defect_size.selected {
    color: orange!important
}

.modal-footer {
    display: inline-block;
}

/* MOBILE */

@media (max-width:600px){
    h1 {
        font-size: 30px;
    }
    #input_free {
        display:none;
    }
    
    .mobile_only {
        display: block
    }
}

.row.mjb-feed {
    display: inline;
    margin-left: 10px;
}