body {background:#DDEAF2; overflow-x:hidden;}

.navbar-top-scg.navbar-top {padding-top: 46px;}
.navbar-top-scg .navbar-fixed-top {position: fixed;}
.navbar-top-scg .navbar-fixed-top .navbar-collapse {max-height: calc(100vh - 45px);}

.navbar-scg {background:#186FA5; border:none;}
.navbar-scg .navbar-nav > li > a {color: #fff;}
.navbar-scg .navbar-nav > li > a:hover, 
.navbar-scg .navbar-nav > li > a:focus {color: #fff; background-color: rgba(0, 0, 0, 0.1);}
.navbar-scg .navbar-brand.logo {padding: 0px 20px;}
.navbar-scg .navbar-brand.logo > img {margin-top: 6px; height: 30px;}
.navbar-scg .navbar-nav > li.btnLogout {background:#FD9B1C;}
.navbar-scg .navbar-nav > li.btnTime {background:#2598C5;}
.navbar-scg .navbar-collapse.in .dropdown-menu > li > a {color: rgba(255,255,255,0.8); padding-left:30px; cursor:pointer;}
.navbar-scg .navbar-collapse.in .dropdown-menu > li > a:hover, 
.navbar-scg .navbar-collapse.in .dropdown-menu > li > a:focus {color: #fff; background-color: rgba(0, 0, 0, 0.1);}

.page-header-scg {padding-bottom:10px;}
.page-header-scg .page-title {padding: 10px 36px 15px 0;}
.page-header-scg .page-title .title-1 {font-size:30px;}
.page-header-scg .logo-theme-1 {display: block; position: absolute; right: 20px; top: 24px;}
.page-header-scg .breadcrumb-scg {border:none; border-radius:0px;}
.page-header-scg .breadcrumb-scg .breadcrumb {font-size: 14px; padding:10px 0px; line-height:26px;}
.page-header-scg .breadcrumb-scg .breadcrumb > li i {font-size: 18px; margin-top: -1px; color:#186FA5;}
.page-header-scg .breadcrumb-scg .breadcrumb > li > a {color:#186FA5; font-weight:bold;}
.page-header-scg .breadcrumb-scg .breadcrumb > .active {color:#333; font-weight:normal;}
.page-header-scg .breadcrumb-scg .breadcrumb > li + li:before {content:'|';}
.page-header-scg.fixedTop:after {display:block; content:''; height:46px; overflow:hidden;}
.page-header-scg.fixedTop .breadcrumb-scg {position:fixed; left:0px; top:44px; z-index:100; width:100%; box-shadow:0px 0px 3px rgba(0,0,0,0.3); margin:0px;}
.page-header-scg .boxQuickAction {padding:5px 5px 0px 0px; float: right; margin: 0; list-style: none;  font-size: 0;}
.page-header-scg .boxQuickAction:after {content: ''; display: table; clear: both;}
.page-header-scg .boxQuickAction li {position:relative; float: left;  display: inline-block; position: static; font-size: 13px; padding:0px 0px 5px 5px;}
.boxQuickAction .btn:hover, .boxQuickAction .btn:focus, .boxQuickAction .btn.focus {color:#fff;}

.navbar-boxed .dropdown.open > .dropdown-menu {max-height:70vh; overflow-y:auto;}

.page-container {padding-bottom:0px; min-height:auto !important;}

.mainContainer-scg {position:relative; padding-left:75px; min-height:calc(100vh - 210px);}
.mainContainer-scg .sidebar {display:block; position:absolute; z-index:99; left:0px; top:0px; width:55px; height:auto; min-height:100%; background:#186fa5; padding: 0px;}
.mainContainer-scg .sidebar > a {display:block; width:55px; height:55px; line-height:55px; position:relative; color:#fff;}
.mainContainer-scg .sidebar > a > i {display: block; font-size: 24px; padding: 16px 0px 0px 0px; text-align: center;}
.mainContainer-scg .sidebar > a > span {display:none; line-height: 18px; position:absolute; left:70px; top:10px; white-space:nowrap; background: #155a85; border-color: #155a85; padding: 7px 20px 6px 20px; border-radius:3px;}
.mainContainer-scg .sidebar > a > span:after {content: ""; width: 0; height: 0; border-right: 5px solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right-color: inherit; position: absolute; left: -5px; top: 50%; margin-top: -5px;}
.mainContainer-scg .sidebar > a > b.numBadge {display: block; width: 20px; height: 20px; text-align: center; position: absolute; right: 3px; top: 5px; background: #D22B01; line-height: 20px; border-radius: 10px; margin-left: -24px; font-size: 11px;}
.mainContainer-scg .sidebar > a.active, 
.mainContainer-scg .sidebar > a:hover {background:#155a85; text-decoration:none;}
.mainContainer-scg .sidebar > a:hover > span {display:block;}
.mainContainer-scg .container-scg {/*min-height:calc(100vh - 220px);*/}

.sidebar-scg .navigation {padding:0px;}
.sidebar-scg .navigation > li.active > a, 
.sidebar-scg .navigation > li.active > a:hover,
.sidebar-scg .navigation > li.active > a:focus {background:#186FA5;}
.sidebar-scg .sidebar-content {background-color: #262D37; border: none; border-radius:0px;}
.sidebar-xs .sidebar-main.sidebar-scg .navigation-main > li > a > span {background:#186FA5; border-color:#186FA5; padding:7px 20px 6px 20px; width:auto; white-space:nowrap; right:auto; left:70px; top:10px; border-radius:3px;}
.sidebar-xs .sidebar-main.sidebar-scg .navigation-main > li > a > i:before {font-size:25px;}
.sidebar-xs .sidebar-main.sidebar-scg .navigation-main > li > ul {top:53px;}

.sidebar-xs .sidebar-main:before {display: block; content: ''; width: 56px; height: 100%; background: #262D37; position: absolute; left: 0px; top: 0px;}

.btnCreateWithCopy {display:block; position:absolute; right:0px; top:0px; font-size:13px; font-weight:bold; color:#186fa5;}
.btnCreateWithCopy i {padding-right:5px;}
.btnCreateWithCopy:hover {opacity:0.7;}

.RequestType {font-size:15px; line-height:24px; font-weight:bold;}
.RequestType h3 {display:block; margin:0px; padding:0px 35px 0px 0px; float:left; font-size:15px; line-height:24px; font-weight:bold; color:#1B98C6;}
.RequestType .boxTrialLab {display:block; margin:0px; padding:0px 15px 0px 32px; float:left; position:relative; color:#72BC67;}
.RequestType .boxTrialLab:before {display:block; content:'TL'; position:absolute; left:0px; top:0px; width:24px; height:24px; text-align:center; color:#fff; background:#72BC67; border-radius:3px;}
.RequestType .boxCommercial {display:block; margin:0px; padding:0px 15px 0px 32px; float:left; position:relative; color:#FC9B19;}
.RequestType .boxCommercial:before {display:block; content:'CT'; position:absolute; left:0px; top:0px; width:24px; height:24px; text-align:center; color:#fff; background:#FC9B19; border-radius:3px;}
.RequestType .boxPropertiesTest  {display:block; margin:0px; padding:0px 15px 0px 32px; float:left; position:relative; color:#D32C08;}
.RequestType .boxPropertiesTest:before {display:block; content:'PT'; position:absolute; left:0px; top:0px; width:24px; height:24px; text-align:center; color:#fff; background:#D32C08; border-radius:3px;}
.RequestType:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}

.boxRiskMitigation {font-size:15px; line-height:24px; font-weight:bold;}
.boxRiskMitigation h3 {display:block; margin:0px; padding:0px 35px 0px 0px; float:left; font-size:15px; line-height:24px; font-weight:bold; color:#1B98C6;}
.boxRiskMitigation .boxLow {display:block; margin:0px; padding:0px 15px 0px 32px; float:left; position:relative; color:#72BC67;}
.boxRiskMitigation .boxLow:before {display:block; content:'L'; position:absolute; left:0px; top:0px; width:24px; height:24px; text-align:center; color:#fff; background:#72BC67; border-radius:3px;}
.boxRiskMitigation .boxMedium {display:block; margin:0px; padding:0px 15px 0px 32px; float:left; position:relative; color:#FC9B19;}
.boxRiskMitigation .boxMedium:before {display:block; content:'M'; position:absolute; left:0px; top:0px; width:24px; height:24px; text-align:center; color:#fff; background:#FC9B19; border-radius:3px;}
.boxRiskMitigation .boxHigh  {display:block; margin:0px; padding:0px 15px 0px 32px; float:left; position:relative; color:#D32C08;}
.boxRiskMitigation .boxHigh:before {display:block; content:'H'; position:absolute; left:0px; top:0px; width:24px; height:24px; text-align:center; color:#fff; background:#D32C08; border-radius:3px;}
.boxRiskMitigation:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}

.boxTableRisk {width:100%; border-width:0px; text-align:center; margin-bottom:15px; border-spacing: 0px 7px; border-collapse: separate;}
.boxTableRisk tr td {padding:0px 2px;}
.boxTableRisk .th td {font-size:15px; font-weight:bold; line-height:15px;}
.boxTableRisk .lh40 td {line-height:40px;}
.boxTableRisk .th td i {display:block; font-weight:normal; font-size:12px;}
.boxTableRisk .lineHeader1 td {border-top:1px solid #B3BAC0; border-bottom:1px solid #B3BAC0; padding:5px 0px;}
.boxTableRisk .lineHeader1 td:first-child {text-align:left;}
.boxTableRisk .list-risk td:first-child {text-align:left;}
.boxTableRisk .list-risk td:nth-child(2) {width:70px;}
.boxTableRisk .list-risk td:nth-child(3) {width:70px;}
.boxTableRisk .list-risk td:nth-child(5) {max-width:20px;}
.boxTableRisk .list-risk td:nth-child(7) {max-width:20px;}
.boxTableRisk .list-risk td:nth-child(8) {max-width:20px;}
.boxTableRisk .btnChk_risk.active { border-color:#cedfec; background:#ebf3f9; box-shadow:none;}
.boxTableRisk .btnChk_risk.active:before {color:#229DC9; font-family: 'icomoon'; content: "\ed6c";}

.boxTableRisk .btnSelectGross.low span {display:none;}
.boxTableRisk .btnSelectGross.low {width:24px; padding-left:0px; padding-right:0px; text-align:center; border-color:#72BC67; background-color:#72BC67; color:#fff;}
.boxTableRisk .btnSelectGross.low:before {display:block; content:'L'; font-weight:bold;}

.boxTableRisk .btnSelectGross.medium span {display:none;}
.boxTableRisk .btnSelectGross.medium {width:24px; padding-left:0px; padding-right:0px; text-align:center; border-color:#FC9B19; background-color:#FC9B19; color:#fff;}
.boxTableRisk .btnSelectGross.medium:before {display:block; content:'M'; font-weight:bold;}

.boxTableRisk .btnSelectGross.high span {display:none;}
.boxTableRisk .btnSelectGross.high {width:24px; padding-left:0px; padding-right:0px; text-align:center; border-color:#D32C08; background-color:#D32C08; color:#fff;}
.boxTableRisk .btnSelectGross.high:before {display:block; content:'H'; font-weight:bold;}

.boxTableRisk .btnSelectNet.low span {display:none;}
.boxTableRisk .btnSelectNet.low {width:24px; padding-left:0px; padding-right:0px; text-align:center; border-color:#72BC67; background-color:#72BC67; color:#fff;}
.boxTableRisk .btnSelectNet.low:before {display:block; content:'L'; font-weight:bold;}

.boxTableRisk .btnSelectNet.medium span {display:none;}
.boxTableRisk .btnSelectNet.medium {width:24px; padding-left:0px; padding-right:0px; text-align:center; border-color:#FC9B19; background-color:#FC9B19; color:#fff;}
.boxTableRisk .btnSelectNet.medium:before {display:block; content:'M'; font-weight:bold;}

.boxTableRisk .btnSelectNet.high span {display:none;}
.boxTableRisk .btnSelectNet.high {width:24px; padding-left:0px; padding-right:0px; text-align:center; border-color:#D32C08; background-color:#D32C08; color:#fff;}
.boxTableRisk .btnSelectNet.high:before {display:block; content:'H'; font-weight:bold;}

.boxStatus-requester-evaluate {display:inline-block; font-size:13px; font-weight:bold; color:#fff; padding:2px 8px; background:#FC9B19;}
.boxStatus-requester-update-detail {display:inline-block; font-size:13px; font-weight:bold; color:#fff; padding:2px 8px; background:#FC9B19;}
.boxStatus-cancelled {display:inline-block; font-size:13px; font-weight:bold; color:#fff; padding:2px 8px; background:#D32C08;}
.boxStatus-finish {display:inline-block; font-size:13px; font-weight:bold; color:#fff; padding:2px 8px; background:#6FB765;}

.boxTableMetrics {width:100%; border-width:0px; text-align:center; margin-bottom:25px; border-spacing: 0px 7px; border-collapse: separate;}
.boxTableMetrics tr td {padding:0px 2px;}
.boxTableMetrics .th td {font-size:13px; font-weight:bold; line-height:15px;}
.boxTableMetrics .th td i {display:block; font-weight:normal; font-size:12px;}
.boxTableMetrics .lineHeader1 td {border-top:1px solid #B3BAC0; border-bottom:1px solid #B3BAC0; padding:5px 0px;}
.boxTableMetrics .list-metrics td:nth-child(2) {width:90px; padding-left:5px; padding-right:5px;}
.boxTableMetrics .list-metrics td:nth-child(3) {width:90px; padding-left:5px; padding-right:5px;}
.boxTableMetrics .list-metrics td:nth-child(4) {width:90px; padding-left:5px; padding-right:5px;}
.boxTableMetrics .list-metrics td:nth-child(5) {width:75px; padding-left:10px; padding-right:10px; text-align:left;}
.boxTableMetrics .list-metrics .btnAddImprovedMetrics {display:none; margin-right:5px;}
.boxTableMetrics .list-metrics:last-child .btnAddImprovedMetrics {display:inline-block;}

.boxTableFinancialBenefits {width:100%; border-width:0px; text-align:center; margin-bottom:25px; border-spacing: 0px 7px; border-collapse: separate;}
.boxTableFinancialBenefits tr td {padding:0px 2px;}
.boxTableFinancialBenefits .th td {font-size:13px; font-weight:bold; line-height:15px;}
.boxTableFinancialBenefits .th td i {display:block; font-weight:normal; font-size:12px;}
.boxTableFinancialBenefits .lineHeader1 td {border-top:1px solid #B3BAC0; padding:5px 0px;}
.boxTableFinancialBenefits .lineHeader2 td {border-bottom:1px solid #B3BAC0; padding:5px 0px;}
.boxTableFinancialBenefits .title-hard {text-align:left;}
.boxTableFinancialBenefits .list-financial-hard td:nth-child(2) {width:80px;}
.boxTableFinancialBenefits .list-financial-hard td:nth-child(3) {width:80px;}
.boxTableFinancialBenefits .list-financial-hard td:nth-child(4) {width:190px; padding-left:5px; padding-right:5px;}
.boxTableFinancialBenefits .list-financial-hard td:nth-child(8) {width:75px; padding-left:10px; padding-right:10px; text-align:left;}
.boxTableFinancialBenefits .list-financial-hard .btnAddFinancialBenefitsHard {margin-right:5px;}
.boxTableFinancialBenefits .list-financial-hard-summary td {border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:5px 0px; font-weight:bold;}
.boxTableFinancialBenefits .list-financial-hard-summary td:nth-child(1) {text-align:left;}
.boxTableFinancialBenefits .title-soft {text-align:left;}
.boxTableFinancialBenefits .list-financial-soft td:nth-child(2) {width:80px;}
.boxTableFinancialBenefits .list-financial-soft td:nth-child(3) {width:80px;}
.boxTableFinancialBenefits .list-financial-soft td:nth-child(4) {width:190px; padding-left:5px; padding-right:5px;}
.boxTableFinancialBenefits .list-financial-soft td:nth-child(8) {width:75px; padding-left:10px; padding-right:10px; text-align:left;}
.boxTableFinancialBenefits .list-financial-soft .btnAddFinancialBenefitsSoft {margin-right:5px;}
.boxTableFinancialBenefits .list-financial-soft-summary td {border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:5px 0px; font-weight:bold;}
.boxTableFinancialBenefits .list-financial-soft-summary td:nth-child(1) {text-align:left;}
.boxTableFinancialBenefits .btnBenefitType {width:80px; height:35px; line-height:20px; font-size:13px;}
.boxTableFinancialBenefits .btn-toolbar:before {display:block; height:0px; padding:0px; margin:0px; overflow:hidden;}
.boxTableFinancialBenefits .btn-toolbar:after {display:block; height:0px; padding:0px; margin:0px; overflow:hidden;}
.boxTableFinancialBenefits .list-financial-total-summary td {border-bottom:1px solid #DCDCDC; padding:5px 0px; font-weight:bold;}
.boxTableFinancialBenefits .list-financial-total-summary td:nth-child(1) {text-align:left;}

.hasBubbleTop {position:relative;}
.hasBubbleTop .bubbleTop {display:none; position:absolute; z-index:10; left:0px; bottom:100%; margin-bottom:8px; width:200px; border-color: #FD9B1C;}
.hasBubbleTop .bubbleTop:after {content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid; border-bottom: 5px solid transparent; border-top-color: inherit; position: absolute; left: 10px; top: 100%; margin-left: -5px;}
.hasBubbleTop .bubbleTop span {display:inline-block; font-size:13px; text-align:center; background:#FD9B1C; color:#fff; padding:3px 10px; margin:0px auto; border-radius:3px; font-weight:normal;}
.hasBubbleTop .bubbleTop span.txt-left {text-align:left;}
.hasBubbleTop:hover .bubbleTop {display:block;}

.hasBubbleTop .bubbleTopProblem {display:none; position:absolute; z-index:10; left:0px; bottom:100%; margin-bottom:8px; width:300px; border-color: #DFE9F3;}
.hasBubbleTop .bubbleTopProblem:after {content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid; border-bottom: 5px solid transparent; border-top-color: inherit; position: absolute; left: 20px; top: 100%; margin-left: -5px;}
.hasBubbleTop .bubbleTopProblem span {display:inline-block; font-size:14px; text-align:left;  border:5px solid #DFE9F3; background:#fff; color:#333; padding:15px 10px 10px 20px; margin:0px auto; border-radius:3px; font-weight:normal;}
.hasBubbleTop .bubbleTopProblem span.txt-left {text-align:left;}
.hasBubbleTop .bubbleTopProblem span b {display:block; padding:0px 0px 5px; font-weight:500;}
.hasBubbleTop:hover .bubbleTopProblem {display:block;}


.hasBubbleTopCenter {position:relative; margin: 5px 0px 0px 0px;}
.hasBubbleTopCenter .bubbleTop {display:none; position:absolute; z-index:1; left:50%; bottom:100%; margin-left:-100px; margin-bottom:8px; width:200px; border-color: #FD9B1C; text-align: center;}
.hasBubbleTopCenter .bubbleTop:after {content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid; border-bottom: 5px solid transparent; border-top-color: inherit; position: absolute; left: 50%; top: 100%; margin-left: -5px;}
.hasBubbleTopCenter .bubbleTop span {display:inline-block; font-size:13px; text-align:center; background:#FD9B1C; color:#fff; padding:3px 10px; margin:0px auto; border-radius:3px; font-weight:normal;}
.hasBubbleTopCenter .bubbleTop span.txt-left {text-align:left;}
.hasBubbleTopCenter:hover .bubbleTop {display:block;}



.boxTableValidationPlan {width:100%; border-width:0px; border-spacing: 0px 7px; border-collapse: separate;}
.boxTableValidationPlan tr td {padding:0px 2px;}
.boxTableValidationPlan .th td {font-size:13px; font-weight:bold; line-height:15px;}

.boxListImpact_financial_impact {display:block; clear:both;}
.boxListImpact_financial_impact:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}
.boxListImpact_financial_impact .oneListImpact {display:block; float:left; padding-right:10px; padding-bottom:10px; text-align:center;}
.boxListImpact_financial_impact .oneListImpact:last-child {padding-right:0px;}
.boxListImpact_financial_impact .oneListImpact .boxSubject {display:table; width:100%; height:65px; color:#fff; background:#2598C5; font-weight:bold;}
.boxListImpact_financial_impact .oneListImpact .boxSubject .wp50 {font-size:12px; margin-top:5px; font-weight:normal; line-height:13px;}
.boxListImpact_financial_impact .oneListImpact.hasBubbleTop .boxSubject {position:relative; cursor:pointer;}
.boxListImpact_financial_impact .oneListImpact.hasBubbleTop .boxSubject .bubbleTop {display:none; position:absolute; z-index:1; left:50%; bottom:100%; margin-left:-100px; margin-bottom:8px; width:200px; border-color: #FD9B1C;}
.boxListImpact_financial_impact .oneListImpact.hasBubbleTop .boxSubject .bubbleTop:after {content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid; border-bottom: 5px solid transparent; border-top-color: inherit; position: absolute; left: 50%; top: 100%; margin-left: -5px;}
.boxListImpact_financial_impact .oneListImpact.hasBubbleTop .boxSubject .bubbleTop span {display:inline-block; text-align:center; background:#FD9B1C; color:#fff; padding:3px 10px; margin:0px auto; border-radius:3px; font-weight:normal;}
.boxListImpact_financial_impact .oneListImpact.hasBubbleTop:hover .boxSubject .bubbleTop {display:block;}

.boxListImpact_financial_impact .oneListImpact .boxDetail {display:table; width:100%; border:1px solid #D8ECF5; padding:10px 2px;}
.boxListImpact_financial_impact .oneListImpact .boxDetail b {display:block; font-size:16px; line-height:35px; white-space:nowrap;}
.boxListImpact_financial_impact .oneListImpact .boxDetail b.numPayback {font-size:22px; /*color:#D1D1D1;*/ color:#333;}
.boxListImpact_financial_impact .bdl1 {border-left:1px solid #fff;}

.boxTableFinancialBenefitsFinal {width:100%; border-width:0px; text-align:center; margin-bottom:25px; border-spacing: 0px 7px; border-collapse: separate;}
.boxTableFinancialBenefitsFinal tr td {padding:0px 2px;}
.boxTableFinancialBenefitsFinal .th td {font-size:13px; font-weight:bold; line-height:15px;}
.boxTableFinancialBenefitsFinal .th td i {display:block; font-weight:normal; font-size:12px;}
.boxTableFinancialBenefitsFinal .lineHeader1 td {border-top:1px solid #B3BAC0; padding:5px 0px;}
.boxTableFinancialBenefitsFinal .lineHeader2 td {border-bottom:1px solid #B3BAC0; padding:5px 0px;}
.boxTableFinancialBenefitsFinal .title-hard {text-align:left;}
.boxTableFinancialBenefitsFinal .list-financial-hard td:nth-child(2) {width:80px;}
.boxTableFinancialBenefitsFinal .list-financial-hard td:nth-child(3) {width:80px;}
.boxTableFinancialBenefitsFinal .list-financial-hard td:nth-child(4) {width:80px;}
.boxTableFinancialBenefitsFinal .list-financial-hard td:nth-child(5) {width:190px; padding-left:5px; padding-right:5px;}
.boxTableFinancialBenefitsFinal .list-financial-hard td:nth-child(9) {width:75px; padding-left:10px; padding-right:10px; text-align:left;}
.boxTableFinancialBenefitsFinal .list-financial-hard .btnAddFinancialBenefitsHard {margin-right:5px;}
.boxTableFinancialBenefitsFinal .list-financial-hard-summary td {border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:5px 0px; font-weight:bold;}
.boxTableFinancialBenefitsFinal .list-financial-hard-summary td:nth-child(1) {text-align:left;}
.boxTableFinancialBenefitsFinal .title-soft {text-align:left;}
.boxTableFinancialBenefitsFinal .list-financial-soft td:nth-child(2) {width:80px;}
.boxTableFinancialBenefitsFinal .list-financial-soft td:nth-child(3) {width:80px;}
.boxTableFinancialBenefitsFinal .list-financial-soft td:nth-child(4) {width:80px;}
.boxTableFinancialBenefitsFinal .list-financial-soft td:nth-child(5) {width:190px; padding-left:5px; padding-right:5px;}
.boxTableFinancialBenefitsFinal .list-financial-soft td:nth-child(9) {width:75px; padding-left:10px; padding-right:10px; text-align:left;}
.boxTableFinancialBenefitsFinal .list-financial-soft .btnAddFinancialBenefitsSoft {margin-right:5px;}
.boxTableFinancialBenefitsFinal .list-financial-soft-summary td {border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:5px 0px; font-weight:bold;}
.boxTableFinancialBenefitsFinal .list-financial-soft-summary td:nth-child(1) {text-align:left;}
.boxTableFinancialBenefitsFinal .btnBenefitType {width:80px; height:35px; line-height:20px; font-size:13px;}
.boxTableFinancialBenefitsFinal .btn-toolbar:before {display:block; height:0px; padding:0px; margin:0px; overflow:hidden;}
.boxTableFinancialBenefitsFinal .btn-toolbar:after {display:block; height:0px; padding:0px; margin:0px; overflow:hidden;}
.boxTableFinancialBenefitsFinal .list-financial-total-summary td {border-bottom:1px solid #DCDCDC; padding:5px 0px; font-weight:bold;}
.boxTableFinancialBenefitsFinal .list-financial-total-summary td:nth-child(1) {text-align:left;}


.btnComparisonModal {display:inline-block; text-decoration:underline; margin-right:10px; font-weight:bold; font-size:14px; color:#186FA5;}

.boxTableComparison {width:100%; border-width:0px; text-align:center; margin-bottom:25px; border-spacing: 0px 7px; border-collapse: separate;}
.boxTableComparison tr td {padding:0px 2px; font-size:15px;}
.boxTableComparison .th td {font-size:13px; font-weight:bold; line-height:25px;}
.boxTableComparison .th td i {display:block; font-weight:normal; font-size:12px;}
.boxTableComparison .lineHeader1 td {border-top:1px solid #B3BAC0; border-bottom:1px solid #B3BAC0; padding:5px 0px;}
.boxTableComparison .lineHeader2 td {border-bottom:1px solid #B3BAC0; padding:0px 0px 5px 0px;}
.boxTableComparison .title1 {text-align:left; font-weight:bold;}

.boxDocumentDownload {list-style:none; padding-left:0px; margin-bottom:0px;}
.boxDocumentDownload li {position:relative; padding-left:20px;}
.boxDocumentDownload li:before {display:block; content:''; position:absolute; left:5px; top:7px; width:6px; height:6px; overflow:hidden; background:#2B9EDD; border-radius:3px;}
.boxDocumentDownload li a {color:#2B9EDD;}
.boxDocumentDownload li a:hover {color:#2B9EDD; opacity:0.9; text-decoration:underline;}

.btnDownloadAll {color:#FD9B1C; text-decoration:underline;}
.btnDownloadAll:hover {color:#FD9B1C; opacity:0.9; text-decoration:underline;}

.boxRevId {line-height:35px; font-size:11px; padding-right:15px; color:#999;}

.boxFilterProjectStatus {display:block; position:relative; z-index:1;}
.boxFilterProjectStatus .boxFilterProjectStatusInner {display:block; position:absolute; top:21px;}

.boxSearchInput {display:block; position:relative; margin:0px auto; width:50%; padding:10px 10px 0px 10px;}
.boxSearchInput input {padding-left:40px;}
.boxSearchInput:after {display:block; font-family:'scg'; font-size:16px; line-height:40px; content:'\78'; color:#186fa5; position:absolute; left:23px; top:10px;}
.boxResultSearch {position:relative;}
	.boxResultSearch .titlePageSub {position:absolute; height:0px; z-index:1; top:30px;}
	
.boxSearchProjectQuery {padding-top:30px;}

.boxGraphValueRelease {display:block; width:100%; /*overflow-x:scroll;*/}

#boxMyTask .boxPageDefault {min-height:350px;}
#boxMyTask .boxNumActions {font-size:18px; line-height:18px; font-weight:500; color:#000; text-align:center;}
#boxMyTask .boxNumActions b {display:block; font-weight:normal; font-size:90px; line-height:80px; color:#F49D12;}
#boxMyTask .boxListActions {padding:10px 0px;}
#boxMyTask .boxListActions a {display:block; position:relative; padding-left:130px; padding-top:2px; padding-right:20px; padding-bottom:10px; color:#000; font-size:14px; line-height:15px;}
#boxMyTask .boxListActions a b {display:block; width:125px; position:absolute; left:0px; top:0px;}
#boxMyTask .boxListActions a span {display:block; position:relative; height:10px; border-radius:5px; background:#FF5702;}
#boxMyTask .boxListActions a span i {display:block; position:absolute; left:100%; top:-2px; padding-left:5px; font-style:normal; font-weight:500;}
#boxMyTask .boxListActions a:nth-child(2) span {background:#FE6902;}
#boxMyTask .boxListActions a:nth-child(3) span {background:#FF8603;}
#boxMyTask .boxListActions a:nth-child(4) span {background:#FFA004;}
#boxMyTask .boxListActions a:nth-child(5) span {background:#FFBC01;}
#boxMyTask .boxListActions a:nth-child(6) span {background:#FFD302;}
#boxMyTask .boxListActions a:hover {opacity:0.8;}

#boxProjectSummary .boxPageDefault {min-height:350px;}
#boxProjectSummary .titleGraph {display:block; width:80px; height:110px; text-align:center; position:absolute; left:50%; top:0px; margin-left:-40px; font-weight:500; font-size:15px; line-height:15px;}
#boxProjectSummary .boxDonutGraph > svg {position:relative; margin:0px auto;}
#boxProjectSummary .totalProject {display:block; text-align:center; font-size:15px; font-weight:bold; padding-top:10px; color:#333;}
#boxProjectSummary .totalProject:hover {opacity:0.8;}
#boxProjectSummary .totalProject b {display:block; font-size:35px; line-height:35px; font-weight:500;}
#boxProjectSummary .boxCommentGraph {}
#boxProjectSummary .boxCommentGraph .oneCommentGraph {float:left; padding-right:8px; min-width:25%; text-align:center; font-weight:500;}
#boxProjectSummary .boxCommentGraph .oneCommentGraph i {margin-right:5px;}
#boxProjectSummary .boxCommentGraph .oneCommentGraph .icDefine {color:#155A84;}
#boxProjectSummary .boxCommentGraph .oneCommentGraph .icPlanning {color:#2598C5;}
#boxProjectSummary .boxCommentGraph .oneCommentGraph .icImplement {color:#4FC9F8;}
#boxProjectSummary .boxCommentGraph .oneCommentGraph .icCompleted {color:#95E2FE;}
#boxProjectSummary .boxCommentGraph:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}
ul.list-tooltip {list-style:none; padding-left:0px; margin-bottom:0px;}
ul.list-tooltip li {position:relative; padding-left:20px;}
ul.list-tooltip li:before {display:block; content:''; position:absolute; left:5px; top:7px; width:6px; height:6px; overflow:hidden; background:#155A84; border-radius:3px;}

.d3-tip {background-color: #fff; color: #333; border:1px solid #666; padding:8px 15px 8px 5px;}
.d3-tip.e .d3-tip-arrow {border-right-color:#666; }

.boxCalendar {}
.boxCalendar .boxCalendarHeader {text-align: center; position: relative; font-size: 15px; padding: 5px 0px 5px 0px; margin-bottom: 10px;}
.boxCalendar .boxCalendarHeader .boxMonthCalendar {display: inline-block; margin: 0px 5px; font-weight: 500;}
.boxCalendar .boxCalendarHeader .boxYearCalendar {display: inline-block; margin: 0px 5px; font-size:12px; color:#999;}
.boxCalendar .boxCalendarHeader .btnPrevCalendar {position: absolute; padding: 8px 8px 8px 0px; top: 50%; left:0px; margin-top: -16px; border-radius: 2px; line-height: 1; color:#333;}
.boxCalendar .boxCalendarHeader .btnPrevCalendar:before {font-family: 'icomoon'; content: '\e9c8'; display: block; font-size: 16px; width: 16px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.boxCalendar .boxCalendarHeader .btnNextCalendar {position: absolute; padding: 8px 0px 8px 8px; top: 50%; right:0px; margin-top: -16px; border-radius: 2px; line-height: 1; color:#333;}
.boxCalendar .boxCalendarHeader .btnNextCalendar:before {font-family: 'icomoon'; content: '\e9cb'; display: block; font-size: 16px; width: 16px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.boxCalendar .boxCalendarTable {text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-bottom: 10px;}
.boxCalendar .boxCalendarTable thead tr th {width: 14.285714286%; font-size: 12px; text-align: center; padding-bottom: 10px; color: #999999; font-weight: 400;}
.boxCalendar .boxCalendarTable tbody tr td > div  {padding: 7px;  cursor:pointer;}
.boxCalendar .boxCalendarTable tbody tr td > div:hover {background: #e8ecef; border-radius:3px;}
.boxCalendar .boxCalendarTable tbody tr td > .disable {background: #fafafa; color: #999999; cursor: default;}
.boxCalendar .boxCalendarTable tbody tr td > .outfocus {color: #ccc;}
.boxCalendar .boxCalendarTable tbody tr td > .today {color: #fff; background:#D8DDE0; border-radius:3px; font-weight:500;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent {display:block; padding: 7px; cursor:pointer; color: #fff; background:#FC9A1F; border-radius:3px; font-weight:500; position:relative; cursor:pointer;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent .totalEvent {position:absolute; left:0px; bottom:0px; width:100%; height:9px; line-height:0px; text-align:center;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent .totalEvent span {display:inline-block; width:5px; height:5px; border-radius:50%; overflow:hidden; background:#fff;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent .boxTooltipEvent {display:none; position:absolute; left:50%; bottom:100%; width:240px; margin-left:-120px; margin-bottom:5px;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent:hover  .boxTooltipEvent{display:block;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent .boxTooltipEvent ul {display:inline-block; max-width:100%; list-style:none; text-align:left; margin:0px; padding:10px 20px; margin:0px auto; background:#fff; border-radius:3px; border:1px solid #999; color:#333;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent .boxTooltipEvent ul li {position:relative; padding-left:15px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent .boxTooltipEvent ul li:before {display:block; content:''; position:absolute; left:0px; top:7px; width:6px; height:6px; overflow:hidden; background:#155A84; border-radius:3px;}
.boxCalendar .boxCalendarTable tbody tr td > .hasEvent .boxTooltipEvent ul:after {content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid; border-bottom: 5px solid transparent; border-top-color: inherit; position: absolute; left: 50%; top: 100%; margin-left: -5px;}

#boxDecisionBoardCalendar .boxPageDefault {min-height:350px;}
.bgDBPreparation {background:#2499C4; color:#fff;}
.bgDBDecision {background:#FD9B1C; color:#fff;}

.boxValueInitial {font-weight:500;}
.boxValueInitial b {display:block; font-size:50px; line-height:55px; color:#215785;}
.boxValueFinal {font-weight:500;}
.boxValueFinal b {display:block; font-size:50px; line-height:55px; color:#279BC0;}

.btnPrevMonth {display:inline-block; padding: 8px 8px 8px 0px; margin-top: -16px; border-radius: 2px; line-height: 1; color:#333;}
.btnPrevMonth:before {display:block; position:relative; top:2px; font-family: 'icomoon'; content: '\e9c8'; display: block; font-size: 16px; width: 16px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.btnNextMonth {display:inline-block; padding: 8px 0px 8px 8px; margin-top: -16px; border-radius: 2px; line-height: 1; color:#333;}
.btnNextMonth:before {display:block; position:relative; top:2px; font-family: 'icomoon'; content: '\e9cb'; display: block; font-size: 16px; width: 16px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.has2nBgColor table tbody tr:nth-child(2n) td {background:rgba(0,0,0,0.05);}


/* boxProjectQuerySetting
================================== */
.boxProjectQuerySetting {display:none; position:absolute; left:100%; top:0px; padding:20px; min-width:331px; height:100%; background-color:#155a85;}
.btnGroupProjectQuery i[class^="iconscg-"] {font-size:21px;}
.btnGroupProjectQuery button {border-color:#104668; background:#104668; color:#1C7BA7; font-size:16px; padding-right:20px; font-weight:500;}
.btnGroupProjectQuery button:hover, 
.btnGroupProjectQuery button:focus, 
.btnGroupProjectQuery button:active {color:#1C7BA7;}
.btnGroupProjectQuery button.active {border-color:#2598C5; background:#2598C5; color:#fff;}
.boxListProjectQuerySetting {}
.boxListProjectQuerySetting .oneProjectQuerySetting {display:none; position:relative;}
.boxListProjectQuerySetting .oneProjectQuerySetting.active {display:block;}
.boxListFifaOption {margin:0px; padding:30px 0px 10px 0px; list-style:none;}
.boxListFifaOption li {display:block; padding-bottom:5px; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:500;}
.boxListFifaOption li a {color:#fff;}
.boxListFifaOption li a:hover {color:#fff; opacity:0.8;}
.table-list_favorite {border-top:1px solid #bbb; font-size:14px; border-bottom:1px solid #bbb;}
.table-list_favorite a {color:#fff; font-weight:500;}
.table-list_favorite a:hover {color:#fff; opacity:0.8;}
.table.table-list_favorite > thead:first-child > tr:first-child > th {font-weight:500; font-size:15px;}
.table.table-list_favorite > thead:first-child > tr:first-child > th a {display:block; font-size:12px; text-decoration:underline; font-weight:normal;}
.table.table-list_favorite > tbody > tr > td {border-top:none; padding-bottom:0px;}
.table.table-list_favorite > tbody > tr:last-child > td {padding-bottom:10px;}
.icoOnly {border:none; background:none;}
.icoOnly:hover {opacity:0.8;}

.btnAddToFavorite {color:#fff; text-decoration:underline; margin-right:5px; font-size:12px;}
.btnAddToFavorite:hover {color:#fff; text-decoration:underline; opacity:0.8;}

/* boxPreparation
================================== */
.boxPreparation {display:block; border:1px solid #CCDFF0; background:#DDEAF2; padding:5px; border-radius:5px; margin-bottom:20px;}
.boxPreparation .boxPreparationBody {background:#fff; border-radius:3px; padding:0px 10px 20px 10px;}
.boxPreparation .boxPreparationBody:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}
.boxPreparation h3 {margin:0px; padding:15px 0px 5px; font-size:19px; font-weight:500; color:#155a85;}
.boxPreparation .boxDate {width:110px; height:110px; border-radius:3px; background:#2598C5; color:#fff; text-align:center; font-weight:500; font-size:16px;}
.boxPreparation .boxDate h4 { margin:0px; padding-top:15px; line-height:60px; font-size:60px; font-weight:500;}
.boxPreparation .oneDetailDB {display:block; position:relative; font-size:19px; font-weight:500; text-overflow:ellipsis; padding:5px 50px 5px 0px; border-bottom:1px solid #B3BCBB; white-space:nowrap; overflow:hidden; color:#333;}
.boxPreparation .oneDetailDB b {display:block; position:absolute; right:0px; top:5px; color:#2598C5;}
.boxPreparation .oneDetailDB:last-child {border-bottom:none;}

/* boxDecision
================================== */
.boxDecision {display:block; border:1px solid #FFCF9B; background:#FFDFBC; padding:5px; border-radius:5px; margin-bottom:20px;}
.boxDecision .boxDecisionBody {background:#fff; border-radius:3px; padding:0px 10px 20px 10px;}
.boxDecision .boxDecisionBody:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}
.boxDecision h3 {margin:0px; padding:15px 0px 5px; font-size:19px; font-weight:500; color:#FD9B1C;}
.boxDecision .boxDate {width:110px; height:110px; border-radius:3px; background:#FD9B1C; color:#fff; text-align:center; font-weight:500; font-size:16px;}
.boxDecision .boxDate h4 { margin:0px; padding-top:15px; line-height:60px; font-size:60px; font-weight:500;}
.boxDecision .oneDetailDB {display:block; position:relative; font-size:19px; font-weight:500; text-overflow:ellipsis; padding:5px 50px 5px 0px; border-bottom:1px solid #B3BCBB; white-space:nowrap; overflow:hidden; color:#333;}
.boxDecision .oneDetailDB b {display:block; position:absolute; right:0px; top:5px; color:#FD9B1C;}
.boxDecision .oneDetailDB:last-child {border-bottom:none;}

/* boxSearchProjectProgress
================================== */
.boxSearchProjectProgress {padding-top:30px;}
.boxSearchProjectProgress:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}
.boxListChkSearchProjectProgress {width:100%;}
.boxListChkSearchProjectProgress tr td {padding-left:20px;}
.boxTableScroll {width:100%; margin-top:20px; overflow-x:auto; padding-bottom:15px; border-top:1px solid #ddd;}
.boxTableScroll table {width:auto; min-width:100%;}
.boxTableScroll table tr th {white-space:nowrap;}
.boxTableScroll table tr .fixW50 {min-width:50px; max-width:50px; width:50px;}
.boxTableScroll table tr .fixW150 {min-width:150px; max-width:150px; width:150px;}
.boxTableScroll table tbody {border-bottom:1px solid #bbb;}

.boxInnerTableScroll {}
.boxInnerTableScroll .datatable-scroll {width: 100%; overflow-x: scroll;}
.boxInnerTableScroll table {width:auto; min-width:100%;}
.boxInnerTableScroll table tr th {white-space:nowrap;}
.boxInnerTableScroll table tr .fixW50 {min-width:50px; max-width:50px; width:50px;}
.boxInnerTableScroll table tr .fixW150 {min-width:150px; max-width:150px; width:150px;}
.boxInnerTableScroll table tbody {border-bottom:1px solid #bbb;}


/* sortable
================================== */
.boxListTableSortable {}
.boxListTableSortable .sortable-placeholder {min-height:50px; background:#DDEAF2;}
.boxListTableSortable .oneTableSortable {background:#fff;}
.boxListTableSortable .oneTableSortable .titleTableSortable {display:block; position:relative; padding-right:40px; font-weight:500; font-size:18px;}
.boxListTableSortable .oneTableSortable .titleTableSortable a {display:block; position:absolute; right:10px; top:6px;}

.boxTableSortableScroll {width:100%; margin-top:20px; overflow-x:auto; padding-bottom:15px; border-top:1px solid #ddd;}
.boxTableSortableScroll table {width:auto; min-width:100%;}
.boxTableSortableScroll table tr th {white-space:nowrap;}
.boxTableSortableScroll table tr td.fixW50 {min-width:50px; max-width:50px; width:50px;}
.boxTableSortableScroll table tbody {border-bottom:1px solid #bbb;}

.boxListTableSortable a[data-action^=move] {color:#999;}
.boxListTableSortable a[data-action^=move]:hover {color:#2B9EDD;}
.boxListTableSortable .titleTableSortable a[data-action^=move] {top:3px; right:15px; font-size:21px;}

.boxTableDefault {width:100%; margin-top:20px; overflow-x:auto; padding-bottom:15px; border-top:1px solid #ddd;}
.boxTableDefault table {width:auto; min-width:100%;}
.boxTableDefault table tr th {white-space:nowrap;}
.boxTableDefault table tr td.fixW50 {min-width:50px; max-width:50px; width:50px;}
.boxTableDefault table tbody {border-bottom:1px solid #bbb;}
.boxTableDefault.bdbNon table tbody {border-bottom:none;}



/* boxInfoProjectForApproval
================================== */
.boxInfoProjectForApproval {line-height:36px; font-size:14px; padding-right:15px; font-weight:500;}



/* boxPageDefault
================================== */
.boxPageDefault {background:#fff; padding:10px 20px; position:relative; margin-bottom:10px; /*min-height: calc(100vh - 220px);*/}


/* budget period 
================================== */
.btnMonthly {font-size:16px; width:120px; float:right;}
.btnQuarterly {font-size:16px; width:120px; float:right;}

.boxBudgetPeriodChart {display:block; clear:both; border-top:1px solid #B1BBC2; margin-bottom:20px;}
.boxBudgetPeriodChart:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}
.boxBudgetPeriodChart .boxLeftDate {display:block; float:left; width:445px;}
.boxBudgetPeriodChart .boxRightChart {display:block; float:right; min-height:237px; width:calc(100% - 445px); overflow:hidden; overflow-x:scroll;}
.boxBudgetPeriodChart .boxRightChart .boxRightChartScroll {display:block; min-width:100%; position:relative;}
.boxBudgetPeriodChart .lineBreakChart {border-top:1px solid #B1BBC2; height:20px; overflow:hidden; position:relative; background:#fff;} 

.boxBudgetPeriodChart .titleChart {height:40px; line-height:40px; border-bottom:1px solid #B1BBC2; position:relative; text-align:center; font-weight:bold;}
.boxBudgetPeriodChart .titleChart .oneMonth {display:block; float:left; width:60px; position:relative; text-align:center;}
.boxBudgetPeriodChart .titleChart .oneMonth span {display:none; position:absolute; left:60px; top:0px; z-index:1; width:60px;}
.boxBudgetPeriodChart .titleChart .oneMonth:before {display:block; content:''; position:absolute; left:0px; top:100%; height:1000px; width:0px; border-left:1px solid #EDEFF5;}
.boxBudgetPeriodChart .titleChart .oneMonth:last-child::after {display:block; content:''; position:absolute; right:0px; top:100%; height:1000px; width:0px; border-right:1px solid #EDEFF5;}
.boxBudgetPeriodChart .titleChart.show_quaterly .oneMonth {color:rgba(255,255,255,0);}
.boxBudgetPeriodChart .titleChart.show_quaterly .oneMonth:before {display:none;}
.boxBudgetPeriodChart .titleChart.show_quaterly .oneMonth.q:before {display:block;}
.boxBudgetPeriodChart .titleChart.show_quaterly .oneMonth:last-child::after {display:none;}
.boxBudgetPeriodChart .titleChart.show_quaterly .oneMonth span {display:block; color:#333;}


.boxBudgetPeriodChart .titleChart:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}
.boxBudgetPeriodChart .tl-1 {display:block; position:absolute; left:15px; top:0px; width:105px;}
.boxBudgetPeriodChart .tl-2 {display:block; position:absolute; left:130px; top:4px; width:75px; font-size:13px; line-height:15px;}
.boxBudgetPeriodChart .tl-2 b {display:block; font-size:13px;}
.boxBudgetPeriodChart .tl-3 {display:block; position:absolute; left:203px; top:2px; line-height:20px; width:236px;}
.boxBudgetPeriodChart .tl-4 {display:block; position:absolute; left:203px; top:18px; line-height:20px; width:114px;}
.boxBudgetPeriodChart .tl-5 {display:block; position:absolute; left:325px; top:18px; line-height:20px; width:114px;}
.boxBudgetPeriodChart .boxListChart {padding:17px 0px 20px 0px;}
.boxBudgetPeriodChart .boxListChart .oneChart {height:35px; margin-bottom:5px; position:relative; line-height:35px;}
.boxBudgetPeriodChart .boxListChart .oneChart:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}
.boxBudgetPeriodChart .boxListChart .oneChart .phase-task {display:block; float:left; width:145px; padding-left:32px; position:relative;}
.boxBudgetPeriodChart .boxListChart .oneChart .acc-progress {display:block; float:left; width:55px; padding-right:15px;}
.boxBudgetPeriodChart .boxListChart .oneChart .acc-progress input {padding-left:8px; padding-right:5px; height:35px;}
.boxBudgetPeriodChart .boxListChart .oneChart .sub-implement {display:block; float:left; width:200px; padding-left:32px; padding-right:15px; position:relative;}
.boxBudgetPeriodChart .boxListChart .oneChart .sub-implement input {padding-left:8px; padding-right:5px; height:35px;}
.boxBudgetPeriodChart .boxListChart .oneChart .period-start {display:block; float:left; width:122px; padding-right:8px;}
.boxBudgetPeriodChart .boxListChart .oneChart .period-start input {padding-left:7px; padding-right:2px; height:35px;}
.boxBudgetPeriodChart .boxListChart .oneChart .period-start .input-group-addon {padding: 7px 7px; height:35px;}
.boxBudgetPeriodChart .boxListChart .oneChart .period-start .input-group-addon > i {font-size:14px;}
.boxBudgetPeriodChart .boxListChart .oneChart .period-end {display:block; float:left; width:114px;}
.boxBudgetPeriodChart .boxListChart .oneChart .period-end input {padding-left:7px; padding-right:2px; height:35px;}
.boxBudgetPeriodChart .boxListChart .oneChart .period-end .input-group-addon {padding: 7px 7px; height:35px;}
.boxBudgetPeriodChart .boxListChart .oneChart .period-end .input-group-addon > i {font-size:14px;}
.boxBudgetPeriodChart .boxListChart .oneChart .graphChart {display:block; position:relative; left:0px; top:0px; width:0px; height:100%; background:#186FA5; overflow:hidden; text-align:center; color:#fff;}
.boxBudgetPeriodChart .boxListChart .oneChart.sub_implement_chart .graphChart {height:15px; top:10px; background:#58AEE3;}
.boxBudgetPeriodChart .boxListChart .oneChart .book {display:block; position:absolute; left:0px; top:0px; width:10px; margin-left:-5px; height:100%; cursor:pointer;}
.boxBudgetPeriodChart .boxListChart .oneChart .book:before {display:block; content:''; position:absolute; left:4px; top:0px; width:2px; height:100%; background:#FD9B1C;}
.boxBudgetPeriodChart .boxListChart .oneChart .book span {display:none; position:absolute; left:-7px; bottom:80%; min-width:50px; max-width:200px; text-align:center; line-height:16px; color:#186FA5; font-size:11px; background:#fff; border:1px solid #CEDFEC; border-radius:3px; padding:2px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boxBudgetPeriodChart .boxListChart .oneChart .book:hover span {display:block;}

.boxBudgetPeriodChart .btnAddImplement {display:block; position:absolute; left:0px; top:6px; z-index:1;}
.boxBudgetPeriodChart .btnRemoveImplement {display:block; position:absolute; left:0px; top:6px; z-index:1;}

/* boxProjectViewChart
================================== */
.boxProjectViewChart {display:block; clear:both; border-top:1px solid #B1BBC2; margin-bottom:40px; margin-top:20px;}
.boxProjectViewChart:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}
.boxProjectViewChart .boxLeftDate {display:block; float:left; width:180px;}
.boxProjectViewChart .boxRightChart {display:block; float:right; width:calc(100% - 180px); overflow:hidden; overflow-x:scroll;}
.boxProjectViewChart .boxRightChart .boxRightChartScroll {display:block; min-width:100%; position:relative;}
.boxProjectViewChart .boxRightChart .boxRightChartScroll .boxTableChart {display:table; width:100%;}
.boxProjectViewChart .boxRightChart .boxRightChartScroll .boxTableChart .boxTableCellChart {display:table-cell; /*min-width:173px;*/}
.boxProjectViewChart .boxRightChart .boxRightChartScroll .boxTableChart .boxTableCellChart .boxListChart {padding-left:5px; padding-right:5px;}
.boxProjectViewChart .boxRightChart .boxRightChartScroll .boxTableChart .boxTableCellChart .boxListChart .oneChart {text-align:center;}
.boxProjectViewChart .boxRightChart .boxRightChartScroll .boxTableChart .boxTableCellChart:nth-child(2n-1) {background:rgba(0,0,0,0.05);}

.boxProjectViewChart .titleChart {height:40px; line-height:40px; border-bottom:1px solid #B1BBC2; position:relative; text-align:center; font-weight:bold;}
.boxProjectViewChart .titleChart:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}
.boxProjectViewChart .subTitleChart {height:32px; line-height:32px; margin-top:1px; background:#9EC5E2; border-bottom:1px solid #B1BBC2; position:relative; text-align:center; font-weight:bold;}
.boxProjectViewChart .subTitleChart:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}

.boxProjectViewChart .boxListChart {padding:17px 0px 20px 0px;}
.boxProjectViewChart .boxListChart .oneChart {height:26px; margin-bottom:5px; position:relative; line-height:26px;}
.boxProjectViewChart .boxListChart .oneChart.hasButton {height:32px; line-height:32px;}
.boxProjectViewChart .boxListChart .oneChart:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}

.boxProjectViewChart .lineBreakChart {border-top:1px solid #B1BBC2; height:20px; overflow:hidden; position:relative; background:#fff;} 
.boxProjectViewChart .wp50 {position:relative;}
.boxProjectViewChart .bdl1:after {display:block; content:''; position:absolute; left:0px; top:25%; height:50%; width:0px; overflow:hidden; border-left:1px solid #333;}





/* boxStatusRegister 
================================== */
.boxStatusRegister {display:table; width:100%; background:#fff; margin-bottom:10px; padding:50px 20px 40px 20px;}
.boxStatusRegister .oneStatus {display:table-cell;}
.boxStatusRegister .oneStatus .point {position:relative;}
.boxStatusRegister .oneStatus .point:before {display:block; content:''; position:absolute; left:0px; top:11px; width:50%; height:9px; background:#DDEAF2;}
.boxStatusRegister .oneStatus .point:after {display:block; content:''; position:absolute; left:50%; top:11px; width:50%; height:9px; background:#DDEAF2;}
.boxStatusRegister .oneStatus .point .num {display:block; position:relative; z-index:10; text-align:center; color:#B0B9C0; font-weight:bold; line-height:24px; width:30px; height:30px; border-radius:50%; margin:0px auto; background:#fff; border:3px solid #DDEAF2;}
.boxStatusRegister .oneStatus .point .num .titlePoint {color:#B0B9C0; font-size:11px; display:block; position:absolute; left:-100px; top:30px; width:200px; margin:0px 12px; text-align:center;}
.boxStatusRegister .oneStatus .point .num .subPoint {color:#fff; font-size:11px; display:none; position:absolute; left:-150px; bottom:35px; width:300px; margin:0px 12px; text-align:center;}
.boxStatusRegister .oneStatus .point .num .subPoint span {display:inline-block; position:relative; background:#2B9EDD; padding:0px 10px; border-color:#2B9EDD; border-radius:3px;}
.boxStatusRegister .oneStatus .point .num .subPoint span:after {content: ""; width: 0; height: 0; border-right: 5px solid transparent;  border-left: 5px solid transparent;  border-top: 5px solid;  border-bottom: 5px solid transparent;  border-top-color: inherit; position: absolute; left: 50%; top: 100%; margin-left: -5px;}
.boxStatusRegister .oneStatus:first-child .point:before {display:none;}
.boxStatusRegister .oneStatus:last-child .point:after {display:none;}

.boxStatusRegister .oneStatus.action {}
.boxStatusRegister .oneStatus.action .point {}
.boxStatusRegister .oneStatus.action .point .num {color:#fff; background:#2B9EDD;}
.boxStatusRegister .oneStatus.action .point .num .titlePoint {color:#262d37;}
.boxStatusRegister .oneStatus.action .point .num .subPoint {display:block;}
.boxStatusRegister .oneStatus.action .point:before {background:#2B9EDD;}

.boxStatusRegister .oneStatus.actionEnd {}
.boxStatusRegister .oneStatus.actionEnd .point {}
.boxStatusRegister .oneStatus.actionEnd .point .num {color:#fff; background:#DD2A2A;}
.boxStatusRegister .oneStatus.actionEnd .point .num .titlePoint {color:#262d37;}
.boxStatusRegister .oneStatus.actionEnd .point .num .subPoint {display:block;}
.boxStatusRegister .oneStatus.actionEnd .point:before {background:#2B9EDD;}

.boxStatusRegister .oneStatus.actionFinish {}
.boxStatusRegister .oneStatus.actionFinish .point {}
.boxStatusRegister .oneStatus.actionFinish .point .num {color:#fff; background:#03C43D;}
.boxStatusRegister .oneStatus.actionFinish .point .num .titlePoint {color:#262d37;}
.boxStatusRegister .oneStatus.actionFinish .point .num .subPoint {display:block;}
.boxStatusRegister .oneStatus.actionFinish .point:before {background:#2B9EDD;}

.boxStatusRegister .oneStatus.complete {}
.boxStatusRegister .oneStatus.complete .point {}
.boxStatusRegister .oneStatus.complete .point .num {color:#fff; background:#155a85;}
.boxStatusRegister .oneStatus.complete .point .num > span {display:block; width:0px; height:0px; overflow:hidden;}
.boxStatusRegister .oneStatus.complete .point .num > span:after {display:block; font-family: 'Glyphicons Halflings'; content: "\e013"; position: absolute; left: 5px; top: -1px;}
.boxStatusRegister .oneStatus.complete .point .num .titlePoint {color:#155a85;}
.boxStatusRegister .oneStatus.complete .point:before {background:#2B9EDD;}
.boxStatusRegister .oneStatus.complete .point:after {background:#2B9EDD;}


/* boxAdditionalRegister 
================================== */
.boxAdditionalRegister {display:block; background:#fff; padding:10px 20px; position:relative; margin-bottom:10px;}
.boxAdditionalRegister .titleAdditional {display:block; position:relative; margin-bottom:0px; padding-bottom: 15px; font-weight: bold; line-height: 30px; color: #262D37;}
.boxAdditionalRegister .boxPanelAdditional { border-top: 1px solid #B3BAC0;}
.boxAdditionalRegister .boxPanelAdditional:before {display:block; content:''; height:30px;}
.boxAdditionalRegister .boxPanelAdditional.th7:before {height:7px;}
.boxAdditionalRegister .boxPanelAdditional:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}



/* boxCollapse 
================================== */
.boxCollapse {background:#fff; padding:10px 20px; position:relative; margin-bottom:10px;}
.boxCollapse .btnToggleCollapse {display: block; position: absolute; left: 0px; top: 0px; cursor: pointer; color: #B3BAC0; width: 100%; text-align:right;}
.boxCollapse .btnToggleCollapse:hover {text-decoration:none;}
.boxCollapse .btnToggleCollapse:after {display:block; position:relative; right:5px; top:5px; font-family: 'scg'; content:"\58"; font-size:20px; }
.boxCollapse .btnToggleCollapse.closed:after {content:"\5a";}
.boxCollapse .titleCollapse {display:block; position:relative; margin-bottom:0px; padding-bottom: 15px; font-weight: bold; line-height: 30px; color: #262D37;}
.boxCollapse .titleCollapse .boxCircle {float: left; display: block; width: 30px; height: 30px; border-radius: 50%; color: #fff; background-color: #262D37; text-align: center; line-height: 30px; margin-right: 10px;}
.boxCollapse .boxPanelCollapse { border-top: 1px solid #B3BAC0; position:relative;}
.boxCollapse .boxPanelCollapse:before {display:block; content:''; height:30px;}
.boxCollapse .boxPanelCollapse.collapseTop20:before {height:20px;}
.boxCollapse .boxPanelCollapse.collapseTop55:before {height:55px;}
.boxCollapse .boxPanelCollapse:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}

.boxActionToolCollapse {display:block; position:absolute; right:10px; top:10px; z-index:1;}
.boxActionToolCollapse .btn {min-width:80px;}

.boxCollapseAll {display:block; padding:5px; position:relative; text-align:right;}
.boxCollapseAll a {color:#186fa5; font-size:14px; font-weight:bold; text-decoration:underline;}
.boxCollapseAll a:hover {opacity:0.7;}

.boxCtrlCollapse {display:block; position:fixed; right:15px; top:0px; height:100%; z-index:89999;}
.boxCtrlCollapse a {display:block; position:relative; width:12px; height:12px; margin-bottom:17px; border-radius:6px; background:#B1BBC2;}
.boxCtrlCollapse a span {display:none; position:absolute; right:20px; top:-7px; color:#fff; background:#186FA5; border-color:#186FA5; border-radius:3px; height:26px; padding:3px 8px; line-height:20px; white-space:nowrap;}
.boxCtrlCollapse a span:after {content: ""; width: 0; height: 0;  border-right: 5px solid transparent;  border-left: 5px solid;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent;  border-left-color: inherit;  position: absolute;  left: 100%;  top: 50%;  margin-top: -5px; }
.boxCtrlCollapse a:hover {background:#186FA5;}
.boxCtrlCollapse a:hover span {display:block;}

/* blue */
.boxCollapse.collapse_blue {padding: 10px 20px 20px;}
.boxCollapse.collapse_blue .titleCollapse {background:#186FA5; color:#fff; font-weight:normal; padding:0px 0px 0px 20px; line-height:45px; height:45px; border-radius:3px; font-size:18px;}
.boxCollapse.collapse_blue .titleCollapse .btnToggleCollapse {color:#fff;}
.boxCollapse.collapse_blue .titleCollapse .btnToggleCollapse:after {right: 12px; top: 0px;}
.boxCollapse.collapse_blue .boxPanelCollapse {border-top:none;}
.boxCollapse.collapse_blue .boxPanelCollapse:before {display:block; content:''; height:4px; overflow:hidden;}
.boxCollapse.collapse_blue .boxPanelCollapse:after {display:block; content:''; height:4px; overflow:hidden; clear:both;}

/* boxListProjectOnHand 
================================== */
.boxListProjectOnHand {}
.boxListProjectOnHand:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}
.boxListProjectOnHand .oneProjectOnHand {display:block; float:none; width:100%; box-sizing:border-box; padding-top:10px;}
.boxListProjectOnHand .oneProjectOnHand:nth-child(2n-1) {padding-right:0px; clear:both;}
.boxListProjectOnHand .oneProjectOnHand:nth-child(2n) {padding-left:0px;}
.boxListProjectOnHand .oneProjectOnHand .containerProjectOnHand {background:#DDEAF2; padding:4px;}
.boxListProjectOnHand .oneProjectOnHand .containerProjectOnHand .contentProjectOnHand {background:#fff; position:relative; padding:12px;}
.boxListProjectOnHand .oneProjectOnHand .containerProjectOnHand .contentProjectOnHand .boxQuickAction {position:absolute; right:5px; top:0px;}
.boxListProjectOnHand .oneProjectOnHand.closed .boxActionDetail {display:none;}
.boxListProjectOnHand .oneProjectOnHand.closed .footerProjectOnHand {display:none;}

.boxQuickAction .btnToggleHistoryOnHand {position:relative; padding:2px 0px; margin:0px 2px;}
.boxQuickAction .btnToggleHistoryOnHand:after {color:#ccc; position:relative; top:5px; font-family: 'scg'; content: "\75"; font-size: 20px;}
.boxQuickAction .btnToggleHistoryOnHand:hover::after, 
.boxQuickAction .btnToggleHistoryOnHand.active:after {color:#136DA2; content:"\75";}

.boxQuickAction .btnToggleEditProjectOnHand {position:relative; padding:2px 0px; margin:0px 2px;}
.boxQuickAction .btnToggleEditProjectOnHand:after {color:#ccc; position:relative; top:5px; font-family: 'scg'; content: "\70"; font-size: 20px;}
.boxQuickAction .btnToggleEditProjectOnHand:hover::after, 
.boxQuickAction .btnToggleEditProjectOnHand.active:after {color:#136DA2; content:"\70";}

.boxQuickAction .btnToggleFavoriteProjectOnHand {position:relative; padding:2px 0px; margin:0px 2px;}
.boxQuickAction .btnToggleFavoriteProjectOnHand:after {color:#ccc; position:relative; top:5px; font-family: 'scg'; content: "\6b"; font-size: 20px;}
.boxQuickAction .btnToggleFavoriteProjectOnHand:hover::after, 
.boxQuickAction .btnToggleFavoriteProjectOnHand.active:after {color:#FF980E; content:"\6b";}

.boxQuickAction .btnToggleCollapseProjectOnHand {position:relative; padding:2px 0px; margin:0px 2px;}
.boxQuickAction .btnToggleCollapseProjectOnHand:after {position:relative; top:5px; font-family: 'scg'; content: "\58"; font-size: 20px;}
.boxQuickAction .btnToggleCollapseProjectOnHand.closed:after {content:"\5a";}


.boxListProjectOnHand .label-mini-xs {font-size:11px; color:#999;}
.boxListProjectOnHand .btnActionProjectOnHand {color:#186FA5; text-decoration:underline; font-weight:bold;}
.boxListProjectOnHand .btnActionProjectOnHand:hover {opacity:0.9;}
.boxListProjectOnHand .oneProjectOnHand .containerProjectOnHand .footerProjectOnHand {padding:17px 0px 20px 0px; text-align:center;}
.boxListProjectOnHand .oneProjectOnHand .containerProjectOnHand .footerProjectOnHand .btn {margin-bottom:3px;}

.boxStatusProjectOnHand {display:table; width:100%; background:#fff; margin-bottom:10px; padding:50px 20px 10px 20px;}
.boxStatusProjectOnHand .oneStatus {display:table-cell;}
.boxStatusProjectOnHand .oneStatus .point {position:relative;}
.boxStatusProjectOnHand .oneStatus .point:before {display:block; content:''; position:absolute; left:0px; top:4px; width:50%; height:4px; background:#DDEAF2;}
.boxStatusProjectOnHand .oneStatus .point:after {display:block; content:''; position:absolute; left:50%; top:4px; width:50%; height:4px; background:#DDEAF2;}
.boxStatusProjectOnHand .oneStatus .point .num {display:block; position:relative; z-index:10; text-align:center; color:#B0B9C0; font-weight:normal; line-height:20px; width:12px; height:12px; border-radius:50%; margin:0px auto; background:#fff; border:2px solid #DDEAF2;}
.boxStatusProjectOnHand .oneStatus .point .num .subPoint {color:#fff; font-size:11px; display:none; position:absolute; left: -146px; bottom: 20px; width: 300px; margin:0px; text-align:center;}
.boxStatusProjectOnHand .oneStatus .point .num .subPoint span {display:inline-block; position:relative; background:#2B9EDD; padding:0px 10px; border-color:#2B9EDD; border-radius:3px;}
.boxStatusProjectOnHand .oneStatus .point .num .subPoint span:after {content: ""; width: 0; height: 0; border-right: 5px solid transparent;  border-left: 5px solid transparent;  border-top: 5px solid;  border-bottom: 5px solid transparent;  border-top-color: inherit; position: absolute; left: 50%; top: 100%; margin-left: -5px;}
.boxStatusProjectOnHand .oneStatus:first-child .point:before {display:none;}
.boxStatusProjectOnHand .oneStatus:last-child .point:after {display:none;}

.boxStatusProjectOnHand .oneStatus.action {}
.boxStatusProjectOnHand .oneStatus.action .point {}
.boxStatusProjectOnHand .oneStatus.action .point .num {color:#fff; background:#2B9EDD;}
.boxStatusProjectOnHand .oneStatus.action .point .num .titlePoint {color:#262d37;}
.boxStatusProjectOnHand .oneStatus.action .point .num .subPoint {display:block;}
.boxStatusProjectOnHand .oneStatus.action .point:before {background:#2B9EDD;}

.boxStatusProjectOnHand .oneStatus.complete {}
.boxStatusProjectOnHand .oneStatus.complete .point {}
.boxStatusProjectOnHand .oneStatus.complete .point .num {color:#fff; background:#2B9EDD;}
.boxStatusProjectOnHand .oneStatus.complete .point .num > span {display:block; width:0px; height:0px; overflow:hidden;}
.boxStatusProjectOnHand .oneStatus.complete .point .num > span:after {display:block; font-family: 'Glyphicons Halflings'; content: "\e013"; position: absolute; left: 5px; top: -1px;}
.boxStatusProjectOnHand .oneStatus.complete .point:before {background:#2B9EDD;}
.boxStatusProjectOnHand .oneStatus.complete .point:after {background:#2B9EDD;}

.boxCircleProgress {position:relative; width:100px; height:100px;}
.boxCircleProgress .c100 {font-size:100px;}
.boxCircleProgress .c100 .slice .bar {border-color:#73BE67;}
.boxCircleProgress .c100 .slice .fill {border-color:#73BE67;}
.boxCircleProgress .txt {color:#73BE67; position:absolute; left:0px; top:0px; width:100%; height:100px; line-height:85px; text-align:center; font-size:45px; font-weight:bold;}
.boxCircleProgress .percent {color:#73BE67; position:absolute; left:0px; top:64px; width:100%; text-align:center; font-size:12px;}

.boxCircleProgress.boxOrg {}
.boxCircleProgress.boxOrg .c100 .slice .bar {border-color:#FD9B1C;}
.boxCircleProgress.boxOrg .c100 .slice .fill {border-color:#FD9B1C;}
.boxCircleProgress.boxOrg .txt {color:#FD9B1C;}
.boxCircleProgress.boxOrg .percent {color:#FD9B1C;}

.boxCircleProgress.boxRed {}
.boxCircleProgress.boxRed .c100 .slice .bar {border-color:#D22B01;}
.boxCircleProgress.boxRed .c100 .slice .fill {border-color:#D22B01;}
.boxCircleProgress.boxRed .txt {color:#D22B01;}
.boxCircleProgress.boxRed .percent {color:#D22B01;}



/* boxBadge 
================================== */
.boxBadge {display:inline-block; padding-left:10px; position:relative;}
.boxBadge .boxIcon {font-size:20px;}
.boxBadge .numBadge {display:block; position:absolute; left: 20px; top: 7px; font-size: 11px; font-weight:bold; font-style: normal; width:18px; height:18px; border-radius:9px; text-align:center; background:#CC2E00; line-height:20px;}

/* upload 
================================== */
.plupload_wrapper {border:none;}
.plupload_filelist_header {display:none;}
.plupload_scroll .plupload_filelist {border:2px dashed #cedfec; background: #ebf3f9; height: 104px; border-radius:5px;}
.plupload_filelist_footer {padding-left:0px;}
.plupload_add {background:#FD9B1C; color: #fff;}
.plupload_start {background:#186FA5; color: #fff;}
.plupload_button i {padding-right:5px;}
.plupload_filelist li {background:none; padding:12px 20px 0px 20px;}
.plupload_filelist li:hover {background:none;}
.plupload_filelist:empty, 
.plupload_filelist li.plupload_droptext {height:100px;}
.plupload_delete .plupload_file_action > a {color: #FF6438;}
.plupload_file_action:after {content:'';}

button.plupload_disabled, button.plupload_disabled:hover, button.plupload_disabled:focus {color: #999999; box-shadow: none; border-color: #ddd; background: #fcfcfc; cursor: default; opacity: 1; filter: alpha(opacity=100);}

.plupload_filelist:empty:before, 
.plupload_filelist li.plupload_droptext:before {font-family:'scg'; content:"\62"; color: #ABCBE0; font-size:40px; padding-top: 20px;}
.plupload_filelist:empty:after, 
.plupload_filelist li.plupload_droptext:after {content:'Add files to upload (Maximum 10 MB)'; font-size: 14px; position: absolute; top: 50%; padding-top: 15px; left: 0px; margin: 0px; width: 100%; height: auto; color: #ABCBE0; text-align: center;}

.onefile-powerpoint .plupload_filelist:empty:after, 
.onefile-powerpoint .plupload_filelist li.plupload_droptext:after {content:'Add Only 1 File for Presentation Upload (Maximum 5MB and PowerPoint Only)';}


.sec_upload .plupload_droptext:last-child {display:none;}

.box_result_upload {border:1px solid #cedfec; background: #ebf3f9; border-radius:5px; padding:12px 20px; margin-bottom:15px; min-height:104px;}
.box_result_upload .one_result_upload {display:block; padding-bottom:5px; float:left; clear:both; position:relative; max-width: 100%;}
.box_result_upload .one_result_upload span {display:block; padding-right:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.box_result_upload .one_result_upload span a:after {font-family: 'icomoon'; content: '\ed6b'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 3px; right:0px; padding-left: 5px; color: #FF6438;}
.box_result_upload:after {display:block; content:''; height:0px; overflow:hidden; clear:both;}


/* boxAutoComplete 
================================== */
.ico-loading {display:block; background:url(../images/icon/ajax-loader.gif) no-repeat center center; width:100%; height:100%;}
.boxAutoComplete {display:block; position:absolute; left:0px; top:100%; z-index:100; width:100%; max-height:200px; overflow:scroll; overflow-x:hidden; margin-top:5px; background:#fff; border:1px solid #ccc; border-radius:3px;}
.boxAutoComplete a {display:block; padding:5px 10px; cursor:pointer; color:#333;}
.boxAutoComplete a:hover {text-decoration: none; background-color: #ebf3f9;}

/* date picker
================================== */
.picker--opened .picker__holder {min-width:280px; font-size: 13px; line-height: 1.5384616;}
.input-group-addon:not(:first-child):not(:last-child), 
.input-group-btn:not(:first-child):not(:last-child), 
.input-group .form-control:not(:first-child):not(:last-child) {border-radius:0px 3px 3px 0px;}

/* count-length 
================================== */
.txt-count-length {display:block; position:absolute; right:0px; top:0px;}

/* form 
================================== */
.title-field {display: inline-block; max-width: 100%; font-weight: bold; font-size: 14px; line-height: 19px; margin-bottom: 6px;}
.title-field i {font-weight:normal; font-size:13px;}

.titleTable {display:block; font-size:18px; margin:0px; padding:0px; font-weight:500;}

.boxSpaceInput {min-height:42px;}
.boxSpaceInputxs {min-height:35px;}
.boxSpaceUpload {min-height:104px;}

.boxGroupColSet {display:block; clear:both;}
.boxGroupColSet:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}
.boxListRowSet {display:block; clear:both;}
.boxListRowSet .oneRowSet {display:block; clear:both;}
.boxListRowSet .oneRowSet:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}
.boxListRowSet .oneRowSetTitle {display:block; clear:both;}
.boxListRowSet .oneRowSetTitle:after {display: block; content: ''; height: 0px; overflow: hidden; clear: both;}


.result_group {font-size:14px;}

.form-control {height:36px; color: #333333; background-color: #ebf3f9; border: 1px solid #cedfec;}
.form-control-feedback {height: 36px; line-height: 31px;}

.form-group label {font-weight:bold; font-size:15px; line-height: 19px; white-space:nowrap;}
.form-group label.semi {font-size:13px; font-weight:normal;}
.form-group.has-unit {padding-right: 40px; position: relative;}
	.has-unit .form-control-feedback {top: 0px; font-weight:bold; font-size:15px;}
	.has-unit label ~ .form-control-feedback {top: 25px; font-weight:bold; font-size:15px;}
.form-group.label-form {height: 36px; line-height: 42px; font-weight:bold; font-size:15px;}	
.form-group label.checkbox {line-height:1.5384616; font-size:13px; font-weight:normal; white-space: normal;}
	
	
	
.form-group.has-bullet .form-control {padding-left:40px;}	
.form-group.has-bullet:after {display:block; position:absolute; left:20px; top:0px; content:'\2022'; color:#A4AAAE; font-size:35px; line-height:44px;}	

strong.select2-results__group {font-size: 14px; background: #f5f5f5;}

.select2-selection--single {height: 42px; line-height: 27px;}
.select2-selection--single:not([class*=bg-]):not([class*=border-]) {border-color: #cedfec;}
.select2-selection--single:not([class*=bg-]) { background-color: #ebf3f9;}
.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {border-color: #cedfec;}
.select2-selection--multiple:not([class*=bg-]) {background-color: #ebf3f9;}
.select2-selection--multiple .select2-selection__choice {background-color: #155A85; color: #fff; font-size: 14px; padding: 7px 12px 6px 12px;}
.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {color: #fff; font-size: 22px; margin-top: -1px; font-weight: normal; opacity:1;}
.select2-results__option.select2-results__option--highlighted {background:#ebf3f9;}
.select2-results__option[aria-selected=true] {background-color: #2196F3; color: #fff;}
	.height3rows ul.select2-selection__rendered {min-height:75px;}
	
.select2-xs .select2-selection--single { height: 35px; line-height: 20px;}

.multiselect.btn-default {border-color: #cedfec; background-color: #ebf3f9;}
.multiselect.btn-default:active, 
.btn-group.open .multiselect.btn-default {border-color: #cedfec; background-color: #ebf3f9;}
.multiselect.btn-default.disabled {border-color: #cedfec; background-color: #fafafa; color: #999999; opacity: 1;}

.input-group-addon {background-color: #ebf3f9; border-color: #cedfec;}
.multi-select-full > .btn-group > .btn-group {width:100%;}
.multi-select-full .select2-selection--single {border-radius:0px 3px 3px 0px;}

.multiselect-container.dropdown-menu > li > a:hover, 
.multiselect-container.dropdown-menu > li > a:focus {background-color: #ebf3f9;}

.multiselect-container.dropdown-menu > .active > a, 
.multiselect-container.dropdown-menu > .active > a:hover, 
.multiselect-container.dropdown-menu > .active > a:focus {color: #fff; background-color: #2196F3;}

.select2-container--open {z-index:90010;}

.boxCircleColor {display:block; float:left; width:26px; height:26px; overflow:hidden; border-radius:13px; overflow:hidden;}
	.boxCircleColor.c-green {background-color:#6FB765;}
	.boxCircleColor.c-org {background-color:#FD9B1C;}
	.boxCircleColor.c-red {background-color:#D22B01;}
	.boxCircleColor.c-gray {background-color:#B3BDC6;}
.select2-results__option .boxCircleColor {width:18px; height:18px; border-radius:9px;}



.tokenfield .token .token-label { background-color: #155A85; color: #fff; font-size: 14px; padding: 7px 32px 6px 12px; line-height: 1.5384616;}
.tokenfield .token .close {opacity: 1; color: #fff; font-size: 22px; margin-top:-11px; right:12px;}
.tokenfield .token .close:after {content:'';}
	.height3rows .tokenfield {min-height:75px;}

/*	
.no-search {background: none;}
.no-search .select2-search--dropdown {padding: 0px; margin-top: -42px;}
.no-search .select2-search--dropdown .select2-search__field {height: 42px; padding: 7px 12px; border-radius: 3px; border-left:none; border-right:none; outline: 0; width: 100%; background-color: #ebf3f9; border-color: #cedfec;}
.no-search .select2-search--dropdown:after {display:none;}
.no-search .select2-results {background:#fff;}
.no-search .select2-results .select2-results__message {padding-top:15px !important;}
.no-search .select2-results .loading-results {padding-top:15px !important;}
.no-icon .select2-selection--single .select2-selection__arrow:after {display:none !important;}
*/

.select_unique .select2-results__option[aria-selected=true] {display: none;}
/*
.select_unique .select2-results__option[aria-selected=true]:last-child {display: block; pointer-events:none; text-indent: -9999px; position: relative; background:transparent;}
.select_unique .select2-results__option[aria-selected=true]:last-child::after {display:block; content:'No results found'; position:absolute; text-indent:0px; color:#999999; top: 7px;}
*/


.checkbox_read {position:relative; padding-left:30px; padding-bottom:8px;}
.checkbox_read .checker {position:absolute; left:0px; top:0px;}


.boxSelectLabel {}
.boxSelectLabel > span:first-child {float: left; margin: 8px 15px; margin-left: 0; line-height:20px; font-size:15px; font-weight:500;}
.boxSelectLabel .select2-container {width:auto !important;}
.boxSelectLabel .select2-selection--single {height:36px; line-height:20px;}


.input-date-xs {}
.input-date-xs input {padding-left:7px; padding-right:2px; height:35px;}
.input-date-xs .input-group-addon {padding: 7px 7px; height:35px;}
.input-date-xs .input-group-addon > i {font-size:14px;}

/* hack fix bug 
======================= */
.multiselect-all .checker > span.checked:after {display: none;}
.multiselect-all.active .checker >  span.checked:after {display: block;}

.multiselect-container > li.multiselect-group > label, .multiselect-container > li.multiselect-group.active > label { font-size: 14px; background: #f5f5f5; color:#333;}



/* error */
.has-error .help-block {position: absolute; margin: 0px; bottom: -19px;}

.has-error .select2-selection--single:not([class*=bg-]):not([class*=border-]), 
.has-error.select2-selection--single:not([class*=bg-]):not([class*=border-]) {border-color: #D84315; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-error .select2-selection--multiple:not([class*=bg-]):not([class*=border-]), 
.has-error.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {border-color: #D84315; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}

.has-error .multiselect-container .checkbox {color:#333;}
.has-error .multiselect.btn-default {border-color: #D84315; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}

.has-error .plupload_scroll .plupload_filelist {border-color: #D84315;}

/* button 
================================== */

.btn-scg, .form-group .btn-scg {border-color:#cedfec; background:#ebf3f9; color:#333333; min-width:auto; height:42px; line-height:1.8; border-radius:3px;}
.btn-scg.active {border-color:#DDEAF2; background:#155A85; color:#fff;}
.btn-scg.active:hover {opacity:1;}

.btn-scg-xs, .form-group .btn-scg-xs {border-color:#cedfec; background:#ebf3f9; color:#333333; min-width:auto; height:35px; padding-left: 8px; padding-right: 5px; line-height:1.53; border-radius:3px;}
.btn-scg-xs.active {border-color:#DDEAF2; background:#155A85; color:#fff;}
.btn-scg-xs.active:hover {opacity:1;}

.btn-scg-mini-xs, .form-group .btn-scg-mini-xs {border-color:#cedfec; background:#ebf3f9; color:#333333; min-width:auto; height:23px; padding: 0px 8px; line-height:22px; border-radius:3px;}
.btn-scg-mini-xs.active {border-color:#DDEAF2; background:#155A85; color:#fff;}
.btn-scg-mini-xs.active:hover {opacity:1;}

.btn-scg-hoverIcon-xs, .form-group .btn-scg-hoverIcon-xs {border-color: #cedfec; background: #ebf3f9; color: #333333; min-width: auto; height: 26px; padding: 0px 5px; min-width:26px; margin-right:12px; text-align:center; line-height: 22px; border-radius: 3px;}
.btn-scg-hoverIcon-xs:hover, 
.btn-scg-hoverIcon-xs:focus, 
.btn-scg-hoverIcon-xs.focus {color:#333333; opacity:0.9;}
.btn-scg-hoverIcon-xs.active {border-color:#cedfec; background:#ebf3f9; color:#333333;}
.btn-scg-hoverIcon-xs.active:hover {opacity:1;}
.btn-scg-hoverIcon-xs:hover::after {display:block; font-family:'scg'; font-size:12px; content:'\4b'; position:absolute; left:100%; padding-left:4px; top:0px;}

.btn-dpic, .form-group .btn-dpic {background: #B3BDC6; color: #fff; text-align:center; font-weight:500; font-size:14px; height:26px; width:26px; padding:0px; margin:0px; overflow:hidden; line-height: 27px; border-radius: 13px; border:none;}
.btn-dpic:hover, 
.btn-dpic:focus, 
.btn-dpic.focus {color:#fff; opacity:0.8;}
.btn-dpic.active {background:#B3BDC6; color:#fff;}
.btn-dpic.active:hover {opacity:1;}

	.btn-dpic.btn-green {background: #6FB765; }
	.btn-dpic.btn-green:hover, 
	.btn-dpic.btn-green:focus, 
	.btn-dpic.btn-green.focus {color:#fff;}
	.btn-dpic.btn-green.active {background:#6FB765;}
	
	.btn-dpic.btn-org {background: #FD9B1C; }
	.btn-dpic.btn-org:hover, 
	.btn-dpic.btn-org:focus, 
	.btn-dpic.btn-org.focus {color:#fff;}
	.btn-dpic.btn-org.active {background:#FD9B1C;}
	
	.btn-dpic.btn-red {background: #D22B01; }
	.btn-dpic.btn-red:hover, 
	.btn-dpic.btn-red:focus, 
	.btn-dpic.btn-red.focus {color:#fff;}
	.btn-dpic.btn-red.active {background:#D22B01;}

	


.btn-style1, .form-group .btn-style1 {border-color:#DDEAF2; background:#155A85; color:#fff; min-width:auto; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
.input-group-addon.btn-style1 {border-radius:0px 3px 3px 0px;}
.btn-style1:hover, .btn-style1:focus, .btn-style1.focus {color:#fff; opacity:0.9;}

.btn-style1-xs, .form-group .btn-style1-xs {border-color:#DDEAF2; background:#155A85; color:#fff; min-width:auto; line-height:1.8; border-radius:3px; cursor:pointer;}
.input-group-addon.btn-style1-xs {border-radius:0px 3px 3px 0px;}
.btn-style1-xs:hover, .btn-style1-xs:focus, .btn-style1-xs.focus {color:#fff; opacity:0.9;}

.btn-style2, .form-group .btn-style2 {border-color:#DDEAF2; background:#155A85; color:#fff; min-width:125px; font-size:16px; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
.btn-style2:hover, .btn-style2:focus, .btn-style2.focus {color:#fff; opacity:0.9;}

.btn-style3, .form-group .btn-style3 {border-color:#155A85; background:#fff; color:#155A85; min-width:125px; font-size:16px; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
.btn-style3:hover, .btn-style3:focus, .btn-style3.focus {color:#155A85; opacity:0.9;}

.btn-style4, .form-group .btn-style4 {border-color:#000; background:#000; color:#fff; min-width:80px; font-size:14px; height:35px; line-height:20px; border-radius:0px; cursor:pointer; margin-top:-7px; margin-left:-2px; font-weight:bold;}
.btn-style4:hover, .btn-style4:focus, .btn-style4.focus {color:#fff; opacity:0.9;}

.btn-style5, .form-group .btn-style5 {border-color:#B4E2F2; background:#B4E2F2; color:#333; min-width:80px; font-size:14px; height:35px; line-height:20px; border-radius:0px; cursor:pointer; margin-top:-7px; margin-left:-2px; font-weight:bold;}
.btn-style5:hover, .btn-style5:focus, .btn-style5.focus {color:#333; opacity:0.9;}


.btn-color1 {background-color:#FD9B1C; color:#fff;}
.btn-color1:hover {color:#fff;}
.btn-color1:hover, .btn-color1:focus, .btn-color1.focus {color:#fff; opacity:0.9;}

	.btn-color1-mini-xs, .form-group .btn-color1-mini-xs {border-color: #FD9B1C; background: #FD9B1C; color: #fff; min-width: auto; height: 30px; padding: 0px 18px; line-height: 22px; border-radius: 3px;}
	.btn-color1-mini-xs:hover, 
	.btn-color1-mini-xs:focus, 
	.btn-color1-mini-xs.focus {color:#fff; opacity:0.9;}
	.btn-color1-mini-xs.active {border-color:#FD9B1C; background:#FD9B1C; color:#fff;}
	.btn-color1-mini-xs.active:hover {opacity:1;}
	a.btn-color1-mini-xs, .form-group a.btn-color1-mini-xs {line-height:28px;}
	
	.btn-color1-md, .form-group .btn-color1-md {min-width: 125px; font-size:16px; border-color:#FD9B1C; background:#FD9B1C; color:#fff; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
	.input-group-addon.btn-color1-md {border-radius:0px 3px 3px 0px;}
	.btn-color1-md:hover, .btn-color1-md:focus, .btn-color1-md.focus {color:#fff; opacity:0.9;}
	
	.btn-color1-icon-xs, .form-group .btn-color1-icon-xs {border-color: #FD9B1C; background: #FD9B1C; color: #fff; min-width: auto; height: 26px; padding: 0px; min-width:26px; text-align:center; line-height: 22px; border-radius: 3px; border:none;}
	.btn-color1-icon-xs:hover, 
	.btn-color1-icon-xs:focus, 
	.btn-color1-icon-xs.focus {color:#fff; opacity:0.9;}
	.btn-color1-icon-xs.active {border-color:#FD9B1C; background:#FD9B1C; color:#fff;}
	.btn-color1-icon-xs.active:hover {opacity:1;}
	.btn-color1-icon-xs:before {font-size:16px;}


.btn-color2 {background-color:#2598C5; color:#fff;}
.btn-color2:hover {color:#fff;}
.btn-color2:hover, .btn-color2:focus, .btn-color2.focus {color:#fff; opacity:0.9;}

	.btn-color2-mini-xs, .form-group .btn-color2-mini-xs {border-color: #2598C5; background: #2598C5; color: #fff; min-width: auto; height: 30px; padding: 0px 18px; line-height: 22px; border-radius: 3px;}
	.btn-color2-mini-xs:hover, 
	.btn-color2-mini-xs:focus, 
	.btn-color2-mini-xs.focus {color:#fff; opacity:0.9;}
	.btn-color2-mini-xs.active {border-color:#2598C5; background:#2598C5; color:#fff;}
	.btn-color2-mini-xs.active:hover {opacity:1;}
	a.btn-color2-mini-xs, .form-group a.btn-color2-mini-xs {line-height:28px;}
	
	.btn-color2-md, .form-group .btn-color2-md {min-width: 125px; font-size:16px; border-color:#2598C5; background:#2598C5; color:#fff; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
	.input-group-addon.btn-color2-md {border-radius:0px 3px 3px 0px;}
	.btn-color2-md:hover, .btn-color2-md:focus, .btn-color2-md.focus {color:#fff; opacity:0.9;}

	
.btn-color3 {background-color:#186FA5; color:#fff;}
.btn-color3:hover {color:#fff;}
.btn-color3:hover, .btn-color3:focus, .btn-color3.focus {color:#fff; opacity:0.9;}

	.btn-color3-mini-xs, .form-group .btn-color3-mini-xs {border-color: #186FA5; background: #186FA5; color: #fff; min-width: auto; height: 30px; padding: 0px 18px; line-height: 22px; border-radius: 3px;}
	.btn-color3-mini-xs:hover, 
	.btn-color3-mini-xs:focus, 
	.btn-color3-mini-xs.focus {color:#fff; opacity:0.9;}
	.btn-color3-mini-xs.active {border-color:#186FA5; background:#186FA5; color:#fff;}
	.btn-color3-mini-xs.active:hover {opacity:1;}
	a.btn-color3-mini-xs, .form-group a.btn-color3-mini-xs {line-height:28px;}
	
	.btn-color3-icon-xs, .form-group .btn-color3-icon-xs {border-color: #186FA5; background: #186FA5; color: #fff; min-width: auto; height: 26px; padding: 0px; min-width:26px; text-align:center; line-height: 22px; border-radius: 3px; border:none;}
	.btn-color3-icon-xs:hover, 
	.btn-color3-icon-xs:focus, 
	.btn-color3-icon-xs.focus {color:#fff; opacity:0.9;}
	.btn-color3-icon-xs.active {border-color:#186FA5; background:#186FA5; color:#fff;}
	.btn-color3-icon-xs.active:hover {opacity:1;}
	.btn-color3-icon-xs:before {font-size:16px;}
	
	.btn-color3-md, .form-group .btn-color3-md {min-width: 125px; font-size:16px; border-color:#186FA5; background:#186FA5; color:#fff; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
	.input-group-addon.btn-color3-md {border-radius:0px 3px 3px 0px;}
	.btn-color3-md:hover, .btn-color3-md:focus, .btn-color3-md.focus {color:#fff; opacity:0.9;}


.btn-color4 {background-color:#3D3D3D; color:#fff;}
.btn-color4:hover {color:#fff;}
.btn-color4:hover, .btn-color4:focus, .btn-color4.focus {color:#fff; opacity:0.9;}

	.btn-color4-mini-xs, .form-group .btn-color4-mini-xs {border-color: #3D3D3D; background: #3D3D3D; color: #fff; min-width: auto; height: 30px; padding: 0px 18px; line-height: 22px; border-radius: 3px;}
	.btn-color4-mini-xs:hover, 
	.btn-color4-mini-xs:focus, 
	.btn-color4-mini-xs.focus {color:#fff; opacity:0.9;}
	.btn-color4-mini-xs.active {border-color:#3D3D3D; background:#3D3D3D; color:#fff;}
	.btn-color4-mini-xs.active:hover {opacity:1;}
	a.btn-color4-mini-xs, .form-group a.btn-color4-mini-xs {line-height:28px;}
	
	.btn-color4-icon-xs, .form-group .btn-color4-icon-xs {border-color: #3D3D3D; background: #3D3D3D; color: #fff; min-width: auto; height: 26px; padding: 0px; min-width:26px; text-align:center; line-height: 22px; border-radius: 3px; border:none;}
	.btn-color4-icon-xs:hover, 
	.btn-color4-icon-xs:focus, 
	.btn-color4-icon-xs.focus {color:#fff; opacity:0.9;}
	.btn-color4-icon-xs.active {border-color:#3D3D3D; background:#3D3D3D; color:#fff;}
	.btn-color4-icon-xs.active:hover {opacity:1;}
	.btn-color4-icon-xs:before {font-size:16px;}

	
	.btn-color4-md, .form-group .btn-color4-md {min-width: 125px; font-size:16px; border-color:#3D3D3D; background:#3D3D3D; color:#fff; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
	.input-group-addon.btn-color4-md {border-radius:0px 3px 3px 0px;}
	.btn-color4-md:hover, .btn-color4-md:focus, .btn-color4-md.focus {color:#fff; opacity:0.9;}

	
.btn-color5 {background-color:#D22B01; color:#fff;}
.btn-color5:hover {color:#fff;}
.btn-color5:hover, .btn-color5:focus, .btn-color5.focus {color:#fff; opacity:0.9;}

	.btn-color5-mini-xs, .form-group .btn-color5-mini-xs {border-color: #D22B01; background: #D22B01; color: #fff; min-width: auto; height: 30px; padding: 0px 18px; line-height: 22px; border-radius: 3px;}
	.btn-color5-mini-xs:hover, 
	.btn-color5-mini-xs:focus, 
	.btn-color5-mini-xs.focus {color:#fff; opacity:0.9;}
	.btn-color5-mini-xs.active {border-color:#D22B01; background:#D22B01; color:#fff;}
	.btn-color5-mini-xs.active:hover {opacity:1;}
	a.btn-color5-mini-xs, .form-group a.btn-color5-mini-xs {line-height:28px;}
	
	.btn-color5-icon-xs, .form-group .btn-color5-icon-xs {border-color: #D22B01; background: #D22B01; color: #fff; min-width: auto; height: 26px; padding: 0px; min-width:26px; text-align:center; line-height: 22px; border-radius: 3px; border:none;}
	.btn-color5-icon-xs:hover, 
	.btn-color5-icon-xs:focus, 
	.btn-color5-icon-xs.focus {color:#fff; opacity:0.9;}
	.btn-color5-icon-xs.active {border-color:#D22B01; background:#D22B01; color:#fff;}
	.btn-color5-icon-xs.active:hover {opacity:1;}
	.btn-color5-icon-xs:before {font-size:16px;}

	
	.btn-color5-md, .form-group .btn-color5-md {min-width: 125px; font-size:16px; border-color:#D22B01; background:#D22B01; color:#fff; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
	.input-group-addon.btn-color5-md {border-radius:0px 3px 3px 0px;}
	.btn-color5-md:hover, .btn-color5-md:focus, .btn-color5-md.focus {color:#fff; opacity:0.9;}


.btn-color6 {background-color:#2598C5; color:#fff;}
.btn-color6:hover {color:#fff;}
.btn-color6:hover, .btn-color6:focus, .btn-color6.focus {color:#fff; opacity:0.9;}

	.btn-color6-mini-xs, .form-group .btn-color6-mini-xs {border-color: #F2F7FA; background: #F2F7FA; color: #333; min-width: auto; height: 23px; font-size:12px; padding: 0px 10px; line-height: 23px; border-radius: 3px;}
	.btn-color6-mini-xs:hover, 
	.btn-color6-mini-xs:focus, 
	.btn-color6-mini-xs.focus {border-color:#2598C5; background:#2598C5; color:#fff; -webkit-box-shadow:none; box-shadow:none;}
	.btn-color6-mini-xs.active {border-color:#2598C5; background:#2598C5; color:#fff; -webkit-box-shadow:none; box-shadow:none;}
	.btn-color6-mini-xs.active:hover {opacity:1;}
	
	.btn-color6-md, .form-group .btn-color6-md {min-width: 125px; font-size:16px; border-color:#2598C5; background:#2598C5; color:#fff; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
	.input-group-addon.btn-color6-md {border-radius:0px 3px 3px 0px;}
	.btn-color6-md:hover, .btn-color6-md:focus, .btn-color6-md.focus {color:#fff; opacity:0.9;}

.btn-color7 {background-color:#B1B1B1; color:#fff;}
.btn-color7:hover {color:#fff;}
.btn-color7:hover, .btn-color7:focus, .btn-color7.focus {color:#fff; opacity:0.9;}

	.btn-color7-icon-xs, .form-group .btn-color7-icon-xs {border-color: #B1B1B1; background: #B1B1B1; color: #fff; min-width: auto; height: 26px; padding: 0px; min-width:26px; text-align:center; line-height: 22px; border-radius: 3px; border:none;}
	.btn-color7-icon-xs:hover, 
	.btn-color7-icon-xs:focus, 
	.btn-color7-icon-xs.focus {color:#fff; opacity:0.9;}
	.btn-color7-icon-xs.active {border-color:#3D3B1B1B1D3D; background:#B1B1B1; color:#fff;}
	.btn-color7-icon-xs.active:hover {opacity:1;}
	.btn-color7-icon-xs:before {font-size:16px;}
	
.btn-color8 {background-color:#5cb85c; color:#fff;}
.btn-color8:hover {color:#fff;}
.btn-color8:hover, .btn-color4:focus, .btn-color8.focus {color:#fff; opacity:0.9;}

	.btn-color8-mini-xs, .form-group .btn-color8-mini-xs {border-color: #5cb85c; background: #5cb85c; color: #fff; min-width: auto; height: 30px; padding: 0px 18px; line-height: 22px; border-radius: 3px;}
	.btn-color8-mini-xs:hover, 
	.btn-color8-mini-xs:focus, 
	.btn-color8-mini-xs.focus {color:#fff; opacity:0.9;}
	.btn-color8-mini-xs.active {border-color:#5cb85c; background:#5cb85c; color:#fff;}
	.btn-color8-mini-xs.active:hover {opacity:1;}
	a.btn-color8-mini-xs, .form-group a.btn-color8-mini-xs {line-height:28px;}
	
	.btn-color8-icon-xs, .form-group .btn-color8-icon-xs {border-color: #5cb85c; background: #5cb85c; color: #fff; min-width: auto; height: 26px; padding: 0px; min-width:26px; text-align:center; line-height: 22px; border-radius: 3px; border:none;}
	.btn-color8-icon-xs:hover, 
	.btn-color8-icon-xs:focus, 
	.btn-color8-icon-xs.focus {color:#fff; opacity:0.9;}
	.btn-color8-icon-xs.active {border-color:#5cb85c; background:#5cb85c; color:#fff;}
	.btn-color8-icon-xs.active:hover {opacity:1;}
	.btn-color8-icon-xs:before {font-size:16px;}

	
	.btn-color8-md, .form-group .btn-color8-md {min-width: 125px; font-size:16px; border-color:#5cb85c; background:#5cb85c; color:#fff; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
	.input-group-addon.btn-color8-md {border-radius:0px 3px 3px 0px;}
	.btn-color8-md:hover, .btn-color8-md:focus, .btn-color8-md.focus {color:#fff; opacity:0.9;}

.btn-color9 {background-color:#fff; color:#333;}
.btn-color9:hover {color:#333;}
.btn-color9:hover, .btn-color9:focus, .btn-color9.focus {color:#fff; opacity:0.9;}

	.btn-color9-mini-xs, .form-group .btn-color9-mini-xs {border-color: #ccc; background: #fff; color: #333; min-width: auto; height: 30px; padding: 0px 18px; line-height: 22px; border-radius: 3px;}
	.btn-color9-mini-xs:hover, 
	.btn-color9-mini-xs:focus, 
	.btn-color9-mini-xs.focus {color:#333; opacity:0.9;}
	.btn-color9-mini-xs.active {border-color:#ccc; background:#fff; color:#333;}
	.btn-color9-mini-xs.active:hover {opacity:1;}
	a.btn-color9-mini-xs, .form-group a.btn-color9-mini-xs {line-height:28px;}
	
	.btn-color9-icon-xs, .form-group .btn-color9-icon-xs {border-color: #ccc; background: #fff; color: #333; min-width: auto; height: 26px; padding: 0px; min-width:26px; text-align:center; line-height: 22px; border-radius: 3px; border:none;}
	.btn-color9-icon-xs:hover, 
	.btn-color9-icon-xs:focus, 
	.btn-color9-icon-xs.focus {color:#333; opacity:0.9;}
	.btn-color9-icon-xs.active {border-color:#ccc; background:#fff; color:#333;}
	.btn-color9-icon-xs.active:hover {opacity:1;}
	.btn-color9-icon-xs:before {font-size:16px;}

	
	.btn-color9-md, .form-group .btn-color9-md {min-width: 125px; font-size:16px; border-color:#ccc; background:#fff; color:#333; height:42px; line-height:1.8; border-radius:3px; cursor:pointer;}
	.input-group-addon.btn-color9-md {border-radius:0px 3px 3px 0px;}
	.btn-color9-md:hover, .btn-color9-md:focus, .btn-color9-md.focus {color:#333; opacity:0.9;}

.btn-mini-xs,
.form-group .btn-mini-xs,  
.btn-group-mini-xs > .btn {padding: 0px 3px; min-width: 23px; max-width: 23px; font-size: 12px; line-height: 23px; height: 23px; border-radius: 3px; white-space:nowrap;}

.btnChkAll.active { border-color:#cedfec; background:#ebf3f9; box-shadow:none;}
.btnChkAll.active:before {color:#229DC9; font-family: 'icomoon'; content: "\ed6c";}
.btnChk.active { border-color:#cedfec; background:#ebf3f9; box-shadow:none;}
.btnChk.active:before {color:#229DC9; font-family: 'icomoon'; content: "\ed6c";}





/* input 
================================== */
.input-scg-xs {border-color:#cedfec; background:#ebf3f9; color:#333333; min-width:auto; height:35px; padding-left: 8px; padding-right: 5px; line-height:1.53; border-radius:3px;}

.boxGroupChkbox1 {}
.boxGroupChkbox1 .title-field {/*color:#166DA3;*/}
.boxGroupChkbox1 .checkbox label {font-size:13px; font-weight:normal; white-space:normal;}

.boxGroupChkbox1 .checker span {color: #455A64; border: 2px solid #196FA2; display: inline-block; text-align: center; position: relative; border-radius:3px;}
.boxGroupChkbox1 .checker, 
.boxGroupChkbox1 .checker span, 
.boxGroupChkbox1 .checker input { width: 22px; height: 22px;}
.boxGroupChkbox1 .checkbox label {padding-left: 32px; padding-top:2px;}
.boxGroupChkbox1 .checker span:after {font-size:20px;}

.checkboxStyle1 label {font-size:13px; font-weight:normal; white-space:normal; padding-top:2px;}
.checkboxStyle1 .checker span {color: #455A64; border: 1px solid #CDE0EF; background:#EBF2FA; display: inline-block; text-align: center; position: relative; border-radius:3px;}
.checkboxStyle1 .checker, 
.checkboxStyle1 .checker span, 
.checkboxStyle1 .checker input { width: 22px; height: 22px;}
.checkboxStyle1 .checker span:after {font-size:20px; left:0px; top:0px;}
.checkboxStyle1 .checker span.checked {border-color:#2598C5; background:#2598C5; color: #fff;}

.checkboxStyle1.mgSpace .checker {margin-right:7px;} 


/* modal
================================== */
.modal {z-index:90001;}
.modal-backdrop {z-index:90000;}

.modal620 {width:620px;}
.modal-page-container {width:1160px;}

.title-modal {display: inline-block; max-width: 100%; font-weight: bold; font-size: 20px; line-height: 20px; margin-bottom: 6px;}
.subTitle-modal {display:block; font-weight: 500; font-size: 15px; line-height: 15px; padding-top:5px; margin-bottom: 6px; margin-top:0px;}

.modal-style1 {background:#DDEAF2;}
.modal-style1 .modal-body {padding:10px;}
.modal-style1 .modal-bodyInner {background:#fff; padding:30px 20px 60px 20px; text-align:center;}
.modal-style1 .modal-footer {text-align:center;}

.modal-style2 {background:#DDEAF2;}
.modal-style2 .modal-body {padding:10px;}
.modal-style2 .modal-bodyInner {background:#fff; padding:30px 20px 20px 20px;}
.modal-style2 .modal-footer {text-align:center;}
.modal-style2 .boxNameProject {font-weight:bold; font-size:21px; margin:0px;}
.modal-style2 .boxNameCompany {font-weight:bold; font-size:16px; margin:0px;}
.modal-style2 .boxSelectBudgetPeriod {font-weight:500; font-size:16px; margin:0px; padding-bottom:5px;}
.modal-style2 .boxTypeCharter {font-weight:bold; font-size:16px; margin:0px; padding-bottom:10px; text-align:right;}
.modal-style2 .boxTypeCharter span {color:#999; font-size:13px; font-weight:normal;}
.modal-style2 .boxNameField {font-weight:500; font-size:15px; margin:0px; padding:5px 0px;} 
.modal-style2 .boxNameField span {font-weight:normal; padding-left:10px; font-size:16px; color:#333;}

.boxSubAction {max-width:600px; margin:30px auto 0px auto; background:#fff; border-radius:3px; padding:20px;}

.boxSelectRiskStatus {background:#fff; padding:30px 20px 60px 20px; text-align:center;}
.boxSelectRiskStatus .boxListSelectStatus {padding-top:25px;}
.boxSelectRiskStatus .btnLow {display:inline-block; margin:0px 5px; padding:8px 15px 8px 42px; line-height:24px; position:relative; color:#72BC67; border-color:#cedfec; background:#ebf3f9;}
.boxSelectRiskStatus .btnLow:before {display:block; content:'L'; position:absolute; left:10px; top:8px; width:24px; height:24px; text-align:center; color:#fff; background:#72BC67; border-radius:3px;}
.boxSelectRiskStatus .btnLow.active {border-color:#155A85; -webkit-box-shadow: none; box-shadow:none;}
.boxSelectRiskStatus .btnMedium {display:inline-block; margin:0px 5px; padding:8px 15px 8px 42px; line-height:24px; position:relative; color:#FC9B19; border-color:#cedfec; background:#ebf3f9;}
.boxSelectRiskStatus .btnMedium:before {display:block; content:'M'; position:absolute; left:10px; top:8px; width:24px; height:24px; text-align:center; color:#fff; background:#FC9B19; border-radius:3px;}
.boxSelectRiskStatus .btnMedium.active {border-color:#155A85; -webkit-box-shadow: none; box-shadow:none;}
.boxSelectRiskStatus .btnHigh  {display:inline-block; margin:0px 5px; padding:8px 15px 8px 42px; line-height:24px; position:relative; color:#D32C08; border-color:#cedfec; background:#ebf3f9;}
.boxSelectRiskStatus .btnHigh:before {display:block; content:'H'; position:absolute; left:10px; top:8px; width:24px; height:24px; text-align:center; color:#fff; background:#D32C08; border-radius:3px;}
.boxSelectRiskStatus .btnHigh.active {border-color:#155A85; -webkit-box-shadow: none; box-shadow:none;}

/* accordion
================================== */
.boxAccordionStyle1 {}
.boxAccordionStyle1 .panel-white > .panel-heading {background-color: transparent; border-bottom:1px solid #B3BDBE;  padding-left:0px; padding-right:0px;}
.boxAccordionStyle1 .panel {border-color:transparent; border-bottom-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.boxAccordionStyle1.panel-group .panel-heading + .panel-collapse > .panel-body, 
.boxAccordionStyle1.panel-group .panel-heading + .panel-collapse > .list-group {border-top-color: transparent;  padding-left:10px; padding-right:10px;}
.boxAccordionStyle1 .panel-title a {font-weight:500; color:#256E97;}
.boxAccordionStyle1 .panel-title a[aria-expanded="true"] {color:#333;}


/* table
================================== */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {padding: 10px 5px;}
.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc_disabled {padding-left:20px; padding-right:20px;}
.dataTable thead .sorting:before, .dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after {right:6px;}
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 10px 5px;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {font-weight:bold;}

.dataTables_paginate .paginate_button {display: inline-block; padding: 4px 10px; min-width: 30px;}
.dataTables_length .select2-selection--single {line-height:1.5384616; height:36px;}
.dataTables_filter input {border-color: #cedfec; background-color: #ebf3f9;}

.boxGroupActionDataTable {}
.boxGroupActionDataTable .boxCtrlActionDataTable {background:#B4E2F2; color: #333;}
.boxGroupActionDataTable .boxCtrlActionDataTable h4 {display:block; float:left; margin:0px; padding:10px 0px 0px 20px; font-size:14px; font-weight:bold;}
.boxGroupActionDataTable .boxCtrlActionDataTable:after {content: ''; display: table; clear: both;}
.boxGroupActionDataTable .boxCtrlActionDataTable .boxListCtrlAction {padding:8px 10px 0px 0px; float: right; margin: 0; list-style: none;  font-size: 0;}
.boxGroupActionDataTable .boxCtrlActionDataTable .boxListCtrlAction:after {content: ''; display: table; clear: both;}
.boxGroupActionDataTable .boxCtrlActionDataTable .boxListCtrlAction li {position:relative; float: left;  display: inline-block; position: static; font-size: 13px; padding:0px 0px 8px 5px;}
.boxListCtrlAction .btn:hover, .boxListCtrlAction .btn:focus, .boxListCtrlAction .btn.focus {color:#fff;}

.boxGroupActionDataTable .datatable-header {padding-top:4px;}

.table.bdr_non {border:none;}
.table.bdr_non td {border:none;}

.dataTables_paginate .paginate_button.current, 
.dataTables_paginate .paginate_button.current:hover, 
.dataTables_paginate .paginate_button.current:focus {background-color:#186fa5;}

.table > thead > tr.boxSubHeadProgressUpdate  > th {background:#9EC5E2; padding:5px 5px;}
.table > thead > tr.boxSubHeadProgressUpdate  > th.bdl1:after {display:block; content:''; position:absolute; left:0px; top:25%; height:50%; width:0px; overflow:hidden; border-left:1px solid #333;}

.btnPreviewProgressUpdate {margin-left:5px;}
.btnPreviewProgressUpdate:focus {color:#fff;}

.dataTableFixScroll .datatable-scroll {width: 100%; overflow-x: scroll;}
.dataTableFixScroll .datatable-scroll th {white-space: nowrap;}

/* preview 
================================== */
.preview label {font-size:13px; color:#999; font-weight:normal;}
.preview .title-field {font-size:13px; color:#999; font-weight:normal;}
	.valuePreview {font-size: 15px; font-weight:bold;}
		.valuePreview a {color:#186FA5;}
		.valuePreview a:hover {opacity:0.9;}
		
	.previewHide {display:none;}
	.boxNumMB {display:inline-block; font-size:45px; font-weight:bold; margin:0px;}
	.boxCalculationFormularAndRemarkPreview {max-width:400px; padding-left:20px;}
	.boxCalculationFormularAndRemarkPreview b {display:block; padding-top:10px;}

/* share 
================================== */
.title30 {margin:20px 0px 10px 0px; font-size:30px; font-weight:600;}

.titlePage {margin:20px 0px 10px 0px; font-size:21px; font-weight:500;}
.titlePageSub {margin:0px; font-size:16px; font-weight:500;}
.titlePageHasSub {padding:20px 0px 0px 0px; margin:0px; font-size:14px; font-weight:normal;}
.titlePageHasSub b {display:block; font-size:16px; font-weight:bold;}
.hasQuickLink {}
.hasQuickLink:after {content: ''; display: table; clear: both;}
	.hasQuickLink .boxQuickAction {padding:5px 0px 0px 0px; float: right; margin: 0; list-style: none;  font-size: 0;}
	.hasQuickLink .boxQuickAction:after {content: ''; display: table; clear: both;}
	.hasQuickLink .boxQuickAction li {position:relative; float: left;  display: inline-block; position: static; font-size: 13px; padding:0px 0px 5px 5px;}
	.hasQuickLink .boxQuickAction .btn:hover, 
	.hasQuickLink .boxQuickAction .btn:focus, 
	.hasQuickLink .boxQuickAction .btn.focus {color:#fff;}

.btnBackHistory {display:inline-block; margin-top:10px; margin-bottom:5px; font-size:15px; font-weight:500; color:#155a85;}	
.btnBackHistory + .titlePage {margin-top:0px;}

.boxBarBtnGroup {background: #186FA5; color: #fff; font-weight: normal; padding: 0px 0px 0px 20px; line-height: 45px; height: 45px; border-radius: 3px; font-size: 18px;}

	
.hasEdit {display:inline-block; margin-right:20px; position:relative; cursor:pointer;}
.hasEdit:hover::after {display:block; font-family:'scg'; font-size:12px; content:'\4b'; position:absolute; left:100%; padding-left:6px; top:0px;}
.boxNameProject .hasEdit:hover::after {top:7px;}


ol.list-num {padding-left:17px;}
ol.list-num li {padding-left:3px;}

.c-org {color:#FD9B1C;}
.c-blue {color:#2B9EDD;}
.c-red {color:#D22B01;}
.c-green {color:#6FB765;}
.c-green2 {color:#38892F;} /* condition  (cond.)*/
.c-gray {color:#999;}
.c-yel {color:#ffcc00;}

.pdr5 {padding-right:5px;}

.pdt5 {padding-top:5px;}
.pdt7 {padding-top:7px;}
.pdt9 {padding-top:9px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt25 {padding-top:25px;}

.pdb0 {padding-bottom:0px !important;}
.pdb5 {padding-bottom:5px;}
.pdb7 {padding-bottom:7px;}
.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}

.md-pdl0 {padding-left:0px !important;}
.pdlFix0 {padding-left:0px !important;}
.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdl20 {padding-left:20px;}

.pdr0 {padding-right:0px !important;}
.pdr20 {padding-right:20px;}

.pdlr0 {padding-left:0px !important; padding-right:0px !important;}
.md-pdlr0 {padding-left:0px !important; padding-right:0px !important;}

.mgb0 {margin-bottom:0px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb20 {margin-bottom:20px !important;}

.mgr-13 {margin-right:-13px;}
.mgr5 {margin-right:5px;}


.mgl5 {margin-left:5px;}
.mgl-13 {margin-left:-13px;}

.mgt-3 {margin-top:-3px;}
.mgt-9 {margin-top:-9px;}
.mgt-13 {margin-top:-13px;}
.mgt0 {margin-top:0px !important;}
.mgt1 {margin-top:1px;}
.mgt2 {margin-top:2px;}
.mgt5 {margin-top:5px;}
.mgt20 {margin-top:20px;}

.bdt1 {border-top:1px solid #bbb;}
.bdt0 {border-top:none !important;}
.bdb0 {border-bottom:none !important;}

.cursor_default {cursor:default !important;}

.abs-left {position:absolute; left:5px; top:6px;}
.minW100 {min-width:100px;}
.minW200 {min-width:200px;}

.fs11 {font-size:11px;}
.fs12 {font-size:12px;}

.continueMeeting td {background:#FEF5E6 !important;}

.lh36 {line-height:36px;}
.lh40 {line-height:40px;}

.txt-left {text-align:left;}
.txt-right {text-align:right;}
.txt-center {text-align:center;}

.ct {display:table; width:100%; height:100%;}
.cc {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}

.fixWidth291MaxHeight390 {width:calc(100% + 18px); max-height:390px; overflow-x:hidden; overflow-y:auto;}
.fixWidth291MaxHeight390 > table {width:291px;}

.wp10 {width:10%;}
.wp20 {width:20%;}
.wp23 {width:23%;}
.wp25 {width:25%;}
.wp27 {width:27%;}
.wp30 {width:30%;}
.wp50 {width:50%;}
.wp100 {width:100%;}

.w50 {width:50px;}
.w80 {width:80px;}

.floatL {float:left;}
.floatR {float:right;}

.block {display:block;}
.inline-block {display:inline-block !important;}

.valign-top td {vertical-align:top !important;}

hr.bd1 {display:block; margin:10px 0px 5px; height:0px; border:none; border-top:1px solid #B5BABD;}

.txtEllipsis250 {display:inline-block; width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.boxStatus {display:inline-block; padding:3px 5px; font-weight:500;}
.boxStatus.statusInProgress {background:#FD9B1C; color:#fff;}
.boxStatus.statusCompleted {background:#71BD65; color:#fff;}
.boxStatus.statusDelay {background:#CF2D00; color:#fff;}

.lg-show {display:none !important;}

.status-inprogress {border-color:#6FB765; background:#6FB765; padding: 0px 10px;}
.status-completed {border-color:#6FB765; background:#6FB765; padding: 0px 10px;}
.status-delay {border-color:#D22B01; background:#D22B01; padding: 0px 10px;}

.btnStatusInProgress {border-color:#6FB765; background:#6FB765; color:#fff;}
.btnStatusInProgress:hover {color:#fff;}
.btnStatusCompleted {border-color:#6FB765; background:#6FB765; color:#fff;}
.btnStatusCompleted:hover {color:#fff;}
.btnStatusDelay {border-color:#D22B01; background:#D22B01; color:#fff;}
.btnStatusDelay:hover {color:#fff;}
                            


/* hr 
================================== */
hr.line-break-1 {margin:10px 0px; padding:0px; height:0px; overflow:hidden; border:none; border-top:1px solid #B3BCBB;}

.bdrStyle1 {border:1px solid #B3BCBB; border-radius:3px;}


@media (min-width: 769px){
	.page-header-scg .breadcrumb-scg {margin-bottom: 10px; width: 729px; margin: 0px auto;}
	.page-header-scg .breadcrumb-scg .box-container {width: 729px; margin: 0px auto;}
	
	.modal-page-container {width:729px;}
	
	.boxTableDefault {overflow-x:auto; }
}
@media (min-width: 1025px){
	.page-header-scg .breadcrumb-scg {margin-bottom: 10px; width: 985px; margin: 0px auto;}
	.page-header-scg .breadcrumb-scg .box-container {width: 985px; margin: 0px auto;}
	
	.modal-page-container {width:985px;}
	
	.btn-financial-radio, 
	.form-group .btn-financial-radio {min-width:92px;}
	
	.boxTableDefault {overflow-x:inherit;}
	
	.boxListProjectOnHand .oneProjectOnHand {display:block; float:left; width:50%; box-sizing:border-box; padding-top:10px;}
	.boxListProjectOnHand .oneProjectOnHand:nth-child(2n-1) {padding-right:8px; clear:both;}
	.boxListProjectOnHand .oneProjectOnHand:nth-child(2n) {padding-left:8px;}
}

@media (min-width: 1200px){
	.page-header-scg .breadcrumb-scg {margin-bottom: 10px; width: 1210px; margin: 0px auto;}
	.page-header-scg .breadcrumb-scg .box-container {width: 1210px; margin: 0px auto;}
	
	.modal-page-container {width:1160px;}
	
	.btn-financial-radio, 
	.form-group .btn-financial-radio {min-width:117px;}
	
	.boxTableDefault {overflow-x:inherit;}
	
	.md-pdlr0 {padding-left:10px !important; padding-right:10px !important;}
	.md-pdl0 {padding-left:10px !important;}
	
	.lg-show {display:block !important;}
	
	#boxDBMeetingSummary .boxInnerFixHeight {height:380px; overflow-x:hidden; overflow-y:auto;}
	#boxOtherActionItem .boxInnerFixHeight {height:380px; overflow-x:hidden; overflow-y:auto;}
}

@media (max-width: 768px){
	.page-header-scg .logo-theme-1 {display: none;}
	.page-header-scg .icon-menu-open:before {content:"\ec67";}
	.page-header-scg .breadcrumb-scg {margin-bottom:0px;}
	
	.modal-page-container {width:100%;}
	.modal620 {width:100%;}
	
	.panel-scg .heading-elements-toggle {display:none;}
	.panel-scg .heading-elements {display: block;}
	
	.page-content {display: table-row;}
	
	.mainContainer-scg {padding-left: 0px;}
	.mainContainer-scg .sidebar {position: relative; width: auto; margin-bottom: 10px; height: auto;}
	.mainContainer-scg .sidebar > a {display:none;}
	.mainContainer-scg .sidebar > a.btnToggleMenuSide {display:block; width:100%; padding-left:16px;}
	.mainContainer-scg .sidebar > a.btnToggleMenuSide i {text-align:left;}
	.mainContainer-scg .sidebar > a > span {display:block; left: 40px; background: transparent;  border-color: transparent;}
	.mainContainer-scg .sidebar > a > span:after {display:none;}
	.mainContainer-scg .sidebar > a.active, .mainContainer-scg .sidebar > a:hover {background:transparent;}
	.mainContainer-scg .sidebar.toggleTrue > a {display:block;}
	.mainContainer-scg .sidebar.toggleTrue > a.btnToggleMenuSide {background:#155a85;}
	
	.boxProjectQuerySetting {display: block; position: relative; left: 0px;}
	.fixWidth291MaxHeight390 > table {min-width: 291px;}
	
	.boxTableDefault table tr .minW200-xs {min-width:200px;}
	.boxTableDefault table tr .minW150-xs {min-width:150px;}
	.boxTableDefault table tr .minW80-xs {min-width:80px;}
}
@media (max-width: 767px){
	#boxOtherActionItem .table th:nth-child(4) {display:none;}
	#boxOtherActionItem .table td:nth-child(4) {display:none;}
}
@media (max-width: 666px){
	#boxDBMeetingSummary .table th:nth-child(2) {display:none;}
	#boxDBMeetingSummary .table td:nth-child(2) {display:none;}
}
@media (max-width: 567px){
	#boxDBMeetingSummary .table th:nth-child(3) {display:none;}
	#boxDBMeetingSummary .table th:nth-child(4) {display:none;}
	#boxDBMeetingSummary .table td:nth-child(3) {display:none;}
	#boxDBMeetingSummary .table td:nth-child(4) {display:none;}
	
	#boxOtherActionItem .table th:nth-child(5) {display:none;}
	#boxOtherActionItem .table td:nth-child(5) {display:none;}
}
@media (max-width: 479px){
	.boxActionDetail {}
	.boxActionDetail table {position:relative; margin-bottom:130px;}
	.boxActionDetail table {display:block;}
	.boxActionDetail table tbody {display:block;}
	.boxActionDetail table tbody tr {display:block;}
	.boxActionDetail table tbody tr td {display:block;}
	.boxActionDetail table tbody tr:nth-child(2) td:nth-child(1) {width:50%; float:left;}
	.boxActionDetail table tbody tr:nth-child(2) td:nth-child(2) {width:50%; float:left;}
	.boxActionDetail table tbody tr:nth-child(2) td:nth-child(3) {clear:both;}
	.boxActionDetail .boxCircleProgress {position:absolute; left:50%; top:100%; margin-top:10px; margin-left:-50px;}
	
	.titlePage {font-size:17px;}  
	th.titlePage {font-size:14px;}  
	.boxValueInitial b {font-size:30px; line-height:35px;}
	.boxValueFinal b {font-size:30px; line-height:35px;}
	
	.boxListProjectOnHand .oneProjectOnHand .containerProjectOnHand .footerProjectOnHand .btn {min-width:145px;}
	
	#boxOtherActionItem .table th:nth-child(2) {display:none;}
	#boxOtherActionItem .table td:nth-child(2) {display:none;}
	
	#boxProjectSummary .boxCommentGraph .oneCommentGraph {float: left; padding-right: 5px; min-width: 20%;}
}
@media (max-width: 413px){
	#boxProjectSummary .boxCommentGraph .oneCommentGraph {float: left; padding-right: 0px; min-width: 50%;}
}