﻿* {
    text-shadow: 0px 0px 0em rgba(255,255,255,0)!important;
}
body {
    background: #eaeff3;
}
.padding15{
    padding-left:15px;
    padding-right:15px;
}
.padding0{
    padding-left:0px;
    padding-right:0;
}
.margin5{
    margin-top:5px;
}
a:hover, a:focus {
    color: #5d9cec;
    text-decoration: underline;
}
/*.panel .panel-heading a{
    margin-top:10px!important;
}*/

@media only screen and (max-width: 767px) {
    .topnavbar .navbar-header {
        border: 0;
        background-image: url('Images/topnume/topbg.jpg') !important;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/topnume/topbg.jpg',sizingMethod='scale');
    }
    .navbar{
        height:auto;
    }
    .brand-logo-title{
        font-size:24px!important;
        margin-top:15px !important;
    }
    .padding01 {
        padding-left: 0px;
        padding-right: 0;
    }
}

.wrapper > .aside {
    top: 87px;
    background: #132332;
    padding-top: 15px;
}
.wrapper > .aside .aside-inner{
    padding-top:0px;
}
.topmune {
    position: absolute;
    top: 87px;
    left: 220px;
    background: #000000;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.aside-collapsed .topmune {
    position: absolute;
    top: 120px;
    left: 0px;
    background: #000000;
}
.topmune > li > a {
    padding:10px;
}
.brand-logo-title {
    /*display: inline-block;*/
    /*position: relative;
    top: -32px;
    left: 55px;
    color: #fff;*/
    font-weight: 600;
    font-size: 30px;
    float: left;
    color: #fffFFF;
    margin-top:7px;
}
.btn.btn-default {
    border-radius: 20px;
    padding: 5px 20px;
}
.bootstrap-select .btn-default {
    border-radius: 4px!important;
}
@media only screen and (min-width: 767px) {
    .wrapper > section, .wrapper > footer {
        z-index: 116;
        margin-top: 5px;
        margin-right:20px;
        margin-bottom:0 !important;
        border-radius:6px;
        background:#fffFFF;
    }
   .nav-wrapper {
        box-shadow:none!important;
    }
    .topnavbar .navbar-header {
        width: 330px;
    }
    .aside-collapsed .topnavbar .navbar-header .brand-logo {
        display: block !important;
    }
    .aside-collapsed .topnavbar .navbar-header {
        width: 330px;
    }
    .wrapper > section, .wrapper > footer {
        margin-left: 270px;
    }
    .aside-collapsed .wrapper > section, .aside-collapsed .wrapper > footer {
        margin-left: 50px;
    }
   .aside-collapsed .wrapper > .aside, .aside-collapsed .wrapper > .aside > .aside-inner {
        margin-left: -70px;
    }
}

.inputborder{
    border-radius:20px;
    padding-right:70px;
    height:30px;
    padding-top:4px;
    padding-bottom:4px;
}
.btn-button-box {
    background: transparent;
    position: absolute;
    right: 6px;
    top: 1px;
    padding: 4px 8px;
    border-radius: 10px;
}
/*客户列表得样式*/
.titlebox {
    margin:0px 15px 15px 15px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom:5px;
}
.titlebox h4{
    font-size:18px;
    color:#333333;
}
.labeltitle{
    padding-top:7px;
}
.enpanel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.table-responsive {
    min-height: 60px!important;
}
.table > thead > tr > th {
    background: #cfcfcf;
    color: #333333;
    padding: 8px;
}
.table > thead > tr > th >a{
    color:#333333;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0;
    color: #555555;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #eaeaea;
}
.table-striped3n > tbody > tr:nth-of-type(3n) {
    background-color: #eaeaea;
}
.table-striped3n > tbody > tr:nth-of-type(even) {
    background-color: #FFF;
    border-top: 1px solid #eaeaea;
}
.table-striped3n tr div label {
    margin-right:10px;
}
.nav-flexbox {
    display: flex;
    justify-content: center;
    border-top: 1px solid #dddddd;
    background: #f6f6f6;
}
.nav-tabs > li{
    white-space:nowrap;
}
.nav-tabs > li > a {
    background-color:#edf1f2;
    border-top: 0;
    border-bottom: 0;
    border:0;
    border-left:1px solid #dde6e9;
    color: #666666;
    font-weight: 400;
    padding:10px 13px;
}
.nav-tabs > li:first-child > a{
      border-right:1px solid #dde6e9;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0px;
    background-color: #00baf5;
    color:#fffFFF;
}
.table-bordered {
    border: 1px solid #66b2e3;
}
.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 #66b2e3;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th{
      background: #e7f5fc;
      color:#007dc4;
      text-align:center;
      vertical-align:middle;
}
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    color:#57afe2;
    word-break:break-all;
}
.panel {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel.panel-default {
    border-top-width: 1px;
    border-color: #cfdbe2;
}
.panel-heading{padding:0px 15px;}
.panel-default > .panel-heading {
    background: none;
    padding-top:10px;
}
.panel15{
    padding-left:15px;
    padding-right:15px;
}
.tab-content {
    border-width: 0;
    padding: 10px 0;
}
.btn-primary {
    background-color: #00baf5;
    border-radius: 25px;
    padding: 5px 20px;
    color: #FFF !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active{
  color: #ffffff;
  background-color: #00baf5;
  border-color: #00baf5;
}
.btn-danger{
    border-radius:25px;
}
dl {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.dl-horizontal dl dt {
    width: 34%;
}
.navtabbox{
    width:63%;
    margin:15px auto;
}
.navtabbox1{
    width:48%;
}
.navbox-dd{
    width:41% !important;
}
@media (min-width: 768px) {
    .dl-horizontal dd {
        margin-left: 45px;
        width:70%;
        border-bottom:1px solid #333333;
    }
    
}
.tdwidth{
    width:17%;
}
@media (max-width: 767px) {
    .a-nav > li{
        width: 49%;
        text-align:center;
    }
    .nav-tabs > li > a {
        border: 0 !important;
        border-left: 1px solid #dde6e9 !important;
    }
    dl {
        border-bottom: 0;
    }
    .navbox-dd{
        width:auto!important;
    }
    .navtabbox .dl-horizontal dt {
        width: 27%;
        color: #333333;
    }
    .navtabbox .dl-horizontal dt label{
        color:#333;
    }
    .navtabbox .dl-horizontal dd {
        margin-left: 10px;
        width: 70%;
        border-bottom: 1px solid #333333;
    }
    .navtabbox dl:nth-of-type(odd), .navtabbox dl:nth-of-type(even) {
        padding: 0;
        background: #FFF;
    }
   
    .topmune {
        position: absolute;
        top: 10px;
        left: 90%;
        z-index: 40;
    }
    .nav-flexbox {
        justify-content: flex-start;
        flex-wrap:  wrap ;
    }
    .munenoe{
        display:none;
    }
    .margin0{
        margin-left:0;
        margin-right:0;
    }
    .titlebox {
        margin: 0px 0px 15px 0px;
    }
    .dlbox {
        width: 90%;
        margin: 10px auto;
    }
    .navtabbox {
        width: 100%;
        margin:10px auto;
        padding:0 10px;
    }
    .panel-default > .panel-heading {
        padding-top: 10px;
    }
    .mar4M{
        margin-top:0px;
        padding-top:10px;
    }
    .fht-cell{
        width:120px!important;
    }
    .casemargin{
        margin-bottom:23px;
    }
    .tablewidth >thead>tr>th:nth-child(3){
        width:212px;
    }
    
}
.width6 {
    width: 6%;
    float: left;
}
.control-label {
    white-space: nowrap;
}
.selecttit{
    padding:3px 10px;
    border-radius:4px;

}
.casebox{
    padding:10px 15px;
}

/*手机端导航样式*/
.appheight {
    position: absolute;
    top: 36px;
    right: 13px;
    z-index: 14;
    color: #FFF;
}
#app-nav {
	display: block;
	/*height: 100%;*/
	background: rgba(130, 169, 221, 0.9);
	position: fixed;
	width: 100%;
	left: 0px;
	top: 65px;
    bottom:0px;
	z-index: 99;
	overflow: auto;
}
#app-nav.current {
	background: rgba(0, 0, 0, 0);
	height: 0px;
	overflow: hidden;
}
/*#app-nav .app-nav-header {

}*/
#app-nav .app-nav-header img {
	float: right;
	width: 50px;
}
.app-nav-list {
	line-height: 50px;
	padding: 50px 30px;
	list-style: none;
	color: #FFFFFF;
}
.app-nav-list li {
	border-bottom: 1px solid #FFFFFF;
}
.app-nav-list li p {
	margin: 0px;
	cursor: pointer;
}
.app-nav-list li p a{
	display: block;
	color: #FFFFFF !important;
    font-size:17px;
}
.app-nav-list li ul {
	list-style: none;
	height: 0px;
	overflow: hidden;
}
.app-nav-list li ul.current {
	height: auto;
}
	
	.app-nav-list>li>p {
		font-size: 20px;
	}
	.app-nav-list>li ul li>p {
		font-size: 14px;
		padding-left: 10px;
		line-height: 40px;
	}
	.app-nav-list >li ul li{
		border-bottom: 0px;
		/* border-top: 1px solid #FFFFFF; */
	}
/*检验流程确认样式*/
.tms-Box{
    border:1px solid #333;
    height:200px;
    padding-top:60px;
    margin-top:30px;
}
.tms-Box label{
    font-size:16px;
}
.tms-Box button {
    margin-top: 10px;
} 
.tms-height{
    font-weight:bold;
    font-size:18px;
    margin-top:10px;
    margin-bottom:15px;
}
.tms-number{
    margin-bottom:10px;
    font-size:16px;
     height:35px;
}
.tms-bottom{
    margin-top:20px;
    margin-bottom:20px;
}
.bootstrap-table .fixed-table-container.fixed-height .table thead th{
    border-bottom:0;
}
.fixed-table-header-columns .table, .fixed-table-body-columns .table{
    border-right:0;
}
.fixed-table-header-columns, .fixed-table-body-columns{
    background-color: transparent;
}
.th-inner a {
    color: #333;
}
.navtabbox .form-flex {
    display: -webkit-flex;
    display:flex;
}
.navtabbox .form-flex label{
    width:160px;
    text-align:right;
}
.navtabbox .form-flex div {
    width:90%;
    margin-left:45px;
    border-bottom:1px solid #333333;
}

/*登陆页样式*/
.logobg {
    background: url('Images/topnume/logobg.jpg') center no-repeat;
    height:100%;
}
.userlogin{
    margin-top:200px;
    margin-left:220px;
}
.userlogin .panel{
    -webkit-box-shadow:none;
    box-shadow: none;
}
.userlogin .form-control{
    border:0;
    border-bottom:1px solid #eaeaea;
}
.userlogin h2{
    font-size:38px;
    color:#333;
    margin-bottom:15px;
}
.userlogin p{
    font-size:26px;
    color:#333;
    margin-bottom:25px;
}
.userlogin .btn-login{
    background: url('Images/topnume/inco-btn.png') no-repeat;
    color:#fffFFF;
    margin-top:25px!important;
}

@media (max-width: 768px) {
    .userlogin {
        margin-top: 0px;
        margin-left: 0px;
        margin:0 auto;
    }
    .logobg {
        background: url('Images/topnume/phone-bg.jpg') center no-repeat;
        background-size:cover;
    }
    .logobg .panel{
        background:transparent;
    }
    .logobg .pull-left{
        float:none!important;
    }
    .logobg .form-control{
            background-color: transparent;
            color:#FFF;
            border-radius:0;
    }
    .logobg .has-feedback .form-control{
        padding-right:20px;
        padding-left:40px;
    }
    .logobg .forminputone {
       background:url('Images/topnume/phone-user.png') no-repeat left;
       background-size: 20px 25px;
       background-position-x:10px;
    }
    .logobg .forminputtwo {
        background: url('Images/topnume/phone-password.png') no-repeat left;
        background-size: 20px 25px;
        background-position-x:10px;
    }
    .userlogin .btn-login {
        background: #FFF;
        color: #00baf5;
        border-radius: 20px;
    }
    .logobg .has-feedback input::-webkit-input-placeholder{
        color:#FFF;
    }
}

.loginright {
    margin-top:160px;
    margin-right:50px;
    text-align:right;
}
.loginright h1{
    color:#fffFFF;
    margin-bottom:30px;
    font-size:50px;
}
.loginright img:first-child{
    margin-left:80%;
}
.loginright div{
    width:2px;
    height:80px;
    background:#FFF;
    float:right;
    margin-top:30px;
}
/*.tablemian .fht-cell{
    width:140px!important;
}*/
.billbox {
    margin-bottom: 20px;
}
.billbox label{
    margin:5px 20px;
}
.billbottom{
    margin-bottom:20px;
}
.Ctimebox{
    margin-top:10px;
}
.Ctimebox span{
    display:inline-block;
    margin:0 10px;
}
.inputbox .form-control {
    border:0!important;
}
.box-placeholder{
    height:200px!important;
}
.swiper-wrapper{
    z-index:99!important;
}
.p-line {
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 55px;
}
.kehubox{
    margin-top:10px;
}
.kehubox p{
    color:#333;
    font-size:16px;
    font-weight:bold;
}
.dayinbox div{
    display:inline-block;
}
.dayinbox a{
    display:inline-block;
}
.teamname{
   
}
.teamname hr{
    border-top: 1px solid #ccc;
    margin-top:4px!important;
    margin-bottom:4px!important;
}
.navweixin {
    border-left: 1px solid #dde6e9;
}
 li a{
    color:#555555;
   
}
.navweixin .nav-heading{
    padding-left:5px;
}
.navweixin .sidebar-subnav > li > a, .navweixin .sidebar-subnav > li > .nav-item {
    background: #FFF !important;
    color: #555555 !important;
}
.jinetop{
    padding-top:5px;
    text-align:right;
    padding-right:15px;
}
.jinetop span{
    display:inline-block;
    line-height:30px;
    margin-right:20px;
    text-align:right;
}

