#detail-map{height:400px;width:100%;z-index:1}#view-project-details{height:100%;overflow-y:scroll}#view-project-details #program-details-header{background-color:#02a0b3}#view-project-details #program-details-header h3{background-color:#123b3b;color:#fff;padding:8px 16px;margin:0}#view-project-details #program-details-header #program-details-title-section{height:50px}#view-project-details #program-details-header #pd-ProjectTitle{height:100%;margin-right:40px;background-color:#02a0b3;color:#fff;padding:4px 18px}#view-project-details #program-details-header #btn-show-map-view-from-pd{background-color:#0a6261;float:right;cursor:pointer;line-height:1em;text-align:center;width:47px;height:50px}#view-project-details #program-details-header #btn-show-map-view-from-pd img{height:30px;padding:4px 4px 0;width:auto}#view-project-details #program-details-header #btn-show-map-view-from-pd span{color:#fff;font-size:10px}#view-project-details #project-details-info-section{padding:0 4%}#view-project-details #project-details-info-section .grey-text{color:#414141}#view-project-details #project-details-info-section h3{font-family:PT Sans,sans-serif;font-size:.9em;margin-bottom:0}#view-project-details #project-details-info-section #pd-ProjectPurpose{font-size:1.1em;padding:8px 0}#view-project-details #project-details-info-section #pd-Schedule,#view-project-details #project-details-info-section #pd-Schedule-Delivery{border-top:1px solid #ddd;margin-top:34px;width:100%}#view-project-details #project-details-info-section .pd-smartScale{display:none}#view-project-details #project-details-info-section .proj-det-status-header{color:#000;background-color:#ccc;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.9em;font-weight:700;margin:0;vertical-align:center;height:100%;width:100%;padding:6px 9px}#view-project-details #project-details-info-section .sched-item{width:100%;padding-right:4px}#view-project-details #project-details-info-section .proj-det-status{padding:8px 1%;color:#3cb06f;display:inline-block}#view-project-details #project-details-info-section .proj-det-status:before{background-color:#3cb06f;border-radius:100%;content:"";display:inline-block;height:28px;margin-right:6px;vertical-align:middle;width:28px}#view-project-details #project-details-info-section .proj-det-status span.gray-bg{color:#000;background-color:#ccc;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.85em;line-height:12px;margin-bottom:4px;vertical-align:center;height:100%;margin-left:2%}#view-project-details #project-details-info-section .proj-det-status.green{color:#8daf63}#view-project-details #project-details-info-section .proj-det-status.green:before{background-color:#8daf63}#view-project-details #project-details-info-section .proj-det-status.yellow{color:#f4b845}#view-project-details #project-details-info-section .proj-det-status.yellow:before{background-color:#f4b845}#view-project-details #project-details-info-section .proj-det-status.red{color:#f8333b}#view-project-details #project-details-info-section .proj-det-status.red:before{background-color:#f8333b}#view-project-details #project-details-info-section .proj-det-status.gray{color:#5e7676}#view-project-details #project-details-info-section .proj-det-status.gray:before{background-color:#5e7676}#view-project-details #project-details-info-section div div div{display:inline-block;font-size:.9em;line-height:18px;margin-bottom:4px;padding-left:6px;vertical-align:top;width:48%}#view-project-details #project-details-info-section div div div span,#view-project-details #project-details-info-section div div div strong{display:inline-block;padding:6px 2px;vertical-align:middle;width:36%}#view-project-details #project-details-info-section div div div .sched-date i{color:#414141;font-size:12px}#view-project-details #project-details-info-section div div div span{margin-left:2%;word-wrap:break-word}#view-project-details #project-details-info-section div div div span.sched-date{margin-left:1%;text-align:center;width:25%}#view-project-details #project-details-info-section div div div.gray-bg{background-color:#ccc}#view-project-details #project-details-map-section{padding:0 4% 22px}@media screen and (max-width:630px){#view-project-details #program-details-header h3{font-size:.8em;padding:4px 10px}#view-project-details #program-details-header #program-details-title-section{font-size:.8em;height:auto;line-height:15px;min-height:50px}#view-project-details #program-details-header #pd-ProjectTitle{padding:4px 4px 6px 10px}#view-project-details #program-details-header #btn-show-map-view-from-pd i{font-size:1.3em;padding:7px}#view-project-details #project-details-info-section #pd-ProjectPurpose{font-size:.75em;line-height:14px}#view-project-details #project-details-info-section .proj-det-status-header{font-size:.6em;padding:6px 2px}#view-project-details #project-details-info-section .proj-det-status{color:#3cb06f;display:block;font-size:.8em;padding:0 1% 3px}#view-project-details #project-details-info-section .proj-det-status:before{height:16px;width:16px}#view-project-details #project-details-info-section h3{padding-top:8px}#view-project-details #project-details-info-section div div div{background-color:#fff;font-size:.6em;line-height:12px;margin-bottom:0;padding-left:0;width:100%}#view-project-details #project-details-info-section div div div .sched-date i{font-size:10px}#view-project-details #project-details-info-section div div div span,#view-project-details #project-details-info-section div div div strong{display:inline-block;padding:6px 2px;vertical-align:middle;width:34%}#view-project-details .project-activity-badge{width:14px!important;height:14px!important;border-radius:14px}#view-project-details .project-activity-badge.green{background-color:#8daf63!important}#view-project-details .project-activity-badge.yellow{background-color:#f4b845!important}#view-project-details .project-activity-badge.red{background-color:#f8333b!important}#view-project-details button.accordion-det{padding:12px;font-size:12px}}.project-activity-badge{width:16px;border-radius:16px;width:22px!important;padding-top:2px!important;padding-bottom:2px!important;text-align:center;color:#fff;font-size:8px;margin-right:2%;margin-left:0}.project-activity-badge.green{background-color:#8daf63!important}.project-activity-badge.yellow{background-color:#f4b845!important}.project-activity-badge.red{background-color:#f8333b!important}#pd-Schedule{background-color:#ccc}button.accordion-det{background-color:#6d3781;color:#eee;cursor:pointer;padding:18px;width:100%;border-width:.2em;border-color:#fff;text-align:left;outline:none;font-size:18px;font-family:Merriweather,serif;-webkit-transition:.4s;transition:.4s;margin-bottom:0}button.accordion-det.active,button.accordion-det:hover{background-color:#87519b}button.accordion-det:after{content:'\002B';color:#fff;font-weight:700;float:right;margin-left:5px}button.accordion-det.active:after{content:"\2212"}div.panel-det{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out;margin-bottom:0}