/*Stop annoying horizontal bounce*/
html {
    overflow-y: scroll;
    overflow-x: hidden;
}

body {
    width: 100vw;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

div.data {
    max-width: 1400px;
    min-width: 414px;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-word;
}

.data h1, h2, h3 {
    text-align: left;
}

.data h2 {
    font-size: 30px;
}

.data h3 {
    font-size: 24px;
}

.data h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.data p {
    font-size: 15px;
    margin: 0 0 10px;
}

.data p, ol > li {
    margin: 0.4em 0 0.4em 0;
}

.data mark {
    background-color: #ff94a5;
}

/* SQL Grid */
div.web2py_console {
    margin-left: 0;
    width: 369px;
    max-width: 700px;
}

@media screen and (min-width: 414px) {
    div.web2py_console {
        width: calc(100vw - 45px);
    }
}

div.web2py_console #w2p_keywords {
    margin-left: 0;
    width: 100%;
}

div.web2py_console > a {
    margin-left: 0;
}

div.web2py_console > form {
    display: flex;
    align-items: center;
    margin-left: 0;
}

div#w2p_query_panel > .form-control {
    width: fit-content;
    width: -moz-fit-content;
    max-width: 150px;
    padding: 6px;
}

.w2p_query_row > .form-control {
    width: fit-content;
    width: -moz-fit-content;
    min-width: 50px;
    max-width: 180px;
    padding: 6px;
}

.form-control {
    font-size: 14px;
    height: 32px;
    vertical-align: middle;
}

/*Override strange w2p?*/
select.form-control:not([size]):not([multiple]) {
    height: 32px;
}

#w2p_query_fields {
    margin-left: 0;
}

.w2p_query_row {
    min-width: 416px;
}

.web2py_counter {
    font-size: 14px;
    margin: 5px 0 0 5px;
    float: left;
    text-align: left;
    font-style: italic;
}

div.web2py_grid th, td {
    font-size: 13px;
    text-align: center;
    padding: 5px;
    line-height: normal;
}

.web2py_grid .row_buttons a, .web2py_paginator ul li a, input.btn.btn-default {
    font-size: 14px;
    padding: 3px 6px;
}

.w2p_query_row > input.btn.btn-default {
    height: 32px;
}

.buttontext.button {
    font-size: 12px;
}

.btn.btn-default.btn-secondary {
    font-size: 15px;
    padding: 5px 10px;
}

div.w2p_export_menu {
    font-size: 14px;
}

div.w2p_export_menu > a.btn.btn-default.btn-secondary {
    padding: 3px 6px;
    font-size: 14px;
}

div.w2p_query_row > input.btn.btn-default {
    background-color: rgb(239, 239, 239);
}

/* SQL Grid form of individual item */
.form-group {
    margin-bottom: 5px;
}

/*id row*/
div.form-group.row > p.form-control-plaintext.col-sm-9 {
    height: 32px;
    margin: 0;
    border: 0;
    padding: 0 15px;
}

label.form-control-label.col-sm-3 {
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 0;
    padding-top: 0;
}

div.form-group.row {
    width: calc(100vw - 30px);
    min-width: 400px;
    max-width: 900px;
}

@media screen and (max-width: 576px) {
    label.form-control-label.col-sm-3 {
        margin-top: 10px;
        text-align: left;
    }
}