/* CSS Document */
[v-cloak] { display: none; }
ul, li, ol {list-style: none; list-style-type: none; }
img { border: 0 none}
i.fa { cursor: pointer; margin-right: 5px; }
.text-error { color: #f35958 !important;}
.clear {clear: both; margin:0px; padding:0px}
.fl{float:left}
.fr{float:right}
div, td, a, p, span{ word-wrap:break-word;}
.Cgrey { color: grey;}
.m-t--30 { margin-top:-25px;}
.m-t-20 { margin-top:20px;}
.m-l-10 { margin-left: 10px;}
.p-b-10 { padding-bottom: 10px;}
.p-t-7 { padding-top: 7px;}
.top1 { top: 1px !important;}
.rt47 { right: 47px !important;}
.text-left { text-align: left !important;}
.nav-tabs { 
    background-color: #fafafa;
    margin-bottom: 0;
}
ul > li {
    line-height: 20px;
    padding-left: 6px;
}
.nav-tabs > li {
    margin-bottom: -3px;
    padding-left: 0;
	float: left;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-width: 0;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    border: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    color: #505458;
}
.nav-tabs > li > a, .nav-pills > li > a {
    margin-right: 0;
}
.nav-tabs > li > a {
    border: 0 none;
    color: #8e9aa2;
    min-width: 70px;
    padding: 15px 20px;
}
.tab-content {
    background-color: #fff;
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.tab-content > .active, .pill-content > .active {
    padding: 19px;
}
.customer-form { min-height: 393px;}
.bdB{ border-bottom: 1px solid #ccc;}

.customer-form2 { min-height: 280px;}

.row.bdB { padding: 8px 0px;line-height: 1.42857; }
/*弹出框*/
.input-append .form-control {
    display: inline-block;
}
.datepicker {
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 12px;
    padding: 10px 16px;
}
.datepicker thead tr .dow {
    color: #0090d9;
    font-size: 11px;
    text-transform: uppercase;
}
.datepicker thead tr .prev:before {
	color:#0090d9;
	font-family: 'FontAwesome';
	content: "\f053";
	font-size:13px;
}
.datepicker thead tr .prev,.datepicker thead tr .next {
 	visibility: visible;
	color: #0090d9;
    font-size: 0;
}
.input-append .add-on .arrow:before {
}
.datepicker thead tr .next:before {
	color:#0090d9;
	font-family: 'FontAwesome';
	content: "\f054";
	font-size:13px;
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
	color: grey;
}
.input-append .add-on {
    background-color: #d1dade;
    border: medium none #d1dade;
    border-radius: 0 2px 2px 0;
    height: 32px;
    line-height: 13px;
    margin-left: -36px;
    min-width: 34px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    text-shadow: none;
	top: 1px;
	right: 15px;
}
.add-on2 { top: 0px;}
.input-append .add-on .arrow {
    background-color: transparent !important;
    color: #d1dade;
    font-size: 26px;
    left: -6px;
    position: absolute;
    z-index: 100;
}
#view .detail_search .form-control ,#view .detail_search #search-form{ display: inline-block; width: 80%;}
#view .modal-body { padding: 10px}
#add-contact,#edit-contact { height: 520px; margin-top: -260px; }
/*#add-delivery,#add-invoice,#edit-delivery,#edit-invoice { height: 366px; margin-top: -183px; width: 480px; margin-left: -240px; }*/
/*#add-bankinfo,#edit-bankinfo { height: 550px; width: 594px; margin-top: -287px; margin-top: -275px; }*/

/*#add-customer { height: 560px; margin-top: -280px; width: 800px; margin-left: -400px;}*/
#member {  box-shadow: 0px 0px  10px #000; }
#add-customer .form-control { height: 32px;}

/*#edit-customer { height: 560px; margin-top: -280px; width: 800px; margin-left: -400px;}*/
#edit-customer .form-control { height: 32px;}

#del, #confirm, #duplicationconfirm { height: 260px; margin-top: -130px;}
#del p, #confirm p, #addNewContactId p, #duplicationconfirm p { font-size: 20px; line-height: 30px; margin: 30px 0;}


#confirm .modal-body { height: auto}
#approve, .confirm { height: 244px; margin-top: -122px;}
#reject { height: 300px; margin-top: -130px;} 
#approve2 { height: 410px; margin-top: -205px;}
#approve p,.confirm p { font-size: 20px; line-height: 30px; margin: 30px 0;}

.file { width: 100%; position: absolute; top:3px; cursor: pointer;  opacity: 0; filter: alpha(opacity=0); z-index: 999;}
.pos .fa-upload { z-index: 998; cursor: pointer; top: 5px; right: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center;}

.ql_left { display: inline-block; }
.ql_audit { float: right; padding-bottom: 30px; } 
/* modal-footer */
.modal-footer { text-align: center;}
/*Telephone*/
#activity { width: 750px; height: 500px; overflow: hioptionen; background: #fff; position: fixed; margin-top: -250px; margin-left: -375px; padding-left: 17px; top: 50%; left: 50%; }
#activity .modal-body { padding: 10px; }
.modal3, #customer_activity { height: 580px; margin-top: -280px; width: 800px; margin-left: -400px; box-shadow: 0px 0px 10px #000; z-index: 10000000; }
#contact_activity { height: 580px; margin-top: -280px; width: 800px; margin-left: -400px; box-shadow: 0px 0px 10px #000; z-index: 10000000; }

#add-activity .input-append .add-on,#edit-activity .input-append .add-on  { top: 0px; margin-top: 1px; right: 15px; }
#add-activity label,#edit-activity label { padding-right: 0px;}

.modal2 .modal-body label { padding-left: 0px; padding-right: 0px;}




#faq , .faq {
	margin: 0px; padding: 0px; 
}
#faq li, .faq li {
 margin: 0 0 10px;
 padding: 0 0 5px; 
}
#faq dl, .faq dl {
 margin: 0;
 padding:0; background: #f9f9f9;
}
#faq dt, .faq dt {
 font-weight: bold;
 cursor: pointer;
 line-height: 40px;
 border-bottom: 1px #f5f5f5 solid;
 background: #f9f9f9;
 padding-left: 25px;
 height: 40px;
 position:absolute;z-index: 1; 
}
#faq dd, .faq dd {
 display: block;
 margin: 0px;
 padding: 15px 10px; background: #ffffff;
}

#faq dt.bg, .faq dt.bg { background: url(../img/dot.jpg) left no-repeat; vertical-align: bottom; margin-left:20px; }

#faq .rightbg, .faq .rightbg { padding-right: 20px; z-index: 99999999; line-height: 40px; background: #f9f9f9;
 height: 40px; width: 100%; }
#faq .rightbg a, #faq .rightbg a:hover, .faq .rightbg a, .faq .rightbg a:hover { color: #008c3c; }

.m-t-8 {
    margin-top: 8px;
}


@media (max-width: 510px){	  
  		  
	#view,#add-delivery,#add-invoice,#edit-delivery,#edit-invoice,#add-contact,#edit-contact,#add-bankinfo,#edit-bankinfo,#customer_activity, #contact_activity,.modal3,.modal2{ width: 300px; height: 530px; margin: -265px 0 0 -150px;}
    #add-customer,#member,#view,#edit-customer{ width: 300px; height: 530px; margin: -265px 0 0 -150px;}
	#member .modal-body { padding: 15px 0;}
	/*#add-delivery,#add-invoice,#edit-delivery,#edit-invoice {width: 300px; margin-left: -150px; height: 456px; margin-top: -228px;}*/
	.mobile_padding { margin-top: 0px;}
	#del, #confirm,#approve, .confirm,#add-activity { width: 300px; margin-left: -150px;}
	#tab2,#tab3,#tab4,#tab5,.customer-form { min-height: 0px;}
	#add-customer .input-append .add-on { top: 0px; right: 16px;}
	.toPic { height: 230px; margin-top: -115px;}
	#activity { width: 300px; height: 420px; margin: -210px 0 0 -150px;}
    #activity .form-horizontal .form-group { margin-bottom: 0px;}
	#customer_activity .modal-body,#contact_activity .modal-body { padding: 15px 0;}
	.modal2 .modal-body label { padding-left: 15px; padding-right: 0px;}

	 #reject  { height: 350px; margin-top: -175px;}
	 #approve2 { height: 466px; margin-top: -233px;}
	h2.page-header { font-size: 22px;}
	.table3 td { text-align: center;}
	.table3 input.form-control { width: 90%; display: table-cell}
	.col-xs-5, .col-xs-7 { padding-left: 2px !important; padding-right: 2px !important;}
    .col-md-7 { margin-top: 0px;}
	#view2 .detail_search input, #view2 .detail_search select { width: 80%; display: table-cell}
    
}


/*@media (max-width: 400px){
	
	.cc-table { overflow-y: scroll; }
	
}*/

@media (min-width: 509px){
  .col-md-7 { margin-top: 1px;}
}
@media (min-width: 770px){
  .col-md-7 { margin-top: 0px;}
  .modal-body .col-md-7 { margin-top: 8px;}
}
@media (max-width: 999px) and (min-width: 768px){
  .Tleft { text-align: left !important}
}

@media (max-width: 800px) and (min-width: 511px){
	.modal2 {width: 440px; height: 530px; margin: -265px 0 0 -220px;}
	#toPicture { height: 310px; margin-top: -165px;}
	#duplicate-query .btnGroup { margin-top: 0px; }
	#view,#activity { width: 440px; margin-left: -220px;}
	#add-customer,#edit-customer,#member,#customer_activity, #contact_activity { width: 500px; margin-left: -250px;}
	#view { height: 540px; margin-top:-270px;}
	#view .btnGroup { margin-top: 0px;}
	.modal2 .modal-body label { padding-left: 15px; padding-right: 0px;}
	#reject  { height: 350px; margin-top: -175px;}
	#approve2 { height: 450px; margin-top: -225px;}

}

/* customer2 */
#confirm { box-shadow: 2px 2px 35px;}
/* customer-audit */
#table3 { width: 100%;}
#table3 tr td img { width: 100%;}
#table3 tr td { border-top: none; vertical-align: middle !important; color: #666;}
.credit-detail, .credit-detail2,.credit-detail:hover, .credit-detail2:hover  { color:#008c3c; }
@media (min-width: 799px){
	#table3 tr td img { width: 80%;}
}

.table3 td .Del { cursor: pointer; vertical-align: middle; color: #008c3c;}
.table3 tr td, .table3 tr th, .table4 tr td, .table4 tr th { border: 1px solid #ddd;}
.add-row { cursor: pointer; color: #008c3c;}
@media (max-width: 1000px){
    .non2 { display: none;}
}
@media (max-width: 700px){
    .non2, .non { display: none;}
}
.r20 { right: 20px !important;}

.customer-success { height: 250px; background: #fff url(../img/success_bg4.png) 0 0 no-repeat; background-size: 100%; font-size: 18px; padding-left: 200px; line-height: 26px; padding-top: 80px}
.customer-success span { color: #008c3c; font-weight: bold; font-size:  20px;}
@media (max-width: 983px) and (min-width: 658px){
    .customer-success { padding: 0px; padding-top: 40px; padding-left: 135px; line-height: 24px;}
    .customer-success p { font-size: 16px;}
    .customer-success p span { font-size: 16px}   
}
@media (max-width: 657px) and (min-width: 510px){
    .customer-success { padding: 0px; padding-top: 25px; padding-left: 105px; line-height: 20px; font-size: 18px;}
    .customer-success p span { font-size: 18px}   
}
@media (max-width: 509px) and (min-width: 390px){
     .customer-success { padding: 0px; padding-top: 20px; padding-left: 80px; line-height: 18px;}
    .customer-success p { font-size: 14px;}
    .customer-success p span { font-size: 14px}   
}
@media (max-width: 389px) and (min-width: 305px){
    .customer-success { padding: 0px; padding-top: 10px; padding-left: 58px;font-size: 14px; line-height: 14px;}
    .customer-success p span { font-size: 14px}   

}
@media (max-width: 304px){
    .customer-success { padding: 0px; padding-top: 7px; padding-left: 45px;font-size: 12px; line-height: 12px;}
    .customer-success p span { font-size: 13px}   
}


.notes{font-size: 12px;color: #999;line-height: 30px; text-align: left;}
.radio-table label{ margin-left: 10px;margin-right: 10px;}

.category-title{border-bottom: 1px dashed #ccc; padding: 10px 10px; height: 35px; margin-bottom: 20px; display: block;}
.category-title h4{display: block; margin:0px; font-size:16px; color: #333;}
.delfont{color: #FF0000;}
.claim img{margin-right:10px; width: 300px;}


/* 进度条定位 */

.progressBar3 span.circle3:nth-child(2), .fontBar3 a.font3:nth-child(1) {
    left: 0%;
}

.progressBar3 span.circle3:nth-child(3), .fontBar3 a.font3:nth-child(2) {
    left: 16%;
}

.progressBar3 span.circle3:nth-child(4), .fontBar3 a.font3:nth-child(3) {
    left: 32%;
}

.progressBar3 span.circle3:nth-child(5), .fontBar3 a.font3:nth-child(4) {
    left: 48%;
}

.progressBar3 span.circle3:nth-child(6), .fontBar3 a.font3:nth-child(5) {
    left: 64%;
}

.progressBar3 span.circle3:nth-child(7), .fontBar3 a.font3:nth-child(6) {
    left: 80%;
}
.progressBar3 span.circle3:nth-child(8), .fontBar3 a.font3:nth-child(7) {
    left: 98%;
}


.progressBar3 span.circle3, .br_circle1, .br_circle2 {
    position: absolute;
    top: 0;
    margin-top: -10px;
    width: 30px;
    height: 30px;
    border: 2px solid #ddd;
    border-radius: 50%;
    background: #ccc;
    margin-left: -20px;
    line-height: 28px;
    text-align: center;
    color: #fff;
}



.fontBar3 a.font3:nth-child(2),.fontBar3 a.font3:nth-child(5) {
    width: 140px;
    margin-left: -70px;
}

.fontBar3 a.font3 {
    position: absolute;
    top: 10%;
    width: 110px;
    text-align: center;
    margin-left: -55px;
    color: #999;
}
.fontBar3 a.on {
    color: #008c3c;
}
.fontBar3 {
    position: relative;
    width: 80%;
    height: 50px;
    margin: 0 auto;
}
.progressBar3 span.on {
    background: #008c3c;
}

.branch {
    position: relative;
    width: 80%;
    height: 80px;
    margin: 0 auto;
}

.branch1, .branch2 {
    position: absolute;
    width: 9%;
    height: 40px;
    border: 6px solid #ccc;
    left: 30%;
    margin-top: -46px;
}

.branch2.on {
    border-color: #008c3c;
}

.branch2 {
    left: 65%;
}


.branch3 {
    position: relative;
    width: 100%;
    height: 80px;
    margin: 0 auto;
}

.branch-border {
    position: absolute;
    width: 17%;
    height: 40px;
    border: 6px solid #ccc;
    left: 64.5%;
    margin-top: -66px;
}

.branch-border.on, .branch1.on {
    border-color: #008c3c;
    z-index: 1;
}

.branch3 .br_circle1 {
    position: absolute;
    top: -34px;
    margin-left: -15px;
    left: 68%;
    z-index: 1;
}

.branch3 .br_circle1.on, .br_circle1.on, .br_circle2.on {
    background: #008c3c;
}

.branch3 .br_span1 {
    position: absolute;
    width: 150px;
    top: -5px;
    left: 68%;
    margin-left: -78px;
    text-align: center;
    color: #999;
}
.branch3 .br_span1.on{color: #008c3c;;}
.br_circle2 {
    position: absolute;
    top: -35px;
    margin-bottom: -15px;
    margin-left: 75px;
    left: 34.8%;
}

.br_circle2.on {
    background: #008c3c;
    z-index: 1;
}

.br_circle2 {
    left: 70%;
}

.br_span2 {
    position: absolute;
    width: 150px;
    top: -5px;
    left: 35%;
    margin-left: 25px;
    text-align: center;
    color: #999;
}
.br_span2.on{color: #008c3c;}
.br_span2 {
    left: 70%;
}

.progressBar3 {
    width: 80%;
    height: 50px;
    position: relative;
    margin: 10px auto 20px;
    z-index: 2;
}

.progressLine3 {
    width: 65%;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -21px;
    background: #ccc;
}
.progressBar3 div span {
    position: absolute;
    display: inline-block;
    background: #008c3c;
    height: 6px;
    width: 33%;
}

.dropdown-menu
{
    width: 370px!important;
}