@import url(../../css/cckm-box.css);
@import url(../../css/cmn/choice-cust.css);

.cust-group { margin-bottom: 50px;  }
.cust-group small { color: #888; }
.cust-group > .bg-container {
	background-image:url(https://d1r4509tniam8v.cloudfront.net/img/crm-cust-bg.png);
    background-size: cover; background-position: center 70%; background-repeat: no-repeat; opacity: 0.1;
	position: absolute; height: 200px; width: 100%; border-bottom-left-radius: 50% 30%; border-bottom-right-radius: 50% 30%;
} 
@media (max-width:767px) {
	.cust-group > .bg-container { height: 230px; background-position:center left; border-bottom-left-radius: 50% 20%; border-bottom-right-radius: 50% 20%; }
}
.cust-group .btn.btn-dashed { border: 3px dashed #f39c1288; padding-top: 20px; padding-bottom: 20px;  background: #f39c1255; }
.cust-group .btn.btn-dashed:hover { background: #f39c1299; }

.cust-group .div-dashed { position:relative; display: block; font-size: 20px; text-align: center; color: #666; padding: 1em; border-radius: .25rem; border: 3px dashed #66666633; cursor: pointer; overflow: hidden; }
.cust-group .div-dashed:hover { background: #66666611; }

.cust-group .choice-cust.group-member .unselected .result .search-data .cust a:hover:after { content: ""; }

/** *********** **/
/**   QUERY    **/
/** *********** **/
	.cust-group .query .empty-result .btn-dashed { font-size: 3rem; }
	.cust-group .query .empty-result img { width: 150px; margin: 20px; }
	@media (max-width: 767px) { .cust-group .query .empty-result img { width: 120px; }  }
	
	.cust-group .query .choice-cust .unselected .result .search-data .cust .media:hover:before { z-index: -1; }
/* 	.cust-group .query .choice-cust .unselected .result .search-data .cust .media .media-body { color:inherit }
	.cust-group .query .choice-cust .unselected .result .search-data .cust .media .media-body h5 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; overflow: hidden;}
 */
 	.cust-group .query .result .cc-div-table-cell { padding: 5px 8px; cursor: pointer; }
 	
/** *********** **/
/**      EDIT      **/
/** *********** **/
	.cust-group .edit .form-label { font-weight: normal; font-size:80%; }
	.cust-group .edit .tools { padding: 5px 10px 5px 5px; position: absolute;}
	.cust-group .edit .tools .btn { margin-right: 8px; }	
	.cust-group .edit .tools .btn:last-child { margin-right: 0; }	
	.cust-group .edit > .header { border-bottom: 1px solid #eee; padding: 10px 0; margin-bottom: 10px; }
	.cust-group .edit > .header > .title { text-align: center; }
	.cust-group .edit > .header > .tools { top: 20px; }
	.cust-group .edit > .footer { border-top: 1px solid #eee; padding: 10px; margin-top:10px; }
	@media (max-width: 767px) {
			.cust-group .edit > .header > .title { text-align: right; }
	}