.policy-header { margin-bottom: 20px; }
.policy-header .title { font-weight: bold; font-size: 24px;  line-height: 45px; padding: 10px; border-left: 10px solid #273900; }

.policy-search  { margin-bottom: 20px; padding: 20px; background-color: #eee; }
.policy-item-content .box-footer { border-top:1px solid #ddd; }
.policy-item-content .box-header { padding-top: 15px; border-bottom:1px solid #ddd; }
.policy-item-content .box-header, .policy-item-content .box-body { padding-left:15px; padding-right: 15px; }
.policy-item-content .box-header .box-title { margin-top: 0px; margin-bottom: 0; padding-right: 40px; line-height: 24px; font-size: 16px; }
.policy-item-content .box-header .cc-move-horizontal { padding-right: 40px }
.policy-item-content .policyTp, .policy-item-content .policyMk {
	position: absolute;
	right: 0;
	top: 5px;
	padding: 5px;
	background: #aaa;
	color:#fff;
	font-size: 14px;
	border-bottom: 2px solid #888;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.policy-item-content .policyMk { top: 40px; color: #888; background: #e0e0e0; border-bottom-color:#aaa; }
.policy-item-content .policyMk.T { color: #00a65a; background: #00a65a33; border-bottom-color:#00a65a ; }
.policy-item-content .policyMk.R { color: #f39c12; background: #f39c1233; border-bottom-color: #f39c12; }
.policy-item-content .policyMk.P { color: #3c8dbc; background: #3c8dbc33; border-bottom-color: #3c8dbc; }
	
.policy-item-content .policyTp.policyTp-T   {color:#f90453; background: lavenderblush; border-bottom-color:#f7b3c9}
.policy-item-content .policyTp.policyTp-S   {color:#0202f5; background: lavender; border-bottom-color:#c4c4fb}                    
.policy-item-content .policyTp.policyTp-I    {color:#b1b102; background: beige; border-bottom-color:#f3f39e}       
.policy-item-content .policyTp.policyTp-P   {color:#0286f9; background: aliceblue; border-bottom-color:#b7d9f7}

.policy-item-content .cc-btn-default.cc-btn-T {color:#f90453; background: #f9045377; border-color:#f90453}
.policy-item-content .cc-btn-default.cc-btn-S {color:#0202f5; background: #0202f577; border-color:#0202f5}                    
.policy-item-content .cc-btn-default.cc-btn-I {color:#b1b102; background: #b1b10277; border-color:#b1b102}       
.policy-item-content .cc-btn-default.cc-btn-P {color:#0286f9; background: #0286f977; border-color:#0286f9}
.policy-item-content .cc-btn-T.active, .policy-item-content .cc-btn-T:hover { background: #f90453; }
.policy-item-content .cc-btn-S.active, .policy-item-content .cc-btn-S:hover { background: #0202f5; }
.policy-item-content .cc-btn-I.active, .policy-item-content .cc-btn-I:hover { background: #b1b102; }
.policy-item-content .cc-btn-P.active, .policy-item-content .cc-btn-P:hover { background: #0286f9; }

.policy-item-content.box-T {border-top-color:#f90453;/* color:#f90453;*/}
.policy-item-content.box-S {border-top-color:#0202f5;/* color:#0202f5;*/}
.policy-item-content.box-I {border-top-color:#b1b102;/* color:#b1b102;*/}
.policy-item-content.box-P {border-top-color:#0286f9;/* color:#0286f9;*/}
.policy-item-content.box-mk-F {background:#f0f0f0;} 
.box .box-footer {background: transparent}

.policy-item-content.box-T .tag {background:#f90453;}
.policy-item-content.box-S .tag {background:#0202f5;}
.policy-item-content.box-I .tag {background:#b1b102;}
.policy-item-content.box-P .tag {background:#0286f9;}

.policy-item-content .info, .policy-item-body .info {
	font-size: 10pt;
	padding: 5px 0;
	list-style: none;
}
.policy-item-content .info .more {
	border-bottom: 3px solid #A3C75A;
	cursor: pointer;
}
.policy-item-content .info .more.more-T {color:#f90453; border-bottom-color:#f7b3c9}
.policy-item-content .info .more.more-S {color:#0202f5; border-bottom-color:#c4c4fb}
.policy-item-content .info .more.more-I {color:#b1b102; border-bottom-color:#f3f39e}
.policy-item-content .info .more.more-P {color:#0286f9; border-bottom-color:#b7d9f7}
.policy-item-content .info .cust-remind {
	background: #eee;
    margin-top: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 2px dotted #aaa;
    border-bottom: 2px dotted #aaa;
}
.policy-item-content .info .cust-remind.cust-remind-T {background:lavenderblush; border-top-color:#f7b3c9; border-bottom-color:#f7b3c9;}
.policy-item-content .info .cust-remind.cust-remind-S {background: lavender; border-top-color:#c4c4fb; border-bottom-color:#c4c4fb;}
.policy-item-content .info .cust-remind.cust-remind-I {background: beige; border-top-color:#f3f39e; border-bottom-color:#f3f39e;}
.policy-item-content .info .cust-remind.cust-remind-P {background: aliceblue; border-top-color:#b7d9f7; border-bottom-color:#b7d9f7;}

.policy-item-body .info {
	font-size: 11pt;
	line-height: 26px;
}
.policy-item-body .info .content {
	padding: 9.5px;
    margin-bottom: 8px;
    background: #eee;
    font-size: 13px;
    line-height: 20px;
    border-radius: 4px;
    word-break: break-word;
}
.policy-item-body .info .remark { line-height: initial; margin-left: 10px; }

.policy-item-body .btn-block + * { margin-top: 10px; }



.policy-item-footer  .btn { padding: 5px 10px; font-size: 13px; text-align: center; background-color: transparent; box-shadow: none; border:none;color:inherit;}
.policy-item-footer  .btn:hover {color: inherit;}
.policy-item-footer  .btn.btn-T:hover {color:#f90453;}
.policy-item-footer  .btn.btn-S:hover {color:#0202f5;}
.policy-item-footer  .btn.btn-I:hover {color:#b1b102;}
.policy-item-footer  .btn.btn-P:hover {color:#0286f9;}
.policy-item-footer  .btn.btn-T:hover .badge {background:#f90453;}
.policy-item-footer  .btn.btn-S:hover .badge {background:#0202f5;}
.policy-item-footer  .btn.btn-I:hover .badge {background:#b1b102;}
.policy-item-footer  .btn.btn-P:hover .badge {background:#0286f9;}
.policy-item-footer  .btn.btn-notice:hover {color:#f39c12;}
.policy-item-footer  .btn.btn-claim:hover {color:#f56954;}
.policy-item-footer  .btn.btn-alter:hover {color:#00a65a;}
.policy-item-footer  .btn.btn-invest:hover {color:#3c8dbc;}

.policy-item-footer  .btn.btn-pprimary:hover {color:#3c8dbc}
.policy-item-footer  .btn.btn-psuccess:hover {color:#00a65a}
.policy-item-footer  .btn.btn-pdanger:hover {color:#f56954}
.policy-item-footer  .btn.btn-pwarning:hover {color:#f39c12}
.policy-item-footer  .btn.btn-pinfo:hover {color:#00c0ef}

.policy-item-footer  .btn .fa { font-size: 26px; display: block; }

.protection {
	min-height: 200px;
}
.protection:before {
	position: absolute;
	font-family: "Flaticon";
	font-size: 100pt;
	color: #ccc;
	right: 20px;
	bottom: -10px;
	opacity: 0.2;
}
.protection:hover:before {
	font-size: 120pt;
}
.protection-L:before { content: "\f159"; /* flaticon-heart-with-electrocardiogram */ }
.protection-M:before { content: "\f155"; /* flaticon-hospital-bed */ }
.protection-A:before { content: "\f154"; /* flaticon-injury */ }
.protection-S:before { content: "\f157"; /* flaticon-ambulance */ }
.protection-H:before { content: "\f15e"; /* flaticon-health-crutches */ }
.protection-T:before { content: "\f153"; /* flaticon-doctor */ }
.protection-C:before { content: "\f158"; /* flaticon-cancer */ }
.protection-V:before { content: "\f162"; /* flaticon-piggy-bank-1 */ }

.protection-L:hover:before { color: #3c8dbc; }
.protection-M:hover:before { color: #f56954; }
.protection-A:hover:before { color: #f56954; }
.protection-S:hover:before { color: #00a65a; }
.protection-H:hover:before { color: #00a65a; }
.protection-T:hover:before { color: #00c0ef; }
.protection-C:hover:before { color: #00a65a; }
.protection-V:hover:before { color: #f39c12; }

.protection .item {
	padding: 7px 0;
	background-color: transparent;
	border-bottom: 1px solid #eaeaea;
}
.protection .item.item-12 {
	font-size: 0.8em;
	padding-top:5px;
	padding-bottom:5px;
}
.protection .item.checked {
	background: #f5f5f5;
}
.protection .item small.note {
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

/****************************************/
/* policy choice 險種 */
/****************************************/
	.policy-choice a, .policy-choice a:hover {text-decoration:none;}
	.policy-choice a {border-width:1px; border-style:solid;}
	.policy-choice a:hover {border-width:3px; border-style:dotted;}
	.policy-choice .policy-T {background:lavenderblush} 
	.policy-choice .policy-T:hover {background:#f7b3c9;border-color:#f90453}
	.policy-choice .policy-S {background:lavender}   
	.policy-choice .policy-S:hover {background:#c4c4fb; border-color:#0202f5}      
	.policy-choice .policy-I {background:beige}                 
	 .policy-choice .policy-I:hover {background:#f3f39e; border-color:#b1b102}
	.policy-choice .policy-P {background:aliceblue}          
	 .policy-choice .policy-P:hover {background:#b7d9f7; border-color:#0286f9}

	.policy-choice .img-cricle {background:#fff; border-radius:50%; padding: 20px; margin: 30px 30px 0;}
	.policy-choice .policy-T:hover .img-cricle {background:lavenderblush}
	.policy-choice .policy-S:hover .img-cricle {background:lavender} 
	.policy-choice .policy-I:hover .img-cricle {background:beige}
	.policy-choice .policy-P:hover .img-cricle {background:aliceblue} 
	
	.policy-choice .thumbnail .caption h3>span {border-bottom: 2px solid #648420}
	.policy-choice .thumbnail:hover .caption h3>span {border-bottom-width: 5px}
	.policy-choice .policy-T .caption h3>span {border-bottom-color: #f90453}
	.policy-choice .policy-S .caption h3>span {border-bottom-color: #0202f5}
	.policy-choice .policy-I .caption h3>span {border-bottom-color: #b1b102}
	.policy-choice .policy-P .caption h3>span {border-bottom-color: #0286f9}
	
	.policy-choice .policy-record-notice {background:#fbecd4} 
	.policy-choice .policy-record-notice:hover {background:#ffd187; border-color:#f39c12}
	.policy-choice .policy-record-claim {background:#f9e2de}   
	.policy-choice .policy-record-claim:hover {background:#f3a093; border-color:#f56954}      
	.policy-choice .policy-record-alter {background:#d7f3e6}                 
	 .policy-choice .policy-record-alter:hover {background:#7fd8af; border-color:#00a65a}
	.policy-choice .policy-record-invest {background:#cfebfb}          
	 .policy-choice .policy-record-invest:hover {background:#b7d9f7; border-color:#3c8dbc}

	.policy-choice .policy-record-notice:hover .img-cricle {background: #fbecd4}
	.policy-choice .policy-record-claim:hover .img-cricle {background: #f9e2de} 
	.policy-choice .policy-record-alter:hover .img-cricle {background: #d7f3e6}
	.policy-choice .policy-record-invest:hover .img-cricle {background: #cfebfb} 
	
	.policy-choice .policy-record-notice .caption h3>span {border-bottom-color: #f39c12}
	.policy-choice .policy-record-claim .caption h3>span {border-bottom-color: #f56954}
	.policy-choice .policy-record-alter .caption h3>span {border-bottom-color: #00a65a}
	.policy-choice .policy-record-invest .caption h3>span {border-bottom-color: #3c8dbc}

/****************************************/
/* summary-S4 */
/****************************************/
.policy-card .row-card {margin-left: 15px; margin-right: 15px;}
.policy-card .row-card-no-pd { background: #fff; margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px; position: relative; box-shadow: 0 1px 20px 1px rgba(69,65,78,.06); }
@media (min-width:768px) { .policy-card .row-card-no-pd > [class^="col-sm-"] { border-right: 1px solid #e9e9e9; }  .policy-card .row-card-no-pd > [class^="col-sm-"]:last-child {border-right:none}}
.policy-card .card { position: relative; flex-direction: column; min-width: 0; margin-bottom: 30px; word-wrap: break-word; background-color: #fff; background-clip: border-box;  box-shadow: 0 1px 20px 1px rgba(69,65,78,.08);  border: 0;  border-radius: .25rem;}
.policy-card .card-round { border-radius: 4px; }
.policy-card .row-card-no-pd .card { margin-bottom: 0; border-width: 0; box-shadow: none; position: unset; }
.policy-card .card-body { flex: 1 1 auto; padding: 1.25rem; }
.policy-card .card .card-body { padding: 15px; }
.policy-card .card-stats .card-body { padding: 15px 0 !important; }
.card-stats .icon-big { font-size: 2.8em; min-height: 64px;  text-align: center; display: flex; align-items: center; justify-content: center; }
.card-stats .icon-big [class^="flaticon-"]:before { font-size:56px; }
.card-stats .icon-big img { width: 64px; }
.policy-card .card-stats .col-stats { align-items: center; text-align: center; padding-left: 5px;  margin-top: 8px; }
.policy-card .card .card-category { margin-top: 8px; font-size: 13px; color: #9a9a9a;  margin-bottom: 0; word-break: normal; }
.policy-card .card-stats .card-category { margin-top: 0; }
.policy-card .card .card-title { margin: 0; color: #575962; font-size: 24px; font-weight: 400; line-height: 1.6; }
.policy-card .card-stats .card-title { margin-bottom: 0!important; }

.policy-summary-breadcrumb { margin-left: 15px; margin-right: 15px; margin-bottom: 15px; }
.policy-summary-breadcrumb .info { display: inline-block; margin-left: 30px; }
.policy-summary-breadcrumb .info p {font-size:13px;}

 .policy-no-birthday { padding: 20px; background: #f3edde; text-align: center; margin: 0 15px; }
 .policy-no-birthday h3 {line-height: 36px;}
 .policy-no-birthday form {margin-top: 30px}
 @media (max-width:767px) { 
 	.policy-no-birthday h3 {font-size: 20px; line-height: 30px;} 
  	.policy-no-birthday p {font-size: 15px;} 
 }


/****************************************/
/* month picker */
/****************************************/
.month-picker { width: 100% }
/****************************************/
/* Number Input & check radio */
/****************************************/
.number-input-container label, .check-radio label {
	font-weight: normal;
	font-size: 16px;
}
.check-radio label { margin-right: 15px; }

/****************************************/
/* UI- Select */
/****************************************/
.ui-select-container { height: 46px; }
 .ui-select-toggle, .ui-select-search { /* lg */
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
	outline: none;
}
.ui-select-bootstrap .ui-select-choices-row>span {
	font-size:18px;
	line-height: 1.3333333;
	color: #555;
}
.ui-select-bootstrap .ui-select-choices-row.active>span {
	background: #aaa;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
	margin-top: 0;
	font-size: 18px;
	color: #aaa;
}

/****************************************/
/* Tag Input */
/****************************************/
tags-input .tags .tag-item {
	border-color: #DDD;
	height: 46px;
    font-size: 18px;
    line-height: 1.3333333;
    padding: 10px;
    color: #fff;
    background: #648420;
}
tags-input .tags .input {
	height: 46px;
    font-size: 18px;
    line-height: 1.3333333;
    padding: 10px 16px;
    color: #555;
}
tags-input .tags .tag-item .remove-button {
	color: #ccc;
}
tags-input .tags .input:placeholder {
	color: #f9f9f9;
}

.cckm-T .tags .tag-item { background:#f90453; border-color: #f7b3c9; }
.cckm-S .tags .tag-item { background:#0202f5; border-color: #c4c4fb; }
.cckm-I .tags .tag-item { background:#b1b102; border-color: #f3f39e; }
.cckm-P .tags .tag-item { background:#0286f9; border-color: #b7d9f7; }

/****************************************/
/* Input */
/****************************************/
.input-group-addon {
    color: #555;
    background-color: #eee;
    border-color: #ccc;
}

/****************************************/
/* upsert policy */
/****************************************/
/*
.upsert-policy-info .form-T { color:#f90453 }
.upsert-policy-info .form-S { color:#0202f5 }
.upsert-policy-info .form-I { color:#b1b102 }
.upsert-policy-info .form-P { color:#0286f9 }
*/

.upsert-policy-info .cmp-section .btn-title { margin: 10px 0; padding: 6px 10px; border: 3px dotted #ccc; background: #eee; cursor: pointer; }
.upsert-policy-info .cmp-section .btn-title.policy-T { color:#f90453; border-color: #f7b3c9; background: lavenderblush; }
.upsert-policy-info .cmp-section .btn-title:hover.policy-T { color: #FFF; background: #f90453; border-style:solid; }
.upsert-policy-info .cmp-section .btn-title:hover.policy-T .fa-inverse { color:#f90453; }
.upsert-policy-info .cmp-section .btn-title.policy-S { color:#0202f5; border-color: #c4c4fb; background: lavender; }
.upsert-policy-info .cmp-section .btn-title:hover.policy-S { color: #FFF; background: #0202f5; border-style:solid; }
.upsert-policy-info .cmp-section .btn-title:hover.policy-S .fa-inverse { color:#0202f5; }
.upsert-policy-info .cmp-section .btn-title.policy-I { color:#b1b102; border-color: #f3f39e; background: beige; }
.upsert-policy-info .cmp-section .btn-title:hover.policy-I { color: #FFF; background: #b1b102; border-style:solid; }
.upsert-policy-info .cmp-section .btn-title:hover.policy-I .fa-inverse { color:#b1b102; }
.upsert-policy-info .cmp-section .btn-title.policy-P { color:#0286f9; border-color: #b7d9f7; background: aliceblue; }
.upsert-policy-info .cmp-section .btn-title:hover.policy-P { color: #FFF; background: #0286f9; border-style:solid; }
.upsert-policy-info .cmp-section .btn-title:hover.policy-P .fa-inverse { color:#0286f9; }

.upsert-policy-info .cmp-section .btn-title h4 { font-weight: normal; line-height: 1.9; display: inline-block; padding:0; margin:0;}
.upsert-policy-info .upsert-info .upsert-item { padding-left: 5px; padding-right: 5px }

@media(max-width:767px) {
	.cust { position:relative; display: block; text-align: center; }
	.cust .btn { margin-bottom: 8px; }
	.upsert-policy-info .col-sm-12 { padding-left:0; padding-right:0; }
}

.upsert-policy-info .rider-info .icon-circle { padding: 2px 3px; border: 3px solid #ccc; border-radius: 50%; }
.upsert-policy-info .rider-info.T .icon-circle { color:#f90453; border-color: #f7b3c9; }
.upsert-policy-info .rider-info.S .icon-circle { color:#0202f5; border-color: #c4c4fb; }
.upsert-policy-info .rider-info.I .icon-circle { color:#b1b102; border-color: #f3f39e; }
.upsert-policy-info .rider-info.P .icon-circle { color:#0286f9; border-color: #b7d9f7; }

.upsert-policy-info .rider-info .add { padding:8px 0; text-align:center; border: 2px dotted #ccc; cursor: pointer;}
.upsert-policy-info .rider-info.T .add { color:#f90453; border-color: #f7b3c9; }
.upsert-policy-info .rider-info.S .add { color:#0202f5; border-color: #c4c4fb; }
.upsert-policy-info .rider-info.I .add { color:#b1b102; border-color: #f3f39e; }
.upsert-policy-info .rider-info.P .add { color:#0286f9; border-color: #b7d9f7; }
.upsert-policy-info .rider-info.T .add:hover { border-color:#f90453; background-color: lavenderblush; }
.upsert-policy-info .rider-info.S .add:hover { border-color:#0202f5; background-color: lavender; }
.upsert-policy-info .rider-info.I .add:hover { border-color:#b1b102; background-color: beige; }
.upsert-policy-info .rider-info.P .add:hover { border-color:#0286f9; background-color: aliceblue; }


@media(max-width:767px) { .move .cc-div-table { width:auto; } }
@media(min-width:768px) {  .move .cc-div-table.fixed { table-layout: auto; } }
.move .cc-div-table-row .cc-div-table-cell { background: #f9f9f9; }
.move .cc-div-table-row:nth-child(even).T .cc-div-table-cell  { background: lavenderblush; }
.move .cc-div-table-row:nth-child(even).S .cc-div-table-cell  { background: lavender; }
.move .cc-div-table-row:nth-child(even).I .cc-div-table-cell  { background: beige; }
.move .cc-div-table-row:nth-child(even).P .cc-div-table-cell  { background: aliceblue; }
.move .cc-div-table-cell { padding:3px 6px; border-bottom: 1px dotted #ccc; }
.move .cc-div-table-cell .name { display:inline-block; color:#888; font-size:12px; }
.move .cc-div-table-cell .value { display:block; font-size:0.85em;}
.move .cc-div-table-cell .value.edit { font-size: 18px; }
@media(max-width:767px) { .move .cc-div-table-cell .value {font-size:0.8em;} }

.policy-info .move .cc-div-table-cell .value {font-size:0.8em;}