

* {
	box-sizing: border-box;
}
body{margin:0; padding:0;background:#f0f5fb; }

.lc_body h1, .lc_body h2, .lc_body h3, .lc_body h4, .lc_body h5, .lc_body h6 {
	margin: 0;
}
.lc_body p {
	margin: 0;
}
.lc_body ul {
	margin: 0;
	padding: 0;

}
.lc_body {margin: 0;
	font-family: Microsoft YaHei;
	color: #334151;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.lc_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	
}
.lc_col_1, .lc_col_2, .lc_col_3, .lc_col_4, .lc_col_5, .lc_col_6, .lc_col_7, .lc_col_8, .lc_col_9, .lc_col_10, .lc_col_11, .lc_col_12, .lc_col, .lc_col_auto, .col-md, .col-md-auto, .lc_col_lg_1, .lc_col_lg_2, .lc_col_lg_3, .lc_col_lg_4, .lc_col_lg_5, .lc_col_lg_6, .lc_col_lg_7, .lc_col_lg_8, .lc_col_lg_9, .lc_col_lg_10, .lc_col_lg_11, .lc_col_lg_12, .col-lg, .lc_col_lg_auto, .lc_col_xl_1, .lc_col_xl_2, .lc_col_xl_3, .lc_col_xl_4, .lc_col_xl_5, .lc_col_xl_6, .lc_col_xl_7, .lc_col_xl_8, .lc_col_xl_9, .lc_col_xl_10, .lc_col_xl_11, .lc_col_xl_12, .col-xl, .lc_col_xl_auto {
	position: relative;
	width: 100%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.lc_col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_2 {
	flex: 0 0 20%;
	max-width: 20%;
}
.lc_col_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.lc_col_5 {
	flex: 0 0 40%;
	max-width: 40%;
}
.lc_col_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_7 {
	flex: 0 0 60%;
	max-width: 60%;
}
.lc_col_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_10 {
	flex: 0 0 80%;
	max-width: 80%;
}
.lc_col_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
 @media (min-width: 1200px) {
.lc_col_xl {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_xl_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_xl_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_xl_2 {
	flex: 0 0 16.667%;
	max-width: 16.667%;
}
.lc_col_xl_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_xl_4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
.lc_col_xl_5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}
.lc_col_xl_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_xl_7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}
.lc_col_xl_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_xl_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_xl_10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}
.lc_col_xl_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_xl_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
}


.align-items-center {
	align-items: center !important;
}

.text-center {
	text-align: center!important;
}
.m-0 {
	margin: 0!important;
}
.mt-3{ margin-top:10px}
.mt-5{ margin-top:.5vh}
.mr-5{ margin-right:5px}

.p-0{padding: 0!important;}
.border-bottom {
	border-bottom: 1px solid #e1e6f1!important;
}
.lc_body .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box; 
    border-radius: 10px;
 
    box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
	
	
	
}


.input{width: 100%; border: 1px solid #ddd; padding: 5px; outline: none;}
.select{width: 100%; border: 1px solid #ddd; padding: 5px; outline: none;}

h5, .h5 {
	font-size: 1.09375rem;
}
small, .small {
	font-size: 80%;
	font-weight: 400;
}
.lc_body .card-body {
	flex: 1 1 auto;
 padding:6px;
}
.lc_top{ background:#f0f5fb; padding:.5vh 0}
.lc_body .card-title {
	font-size:14px; position: relative;
	font-weight: 600; background:#f5f8f9;
	color: #334151;
	border-bottom: 1px solid #f2f2f2;
	flex: 1 1 auto; line-height: 3.6vh; padding: 0 1rem;
}

.lc_body .card-title  span{color:#1478f0; padding:0 10px;  }

.lc_body .card-title .right{position:absolute; top: 5px; right: 5px; display: flex; align-items: center; font-weight: normal; font-size: 12px;}

.text-cot-1{ color:#ff4146!important}
.text-cot-2{ color:#42bc9f!important}
.text-cot-3{ color:#32a5ff!important}
.text-cot-4{ color:#f2ab00!important}
.jxicon_15{ color:#ff4146!important}
.jxicon_16{ color:#7581f7!important}
.jxicon_17{ color:#9d5cf6!important}
.bg-primary {
	background-color: #8d76dd !important;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
.m-0 {
	margin: 0 !important;
}
.p-0 {
	padding: 0 !important;
}

.text-center {
	text-align: center !important;
}

 *::-webkit-scrollbar {
 width: 4px;
 height: 4px;
 transition: .3s background;
}
::-webkit-scrollbar-thumb {
 background: #e1e6f1;
}
*:hover::-webkit-scrollbar-thumb {
 background: #adb5bd;
}
/*-----Br Themes-----*/
h6, .h6 {
	font-size:14px;
	font-weight: normal;
}
.float-right {
	float: right !important;
}

.lc_body a{ text-decoration:none}


.position{ position:relative}

*{margin:0;padding:0;list-style:none;}
	.lc_body .card-title::before {
		width: 3px;
		height: 14px;
		top: 11px;
		position: absolute;
		content: "";
		background: #1478f0;
		border-radius: 20px;
		left: 8px;
	}

.ljbtn{ background-image: linear-gradient( 135deg, #9fbdfb 10%, #6093fc 100%) ;
	color:#fff;  padding:3px 8px; border-radius: 3px; cursor: pointer; font-size: 12px; }
	

.ellipsis60 {
    float: left;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a-table { width: 100%;
    margin-bottom: .3rem;
    color: 
    #747a80; font-size:12px;
  border-collapse: collapse;
}
.a-table tbody tr:nth-of-type(2n+1) {
    background-color: #fdfdfd;
}
.a-table tbody tr td:nth-child(1) {
    width:50px; text-align: center; 
}

.a-table th{ background:#f5f7f9; color: #333; font-weight:normal; text-align:center;}

.aui-hide {
	display: none !important;
}


.a-table th,.a-table td{ padding:0 5px; font-size: 13px;  border: 1px solid #ddd;  padding: 0 5px; height: 3.65vh;}
.page-link {
	color: #334151;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px 6px;
	border-width: 0;
	border: 1px solid #e1e6f1;
	font-weight: 400;
	margin: 5px 1px;
	text-decoration: none;
}
.page-link i {
	font-size: 18px;
	line-height: 0;
}
.pagination { float:right;
	display: flex;	font-size: 12px;
	padding-left: 10px; position: absolute;  bottom: 0; right: 5px;
	list-style: none;
	margin: 6px 0;
}
.TT a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.pagination .active{ background:#1478f0; color:#fff}


.c-head{position:relative;background-image:url(../img/bg.png);background-size:100% 100%; width: 100%; font-size: 13px; padding:20px;height: 230px; color: #fff;}

.app-head-basic .company-name{ font-size: 24px; margin-bottom: 15px;display: flex;}
.app-head-basic .credential{padding:4px 7px;margin-left:15px;color:white;font-size:12px;line-height:1;border-radius:2px;background-color:#f99715}
.app-head-basic .credential.invalid{background:#e0e0e0;color:#6c6c6c}
.app-head-basic .credential span{margin-left:5px}
.app-head-basic .claim-tag{vertical-align:top}
.app-head-basic .claim-tag .popover{border-width:0;background-color:#fce9ca}
.app-head-basic .claim-tag .arrow{border-bottom-color:white}
.app-head-basic .claim-tag .arrow:after{top:1px;border-bottom-color:#fce9ca !important}
.app-head-basic .claim-tag .popover-content{font-size:12px;border-width:0;white-space:nowrap;padding:5px;background-color:#fce9ca}
.app-head-basic .claim-tag .popover-content .tiemout{color:#e38412 !important}
.app-head-basic .block{display:block}
.app-head-basic .vertical-middle{vertical-align:middle}
.app-head-basic .img-vr-position{vertical-align:top}
.app-head-basic .label{margin-bottom:5px;margin-right:10px;margin-left:0px}
.app-head-basic .claimed_icon{height:20px;width:auto;margin-right:10px}
.app-head-basic .to-certificate{color:white;background-color:#f99715;padding:4px 7px;line-height:1;border-radius:2px; margin-top: 5px; margin-left: 5px; font-size:12px;display: flex; align-items: center;}
.app-head-basic .to-certificate span{margin-left:5px}
.app-head-basic .app-header-small{margin-top:12px}.font-b10{color:#e3e3e3 !important}
.report-hot{position:absolute;top:-11px;right:-1px}
.headtoVerify{display:inline-block;line-height:18px;vertical-align:bottom}

.app-header-small .head-tag{margin-bottom:5px;margin-right:6px;margin-left:0px;padding:4px 8px;background-color:rgba(0,0,0,0.14);border-radius:2px}

.app-head-contact{background-color:rgba(0,0,0,0.14)}.app-head-contact .blue{color:#59a5ff}.app-head-contact .nowrap{white-space:nowrap}.app-head-contact .headtoVerify{display:inline-block;position:absolute;right:0;top:10px}.app-head-contact .minute-entry{position:absolute;right:0;bottom:0;cursor:pointer}.app-head-contact .row-title{line-height:22px}.app-head-contact .row-desc{word-break:break-all;line-height:22px}.app-head-contact .span-info{max-width:100px}.app-head-contact .row-left{width:430px;display:inline-block}.app-head-contact .span{vertical-align:middle}.app-head-contact .mw300{max-width:300px;vertical-align:bottom}.app-head-contact .description{width:80%;display:inline-block;vertical-align:bottom}.app-head-contact .same-contract{font-size:14px;color:#f5a623;letter-spacing:0;line-height:18px}.app-head-contact .address{color:#333}.app-head-contact .address:hover{color:#1478f0}
.logo-left-img{text-align: center;  }
.img-border img{background-color: rgba(0,0,0,0.34);padding: 15px;}
.app-head-contact {
     background-color: rgba(0,0,0,0.14);
   }
   .btn1 {position: relative;
     background-color: #1478f0;
     border: 1px solid #1478f0;
     color: #fff;
	 padding: 3px 10px;
font-size: 12px;
border-radius: 2px;
   }

   .monitor-btn-div {
     vertical-align: bottom;
     display: inline-block;
   }
   .m-l-10 {
     margin-left: 10px;
   }
   .c-head .btn-pull-right {
	float: right;
  }
   .app-head-contact {margin-top:15px;}
   .app-head-contact table{width: 100%; font-size:13px;
  border-collapse: collapse;}
   .app-head-contact table td{ padding: 11px 5px;
   }
   .company-name a{text-decoration:none;}
   .btn1 img.btn_icon{width: 18px; margin-right: 3px; position: relative; top:3px}
	@media (max-width:1800px){ body{font-size: 12px;}
	.a-table th, .a-table td {
	
		font-size: 12px;

		height: 3.6vh;
	}
	.c-head {
		font-size: 12px;
		padding:15px 8px;
		height: 230px;
		color: #fff;
	}
	.img-border img{background-color: rgba(0,0,0,0.34);padding: 10px; margin-top: 8px;}
}

