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

hr {
	margin-top: 15px;
	margin-bottom: 15px;
}


/***** tag start ******/
.cckm[disabled] .tags, .cckm[disabled] .tags .input {
    background-color: transparent;
}
.cckm[disabled] .tags .tag-item {
    background: transparent;
    opacity: 1;
}
.cckm.ng-invalid .tags {
    border-width: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.cckm .tags, .cckm .tags.focused {
	/*padding: 3px;*/
	padding-top: 3px; 
	margin-bottom: -8px;
	border-radius: 0px;
	border-width: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	    display: inline-block;
}
tags-input { /* 沒有關鍵字時，高度為0不佔空間 */
	min-height: 0;
}
tags-input .host {
	outline: none;
}
.cckm .tags .tag-item {
	border-color: #DDD;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #888;
	background-color: transparent;
	height: auto;
}
tags-input .tags .tag-item .remove-button {
	color: #ccc;
}
.cckm .tags .tag-item.selected {
    color: #fff;
    background: #87A841;
    border: 1px solid #273900;
}
.cckm .tags .input {
	color: #555;
	background-color: transparent;
	display: none; /* tag input 不輸入，將它隱藏起來不要佔版面空間 */
}

.search-cust small { color: #888; }

.search-cust .keyword-opt { font-size:16px !important; text-align:center; }
.search-cust .keyword-opt ul { margin: 10px 0 0 }
.search-cust .keyword-opt ul li { margin-bottom: 10px }
@media (max-width:767px) {
	.search-cust .keyword-opt { text-align:left; margin: 0 40px; }
}

.search-cust .tag-box.in-create-cust { padding-left: 0; text-align:center; }
.search-cust .create-cust { padding-left: 0; padding-right: 0; text-align: right; }

/***** tag end ********/

 /*************************/
/**     進階搜尋                **/
 /*************************/
.adv-search-box { margin-top: 5px; margin-bottom: 10px;}
.adv-search-box .search-area { height: 200px; overflow-y: scroll; border-radius: 6px; font-size: 16px;}
.adv-search-box .search-area .condition { display: table; padding-bottom: 0px; margin-bottom: 0px; color: #fff; border-bottom: 1px dotted #87A841 !important; }
.adv-search-box .search-area .condition:first-child, .search-area .condition:last-child { border-bottom-width: 0px; }
.adv-search-box .search-area .condition-name { display: table-cell; min-width: 120px; vertical-align: middle; text-align: center; background-color: #273900; }
.adv-search-box .search-area .condition-value { display: table-cell; width: 100%; background-color: rgba(215, 241, 160, 0.3);}
.adv-search-box .search-area .condition-value > [class^="col-"] { padding-left: 0; padding-right: 0; }
.adv-search-box .search-area .condition-value .active { background: #D7F1A0; }
.adv-search-box .search-area .condition-value .active a { color: #ff8f00; }
.adv-search-box .search-area .condition-value a { line-height: 2.5; color: #273900; text-decoration: none; margin-bottom:-10px; text-align: center; }

.search-result { margin-bottom: 30px; }
.search-result .total-count { font-size: 14px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 2px solid #648420; }
.search-result .total-count .count { font-size: 30px; }
.search-result .empty-msg { margin-top: 40px; }
.search-result .empty-msg tags-input { width: fit-content; margin: 15px auto; }

/* 列表 button */
.list-tabs ul.nav-tabs {
	margin-bottom: 8px;
    padding: 8px 0 ;
    text-align: right;
}
.list-tabs ul.nav-tabs li {
    display: inline-block;
    float: none;
    margin: 0 0 0 6px;
    list-style: none;
    border: none;
    box-shadow: none;
    vertical-align: top;
    text-transform: uppercase;
}
.list-tabs ul.nav-tabs li label {
    border: 1px solid #87A841;
    border-radius: 15px;
    box-shadow: none;
    font-size: 12pt;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
    position: relative;
    transition: all 0.8s ease 0s;
    z-index: 1;
    cursor: pointer;
}
.list-tabs ul.nav-tabs li.active label {
    border-color: #648420;
    color: #fff;
}
.list-tabs ul.nav-tabs li.active label::before {
    background: #648420 none repeat scroll 0 0;
    color: #fff;
    transition: all 0.4s ease 0s;
}
.list-tabs ul.nav-tabs li label::before {
	background: rgba(180,210,118,0.6) none repeat scroll 0 0;
    border-radius: 12px;
    bottom: 2px;
    content: "";
    display: block;
    left: 2px;
    position: absolute;
    right: 2px;
    top: 2px;
    transition: all 0.8s ease 0s;
    z-index: -11;
}
/* 列表button */


/********************************************/
/**************** 新版 **********************/
/********************************************/

.search-cust  .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%;
}

.search-cust .choice-cust .unselected .result .search-btn { background: #dddddd55; }
.search-cust .choice-cust .unselected .result .search-btn { padding: 0;}
.search-cust .choice-cust .unselected .result .search-data .cust a:hover:after { content: ""; }

.filter-group { border-bottom: 1px solid #ccc; }
.filter-group .filter-item-name { color:#273900; margin-bottom: 10px; border-left: 5px solid #FFE100; padding-left: 5px; }
.filter-group .filter-item-value { cursor: pointer; border: 1px solid white; white-space: nowrap; padding: 5px 10px; text-align:center}
.filter-group .filter-item-value:hover { border: 1px dashed #ccc; }
.filter-group .filter-item-value.active { background: #eee;}
.filter-group .filter-item-value.active:hover { border-color: #eee; }

.add-cust { min-width: 200px }
.add-cust .control-label { font-size: 85%; font-weight: normal; }