body {
    padding: 0 20px 20px 20px;
}

#content {
    margin: 0 auto;
    max-width: 550px;
}

#nav {
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #d6d6d6;
    border-top: none;
    height: 90px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
}
#logo {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
#nav-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
#nav-content {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

#usage {
	text-align: center;
	font-size: 16px;
}

.qr-box{width:180px;margin:0 auto;height:180px;overflow:hidden;position:relative}
.qr-title{padding:8px;padding-bottom:10px;text-align:center;font-size:16px;font-weight: 600;color:#FF0000}
.qr-help{text-align:center;color:#999;cursor:pointer;font-size:12px;margin:0 auto;width:80%;margin-top:25px}
.qr-help{margin-top:12px}
.qr-tip-mask{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #c2ddb6;background:#000;filter:alpha(Opacity=70);opacity:.7;color:#ff7e00;text-align:center;z-index:110}
.qr-tip-con{position:absolute;top:50%;left:0;width:100%;height:70px;margin-top:-35px;background:transparent;z-index:120}
.qr-tip{text-align:center;color:#fff;font-size:18px}
.qr-img-con{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.qr-img{border:none}

.input-group {
    margin: 10px 0 10px 0;
}
#deviceTable tbody tr td{
    vertical-align: middle;
}
#firmwareTable tbody tr td{
    vertical-align: middle;
}

.choiceBtn {
    float: right;
}
.firmwareBtn {
    float: right;
}

.panel .panel-heading{
	text-align:center;
	color:white;
	background:#337AB7;
}
.panel .panel-body {
    overflow-x: auto;
	text-align:center;
}