body {
    background-color: rgb(238, 240, 244);
}

.title {
    padding-left: 24px;
    line-height : 50px;
    font-size   : 20px;
    font-family : cursive;
    display     : inline;
}

#template-container {
    display            : flex;
    margin             : auto;
    width              : 230mm;
    height             : 327mm;
    background-color   : white;
    /* margin-top      : 80px; */
}

.test {
    width : 230mm;
    height: 327mm;
}

.tool-div {
    width                 : 100%;
    position              : fixed;
    /* right              : 100px; */
    top                   : 50px;
    z-index               : 9999;
    background-color      : #2d3438cb;
    border-color          : #2d3438cb;
}

.print-btn {
    width          : 100px;
    height         : 30px;
    /* margin-right: 100px; */
    float          : right;
    z-index        : 99999;

}

.countdown {
    z-index   : 99999;
    text-align: center;
}

#countdown {
    /* position    : fixed; */
    /* top         : 100px; */
    /* right       : 100px; */
    font-size      : 30px;
    color          : rgb(44, 114, 147);
    display        : inline-block;
    /* z-index     : 99999; */
}

.instruction {
    position : fixed;
    top      : 58px;
    left     : 8px;
    font-size: 15px;
    color    : rgb(44, 114, 147);
    z-index  : 99999;
}

.back-btn {
    width          : 100px;
    height         : 30px;
    /* margin-right: 20px; */
    float          : right;
    z-index        : 99999;
}

@media print {
    .no-print {
        display: none !important;
    }
}

.code-container {
    position           : fixed;
    top                : 0;
    right              : 0;
    bottom             : 0;
    left               : 0;
    /* background-color: rgba(0, 0, 0, .5); */
    text-align         : center;
    font-size          : 0;
    white-space        : nowrap;
    overflow           : auto;
}

.code-container:after {
    content       : '';
    display       : inline-block;
    height        : 100%;
    vertical-align: middle;
}

.code {
    display       : inline-block;
    vertical-align: middle;
    text-align    : left;
    font-size     : 14px;
    white-space   : normal;
}

.code-desc {
    text-align: center;
    display   : block;
    font-size : 20px;
    color     : rgb(44, 114, 147);
}

.scan-status-container {
    position        : fixed;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    background-color: rgba(255, 255, 255, .9);
    text-align      : center;
    font-size       : 0;
    white-space     : nowrap;
    overflow        : auto;
}

.scan-status-container:after {
    content       : '';
    display       : inline-block;
    height        : 100%;
    vertical-align: middle;
}

.scan-status {
    display       : inline-block;
    vertical-align: middle;
    text-align    : left;
    font-size     : 14px;
    white-space   : normal;
    color         : rgb(44, 114, 147);
    font-size     : x-large;
}

.navbar-inverse {
    background-color: #d9edf7;
    border-color    : #d9edf7;
}

.navbar-inverse-tool {
    background-color   : #ddd;
    border-color       : #ddd;
    min-height         : 30px;
    /* top             : 50px; */
}

.navbar {
    margin-bottom: 0px;
}

.navbar-fixed-top {
    position: relative;
}

.footer {
    line-height: 50px;
    min-width  : 50px;
}

.text-muted {
    text-align   : center;
    min-height   : 50px;
    margin-bottom: 0px;
}

.starter-template {
    padding-top: 40px;
    text-align : center;
}

/* 左右栅格样式*/
.row {
    margin-right: 0px;
    margin-left : 0px;
}

.col-lg-6 {
    padding-right: 0px;
    padding-left : 0px;
}

.grid-instruction {
    font-size          : 13px;
    padding            : 10px 0 0 20px;
    background-color   : #c7e8f8;
    border-color       : #9ed8f3;
    border             : 1px solid transparent;
    border-radius      : 3px;
    position           : relative;
    border-color       : #c6c6f7;
    background-repeat  : no-repeat;
    background-position: 10px 10px;
    margin-left        : 15px;
}