@import url(../../css/crm/searchCust.css);

		.crm-batch .row {
			padding-bottom: 0px;
		}
		.crm-batch .title {
			background-image: url(https://d1r4509tniam8v.cloudfront.net/img/crm-search.jpg);
		}
		.crm-batch .title h2 {
			margin: 2px 0px;
			padding: 20px 0px;
			font-size: 30pt;
			color: #fff;
		}
		.crm-batch small {
			padding-top: 10px;
			padding-bottom: 5px;
			display: block;
		}
		.crm-batch h3 {
			padding: 5px;
			font-size: 14pt;
			font-weight: bold;
			color: red;
		}
		.crm-batch h4 {
			line-height: 160%;
		}
		
		.crm-batch .dataTables_scrollHead table thead {
			text-align: center;
			white-space: normal;
		}
		.crm-batch .table>thead>tr>th, .crm-batch .table>tbody>tr>td, 
		table.dataTable.table-condensed>thead>tr>th {
			text-align: center;
			padding-right: 5px;
		}
		
		.crm-batch .point-group {
			margin-top: 8px;
			margin-bottom: 8px;
/* 			padding-top: 15px;
			padding-bottom: 15px; */
			background-color: #eee;
		}
		.crm-batch .point-group .point-box:before {
		    font-size: 40pt;
		    color: #CCC;
		    position: absolute;
		    margin: auto 0;
		    right: -26px;
		    top: 40%;
		    z-index: 1;
		}
		.crm-batch .point-group .point-box.point-box-plus:before {
			content: "\f055"; /* fa-plus */
		    font-family: FontAwesome;
		}
		.crm-batch .point-group .point-box.point-box-back:before {
			content: "\f0a9";
		    font-family: FontAwesome;
		}
		.crm-batch .point-group .point-box {
			display: block;
			padding-bottom: 10px;
			text-align: center;
			font-size: 20pt;
			font-weight: bold;
			line-height: 40px;
			letter-spacing: 3px;
			color: white;
			min-height: 100px;
			border-radius: 8px;
		}
		.crm-batch .point-group .point-box.first-point-box {
			margin-top: 0px;
		}
		.crm-batch .point-group .point-box.point-green {
			background-color: #00a65a;
		}
		.crm-batch .point-group .point-box.point-blue {
			background-color: #0073b7;
		}
		.crm-batch .point-group .point-box.point-orange {
			background-color: #f39c12;
		}
		.crm-batch .point-group .point-box.point-fuchsia {
			background-color: fuchsia;
		}
		.crm-batch .point-group .point-box.point-red {
			background-color: #f56954;
		}
		.crm-batch .point-group .point-box .header {
			padding-left: 10px;
		    font-size: 12pt;
		    text-align: left;
		    color: #eee;
		    background-color: rgba(0,0,0,0.1);
		    border-top-left-radius: 8px;
		    border-top-right-radius: 8px;
		}
		.crm-batch .point-group .point-box .content {
			font-size: 30pt;
		    padding-top: 20px;
		    padding-bottom: 10px;
		}
		@media screen and (max-width:767px) {
			.crm-batch h3 { font-size: 14pt; }
			.crm-batch [class^="col-lg-"] { padding-right: 0px; padding-left: 0px; }
			.crm-batch .point-group .point-box:before { right: 0; top: 97%; left: 0; bottom: 0; }
			.crm-batch .point-group .point-box { margin-top: 30px; }
			.crm-batch .point-group .point-box .content { font-size: 40pt; }
			.crm-batch .point-group .point-box.point-box-back:before { content: "\f0ab"; }
		}

		.article-box {
			counter-reset: list;
		}
		.article-box article.item {
		    margin-bottom: 0;
		    position: relative;
		}
		.article-box article.item:before {
			color: #aaa;
		    content: counter(list);
			counter-increment: list;
			top: 10%;
		    right: 140px;
		    position: absolute;
		    width: auto;
		    height: auto;
		    pointer-events: none;
		    font-family: "Material Design Icons";
		    font-weight: 700;
		    font-style: italic;
		    font-size: 250px;
		    opacity: 0.12;
		}
		.article-box article.item-1:before {
			content: "\f010";
		}
		.article-box article.item-2:before {
			content: "\f019";
		}
		.article-box article.item-3:before {
			content: "\f220";
		}
		.article-box article.item-4:before {
			content: "\f197";
		}
		.article-box article.item:after {
		    content: '';
   			display: block;
   			clear: both;
		}
		.article-box article.item .item-content.item-content-odd {
			background: transparent;
		}
		.article-box article.item .item-content.item-content-even {
			background: #eee;
		}
		.article-box article.item .item-content {
		    display: block;
		    padding: 41px 40px 20px 40px;
		    min-height: 320px;
		}
		.article-box article.item .item-content>i {
		    float: left;
		    text-align: center;
		    width: 119px;
		    line-height: 119px;
		    -webkit-border-radius: 1000px;
		    -moz-border-radius: 1000px;
		    border-radius: 1000px;
		    font-size: 72px;
		    border: 2px solid #ffffff;
		    margin-right: 34px;
		}
		.article-box article.item .item-content>.item-title {
			line-height: 40px;
    		margin-bottom: 33px;
		}
		.article-box article.item .item-content>.item-introtext {
		    font-size: 18px;
    		line-height: 30px;
    		overflow: hidden;
		}
		.article-box article.item .item-content>.item-introtext>ol>li {
			padding-bottom: 15px;
		}
		.article-box article.item .item-content>p {
		    margin: 0;
    		padding-bottom: 23px;
		}
		@media screen and (min-width:768px) and (max-width:991px) { /*pad */
			.article-box article.item:before {
				right: 80px;
			}
			.article-box article.item .item-content>.item-title {
				font-size: 32px;
			}
			.article-box article.item-4 .item-content>.item-introtext {
				width: 100%;
			}
		}
		@media screen and (max-width:767px) { /*mobile */
			.article-box article.item:before {
				right: 50px;
			}
			.article-box article.item .item-content {
			    padding: 21px 20px 10px 20px;
			}
			.article-box article.item .item-content>.item-title {
				font-size: 32px;
			}
			.article-box article.item .item-content>i {
				display: none;
			}
			.article-box article.item .item-content>.item-introtext {
				width: 100%;
			}
		}
		
		.crm-batch .table>thead>tr>th { padding:8px; background-color: #273900; color: #fff; font-size: 16px;  }
		.crm-batch .table>thead>tr>th:first-child { border-top-left-radius: 6px; }
		.crm-batch .table>thead>tr>th:last-child { border-top-right-radius: 6px; }
		.crm-batch .table>tbody>tr>td { font-size: 14px; padding:8px;}
		.crm-batch .table>tbody>tr>td>.label {border-radius: 100%}
		.crm-batch .table>tbody>tr>td>ul { list-style: none; padding-left:0; margin-bottom:0 }
		.crm-batch .table>tbody>tr>td>ul>li { color:red; margin-bottom: 3px; }
		.crm-batch .import-failed {background-color: #fbf5f5; margin-top: 20px;padding-left: 20px; padding-right: 20px;}
		.crm-batch .import-failed h3 {margin-bottom: 25px; color:#d9534f;}
		.crm-batch .import-failed h3>span {padding-bottom: 5px; border-bottom: 2px solid #f3dede; }
		.crm-batch .import-failed h3>span:hover {border-bottom-width: 5px}