@import url("pj-single-page.css");
@import url("pj-single-page-analysisTab.css");
@import url("pj-policy-analysis.css");

/*--------各頁選擇人區塊--------------------------------------------------------*/

.select-block {
    border: 1px dotted #c5c5c5;
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
}
.select-insured {
    background: #b2d27e;
    color: #fff;
    clear: both;
    padding: 8px 10px;
    margin: 15px 0px;
    /*text-align: center;*/
    border-bottom: 3px dashed #8da95f;
    text-shadow: 0px 0px 10px #4d691e;
}
.select-insured-fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    max-width: 1060px;
    margin: 0px 0px;
}
.select-insured .status {
    margin: 0;
    /*margin-left: 15px;
    padding: 5px;
    float: left;*/
}
.select-insured .status img {
    max-width: 60px;
    max-height: 60px;
}
/* .select-insured ul {} */
.select-insured ul li {
    list-style-type: none;
    display: inline;
}
.select-insured ul li:after {
    content: '／';
}
.select-insured ul li:last-child:after {
    content: '';
}
.select-insured ul li span {
    padding-right: 8px;
}
.select-insured ul li .title-group {
    margin-bottom: 15px;
}
p.name {
    margin: 0;
}
.pf-text {
    padding-left: 13px;
}
.pf-text .btn {
    padding: 0.3rem 0.4rem 0.3rem 0.5rem;
}

/*--------方案列表--------------------------------------------------------*/


/*未選人方案列表*/

.list .footable-empty {
    color: #6b6b6b;
    font-size: 16px;
}
.list .footable-empty td {
    display: none;
}
.list .footable-empty td.footable-first-visible {
    display: table-cell;
}
.list .footable-empty td.footable-first-visible:after {
    content: '  :(';
}

/*已選人方案列表*/

.list {
    margin-bottom: 30px;
    clear: both;
}
.pj-block {
    padding: 15px;
    box-shadow: 0px 6px 10px #c3c3c3ee;
    border-radius: 10px;
    margin-bottom: 15px;
    background: #f9f9f9;
}

.pj-block div.btn-menu {
   position:absolute;
   bottom:35px;
   right:0;
   background-color:white;
   box-shadow:0 2px 6px #c3c3c3ee;
   border:1px solid #BDBDBD;
   border-radius:5px;
   min-width:150px;
   /*  padding:10px 15px;  */
}

.pj-block div.btn-menu div{
   color:gray;
}

.pj-block div.btn-menu div:hover {
   background-color:orange;
   color:white;
}
/* worling */

.pj-top-block {
    padding: 0 15px 15px;
    border-top: 0;
    border-bottom: solid 1px lightgray;
    /* margin: 0 0 15px 0; */
    margin: 0;
}
.pj-top-block .info-text {
    font-size: 14px;
    color: #B7B7B7;
}
.pj-top-block .stages { color: #f99339; }
.pj-top-block .prefer-ins { color: #EB6F6F; }
.pj-top-block .times {
    color: #868e96;
    font-size: 14px;
}
.pj-top-block .match-requirement a {
    color: #f99339;
    text-decoration: underline;
    margin-left: 10px;
    font-size: 14px;
}

.pj-name-block {
    padding-top: 15px;
}

/* .pj-name-block i.fa-file-alt {
    background: #868e96;
    color: #fff;
    padding: 14px;
    border-radius: 100px;
    margin-right: 10px;
} */
.pj-name-block img, .pj-name-block .plan-icon {
    margin-right: 10px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    min-width: 50px;
}
.pj-name-block .plan-icon {
    background: #868e96;
    color: #fff;
    text-align: center;
}

.pj-name-block .plan-icon svg {
    height: 100%;
}

.pj-name-block h4 {
    font-size: 18px;
    line-height: 1.5;
    color: #5e861f;
    margin: 0;
}
.pj-info-block {
    padding-top: 15px;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    text-align: right;
}
.pj-info-block .btn {
    margin-left: 5px;
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
    font-size: 14px;
}


/*備註*/

#remark-popup .modal-body h4 {
    margin: 0;
    color: #ffffff;
    background: #95a974;
    padding: 6px 10px 9px 7px;
    border-radius: 5px;
    border-right: 7px solid #728652;
    display: table;
}
#remark-popup .modal-body #info-memo label {
    color: #abaaaa;
    font-weight: bolder;
    margin-bottom: 3px;
}

/*--------------------------------*/

.list .footable-header th,
.footable-empty td {
    padding: 0.75rem 0rem;
}

/*
.list tr th {
    color: #868e96;
    font-size: 18px;
    padding: 0.6rem;
    vertical-align: top;
}
.list tr td {
    padding: 0.6rem;
    vertical-align: middle;
    border-bottom: 1px solid #e0e0e0;
    color: #8a8a8a;
    padding: 0.5rem 0rem;
}
.list tr th.btn-col,
.list tr td.btn-col {
    text-align: center;
}
.list tr td.btn-col {
    padding: 6px 0px;
}
.pj-list-block .footable-header {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.list tr td.pj-name-link a {
    color: #5e861f;
}*/

.send-status {
    color: #616955;
}
.pj-name-link-prompt {
    display: none;
    font-size: 15px;
    color: #a8ca72;
    float: right;
}

/*--------選擇被保人popup表格--------------------------------------------------------*/

.col-select .form-check,
.col-select .form-check-input,
#select-person .modal-body table tr td label {
    margin: 0;
}
.select-popup-th {
    color: #8a8a8a;
    border-bottom: 2px solid #cccccc;
    font-weight: bolder;
    font-size: 16.5px;
}
.select-popup-th th {
    padding: 15px 5px 8px 0px;
}
#my-insured,
#my-client,
#my-insured-import,
#my-client-import {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.col-select {
    text-align: center;
}
#slelect-client-filter {
    background: #eee;
    padding: 15px 10px;
}
#slelect-client-filter form {
    margin: 0;
}
#slelect-my-insured-table,
#slelect-client-table {
    padding: 0px 10px 15px 10px;
}
.col-whown {
    max-width: 185px;
}
#slelect-client-table .col-select,
.col-relat {
    min-width: 40px;
}
#select-person .modal-body .footable-details {
    background: #eee;
}
#select-person .modal-body .footable-details th {
    padding: 0px 0px 0px 15px;
}

/*---匯入方案popup表格---*/

.col-select-send {
    text-align: center;
}
.col-select-send a {
    background: #6b6b6b;
    color: #fff;
    min-width: 75px;
}
a.selected {
    background: #f99339;
    color: #fff;
}
a.selected::before {
    content: '已';
}

/*popup內含表格的表格標頭*/

#select-person #slelect-my-insured-table .footable-header th,
#select-person-to-import #slelect-my-insured-table .footable-header th,
#select-person-to-import #slelect-client-table .footable-header th,
#select-pj #slelect-my-pj-table .footable-header th,
#select-pj-send #slelect-my-pj-table .footable-header th {
    padding-bottom: 10px;
}
tr.footable-show + tr.footable-detail-row {
    display: table-row;
}
tr.footable-hide + tr.footable-detail-row {
    display: none;
}

/*popup內新增被保人*/

#add-my-insured,
#add-my-client {
    padding: 10px 10px 0px 10px;
}
#add-form {
    padding: 10px 10px 0px 10px;
}
#add-my-insured .add-my-insured-title {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #8ab93e;
    padding: 8px 0px 5px 0px;
}
.datepicker-days .prev,
.datepicker-days .next,
.datepicker-months .prev,
.datepicker-months .next,
.datepicker-years .prev,
.datepicker-years .next {
    position: inherit;
    cursor: pointer;
    z-index: 999;
    padding: 0px;
    top: 0%;
    background-color: #fff;
    color: #000;
    font-size: 1.5rem;
    text-align: center;
    line-height: 0px;
}
@media (max-width: 375px) {
    #add-my-insured .career-select1,
    #add-my-insured .career-select2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #add-my-insured .add-btn {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.add-my-client-text {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    border-left-color: #f0ad4e;
}
.plan-btn {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    padding: 4px 6px 4px 22px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    background: url(https://forum.i835.com.tw/images/writing.png) #56a317 no-repeat;
    background-size: 16px;
    background-position: 5px 6px;
    margin-left: 8px;
}
.plan-btn:hover {
    color: #fff;
    background: url(https://forum.i835.com.tw/images/writing.png) #55882c no-repeat;
    background-size: 16px;
    background-position: 5px 6px
}
a.plan-btn:link,
a.plan-btn:visited {
    color: #fff;
}