/*基于BootStrap 3调整的CSS代码,Written By MyJoy(94joy.cn)*/
.navbar{background-color: #4cb4e7;}
.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

/*nav{
padding-right: 0 !important;
padding-left: 0 !important;
}

.navbar-brand{
margin-right:0.3125rem;


}
.navbar-collapse{
padding-right: 1rem !important;
padding-left: 1rem !important;


}*/
.containerContent{
	height:calc(100% - 2rem);
}
.containerTips,.containerForm{
	height:calc(100% - 6rem);
}

.containerForm,.containerTips{
	display: flex;
    text-align: center;
}
.pageForm,.containerTips .alert{
	margin:auto;
}
.pageFromInput{
display:inline-block;
width: auto;
}
.pageFromButton{
	display: flex;
    text-align: center;
}
.pageFromButton .btn-group{
margin:auto;
}
.content {
	overflow:auto;
	vertical-align:top;
	height:100%;
	padding: 0.75rem 1rem;
    border: 2px solid #f9f9fa;
	width:100%;
	font-size:0.8rem;
	line-height:1.4;
	outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
	outline: 0px !important;
    -webkit-appearance: none;
    resize: none;
	margin-bottom:0;/*抵消BS4.2的问题*/
}
.content:hover{
	color: #000000; /*#495057*/
	border-color: #a5d9f3;
}
.content:focus{
	color: #000000; /*#495057*/
	border-color: #4cb4e7;
	box-shadow: 0 0 0 .2rem rgba(165,217,243,.25);
}
.footer {
	/*position:fixed;
	bottom:0rem;
	height:auto;*/
	width:100%;
	text-align:center;

}
/*.bodyBtn{padding-bottom:8.5rem;}
.bodyNoBtn{padding-bottom:2.5rem;}
.footerBtn{height:5rem;}
.footerNoBtn{height:2.5rem;}*/
#controls {
	padding:.5rem;
	text-align:center;
	margin:0 auto;
	background-color:#f9f9fa;
}
pre {
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}
body {
	background-color:#fff;
}
.dark{
    background-color: #171616;
	color: #dedede;
}
.dark nav{
    background-color: #666666;
    color: #dedede;


}
.dark .content,.dark .content:hover,.dark .content:focus {
    background-color: #171616;
    color: #dedede;
	border-color: #666666;
	box-shadow: 0 0 0 0rem rgba(165,217,243,0);
}
.dark #controls{
    background-color: #666666;
    color: #dedede;

}
/*滚动条整体样式*/
::-webkit-scrollbar {
	width: 10px;
	/*height: 1px;*/
}
/*滚动条滑块*/
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(75,179,231,0.2);
	background: #a5d9f3;
}
::-webkit-scrollbar-thumb:hover {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(75,179,231,0.2);
	background: #78c6ed;
}
::-webkit-scrollbar-thumb:focus {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(75,179,231,0.2);
	background: #1fa0e0;
}

/*滚动条轨道*/
::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 1px rgba(75,179,231,0);
	border-radius: 10px;
	background: #e9f5fc;
}
* {
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}
::selection {
	background:#e3f2fd;
	color:#555;
}
::-moz-selection {
	background:#e3f2fd;
	color:#555;
}
::-webkit-selection {
	background:#e3f2fd;
	color:#555;
}
html,body{
height:100%;
}