html { overflow-x:hidden; }
.content-header {
    position: relative;
    padding: 0 0 3px 8px
}

.content-header>.breadcrumb {
    position: relative;
    top: 0;
    right: 0;
    float: none;
    margin-top: 0px;
    padding-left: 10px;
    background: #ecf0f5;
}
.main-footer {
    padding: 7px;
    color: #444;
    border-top: 1px solid #eee;
}

[v-cloak] {
    display: none;
}
.grid-btn{
    margin-bottom:12px;
}
.grid-btn .btn{
    margin-right:10px;
}
.pointer{cursor: pointer;}

.ml-10 { margin-left:0 !important; }
@media (min-width: 768px) {
    .ml-10 { margin-left:10px !important; }
    .col-sm-10 {width: 75%;padding-left: 0px;}
    .col-sm-2 {width: 24%;}
}
.main-header .navbar {min-height: 47px;}


/*下面都是自己加的样式*/
#rrapp {
    margin-top: 15px;font-size:12px;
}
.form-control {font-size:12px;}
/*jqgrid 加载中显示在 jqgrid的顶部 */
.ui-jqgrid .loading {top: 0%;}

/*左侧菜单栏宽度，如果整体字号是12px，宽度最好调为170*/
.main-header .logo {width:170px;}
.main-sidebar, .left-side {width:170px;}
.main-header .navbar {margin-left: 170px;}
.content-wrapper, .right-side, .main-footer {margin-left: 170px;}
/*左侧菜单栏高度，默认是 padding:12px 5px 12px 15px;*/
.sidebar-menu>li>a {padding:8px 5px 8px 15px;}
/*左侧子菜单栏高度，默认是 padding:5px 5px 5px 15px;*/
.sidebar-menu .treeview-menu>li>a { padding: 3px 5px 3px 15px;}
.sidebar-menu .treeview-menu .treeview-menu { padding-left:0px;}
/*h5效果*/
@media (max-width:767px)
{
    .main-header .logo {width:100%;}
    .main-sidebar, .left-side {width: 200px;}
    .main-header .navbar {margin: 0;}
    .content-wrapper, .right-side, .main-footer {margin: 0;}
}
/*scroll style*/
::-webkit-scrollbar{
    width: 4px;
    height: 15px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #8590a6;
}

.clear{ clear:both}


.btn { font-size:12px; padding:4px 10px;}
.btn_small { padding:2px 6px;}
.panel .pagination { margin:0; }
.panel-default>.panel-heading {background-color: rgba(245,245,245,0.5);}
.sidebar-menu .treeview-menu>li>a {font-size:12px;}

tbody > tr > th {font-weight: normal; }
.panel .table { margin:0 0; border: 1px solid #ddd; border-left:0px; box-shadow:0 1px 1px rgba(0,0,0,.05);}
.panel .table th { font-weight: bold }
.panel-body .mytable tr td:nth-child(2n) { padding-left:10px; width:23.3%; }
.panel-body .mytable tr td:nth-child(2n-1) { background: #fcfcfc;width:10%;text-align: right; padding-right:10px;border-right: 1px solid #ddd; border-left:1px solid #ddd;}
.panel-body .mylist tr td:nth-child(2n) { padding-left:10px; width:100%; }
.myPanel {border:0px; box-shadow: none;margin-top: 20px;font-size: 12px;}
.myPanel .panel-heading {padding: 5px 15px 2px 0px;background-color: rgba(255,255,255,0.5);border-color: #2e6da4;}
.myPanel .panel-heading span {padding:10px 20px 9px;margin-right:5px;text-align: center;line-height: 100%;background: #b2d9fb;color: #000;border-top-right-radius: 4px;border-top-left-radius: 4px; cursor: pointer;}
.myPanel .panel-heading span.active {background: #156fbc;color: #fff;padding-top:11px;}
.myPanel .panel-content {padding-bottom: 0px;}
.myPanel .panel-content .mytable {border:1px solid #ddd; margin-bottom:5px;}
.myPanel a {text-decoration: underline;}
@media (min-width:767px){
    .myPanel .form-horizontal .form-group .control-label {padding-top: 7px; margin-bottom: 0; text-align: right;}
}
a.btn,a.btn-sm { text-decoration:none; cursor: pointer;}
.panel-list {padding: 15px;}
.panel-list .mytable{ border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}
.panel-list .mytable tr td:nth-child(2n-1) {border-right: 1px solid #ddd; border-left:1px solid #ddd;}
.panel-list .mytable tr.he {font-weight:bold; background: #fcfcfc;}
.mysearch span {margin-right:25px;}
.mysearch input,.mysearch select {width:120px;line-height: 25px; height: 25px;border: 1px solid #adadad;padding-left: 5px;border-radius:3px;}
.mysearch select {width:auto;}
.dateInput {width:100px; background: #fff url(../images/date-icon.png) no-repeat right 0px top 3px;}
.form-horizontal .dateInput {width:100px; background-position: right 0px top 6px;}
.mysearch .dateInput {width:120px;}
.mysearch .numberInput {width:50px;}
.ui-jqgrid-view .cbox {margin-top: 1px;margin-left: 3px;}
.mysearch .form-group {border: 1px solid #ddd; padding: 10px; background: rgba(252,252,252,0.5); line-height:40px;}
.overview_top {color: #aaa; text-align: center;}
.overview_bottom {font-size: 18px;font-weight: bold;line-height: 40px;text-align: center;}
.myOverview {margin-top: 15px;}
.myOverview .myOverviewCol {float: left;padding: 10px 10px; width:12%}
.myOverviewPanel {margin-top:0px;border: 1px solid #ddd; height:130px; margin-right:10px; margin-bottom:20px;}
.myOverviewPanel .cal,.myOverviewPanel .echarts {padding: 20px 15px 0px;}
a.mylink {text-decoration: underline; cursor: pointer;}
.newAddForm .form-horizontal {width: auto;}
.newAddForm .form-horizontal .form-group {width: 650px;}
.newAddForm .form-horizontal .form-group-radio {width: 100%;}
.newAddForm .form-horizontal .form-group-radio .control-label {width: 156px;}
.newAddForm .form-horizontal .radio-inline {margin-left: 0px;}
.newAddForm .form-horizontal .radio-inline,.newAddForm .form-horizontal .checkbox-inline {line-height:20px; margin-right: 20px;}
.newAddForm .form-horizontal .radio-inline,.newAddForm .form-horizontal .this_option .checkbox-inline {margin-right: 10px;}
/*.newAddForm .form-horizontal .radio-inline:first-child {padding-left:30px;}*/
.newAddForm .form-horizontal .radio-inline input{margin-top: 3px;}
.newAddForm .form-horizontal .checkbox-inline:first-child {padding-left:20px;}
.newAddForm .form-horizontal .checkbox-inline {padding-left:10px;}
.newAddForm .form-horizontal .form-group-radio select {width: auto;float: left;margin-right: 10px;}
.my-panel-label span{padding: 4px 10px; background:#ddd; margin-right: 10px; cursor: pointer; line-height: 20px; float:left; margin-bottom: 10px;}
.my-panel-label span.active{background:#4aa8f9; color:#fff;}
.newAddForm .form-group code{margin-top:4px;display: block;}
.newAddForm .form-group label.error{margin-top:4px; display:none; font-weight: normal; padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;}
.newAddForm .form-group label.mustfill{color: #c7254e;margin-right: 5px;font-weight: bold;}
.newAddForm input.riqi {width:auto; float: left; margin-right:20px;}
.newAddForm .form-group .col-sm-10 span {line-height: 25px;}
.newAddForm .form-group .col-sm-10 .col-label {padding-top:3px;line-height: 25px;}
.newAddForm .form-group .col-sm-10 .chosen-single span {line-height: 30px;}
.panel-heading2 {background: rgba(255,255,255,0.5);padding: 20px 15px 0px;border: 0;}
.panel-heading2 span {background: #4aa8f9;padding:7px 10px;color: #fff;}
.panel-heading2 .btn,.myPanel .panel-heading .btn {padding:4px 10px;margin-left: 10px;}
.panel-heading2 .btn-sm {margin-left: 10px; text-decoration: none; cursor: pointer; }
/* 第一个 panel-heading2 */
.myPanel .panel-heading2:nth-child(2n-1) {margin-top:10px;}

/* search-user 选择用户 */
.search-user input,.search-role inpu {outline: 0; height: 24px;line-height: 34px; width: 100%; border:0px; cursor: pointer;}
.search-user .label,.search-role .label{padding: 1px 5px;background: #5FB878; font-weight: normal;border-radius: 2px;color: #fff;display: block;line-height: 25px;height: 25px;margin: 2px 5px 2px 0;float: left;text-decoration: none;}
.search-user i,.search-role i{display: inline-block;width: 18px;height: 18px;line-height: 20px;text-align: center; margin-left:5px; opacity: 1; color:#fff;font-weight: normal;text-shadow:0px;}
.search-user .layui-icon,.search-role .layui-icon {font-family: layui-icon!important;font-size: 14px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.search-user .label:hover,.search-role .layui-icon{color: white;}
.search-user .input-div{overflow-y: auto;border:1px solid #ccc; padding: 5px 10px;border-radius: 4px; min-height: 34px;background: rgba(255,255,255,0.5)}
.search-user .input-div span{line-height: 25px;font-size: 12px;}
.search-user dl{display: none;position: absolute;left: 0; padding: 5px 0;z-index: 999;min-width: 97%;border: 1px solid #d2d2d2;max-height: 190px;overflow-y: auto;background-color: #fff;border-radius: 2px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12);box-sizing: border-box;}
.search-user dl dd {padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.search-user dl dd.hover {background-color: #5FB878; color: white;}
.search-role .label {background: #08a9f2;}

.split-col-two {width:50%;}
.detailList .panel-list {padding-bottom: 0px;}
.detailList .panel-heading2 {padding-top: 5px;}
.detailListAdd {border:1px dashed #ddd;margin-bottom: 20px;padding-top: 10px;}
.myLayer .col-sm-2 {width:20%;}
.myLayer .checkbox-inline {line-height: 22px;}

.row{
    border-top: 1px solid #ddd;
    margin:0;
    padding:20px 2px 0px 2px;
}
.col-xs-6{padding-left: 0px;padding-right: 0px;}
.form-horizontal .form-group {margin-left:0px;margin-right:0px;}
.form-horizontal{
    width:650px;padding-top:20px;
}
.rrappApprove .form-group .col-sm-10 {margin-top:8px;}
.rrappApprove .form-group table {}
.rrappApprove .table td {border-right: 1px solid #ddd;font-size:12px; text-align:center;}
.rrappApprove .table .he td {font-weight: bold;}
.rrappApprove .table td input {width:50px; height:25px; line-height:25px;}
.rrappApprove .table td.bg {background:#f2dcdb}

.layui-layer-content {color:#000;}

/*表格边框样式*/
/*列表分页上方不需要线条*/
.ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-toppager {border-top: 0px;}
.ui-jqgrid {border-radius: 0px; border:0px;}
.ui-jqgrid .ui-jqgrid-hdiv {border: 1px solid #ddd; border-bottom: 0px;}
.ui-jqgrid tr.jqgrow {border-right: 1px solid #ddd;}
.ui-jqgrid .ui-jqgrid-bdiv {border-left: 1px solid #ddd;}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{vertical-align: middle;}

/*分页*/
.pages{text-align: right; padding: 12px 0; line-height: 28px; font-size: 12px;}
.select-pages{appearance:none; -moz-appearance:none; -webkit-appearance:none;-ms-appearance:none; border: 1px rgb(229, 236, 245) solid;  padding-left: 6px; padding-right: 20px;  height: 28px; line-height: 1.833;color: rgb(62, 62, 62);font-size: 12px; text-align: center;margin: 0 3px;background: url(../images/down.png) no-repeat right 5px top 10px;}
.select-pages::-ms-expand { display: none; }
.btn-pages{display: inline-block; border: 1px rgb(229, 236, 245) solid; height: 28px; text-align: center; line-height: 28px; font-size: 12px; margin: 0 3px;padding: 0px 10px; width:auto;}
.cur{background-color: #00BFC2; color: #ffffff; border:0px;}
.redirect{color: #00BFC2;}
.pages a{text-decoration:none;}
.pages a.btn-pages{color: #333;}
.pages a.cur{color: #fff;}

/*返回顶部*/
.backToTop {
    background-color: #000000;
    bottom: 100px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-size: 12px;
    line-height: 1.2;
    opacity: 0.6;
    padding: 5px 0;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 18px;
}

/*按钮/label颜色*/
.btn-navy,.btn-c1{color: #fff;background-color: #001f3f;}
.btn-navy:hover,.btn-c1:hover{color: #fff;}
.btn-blue,.btn-c2{color: #fff;background-color: #0074D9;}
.btn-blue:hover,.btn-c2:hover{color: #fff;}
.btn-aqua,.btn-c3{color: #fff;background-color: #7FDBFF;}
.btn-aqua:hover,.btn-c3:hover{color: #fff;}
.btn-teal,.btn-c4{color: #fff;background-color: #39CCCC;}
.btn-teal:hover,.btn-c4:hover{color: #fff;}
.btn-olive,.btn-c5{color: #fff;background-color: #3D9970;}
.btn-olive:hover,.btn-c5:hover{color: #fff;}
.btn-green,.btn-c6{color: #fff;background-color: #2ECC40;}
.btn-green:hover,.btn-c6:hover{color: #fff;}
.btn-c7{color: #fff;background-color: #08a9f2;}
.btn-c7:hover{color: #fff;}
.btn-yellow,.btn-c8{color: #fff;background-color: #F7C114;}
.btn-yellow:hover,.btn-c8:hover{color: #fff;}
.btn-orange,.btn-c9{color: #fff;background-color: #FF851B;}
.btn-orange:hover,.btn-c9:hover{color: #fff;}
.btn-maroon,.btn-c11{color: #fff;background-color: #85144b;}
.btn-maroon:hover,.btn-c11:hover{color: #fff;}
.btn-fuchsia,.btn-c12{color: #fff;background-color: #F012BE;}
.btn-fuchsia:hover,.btn-c12:hover{color: #fff;}
.btn-purple,.btn-c13{color: #fff;background-color: #B10DC9;}
.btn-purple:hover,.btn-c13:hover{color: #fff;}
.btn-black,.btn-c14{color: #fff;background-color: #666fff;}
.btn-black:hover,.btn-c14:hover{color: #fff;}
.btn-gray,.btn-c15{color: #fff;background-color: #AAAAAA;}
.btn-gray:hover,.btn-c15:hover{color: #fff;}
.btn-c16,.btn-c16:hover{color: #fff;background-color: #ab78ba;}
.btn-c17,.btn-c17:hover{color: #fff;background-color: #5bc0de;}
.btn-red,.btn-red:hover,.btn-c18,.btn-c18:hover{color: #fff;background-color: #FF4136;}
.btn-c18,.btn-c18:hover{color: #fff;background-color: #778aee;}

/* layer 弹出框底下 button的颜色 */
#rrapp .layui-layer-molv .layui-layer-btn0{background:#009f95; color:#fff;}
#rrapp .layui-layer-molv .layui-layer-btn1{background:#0099FF; color:#fff;}
#rrapp .layui-layer-molv .layui-layer-btn2{background:#B10DC9; color:#fff;}
#rrapp .layui-layer-molv .layui-layer-btn3{background:#FF0000; color:#fff;}
#rrapp .layui-layer-molv .layui-layer-btn4{background:#2ECC40; color:#fff;}
#rrapp .layui-layer-molv .layui-layer-btn5{background:#FF0000; color:#fff;}
#rrapp .layui-layer-molv .layui-layer-btn7{background:#778aee; color:#fff;}
#rrapp .layui-layer-molv .layui-layer-btn8{background:#F012BE; color:#fff;}

.delLink {background:url("../images/unchecked.gif") no-repeat 0px 0px; width:14px; height:14px;display: inline-block; margin-left:20px; }
.tipdiv {border: 1px solid #ddd;padding: 10px;background: rgba(252,252,252,0.5);}
.bread a {text-decoration: underline;}
.panel {background:none;}

/*小图标按钮*/
.btn-icon {background:url("../images/inner-icons.png") no-repeat; width:20px; height:20px;display: inline-block;cursor: pointer;}
.btn-plus {background-position: -146px -100px;}
.btn-sub {background-position: -175px -100px;}
.btn-del {background-position: -121px -50px;}

/*漂浮的div*/
.float-div {
    overflow: hidden;
    z-index: 9999;
    position: fixed;
    width:100%;
}
.col-sm-10 .col_child_div {margin-top:10px;}
.col-sm-10 .col_child_div .form-control {width:65px; margin-right: 10px;display: initial; height: 28px;}

/*格式化显示json*/
.jsonDiv pre {
    margin: 5px 10px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 9.5px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
}
.jsonDiv pre .string { color: green; }        /*字符串的样式*/
.jsonDiv pre .number { color: darkorange; }    /*数字的样式*/
.jsonDiv pre .boolean { color: blue; }        /*布尔型数据的样式*/
.jsonDiv pre .null { color: magenta; }        /*null值的样式*/
.jsonDiv pre .key { color: red; }            /*key值的样式*/


/*h5效果*/
@media (max-width:767px)
{
    /*顶上的链接 如 首页，退出系统等*/
    .navbar-custom-menu .navbar-nav > li > a {padding-top: 12px;}
    /*左边菜单*/
    .main-sidebar, .left-side {padding-top: 47px;}
    /*表格第一行*/
    .panel-body .mytable tr td:nth-child(2n-1) {width:30%;}
    .main-header .h5hidden {display: none;}
    span.h5hidden,li.h5hidden,a.h5hidden,div.h5hidden {display: none;}
    .newAddForm .form-horizontal .form-group {width: auto;}
    .newAddForm .panel-heading {width: 98%}
    .newAddForm .form-horizontal .form-group .col-sm-2 {width: 100%;}
    .myPanel .form-horizontal {width: 100%;}
    /*iframe主体窗口离左边菜单栏的间距*/
    section.content {padding-left:0px;}
    .form-horizontal .form-group-btn {text-align:center;}
    .newAddForm .form-horizontal .radio-inline, .newAddForm .form-horizontal .checkbox-inline {margin-right: 10px;}
    .search-user input {line-height: 24px;}
    .split-col-two {width:100%;}
}