@charset "utf-8";
/* CSS Document */

.mr-10 {
    margin-right: 10px;
}

.main-header .logo {
    font-size: 16px;
}

.text-success {
    color: #93f1ff;
}

dd, dt {
    line-height: 2.42857143;
}

.box-body {
    padding-top: 30px;
}

/*top.left 背景色*/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .main-header .navbar, .skin-blue .left-side {
    background: url(../images/bg4.jpg) repeat-x; /*2019-11-8修改*/
    background-color: #043e77;
}

.skin-blue .sidebar-menu .treeview-menu > li > a {
    color: #fff;
}

/*2019-11-8新增*/

.skin-blue .main-header .logo {
    background-color: #43699a
}

.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #263448;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    background-color: #0D4062;
}

.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
    background-color: #eee;
}

/*目录标题*/
.skin-blue .sidebar-menu > li.header {
    color: black;
    background: #0d2340;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #4E5A6A; /*2019-11-8*/
}

.treeview-menu > li > a {
    padding: 5px 5px 5px 35px;
    display: block;
    font-size: 14px;
}

/*---------------all的样式	-------------------------*/

.form-group {
	margin-bottom: 30px;/*2019-11-8*/
	margin-left:20px;
}

.form-inline .form-group {
    margin-bottom: 20px;
    margin-left: 34px;
}

.form-horizontal .form-group {
    margin-right: 15px;
    margin-left: 15px;
}

.form-group label {
    margin-bottom: 10px;
}

.form-group .input-file {
    width: 320px;
}

.checkbox label, .radio label {
    padding-right: 20px;
    margin-bottom: 10px;
}

.form-group .fa-fw {
    width: 0.886em;
}

.form-group .help-block {
    color: #B4B4B1
}

.box-title .top {
    position: absolute;
    top: 1px;
    left: 79px;
    font-size: 15px;
}

.form-group-1 .btn {
    margin: 6px 0 0 12px;
    padding: 10px 15px;
}

.form-group-1 label {
    padding: 12px 20px 10px 10px;
    margin: 0;
}

.form-group-1 ul li {
    list-style: none;
    line-height: 40px;
}

/*---------------table的样式	-------------------------*/

.box-header span {
    margin: 5px 10px 0 0;
    padding: 5px
}

.box-header .label {
    font-size: 80%;
    font-weight: 400;
}

.box-header .label:hover {
    color: #fff;
    background: #3c8dbc
}

.table i {
    margin-right: 10px;
    color: #3c8dbc;
}

/*---------------应用管理模块的样式	-------------------------*/
.product_change_secret_btn {
    float: right;
}

/*-----------------------login--------------------------------*/
.login-box {
    border: 1px solid #CCCCCC;
    padding: 20px 10px;
    background: #F7F7F7
}

.login-page, .register-page {
    height: auto;
    background: #fff !important;
}

.form-group-login {
    margin-bottom: 30px;
    margin-left: 0px;
}

.login-box-body, .register-box-body {
    background: #f7f7f7;
}

.login-logo, .register-logo {
    font-size: 28px;
}

.login-logo img {
    margin: 20px 0
}

/*-----------------------2019-11-8新增--------------------------------*/

.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #0b355b;
}

.main-footer {
    background: #000;
    color: #fff
}

.bg-light-blue /*, .label-primary, .modal-primary .modal-body*/
{
    background-color: #d2d6de !important;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {

    color: #050609;
}

.skin-blue .main-header .logo {
    background-color: #263448;
}

.box.box-primary {
    border-top-color: #d6dcea;
}
.box.box-other-unusual {
    border-top-color:#3c8dbc;
}

.callout.callout-info {
    background-color: #e7e7e8 !important;
}

.text-success {
    color: #94CCF1 /*#263448 */;
}

.callout.callout-info {
    border-color: #3d506e;
}

/*左边通栏人名*/
.user-panel > .info > p {
    color: #fff;
}

/*登录验证图片可点击链接*/
.form-control-feedback img {
    pointer-events: auto !important;
}

/* 搜索框位置调整*/
.box-body {
    padding-top: 30px;
}

.form-inline .form-group {
    margin-bottom: 20px;
    margin-left: 34px;
}

/* 弹出框的顶部边框和字体颜色 */
.modal-header {
    border-bottom-color: #f4f4f4;
    background: #3D506E;
    color: #fff;
}

/*弹出框边距*/
.form-horizontal .form-group {
    margin-right: 15px;
    margin-left: 15px;
}

/*红星*/
.required {
    color: #ff0000;
}

body {
    font-size: 13px;
}

/*-------------------信息弹框-------------------------*/
.pop-up-box {
    margin: 0 20px;
}

.pop-up-box > .line-box {
    border: 1px solid #A5B5CD;
    padding: 20px;
    margin: 20px 0 5px 0;
    line-height: 40px
    background: #FFFFFF
}

.pop-up-box > .line-box > .form-group-1 {
    margin-left: 24px
}

.text-999 {
    color: #999;
}

.pop-up-box > .line-box ul li {
    list-style-image: url(../images/icon-dot.jpg);
    padding-left: 10px;
}

.modal-content {
    background: #f1f4f7;
}

.pop-up-box > .line-box {
    background: #FFFFFF
}

/*表格的蓝色表头*/
.table-title-bg {
    background: #76a4cc;
    color: #fff
}

/*公共元素*/
.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.ml-20 {
    margin-left: 20px;
}

/*2019-11-21加*/
.ml-5 {
    margin-left: 5px;
}

/*2019-11-22加*/
.clear {
    clear: none
}

/*2019-11-22加*/

.line-h30 {
    line-height: 30px;
}

/*2019-11-21加*/

.font-12 {
    font-size: 12px;
}

.main-header .logo {
    font-size: 16px;
}

.text-success {
    color: #93f1ff;
}

dd, dt {
    line-height: 2.42857143;
}

span.positive, div.positive	{
    float: left;
    height: 16px;
    color: #709a3c;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-left: 25px;
    line-height: 1.25em;
    margin: 7px 0 0 10px;
    background: url(../images/icon_positive.png) no-repeat left top;
}
span.negative, div.negative	{
    float: left;
    height: 16px;
    color: #be2c0a;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-left: 25px;
    line-height: 1.25em;
    margin: 7px 0 0 10px;
    background: url(../images/icon_negative.png) no-repeat left top;
}

/*-------------------API文档-------------------------*/
.api_docs {
    background-color: #ffffff;
    font-size: 14px;
}

.docs_menu *, .docs_content * {
    font-size: 14px;
    line-height: 30px;
}

.docs_menu {
    border-right: 2px solid #ecf0f5;
}

.docs_menu ul, .docs_content ul {
    margin: 0;
    padding: 0;
}

.docs_menu ul > li {
    list-style-type: none;
}

.docs_menu ul > li > a, .docs_menu ul > li > span {
    color: #000;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
}

.docs_menu ul > li > a:hover, .api_docs ul > li > a.active {
    background-color: #d2d6de;
}

.docs_menu ul.child_menu, .api_docs ul.thrid_menu {
    padding-left: 10px;
}

.docs_content h1, .docs_content h2, .docs_content h3 {
    color: #5F6979;
}

.docs_content {
    padding-left: 40px;
}

.docs_content h1 {
    color: black;
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
}

.docs_content h2 {
    font-size: 26px;
    margin-bottom: 40px;
}

.docs_content h3 {
    font-size: 20px;
}

.docs_content h3 strong {
    color: #b10404;
    font-size: 20px;
}

.docs_content h4 strong {
    color: #b10404;
}

.docs_content strong {
    color: #eb7c30;
}

.docs_content hr {
    border-color: #ecf0f5;
}

.docs_content ul > li {
    margin-left: 10px;
    padding-left: 10px;
}

.docs_content p {
    text-indent: 2em;
    line-height: 26px;
}

.docs_content blockquote {
    color: #5F6979;
    background-color: #f8fafc;
    border-color: #edf2f7;
}

.docs_content pre > code, .docs_content pre > code > span {
    line-height: 20px;
}

.docs_content table {
    width: 100%;
}

.docs_content thead > tr {
    background: #76a4cc;
    color: #fff;
}

.docs_content tr:nth-last-child(1) {
    border-bottom: 1px solid #ddd;
}

.docs_content tr > th:nth-last-child(1) {
    width: 65%;
}

.docs_content tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.docs_content tr > th, .docs_content tr > td {
    padding: 8px;
    line-height: 26px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/* 自动筛选是下拉框的样式*/
.result {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: white;
    border: 1px solid #66afe9;
    border-radius: 4px;
    width: 300px;
    box-shadow: 0px 0px 10px 0px #66afe9;
    z-index: 99;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left: 30px;
}

.pd-top30{
    padding-top:30px;
}/*2019-12-6加*/
.pd-top10{
    padding-top:10px;
}/*2019-12-10加*/
.bg-ccc{
    background:#ccc
}
.text-666{
    color:#666
}
.nav-tabs-custom > .nav-tabs > li.header {/*2019-12-11加*/
color:#5c5d5f;
font-size:18px}
/*------2019-12-13加----------------------*/
.mt_-15{ margin-top:-15px;}
.mt-5{ margin-top:5px;}
.mb-10{ margin-bottom:10px}

.mr-5{ margin-right:5px}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: 
    #e08e0b;
}

.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    color: #e08e0b;
    font-size: 16px;
    font-weight: 600;
}

/*2019-12-23后新增*/

.button.close {
    color: #fff;
}
.float-l{ float:left} 
.float-r{ float:right} 

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #eeeded;
}

.close {
    color: #fff;
}

.dl-up dt {
    float: left;
    width: 100px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-up dd {margin-left: 110px;}

.radio {
    margin-top: 0px;
}

.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th,
.table > thead > tr > td, 
.table > thead > tr > th {
    vertical-align:middle;
}

.span ml-20 {
    margin-left: 20px;
}

#tab_chart #sliders input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 11px system-ui;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
#tab_chart #sliders input[type="range" i] {
    -webkit-appearance: slider-horizontal;
    color: rgb(144, 144, 144);
    cursor: default;
    padding: initial;
    border: initial;
    margin: 2px;
    width: 129px;
}
.my_teacher_stats {
    border-right: 2px solid #ecf0f5;
    background: url(../images/bg4.jpg) repeat-x;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 570px;
}
.my_teacher_stats a {
    color: #b8c7ce;
}


/*4-13新增*/

#chart_area .active {
    border-top-color: #d3d1dc  !important;
}
#chart_area .active a {
    color: #0073b7 !important;
}

.border-top-gray {
    border-top-color: #d3d1dc !important;
}

.border-box-gray{background:#f9f9f9; border-left: 1px solid  #e1e1e1; border-right: 1px solid  #e1e1e1; border-bottom: 1px solid  #e1e1e1; border-top:  solid  #e1e1e1}

ul.sidebar-menu-1 { list-style:none; margin-left:-30px   }
.sidebar-menu-1 > li ,.sidebar-menu-1 > li a,.sidebar-menu-1 > li.active{ line-height:30px; color:#999999; list-style:none; margin-bottom:10px;  }

.sidebar-menu-1 > li:hover > a,  .sidebar-menu > li.active > a, .sidebar-menu > li.menu-open > a {
color:#0073b7 ;
}

.nav-tabs-custom-1, #chart_area .nav-tabs-custom {
    border-top: 1px solid #f4f4f4;
    border-right: 1px solid  #e1e1e1;
}
#chart_area .nav-tabs-custom .tab-content{
    border-left: 1px solid  #e1e1e1;
}

#chart_area .nav-tabs-custom > .nav-tabs > li.active > a {
    border-left-color:  #e1e1e1;
    border-right-color:  #e1e1e1;
}

#chart_area .nav-tabs-custom > .nav-tabs {
    margin: 0;
    border-bottom-color:  #e1e1e1;}
#stats_area_tabs {border-left-color: transparent;}
#stats_table_area th, #stats_table_area td {white-space: nowrap;}
#search_area_box .form-group {
    margin-bottom: 0;
}
