/*

@import url("//cdnjs.cloudflare.com/ajax/libs/pure/1.0.1/pure-min.css");
 */
body {
    margin: 0;
}
h1 {
    margin: 0;
    padding: 2px 10px;
    background-color: #0f6ecd;
    color: white;
    text-align: center;
    font-size: 125%;
}
h2 {
    text-align: center;
    margin: 0;
    padding: 10px 0 ;
}
/*nav.menu#main-menu {
    margin-top: 100px;
    //padding-left: 200px;
    //background-color: whitesmoke;
    //text-align: center;
}
nav.menu#main-menu a {
    display: block;
    margin: 10px 100px auto;
    width: 150px;
}*/
/* nav.menu a {
    text-align: center;
    display: block;
    width: 150px;
    margin: 10px  auto;
    padding: 10px 0 10px;
    background-color: lightcyan;
    border: gainsboro 1px solid;
    border-radius: 5px;
} */
main {
    margin: 5px 5px auto;
    padding: 5px 0;
}
/*main label {
    margin-bottom: 10px;
    display: inline-block;
    //width: 100px;
    font-size: 1.1em;
}*/
/*
main input {
    margin-bottom: 10px;
    border-bottom: 1px solid grey;
    border-top: 0;
    border-left: 0;
    border-right: 0;

    width: 210px;
    font-size: 1.4em;
}*/
/*main textarea {*/
    /*margin-bottom: 10px;*/
    /*border-bottom: 0;//1px solid grey;*/
    /*border-top: 0;*/
    /*border-left: 0;*/
    /*border-right: 0;*/
    /*width: 220px;*/
    /*font-size: 1.4em;*/
/*}*/

.wrapper {
    min-height: 100vh;
    position: relative;/*竊千嶌蟇ｾ菴咲ｽｮ*/
    padding-bottom: 60px;/*竊診ooter縺ｮ鬮倥＆*/
    box-sizing: border-box;/*竊仙�縺ｦ蜷ｫ繧√※min-height:100vh縺ｫ*/
}
.wrapper footer {
    width: 100%;
    background-color: #89c7de;
    color: #fff;
    text-align: center;
    padding: 5px 0;

    position: absolute;/*竊千ｵｶ蟇ｾ菴咲ｽｮ*/
    bottom: 0; /*荳九↓蝗ｺ螳�*/
}

.margin-h {
    margin: 0 6px auto;
}

.button-xsmall {
    font-size: 70%;
}

.button-small {
    font-size: 85%;
}

.button-large {
    font-size: 110%;
}

.button-xlarge {
    font-size: 125%;
}

/*

 */
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-top {
    vertical-align: text-top;
}

#ocr_result {
    background-color: #00e7eb;
    font-size: 125%;
    margin: 2px;
}
input[type="checkbox"] {
    font-size: large;
    margin: 3px;
    padding: 2px;
}
input[type="number"] {
    width: 50px;
    text-align: right;
}

/*
#ocr_result {
    background-color: #00e7eb;
    height: 36px;
    font-size: large;
    margin: 2px;
}
input[type="checkbox"] {
    font-size: large;
    margin: 3px;
    padding: 2px;
}

 */