/*==============================================
    GENERAL  STYLES    
    =============================================*/
body {
    font-family: '寰蒋闆呴粦','Open Sans', sans-serif;
}
a:hover, a:focus{
	cursor: pointer;
}

 #wrapper {
    width: 100%;
    margin-top:100px;
}

#page-wrapper {
    padding: 15px 15px;
    min-height: 500px;
    background:#F3F3F3;
   
}
#page-inner {
    margin:0;
    background-color:#F3F3F3!important;
    padding:0px;
    min-height:528px;
    margin-top: -8px !important;       
    margin:0 auto;
}
input[type=checkbox] {
    width: 20px! important;
}
label {
    font-weight: normal !important;
}
h5,.h5 {
    font-size: 14px;
font-weight: 900;
text-transform: uppercase;
padding-bottom:20px;
}
:focus{
    outline: none;
}

/*==============================================
    MENU STYLES    
    =============================================*/
.navbar-inverse .navbar-nav > li {
color: #FFF;
}
.navbar-inverse .navbar-nav > li .online-time{
    padding:10px;
    line-height: 26px;
    background: #5d778f;
    border-radius:5px;
}
.navbar-inverse .navbar-nav > li .line{
    display: block;
    height: 26px;
    width:1px;
    background: #a6b8c1;
    margin:0 20px;
}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {
color: #06F;
}

.sidebar-collapse , .sidebar-collapse .nav{
	background:none;
}
.sidebar-collapse .nav {
	padding:0;
}
.sidebar-collapse .nav > li > a {
text-shadow: none;
color:#5a6392;
}
.sidebar-collapse > .nav > li > a .icon{
    width: 22px;
    height: 22px;
    display: inline-block;
}
.sidebar-collapse > .nav > li > a .icon img{
    vertical-align:text-top;
    display: none;
}
.sidebar-collapse .nav > li > a.active .icon img{
    display: inline-block;
}

.navbar-side {
	border:none;
	
	
}
.navbar-inverse {
background:url(../images/header_bg.jpg);
background-size: 100% 100%;

}

.navbar-default {
border:0px solid #DDDDDD;
     
}

.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
.nav > li > a > i {
    margin-right:10px;
}

.navbar-inverse .navbar-toggle {
border-color: #5e7791;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #5e7791;
}
.adjust-nav {
    padding-left:20px;padding-right:20px;
}
.navbar-toggle {
    background-color: #5e7791;
}

.left-content {
    width: 748px;
    height: 165px;
    background-color: #fff;
    position: absolute;
}
.right-content {
    width: 240px;
    height: 165px;
    background-color: #fff;
    float: right;
    position: relative;
}
.mid-content {
    margin-top: 185px;
    width: 242px;
    height: 175px;
    background-color: blue;
    position: relative;
    float: left;
    margin-left: 10px;
}
.mid-content1 {
    background-color: #80ADFF;
    margin-left: 0px;
}
.mid-content2 {
    background-color: #51C5D5;
}
.mid-content3 {
    background-color: #72D1AD;
}
.mid-right-content {
    width: 240px;
    height: 350px;
    background-color: #fff;
    position: relative;
    float: right;
    margin-top: 20px;
}
.bottom-content {
    width: 748px;
    height: 155px;
    background-color: #fff;
    float: left;
    position: relative;
    margin-top: 20px;
}

.page-header {
    width:748px;
    height: 54px;
    border-bottom: 1px solid #ccc;
    margin-top: 0px;
}
.page-header>img {
    padding:15px 15px;

}
.page-header p {
    display: inline-block;
}
.info-content >.flow {
    width: 625px;
    margin:0 auto;
    position: relative;
}
.info-content >.flow-dzsd {
    width: 425px;
    margin:0 auto;
    position: relative;
}
.info-content >.flow img {
    margin-top: 20px;
}
.info-content >.flow a,.info-content >.flow-dzsd a,.flow-dagl a{
    min-width: 100px;
    background-color: #5b9ad4;
    border: none;
    color: #fff;
    line-height: 30px;
    border-radius: 5px;
    position: absolute;
    text-align: center;
    left: 3px;
    top: 88px;
}
.flow-ajgl a,.flow-ajsl a{
	min-width: 80px;
    background-color: #5b9ad4;
    border: none;
    color: #fff;
    line-height: 30px;
    border-radius: 5px;
    position: absolute;
    text-align: center;
    left: 3px;
    top: 88px;
}
.info-content >.flow .badge,.info-content >.flow-dzsd .badge,.info-content-ajgl>.flow-dagl .badge,.flow-ajgl .badge,.flow-ajsl .badge{
    position: absolute;
    right: -10px;
    top: -15px;
    width: 30px;  
    height: 30px;
    border-radius: 15px;
    line-height: 25px;
    text-align: center;
    background-color: red;
}


.info-content >.flow>.cancel {

    left: 166px;
    top: 16px;
}

.info-content >.flow>.for-submit {
    left: 166px;
    top: 88px;
}

.info-content >.flow>.for-examine {
    left: 328px;
    top: 88px;
}

.info-content >.flow>.on-record {
    left: 524px;
    top: 53px;
}

.info-content >.flow>.withdrawn {
    left: 524px;
    top: 124px;
}
.info-content >.flow-dzsd>.flow-fysd {

    left: -6px;
    top: 53px;
}
.info-content >.flow-dzsd>.flow-fysd-cancel {

    left: 163px;
    top: 53px;
}
.info-content >.flow-dzsd>.flow-fysd-submit {
    left: 357px;
    top: 53px;
}

/*==============================================
    MEDIA QUERIES     
    =============================================*/
 
 @media(min-width:768px) {
     #page-wrapper{
        margin: 0 0 0 250px;
        padding: 20px 10px;
        /*min-height: 1200px;*/
		
    }
	
	
    .navbar-side {
        z-index: 1;
        position: fixed;
        left:0;
        top: 100px;
        bottom: 0;
        width: 250px;
        padding-left: 30px;
        background:url(../images/menu_bg.jpg);
    }

   .navbar {
        border-radius: 0px; 
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: 0;
        padding:35px 0;
    }
    .navbar-nav > li > a{
        padding:0;
    }
    .sidebar-collapse > .nav > li > a {
        padding:9px 10px;
        border-radius: 5px 0 0 5px;
        font-size: 16px;
        color: #fff;
    }
    
    .sidebar-collapse > .nav > li > a:hover,.sidebar-collapse > .nav > li > a:focus{
        background:none;
        color: #fff;
    }

    .sidebar-collapse .nav > li > a.active {
        color: #5a6392;
        background:#F3F3F3;
        outline:0;
    }

    }
   

.info-content {
    border: 1px solid #ccc;
}
.info-content>.info-header,.info-foot-content>.info-header,.info-content-ajgl>.info-header{
    width: 100%;
    height: 40px;
    background-color: #F2F2F2;
    border-bottom: 1px solid #ccc;
}
.info-content>.info-header>p, .info-foot-content>.info-header>p,.info-content-ajgl>.info-header>p {
    width: 600px;
    font-size: 14px;
    padding-top: 9px;   
    padding-left: 10px;
}
.info-mid-content {
    border: 1px solid #ccc;
    margin-top: 10px;
}
.info-foot-content {
    border: 1px solid #ccc;
    margin-top: 10px;
    overflow: hidden;
    min-height:220px;
}
table.footable > tbody > tr.footable-empty > td{
	padding:80px 0;
	text-align:center;
}
.info-foot-content>.info-header>input {
    width: 120px;
    margin-top: -32px;
    float: right;
    background-color: #169BD5;
    border-radius: 7px;
    color: #fff;
    line-height: 23px;
    border: none;
    margin-right: 15px;
}
.info-mid-content>.case-form {
    margin-top: 15px !important; 
    margin:0 auto;
}
.form-inline .row{
	margin:0;
}
/* 淇敼鏍峰紡 LGJ */
.info-mid-content>.case-form input:not(#czjb input),.info-mid-content>.case-form select {
    width: 180px;
    /*margin-bottom: 20px;*/
}
.info-mid-content>.case-form label {
    margin-bottom: 20px;
    width: 80px;
    text-align: right;
    line-height: 30px;
}
.info-mid-content>.case-form button {
    width: 100px;
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #F3F3F3;
    line-height: 30px;
    margin-bottom:20px;
}
.info-mid-content>.case-form .long-btn button {
    width: 180px;

}
.none-height {
    height: auto;
    margin: 0 0 10px 0;
}
.page-pagination {
    width: 100%;
    height: 30px;
    background-color: #ccc;
    margin-top: -20px;
}
.form-inline .form-control{
    display: inline-block !important;
    width:180px;
}

/*==============================================
    鏂板缓绔嬫鐢宠   
    =============================================*/
.detail-header {
    width: 100%
    height: 60px;
    border-bottom: : 1px solid #ccc;
}  
.detail-content>  .detail-header {
    border: 1px solid #ccc;
}
.detail-first {
    overflow: hidden;
    margin-top: 10px;
    border: 1px solid #ccc;
}
.detail-header>.case-form {
    margin-top: 13px !important; 
    margin:0 auto;
}


.detail-header>.case-form input,.detail-header>.case-form select {
    width: 140px;
}
.detail-header>.case-form label {
    font-weight: normal;
    width: 77px;
    text-align: right;
    margin-bottom: 20px;
}
.detail-header>.case-form button {
    width: 140px;
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #F3F3F3;
    line-height: 25px;
    font-size: 10px;
    outline: none;
}
.detail-first>.detail-header {
    width: 100%;
    background-color: #F2F2F2;
    border-bottom: 1px solid #ccc;
}
.detail-first>.detail-header>.apply-for {
    font-size: 14px;
    padding-top: 9px;   
    padding-left: 10px;
    display: inline-block;
}
.detail-first>.detail-header>.apply-info {
    font-size: 10px;
    color: #A8A8A8;
    padding-top: 9px;   
    padding-left: 10px;
    display: inline-block;
}
.detail-first>.detail-header>input {
    min-width: 120px;
    padding:0 10px;
    margin-top: 6px;
    float: left;
    background-color: #169BD5;
    border-radius: 7px;
    color: #fff;
    position: absolute;
    line-height: 23px;
    border: none;
    margin-left:30px;
}
.apply-form {
    margin: 10px 0 10px 0;
}
.apply-form>.row label {
    text-align: right;
    width: 213px;
    padding-top: 10px;
}
.apply-form>.row textarea {
    width: 69%;
}
.apply-form>.row .bt-add-list{
	width:60px;
}
.apply-form>.row input {
    width: 190px;
}

.detail-content>.apply-content {
    margin-top: 10px;
    border: 1px solid #ccc;
}
.apply-content>.detail-header {
    width: 100%;
    height: 40px;
    background-color: #F2F2F2;
    border-bottom: 1px solid #ccc;

}
.apply-content>.detail-header>.apply-for {
    font-size: 14px;
    padding-top: 9px;   
    padding-left: 10px;
    display: inline-block;
}
.apply-form>.row-area  {
    text-align: center;
}

.submit-form {
    text-align:center;
    margin: 20px 0;
    display:inline-block;
    width:100%;
}
/* 淇敼鏍峰紡 LGJ */
.submit-form> button,.submit-form> input,.submit-form> a{
    width: 120px;
    margin-top: 6px;
    display:inline-block;
    background-color: #169BD5;
    border-radius: 7px;
    color: #fff;
    line-height: 34px;
    border: none;
    margin-left: 30px;
}
.submit-form>.btn-cancel{
    background-color: #999999;
}
/*==============================================
    鍒嗛〉   
    =============================================*/
.navigation {
    float: right;
}

.info-mid-content .form-group{
    text-align: right;
}
.detail-header .form-group{
    text-align: right;
}

.table {
    margin-bottom: 0px;
}
/*==============================================
    寮瑰嚭妗�
    =============================================*/
.modal-body label{
    width: 97px;
    font-size: 14px;
    font-weight: normal !important;
    margin-top: 10px;
}
.modal-body select.input-sm{
    width: 142px !important;

}
.modal-body input[type=text] {
    padding: 5px 5px;
    width: 142px;
}
.modal-body .add-applyer {
    margin-bottom: 10px;
}
.modal-body .submit-form {
   
}
.modal-body .sex label{
    margin-bottom: 10px;
}
.modal-body .applay-type label{
    width: 97px;
}
.modal-body>.modal-line{
   border-bottom: 1px solid #ccc !important;
}

.form-inline  span {
    color: red;
}
.textR {
    text-align: right;
}
.table-info>tbody>tr>td{
    border:none;
    padding: 5px;
}

.tree-container {
    width: 250px;
    border-right: 1px solid #ccc
}
.limit-line {
    border-top: 1px solid #ccc;
}
.apply-form>.row select {
    width: 190px;
}
/*==============================================
    缃戜笂搴
    =============================================*/
.wsts li{
    width: 24%;
    text-align: center;
    display:inline-block;
    border-bottom: 6px solid #ccc;
    border-radius: 0px;
    list-style-type:none;
}
.wsts-content{
    margin-left: 37px;
    width: 94%;
}
.wsts li a{
    color: #222121;
}
.wsts-content img{
    width: 100%;

}
.wsts .active {
    border-color: #323447;
}
.user-container {
    width: 250px;
}
.user-info {
    height: auto;
    border-bottom: 1px solid #ccc;
}

.dwxx-form .form-group,.ajltj-form .form-group{
    text-align:left !important;
}

.dwxx-form>.row>.form-group input[type=file] {
    display: inline-block;
}
.dwxx-form>.row>.form-group label {
    line-height: 25px;
}
.dwzs-copy {
    position: absolute;
    display: inline-block;
    width: 55px;
    height: 46px;
    background-color: #ccc;
}
.dwxx-submit {
    width: 200px !important;
}
.span-value {
    color: #000 !important;
}
.tjfx {
    position: absolute;
    width: 50px;
}
.tjfx ul {
    padding: 0;
    height: 100px;
}
.tjfx ul li{
    width: 50px;
    display: table;
    width: 50px;
    list-style: none;
    height: 200px;
    background-color: #0B1018;
    margin-bottom: 10px;
}
.tjfx ul li a{
    text-decoration: none;
    vertical-align: middle;
    color: #fff;
}
.tjfx ul li a:hover{
   
    color: #ccc;
}
.tjfx ul div{
    display: table-cell; vertical-align:middle; text-align:center;
    height: 200px;
    width: 10px;
    margin: 0 auto;
   
}
.ajltj-form {
    margin-left: 51px;
}


.tj-title {
    text-align: center;
    width: 170px;
    margin: 0 auto;
}
.tj-area {
    margin-top: 50px;
    position: absolute;
    width: 45%;
    height: 300px;
    border: 1px solid #ccc;
    margin-left: 50px;
}
.tj-chart {
    margin-top: 50px;
    width: 45%;
    height: 300px;
    border: 1px solid #ccc;
    position: relative;
    float: right;
}
.tjfx .active {
    background-color: #175010;
}
.checkbox-container {
    display: inline-block;
    width: 480px;
    position: relative;
}
.dwgl-btn {
    width: 330px !important;
}
.checkbox-label {
    vertical-align: top;
}
.form-stitle{
    padding: 0 !important;
    margin: 0 !important;
    line-height: 50px;
    text-align: right;
}
.form-input,.form-select{
    line-height: 50px;
}
.form-input label{
    width:auto !important;
}
.form-input select {
    width: 200px !important;
}
.form-input>.checkbox{
   margin:0;
   padding: 0;
}
.input-border{
    width: 200px;
    border: 1px solid #ccc;
}
.dwxx-form {
    margin-top: 15px;
}
 .form-checkbox{
        float: none!important;
        vertical-align:text-top;
}
.form-input button{
    width: 100px;
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #F3F3F3;
    line-height: 30px;
}
.form-input .submit-btn {
    width: 120px;
    margin-top: 6px;
    float: left;
    background-color: #169BD5;
    border-radius: 7px;
    color: #fff;
    line-height: 34px;
    border: none;
    margin-left:30px;
    position: relative;
    left: 44%;
}
.over-flow{
    overflow: hidden;
}
.tree-container{
    float: left;
}
.info-detail{
    margin: 0 0 0 249px; 
    padding: 10px;
    border-left: 1px solid #ccc;
}
.form-btns{
    float: right;
}
.form-sm-btn{
    width: 120px;
    background-color: #169BD5;
    border-radius: 7px;
    color: #fff;
    line-height: 23px;
    border: none;
    margin-right: 15px;
}
.form-header{
    padding:0 10px;
    line-height: 40px;
    background-color: #F2F2F2;
    border-bottom: 1px solid #ccc;
}
.morelist,.morelists{
    line-height: 0;
}
.morelist{
    padding-top: 10px;
}
.bt-add-list,.bt-plus-list{
    width: 40px;
    color: #425885;
    line-height: 28px;
    vertical-align: middle;
    background: #c8dee4;
    border: 1px solid #ccc;
    vertical-align: middle;
    border-radius: 3px
}
.submit-btns{
    padding: 15px 0;
    text-align: center;
}
.query-btn,.cancel-btn{
    width: 120px;
    border-radius: 7px;
    color: #fff;
    line-height: 34px;
    border: none;
    margin-left:10px;
}
.query-btn{
    background-color: #169BD5;
}
.cancel-btn{
    background-color: #999999;
}

/*妗ｆ绠＄悊*/
.info-content-ajgl {
    border: 1px solid #ccc;
}

.flow-dagl{
    width: 672px;
    position: relative;
    margin:0 auto;
}
.flow-dagl a:hover,.flow-dagl a:active,.flow-dagl a:visited{
    color: #fff;
}
.flow-dagl a.btn{
    position: absolute;
}
.flow-dagl .flow-gd{
    left: 505px;
    top: 239px;
}
.flow-dagl .flow-ja{
    left: 365px;
    top: 239px;
}
.flow-dagl .flow-xdcds{
    left: 227px;
    top: 239px;
}
.flow-dagl .flow-la{
    left: 0px;
    top: 194px;
}
.flow-dagl .flow-fa{
    left: 142px;
    top: 137px;
}
.flow-dagl .flow-pq{
    left: 281px;
    top: 137px;
}
.flow-dagl .flow-sdcp{
    left: 421px;
    top: 137px;
}
.flow-dagl .flow-kt{
    left: 0;
    top: 37px;
}
.flow-dagl .flow-sdpjs{
    left: 143px;
    top: 37px;
}
.flow-dagl .flow-ga{
    left: 283px;
    top: 37px;
}
.flow-dagl .flow-shs{
    left: 423px;
    top: 37px;
}
.flow-dagl .flow-gdang{
    left: 563px;
    top: 37px;
}
/*妗堜欢绠＄悊*/
.flow-title{
    width: 990px;
    margin:0 auto;
    font-size: 14px;
    line-height: 35px;
    color: #284567;
    font-weight: bold;
}

.flow-ajgl a:hover,.flow-ajgl a:active,.flow-ajgl a:visited{
    color: #fff;
}
.flow-ajgl a.btn{
    position: absolute;
}

.flow-ajsl a:hover,.flow-ajsl a:active,.flow-ajsl a:visited{
    color: #fff;
}
.flow-ajsl a.btn{
    position: absolute;
}
.flow-ajgl a,.flow-ajsl a{min-width:50px}
    .flow-ajgl,.flow-ajsl{width:970px;height:80px;position:relative;margin:0 0 0 120px;}
    .flow-t{float:left;width:120px;text-align:right;line-height:80px;padding-right:3px;font-weight:bold}
    .flow-ajsl a{top:21px;}
    .flow-ajgl a{top:10px;}
    .flow-ajsl a:after,.flow-ajgl a:after{
    	content:'';
    	width:25px;
    	height:0;
    	position:absolute;
    	right:-25px;
    	top:20px;
    	border-top:2px solid #5b9ad4;
    }
    .flow-ajsl a:before,.flow-ajgl a:before{
        content:'';
        width:0px;  
        height:0px;  
        position:absolute;
        top:16px;
        left:-6px;
        border-left:8px solid #5b9ad4;  
        border-top:5px solid transparent;  
        border-bottom:5px solid transparent;
    }
    .flow-ajsl a:first-child:before,.flow-ajgl a:first-child:before{
    	border:none;
    }
    .flow-ajsl a:last-child:after,.flow-ajgl a:last-child:after{
    	width:0;
    	border:none;
    }
    .flow-ajsl .flow-la{
    	left: 0;
    }
    .flow-ajsl .flow-sdpds{
    	left: 90px;
    }
    .flow-ajsl .flow-tjdb{
    	left: 216px;
    }
    .flow-ajsl .flow-sdcp{
   	 	left: 336px;
    }
    .flow-ajsl .flow-kt{
    	left: 456px;
    }
    .flow-ajsl .flow-sdpjs{
    	left: 546px;
    }
    .flow-ajsl .flow-ja{
    	left: 676px;
    }
    .flow-ajsl .flow-shs{
    	left: 766px;
    }
    .flow-ajsl .flow-gdang{
     	left: 856px;
    }
    .flow-ajgl .flow-la{
    	left: 0px;
    }
    .flow-ajgl .flow-sdpds{
    	left: 90px;
    }
    .flow-ajgl .flow-ja{
    	left: 203px;
    }
    .flow-ajgl .flow-cdjg{
    	left: 302px;
    }
    .flow-ajgl .flow-gdang{
    	left: 428px;
    }

	.tabel-detail-title{
	text-align: right;
	}
	.tabel-detail-cont{
	color:#999;
	}
	.color-red{
	color:red
	}
	
	.loadings p{
	 line-height:2.0!important;
	}