workorder/static/css/style.css

@charset "UTF-8";
/* CSS Document */
html, body {
    height: 100%;
}
/*工单系统样式*/
body{
    font-family: Arial, Microsoft Yahei, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    background: #e9ecef;
    min-width: 1150px;
    overflow-x: hidden;
}
h1{font-size: 40px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
h7{font-size: 12px;}
label,th{font-weight: normal;}
.alert{
    line-height: 30px;
    padding: 2px 15px;
    padding-right: 35px;
    border-radius: 0;
    margin-bottom: 0;
}
.alert-dismissible .close{
    top: 5px;
    right: -5px;
}
.content{
    min-width: 1000px;
}
.form-group .panel{
    border: #ddd solid 1px;
    border-radius: 0px;
    border-radius: 0px;
}
.form-control{
    height: 30px;
    border-radius: 0;
    padding: 6px 8px;
    font-size: 12px;
    border: #ddd solid 1px;
}

@media screen and (min-width: 1900px) {
    body{
        font-size: 16px;
    }
    .navbar-right .dropdown,.dropdown-menu{
        min-width: 120px;
    }
}
@media screen and (min-width:1346px) and (max-width: 1899px)  {
    body{
        font-size: 14px;
    }
    .navbar-right .dropdown,.dropdown-menu{
        min-width: 110px;
    }
}

.text_over{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.radio label, .checkbox label{
    padding: 0 10px 0 0;
}

.bTabs .nav-tabs{
    margin-bottom: 0;
}
fieldset{
    min-height: 180px;
}
.table{
    display: none;
}
/*登录页面*/
.login_box{ width:1100px; margin:0 auto; padding-top: 120px;}
.login_box .login_l_img{ float:left; width:432px; height:440px; margin-left:50px;}
.login_box .login_l_img img{width:500px; height:440px; }
.login {height:360px; width:400px; padding:50px; background-color: #ffffff;border-radius:6px;box-sizing: border-box; float:right; margin-right:50px; position:relative; margin-top:50px;}
.login_logo{ width:120px; height:120px; border:5px solid #93defe;border-radius:100px; background:#fff; text-align:center; line-height:110px; position:absolute; top:-60px; right:140px;}
.login_name{ width:100%; float:left; text-align:center; margin-top:20px;}
.login_name p{ width:100%; text-align:center; font-size:18px; color:#444; padding:10px 0 20px;}
.login_logo img{ width:60px; height:60px;display: inline-block; vertical-align: middle;}
.login_box input[type=text],.login_box input[type=password]{ border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #555555; outline:none; width:100%;margin-bottom: 15px;line-height:50px; color:#888;}
.login_box input[type=text]:focus, .login_box input[type=password]:focus{ border: 1px solid #27A9E3; }
.login_box input[type=submit], .login_box input[type=button] { display: inline-block; vertical-align: middle; padding: 12px 24px; margin: 0px; font-size:16px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #27A9E3; border-radius: 3px; border: none; -webkit-appearance: none; outline:none; width:100%; }
.copyright { font-size:14px; color:#fff; display:block;width:100%; float:left; text-align:center; margin-top:60px;}
#msg{
    background: url("../images/login-error.png") left center no-repeat;
    padding-left: 18px;
    height: 30px;
    line-height: 30px;
    color: #ee5555;
    display: block;
    margin-top: -15px;
}
/*头部样式*/
.navbar-default{
    background: url(../images/bg-nav.png) repeat-x;
    height: 70px;
    color: #fff;
    border:none;
}

.navbar-fixed-top .container-fluid{
    padding: 0;
}

.navbar-header{
    height: 46px;
    padding-left: 20px;
    margin-top: 12px;
}

.navbar-header .portal_name{
    font-size: 12px;
    margin-left: 10px;
}

.navbar-header .portal_name span{
    display: block;
    font-size: 22px;
    letter-spacing: 4px;
}

.navbar-header .badge{
    background: #fff;
    color:#666;
    height: 11px;
    font-size: 9px;
    padding: 0 7px;
    margin: 5px;
    font-weight: normal;
}

.navbar-header .sys_name{
    font-size: 26px;
    line-height: 46px;
    height: 46px;
    letter-spacing: 2px;
    margin-left: 10px;
}

.navbar-collapse.collapse{
    background: url("../images/bg-nav-right.png") no-repeat right center;
    height: 70px !important;
}

.navbar-right .dropdown{
    height: 70px;
}

.navbar-default .navbar-nav > li > a{
    background: url("../images/admin-20.svg") 14px center no-repeat;
    background-size: 20px;
    padding-left: 44px;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}

.navbar-default .navbar-nav > li > a > .caret{
    margin-left: 6px;
    margin-right: 20px;
}

.navbar-default .navbar-nav > li > a:hover{
    color: #fff;
}

.navbar-default .navbar-nav > .open {
    border-left: rgba(255,255,255,0.3) solid 1px;
    background: url("../images/bg-hover.png") repeat-x;
}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{
    color: #fff;
    background: url("../images/user.png") 14px center no-repeat;
}

.navbar-default .navbar-nav > .open > .dropdown-menu{
    position:static;
    background:#254579;
    float: none;
    border-radius: 0;
    border: none;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li.divider{
    padding: 0;
    background: #213e6d;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li > a{
    color: #fff;
    height: 20px;
    line-height: 20px;
    padding:0 0 0 26px;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li{
    padding: 5px 16px;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li > a.setting{
    background: url("../images/setting.png") left center no-repeat;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li > a.password{
    background: url("../images/lock.png") left center no-repeat;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li > a.exit{
    background: url("../images/exit.png") left center no-repeat;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li > a.setting:hover{
    background: url("../images/setting-b.png") left center no-repeat;
    color:#51c4ff;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li > a.password:hover{
    background: url("../images/lock-b.png") left center no-repeat;
    color:#51c4ff;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li > a.exit:hover{
    background: url("../images/exit-b.png") left center no-repeat;
    color:#51c4ff;
}
/*侧边栏样式*/
.sidebar{
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding:0;
    border-right: 1px solid #dddddd;
    width:220px;
    border-top-right-radius: 4px;
    background: #fff;
}

.sidebar  .icon-warging{
    background: url("../images/warning.svg") 20px center no-repeat;
    background-size: 16px;
    padding-left: 46px;
}
.sidebar .icon-workorder{
    background: url("../images/workorder.svg") 20px center no-repeat;
    background-size: 16px;
    padding-left: 46px;
}

.sidebar .icon-report{
    background: url("../images/report.svg") 20px center no-repeat;
    background-size: 16px;
    padding-left: 46px;
}

.sidebar .icon-user{
    background: url("../images/user.svg") 20px center no-repeat;
    background-size: 16px;
    padding-left: 46px;
}

.sidebar .icon-setting{
    background: url("../images/setting.svg") 20px center no-repeat;
    background-size: 16px;
    padding-left: 46px;
}

#menu{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

#menu b{
    font-weight: normal;
}

.collapsed{
    width:40px;
}
.collapsed #menu>span{
    margin-right: 15px;
}
.collapsed b{
    display: none;
}
.collapsed .nav{
    width: 40px;
}

.collapsed > .nav > li{
    width: 40px;
    position: relative;
}
.collapsed > .nav > li > a{
    overflow: hidden;
    width: 39px;
    padding: 0 0 0 40px;
    text-align: left;
    background-position: 12px center;
}
.collapsed > .nav > li > a#menu,.collapsed > .nav > li > a#menu:focus,.collapsed > .nav > li > a#menu:hover{
    width: 39px;
    padding-left: 39px;
    border:none;
    border-bottom: #ddd solid 1px;
}
.collapsed > .nav > li > ul{
    display: none;
}

.collapsed > .nav > li > ul.in{
    display: block;
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 2000;
    width: 200px;
}

.sidebar::-webkit-scrollbar,body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 12px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    background: #f5f5f5;
    border: #EEE solid 1px;
}
.sidebar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    background: #ddd;
    width: 8px;
}

.sidebar::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{
    background: #ccc;
}
.sidebar::-webkit-scrollbar-track,body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    background: #f5f5f5;
}

.nav-tabs{
    border: none;
}

.nav-tabs > li{
    margin-bottom: 0;
}

.nav-stacked > li + li{
    margin-top: 0;
}

.nav-tabs > li > a {
    height: 50px;
    line-height: 50px;
    padding:0 10px 0 20px;
    border-bottom: #ddd solid 1px;
    border-radius: 0;
    margin-right: 0;
    font-size: 16px;
    color: #666;
}

.nav-tabs > li > a.nav-header{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.nav-tabs > li > a.nav-header > i{
    margin-right: 2px;
}

.nav-tabs > li > a#menu> span{
    margin-top: 16px;
}

.nav-tabs > li > a.nav-header > span{
    margin-top: 11px;
    margin-right: 10px;
}

.secondmenu{
    font-size: 12px;
    border-bottom: #ddd solid 1px;
}

.secondmenu > li > a{
    padding:0 0 0 50px;
    height: 40px;
    line-height: 40px;
    color: #666;
    background: #edf3fb;
}
.secondmenu > li > a:hover{
    background: #dde9f8
}
.nav>li>a#menu:hover,.nav>li>a#menu:focus{
    background-color: #fff;
    color: #666;
}
.secondmenu > li > a:focus,#main-nav > li >a:focus,.secondmenu > li > a.active{
    background: #4d8dd9;
    color: #fff;
    outline: none;
}
#main-nav > li >a:hover{
    color: #fff;
}
#main-nav > li >.icon-setting:hover,#main-nav > li >.icon-setting:focus{
    background:#4d8dd9 url("../images/setting-w.svg") 20px center no-repeat;
    background-size: 16px;
    border: none;
}
#main-nav > li > .icon-warging:focus,#main-nav > li >.icon-warging:hover{
    background:#4d8dd9 url("../images/warning-w.svg") 20px center no-repeat;
    background-size: 16px;border: none;
}
#main-nav > li > .icon-report:focus,#main-nav > li >.icon-report:hover{
    background:#4d8dd9 url("../images/report-w.svg") 20px center no-repeat;
    background-size: 16px;border: none;
}

#main-nav > li > .icon-workorder:focus,#main-nav > li >.icon-workorder:hover{
    background:#4d8dd9 url("../images/workorder-w.svg") 20px center no-repeat;
    background-size: 16px;border: none;
}
#main-nav > li > .icon-user:focus,#main-nav > li >.icon-user:hover{
    background:#4d8dd9 url("../images/user-w.svg") 20px center no-repeat;
    background-size: 16px;border: none;
}
.collapsed > #main-nav > li > a:focus,.collapsed > #main-nav > li > a:hover{
    background-position: 12px center;
}
#navbar .navbar-nav>li>a:focus{
    color: #fff;
}
/*主显示区域样式*/
.right-conetnt{
    position: fixed;
    top: 70px;
    bottom: 0;
    left: 0;
    z-index: 900;
    padding:0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
.main{
    background: #fff;
    margin:10px 10px 10px 231px;
    border-radius: 4px;
}

.mainCollapsed{
    margin:10px 10px 10px 51px;
}

.main > .nav-tabs{
    background: #f5f5f5;
    border-bottom: #2f5896 solid 3px;
    padding-top: 4px;
    padding-left: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bTabs div.tab-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.3);
    -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.3);
    box-shadow:10px 5px 10px rgba(0,0,0,0.3);
}

.main > .nav-tabs > li > a,.main > .nav-tabs > li > a:hover,.main > .nav-tabs > li > a:focus{
    background: url("../images/un-sel.png") left center no-repeat;
    width: 110px;
    padding: 0 20px;
    height: 27px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    border:none;
    cursor: pointer;
    letter-spacing: 1px;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

.main > .nav-tabs > li.active > a{
    background: url("../images/sel.png") left center no-repeat;
    color: #fff;
    font-weight: normal;
}

.bTabs button.navTabsCloseBtn{
    font-size: 18px !important;
    text-shadow: none;
    position: absolute;
    top: 1px;
    right: 7px;
}

.bTabs .nav-tabs li.active a button.navTabsCloseBtn{
    color: #fff;
}

.breadcrumb{
    letter-spacing: 1px;
}
.breadcrumb a{
    color: #4677c6;
}

.keyword{
    padding-right: 20px;
}

.form-group{
    position: relative;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border:none;
    box-shadow: none;
}

.fixed-table-container{
    border:none;
}

.panel-body .search{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1005;
    border:none;
    background: none;
    color: #ddd;
    padding: 0;
    padding-right: 5px;
}

.table-bordered > thead > tr:first-child > th{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

.fixed-table-toolbar{
    display: none;
}

.panel-body{
    background: #fdfdfd;
    padding:6px;
}
.bottom_line{
    border-bottom: #ddd solid 1px;
}

.panel>.panel-body+.table{
    table-layout: fixed;
}

.panel-body button{
    color: #000;
    border: none;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    padding-right: 10px;
    outline:none;
    background-size: 16px;
}
.panel-body button[disabled]{
    color: #999;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.panel-body .form-actions{
    padding: 15px 30px;
    border-top: #eeeeee solid 1px;
    border-bottom: #eeeeee solid 1px;
    background: #f8f8f8;
    margin-left: -16px;
    margin-right: -16px;
}
.panel-body .form-actions button{
    padding: 0 24px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 2px;
    border:#ddd solid 1px;
    border-radius: 4px;
    margin: 0 8px;
}

.panel-body .form-actions button.btn-primary{
    border:#4d8dd9 solid 1px;
    color: #fff;
    background-color: #4d8dd9;
}

.panel-body .form-actions button.btn-primary:hover{
    border:#71A4E1 solid 1px;
    color: #fff;
    background: #71a4e1;
}

.panel-body .form-group div{
    line-height: 30px;
}

.panel-body .form-group div.radio{
    height: 20px;
    line-height: 20px;
}
.panel-body .form-group .radio-inline{
    padding-top: 0;
}

.form-horizontal .form-group .checkbox-inline{
    line-height: 20px;
    padding-top: 0;
    margin-top: -2px;
}

.panel-body .form-actions button:active{
    border:#3e71ae solid 1px;
    color: #fff;
    background: #3e71ae;
}

.panel-body .title{
    border-left:#4d8dd9 solid 3px ;
    padding-left: 8px;
    height: 14px;
    line-height: 14px;
    margin: 5px 0;
}

.form-horizontal .control-label {
    padding-top: 5px;
    margin-bottom: 0;
    text-align: left;
}

.refresh{
    background: url("../images/refresh.svg") 10px  center no-repeat;
}

.merge{
    background: url("../images/merge.svg") 10px  center no-repeat;
}

.igrone_btn{
    background: url("../images/igrone.svg") 10px  center no-repeat;
}
.add{
    background: url("../images/add.svg") 10px  center no-repeat;
}
.delete_btn {
    background: url("../images/delete.svg") 10px  center no-repeat;
}
.disable{
    background: url("../images/disable.svg") 10px  center no-repeat;
}
.enable{
    background: url("../images/enable.svg") 10px  center no-repeat;
}
.export{
    background: url("../images/export.svg") 10px  center no-repeat;
}
.btn_search{
    background: url("../images/search.svg") 10px  center no-repeat;
}
.edit{
    background: url("../images/edit.svg") 10px  center no-repeat;
}


.refresh:hover,.merge:hover,.igrone_btn:hover,.add:hover,.delete_btn:hover,.disable:hover,.enable:hover,.export:hover,.btn_search:hover,.edit:hover{
    background-color: #edf3fb;
}

.btn_line{
    border-left: #ddd solid 1px;
    height: 12px;
    line-height: 12px;
    width: 1px;
    display: inline-block;
    margin-right: 8px;
    margin-left: 5px;
}

.panel-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    width: 100%;
    height: 40px;
    font-size: 12px;
}

.panel-footer > .form-inline >.pull-right > .count,.panel-footer > .form-inline >.pull-right > .form-group > label{
    color: #999;
}

.panel-footer > .form-inline >.pull-right > .form-group > .pagination{
    margin: 5px 10px;
}

.panel-footer > .form-inline >.pull-right > .form-group >.pagination > li > a{
    color: #666;
    border-color: #ddd;
    width: 32px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-family:Arial;
}
.bootstrap-table{
    padding-bottom: 20px;
    border:none;
}

.panel-footer > .form-inline >.pull-right > .form-group > .pagination > li.active > a{
    background: #4d8dd9;
    border-color: #4d8dd9;
    color: #fff;
}

.panel-footer select,.panel-footer .select2{
    margin-top: -3px;
}
.table > tbody > tr > td.empty_table{
    text-align: center;
    padding: 100px 0;
}

.table > tbody > tr > td > a{
    margin: 0 10px 0 0;
}

.table > tbody > tr > td{
    vertical-align: middle;
}

.empty_table p{
    height: 14px;
    line-height: 14px;
    margin-top: 20px;
    color: #999999;
}
/*配置向导流程*/
.lc{
    width: 588px;
    height: 66px;
    margin: 0 auto;
    text-align: center;
}
.lc > .lc-line{
    width: 588px;
    height: 36px;
    background: url("../images/lc-bg.png") left center no-repeat;
    position: relative;
}
.lc > .lc-line > .lc-circle {
    width:26px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    top: 5px;
}
.lc > .lc-line > .lc-blue{
    width: 250px;
    height: 2px;
    background: #4d8dd9;
    position: absolute;
    top: 17px;
    left: 31px;
    display: none;
}
.lc > .lc-line > .lc-blue-2{
    left: 307px;
    display: none;
}
.lc > .lc-line > .lc-now{
    background: url("../images/lc-now.png");
    color: #fff;
    font-weight: bold;
}
.lc > .lc-line > .lc-after{
    background: url("../images/lc-after.png");
    font-weight: bold;
    color: #999;
}
.lc > .lc-line > .lc-ok{
    background: url("../images/lc-ok.png");
}
.lc > .lc-line > .step1{
    left: 0;
    margin-left: 5px;
}
.lc > .lc-line > .step2{
    left: 50%;
    margin-left: -13px;
}
.lc > .lc-line > .step3{
    right: 0;
    margin-right: 5px;
}

.lc > .lc-step-text{
    width: 588px;
    height: 30px;
    position: relative;
}
.lc >  .lc-step-text> .lc-text{
    height: 30px;
    width: 100px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    position: absolute;
    top: 0;
}
.lc > .lc-step-text >.step1{
    left: 0;
    margin-left: -32px;
}
.lc > .lc-step-text >.step2{
    left: 50%;
    margin-left: -50px;
}
.lc > .lc-step-text >.step3{
    right: 0;
    margin-right: -32px;
}
.lc > .lc-step-text> .lc-text-after{
    color:#999;
}
#step3 .success{
    padding: 40px 0;
}
/*弹出框*/
.bv-form > .panel{
    border:none;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    -webkit-box-shadow:none;
    box-shadow: none;
}

/*安全感知等级*/
.level{
    display: block;
    min-width: 54px;
    max-width: 64px;
    font-size:12px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}
.form-horizontal .level{
    margin: 0;
}
.control-label span{
    color: #ee5555;
    margin-right: 6px;
    padding-top: 3px;
}
.warning_type10,.level10,.level40{
    background: #ee5555;
}
.warning_type20,.level20,.level50{
    background: #ff9900;
}
.warning_type30,.level30,.level60{
    background: #ffcc00;
    color: #766522;
}
.status10,.w_status10{
    color: #22b07b;
}

.w_status20{
    color: #999;
}

.status20{
    color: #4d8dd9;
}

.status30,.w_status30{
    color: #ffcc00;
}

.status40,.w_status40{
    color: #ff9900;
}

.status50,.w_status50{
    color: #ee5555;
}