@charset "UTF-8";
/* Body, common
********************************************************/
body { background-color: #EAEAEA; color: #333; }
.ajax-loader { background: url(../content/img/share/ajax-loader.gif) center center no-repeat; background-size:inherit; background-position:center; padding: 14px; margin-top: 10px; margin-bottom: 10px; width: 100%; height: 48px; display:none; }
@-ms-viewport { width: auto !important; initial-scale: 1; }
@viewport { width: device-width; initial-scale: 1; }
/* LINK *********************************/
a { color: #198fff; }
a:link, a:visited { color: #198FFF; text-decoration: none; }
a:hover, a:active { color: #198FFF; text-decoration: underline; }
a.link_blank, .link_blank a { background: url(../content/img/share/icon_blank.png) right center no-repeat; background-size: 12px 12px; padding-right: 15px; }
a.link_document { background: url(../content/img/share/icon_document.png) left center no-repeat; background-size: 10px 13px; padding-left: 14px; }
/* Headings *********************************/
h1, .h1 {}
h2, .h2 { font-size: 16px; color: #646568; font-weight: 200; border-bottom: solid 1px #ddd; padding: 0 0 3px 10px; margin: 0 0 10px; }
h3, .h3 {}
h4, .h4 { font-size: 14px; color: #333333; font-weight: bold; border-bottom: solid 1px #ccc; padding: 0 0 3px 10px; margin: 0 0 15px;}
h5, label, .h5 { font-size: 13px; color: #666666; font-weight: bold; margin: 0 0 5px;}
h6, .h6 {}
ol li label, ul li label { font-weight: normal; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 14px; font-weight: bold; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
.title { font-size: 18px; color: #054f7e; font-weight: bold; padding-right: 25px; }
.collapse_box { padding-bottom: 20px; }
.collapse_box h4 { font-size: 13px; padding-bottom: 6px; }
.collapse_box h4 a { color: #333333; display: block; background: url(../content/img/share/toggle_icon.png) left center no-repeat; background-size: 12px 12px; padding-left: 20px; }
.collapse_box h4 a:hover { text-decoration: none; }
.collapse_box h4 a.collapsed { background: url(../content/img/share/toggle_icon_collapse.png) left center no-repeat; background-size: 12px 12px; }
.collapse_box div { padding-left: 10px; }
.collapse_box div select { margin-right: 15px; }
/* Text Layout *********************************/
.text-left   { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right  { text-align: right !important; }
.text_italic { font-style: italic; }
/* Text Size *********************************/

/* Text Color *********************************/
.text-muted   { color: rgba(0,0,0,.54); }
.text_muted2  { color: rgba(0,0,0,.38); }
.text-primary { color: #054F7E; }
.text-info    { color: #81C2FF; }
.text-success { color: #3EE5C2; }
#contents .text-success { color: #4caf50; }
.text-warning { color: #FFDB4A; }
.text-danger  { color: #FF4D5F; }
.form-group.required > label:first-child:after {color: #FF4D5F; content:"*"; margin-left: 4px; }
.text-amount  { color: #02C39A; }
.residential  { color: #F8B541 !important; }
.commercial   { color: #02C39A !important; }
/* Float *********************************/
.clear_l { clear: left; }
.clear_r { clear: right; }
/* Form *********************************/
.form-control { margin-bottom: 5px; }
.width_auto { width: auto; display: inline; }
/* Search */
.input_search {
	height: 25px;
	border-radius: 25px;
	background: url(../content/img/share/nav_search.png) 5px center no-repeat; background-size: 13px;
	padding-left: 20px;
}
/* N records per page */
.show_record { font-size: 12px; color: #666; font-weight: 200; margin: 10px 0 5px; text-align: right; }
select.input_show_record { 
	width: auto;
	font-size: 11px;
	height: 22px;
	color: #555;
	padding: 0;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
div.dataTables_wrapper div.dataTables_length select { padding: 0; width: auto; }
/* Browse File */
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: pointer;
	display: block;
}
/* Special Button Groupe eg: Lookup button with input */
.inline_btn_group        { position: relative; }
.inline_btn_group>button { position: absolute; top: 1px; right: 1px; z-index: 100; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 32px; padding-top: 5px; }
/* Panel > form-group */
.panel-body .form-group { padding: 0 10px; margin-bottom: 20px; }
/* Button *********************************/
/* Link tag button */
a.btn-default, a.btn-primary2, a.btn_danger2 { color: #888; }
a.btn-primary { color: #FFF; }
a.btn-danger  { color: #FFF; }
/* Button Variation */
.btn_replace { margin: 4px 0 !important; }
.btn_replace:before { font-family: FontAwesome;	content: "\f021"; padding-right: 3px; }
.btn_export { background: url(../content/img/share/icon_export.png) #BBB center center no-repeat; background-size: 16px; text-indent: -9999px; padding: 4px 14px; }
.btn_export:hover { background-color: #999999; }

/* Button Size */
.btn { padding: 6px 25px; }
.btn-xs { padding: 1px 15px; }
.btn-sm { padding: 5px 20px; }
.btn-lg	{ font-size: 16px; padding: 8px 12px; border-radius: 4px; }
.btn_wide { width: 100%; }
/* Button Style */
.btn-default, .btn_primary2, .btn_danger2 { color: #666; }
.btn_primary2:hover, .btn_danger2:hover { color: #FFF; }

.btn-default, .btn_primary2, .btn_danger2 {
	border: 1px solid #CCCCCC;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .3);
    color: #666;    
	background-image: linear-gradient(0deg, #FFFFFF 25%, #DDDDDD 100%);
}
.btn-default:hover {
	border: 1px solid #DDDDDD;	
	background-image: linear-gradient(0deg, #EEEEEE 25%, #E6E6E6 100%);
}
.btn-primary {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border: 1px solid #003A58;    
	background-image: linear-gradient(0deg, #046A9D 25%, #054667 100%);	
}
.btn-primary:hover, .btn_primary2:hover {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    color: #FFF;
    border: 1px solid #054667;	    
	background-image: linear-gradient(0deg, #0B79C2 25%, #046A9D 100%);
}
.btn-danger {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border: 1px solid #9D0404;
	background-image: linear-gradient(0deg, #E20606 25%, #BD0505 100%);	
}
.btn-danger:hover, .btn_danger2:hover {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    color: #FFF;
	border: 1px solid #BD0505;	    
	background-image: linear-gradient(0deg, #F00606 25%, #E20606 100%);
}
/* Ripple Effect */
button.ripple, a.ripple { position: relative; }
.ripple { overflow:hidden; }
.ripple-effect{ position: absolute; border-radius: 50%; width: 50px; height: 50px; background: white; animation: ripple-animation 2s; }
@keyframes ripple-animation {
    from { transform: scale(1); opacity: 0.4; }
    to {   transform: scale(100); opacity: 0; }
}
/* Go to Pagetop Button */
#pagetop { display: block; position: fixed; z-index: 99999; right: -40px; bottom: 25px; padding: 4px 9px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-align: center; text-decoration: none; cursor: pointer; border: none; outline: none; background-color: rgba(0,0,0,.2); color: #FFF; }
#pagetop:hover { background-color: #006BA6; box-shadow: 0 5px 10px rgba(0,0,0,.25), 0 5px 10px rgba(0,0,0,.15); }
/* Validation States *********************************/
/* Success */
.has-success .form-control { border-color: #8ABF5C; }
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {}
/* Warning */
.has-warning .form-control { border-color: #DAAE61; }
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #9A7E4C; }
/* Error */
.input-validation-error, .has-error .form-control { border-color: #E4A197; }
.field-validation-error, .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #B94A48; }
.field-validation-error  { 
	color: #a94442; 
	background-color: #f2dede; 
	border: 1px solid #eed3d7;
	display: block;
	padding: 8px;
	border-radius: 4px;
	line-height: 1.2;
	margin-bottom: 2px;
}
.validation-summary-errors {
	color: #a94442; 
	background-color: #f2dede; 
	border: 1px solid #eed3d7;
	display: block;
	padding: 8px;
	border-radius: 4px;
	line-height: 1.2;
	margin-bottom: 10px;
}
#create-project-form .field-validation-error { display: inline-block; margin-left: 5px; }
.validation-summary-errors ul { margin-bottom: 0; padding-left: 20px; }
/* Alerts *********************************/
/* Alerts Common */
.alert { padding: 8px; }
/* Success */
.alert-success {}
/* Info */
.alert-info {}
/* Warning */
.alert-warning {}
/* Danger */
.alert-danger { color: #DB2E13; }
/* message Common */
#messages { position: absolute; top: 75px; width: 100%; opacity: 0; /*display: none;*/ }
#messages { 
	-webkit-animation-duration: 1.5s;
	-webkit-animation-name: animation01;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: 15s;
	-webkit-animation-fill-mode: backwards;
	animation-duration: 1.5s;
	animation-name: animation01;
	animation-timing-function: ease;
	animation-delay: 15s;
	animation-fill-mode: backwards;
}
@keyframes animation01 {
	from { opacity: 1; z-index: 2000  }
	70%  { opacity: 0; }
	to   { opacity: 0; z-index: -100; }
}
.message-Success, .message-Information, .message-Warning, .message-Error { width: 60%; margin: 0 auto; } /* for z-index */
.message-Success, .message-Information, .message-Warning, .message-Error { text-align: center; opacity: 0.85; padding: 6px; margin-bottom: 5px; border: 1px solid transparent; border-radius: 4px; }
/* message-Success */
/*.message-Success	 { color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6; }*/
/* message-Information */
.message-Information, .message-Success { color: #31708f; background-color: #dff0d8; border-color: #d6e9c6; }
/* message-Warning */
.message-Warning 	 { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
/* message-Error */
.message-Error 		 { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
/* Margin / Padding *********************************/
/* All Device */
/* margin */
.m0   { margin: 		0px; }
.mt0  { margin-top:     0px; }
.mr0  { margin-right:   0px; }
.mb0  { margin-bottom:  0px; }
.ml0  { margin-left:    0px; }
.mt10 { margin-top:    10px; }
.mr10 { margin-right:  10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left:   10px; }
.mt15 { margin-top:    15px; }
.mr15 { margin-right:  15px; }
.mb15 { margin-bottom: 15px; }
.ml15 { margin-left:   15px; }
.mt20 { margin-top:    20px; }
.mr20 { margin-right:  20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left:   20px; }
.mt25 { margin-top:    25px; }
.mr25 { margin-right:  25px; }
.mb25 { margin-bottom: 25px; }
.ml25 { margin-left:   25px; }
.mt30 { margin-top:    30px; }
.mr30 { margin-right:  30px; }
.mb30 { margin-bottom: 30px; }
.ml30 { margin-left:   30px; }
.mt40 { margin-top:    40px; }
.mr40 { margin-right:  40px; }
.mb40 { margin-bottom: 40px; }
.ml40 { margin-left:   40px; }
/* padding */
.p0   { padding: 		 0px; }
.pt0  { padding-top:     0px; }
.pr0  { padding-right:   0px; }
.pb0  { padding-bottom:  0px; }
.pl0  { padding-left:    0px; }
.pt10 { padding-top:    10px; }
.pr10 { padding-right:  10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left:   10px; }
.pt15 { padding-top:    15px; }
.pr15 { padding-right:  15px; }
.pb15 { padding-bottom: 15px; }
.pl15 { padding-left:   15px; }
.pt20 { padding-top:    20px !important; }
.pr20 { padding-right:  20px; }
.pb20 { padding-bottom: 20px; }
.pl20 { padding-left:   20px; }
.pt25 { padding-top:    25px; }
.pr25 { padding-right:  25px; }
.pb25 { padding-bottom: 25px; }
.pl25 { padding-left:   25px; }
.pt30 { padding-top:    30px; }
.pr30 { padding-right:  30px; }
.pb30 { padding-bottom: 30px; }
.pl30 { padding-left:   30px; }
.pt40 { padding-top:    40px; }
.pr40 { padding-right:  40px; }
.pb40 { padding-bottom: 40px; }
.pl40 { padding-left:   40px; }
@media (min-width: 1200px) {
	/* margin top */
	.mt0_lg  { margin-top: 0px; }
	.mt10_lg { margin-top: 10px; }
	.mt15_lg { margin-top: 15px; }
	.mt20_lg { margin-top: 20px; }
	.mt25_lg { margin-top: 25px; }
	.mt30_lg { margin-top: 30px; }
	.mt40_lg { margin-top: 40px; }
	/* margin right */
	.mr0_lg  { margin-right: 0px; }
	.mr10_lg { margin-right: 10px; }
	.mr15_lg { margin-right: 15px; }
	.mr20_lg { margin-right: 20px; }
	.mr25_lg { margin-right: 25px; }
	.mr30_lg { margin-right: 30px; }
	.mr40_lg { margin-right: 40px; }
	/* margin bottom */
	.mb0_lg  { margin-bottom: 0px; }
	.mb10_lg { margin-bottom: 10px; }
	.mb15_lg { margin-bottom: 15px; }
	.mb20_lg { margin-bottom: 20px; }
	.mb25_lg { margin-bottom: 25px; }
	.mb30_lg { margin-bottom: 30px; }
	.mb40_lg { margin-bottom: 40px; }
	/* margin left */
	.ml0_lg  { margin-left: 0px; }
	.ml10_lg { margin-left: 10px; }
	.ml15_lg { margin-left: 15px; }
	.ml20_lg { margin-left: 20px; }
	.ml25_lg { margin-left: 25px; }
	.ml30_lg { margin-left: 30px; }
	.ml40_lg { margin-left: 40px; }
	
	/* padding top */
	.pt0_lg  { padding-top: 0px; }
	.pt10_lg { padding-top: 10px; }
	.pt15_lg { padding-top: 15px; }
	.pt20_lg { padding-top: 20px; }
	.pt25_lg { padding-top: 25px; }
	.pt30_lg { padding-top: 30px; }
	.pt40_lg { padding-top: 40px; }
	/* padding right */
	.pr0_lg  { padding-right: 0px; }
	.pr10_lg { padding-right: 10px; }
	.pr15_lg { padding-right: 15px; }
	.pr20_lg { padding-right: 20px; }
	.pr25_lg { padding-right: 25px; }
	.pr30_lg { padding-right: 30px; }
	.pr40_lg { padding-right: 40px; }
	/* padding bottom */
	.pb0_lg  { padding-bottom: 0px; }
	.pb10_lg { padding-bottom: 10px; }
	.pb15_lg { padding-bottom: 15px; }
	.pb20_lg { padding-bottom: 20px; }
	.pb25_lg { padding-bottom: 25px; }
	.pb30_lg { padding-bottom: 30px; }
	.pb40_lg { padding-bottom: 40px; }
	/* padding left */
	.pl0_lg  { padding-left: 0px; }
	.pl10_lg { padding-left: 10px; }
	.pl15_lg { padding-left: 15px; }
	.pl20_lg { padding-left: 20px; }
	.pl25_lg { padding-left: 25px; }
	.pl30_lg { padding-left: 30px; }
	.pl40_lg { padding-left: 40px; }
}
@media (min-width: 992px) {
	/* margin top */
	.mt0_md  { margin-top: 0px; }
	.mt10_md { margin-top: 10px; }
	.mt15_md { margin-top: 15px; }
	.mt20_md { margin-top: 20px; }
	.mt25_md { margin-top: 25px; }
	.mt30_md { margin-top: 30px; }
	.mt40_md { margin-top: 40px; }
	/* margin right */
	.mr0_md  { margin-right: 0px; }
	.mr10_md { margin-right: 10px; }
	.mr15_md { margin-right: 15px; }
	.mr20_md { margin-right: 20px; }
	.mr25_md { margin-right: 25px; }
	.mr30_md { margin-right: 30px; }
	.mr40_md { margin-right: 40px; }
	/* margin bottom */
	.mb0_md  { margin-bottom: 0px; }
	.mb10_md { margin-bottom: 10px; }
	.mb15_md { margin-bottom: 15px; }
	.mb20_md { margin-bottom: 20px; }
	.mb25_md { margin-bottom: 25px; }
	.mb30_md { margin-bottom: 30px; }
	.mb40_md { margin-bottom: 40px; }
	/* margin left */
	.ml0_md  { margin-left: 0px; }
	.ml10_md { margin-left: 10px; }
	.ml15_md { margin-left: 15px; }
	.ml20_md { margin-left: 20px; }
	.ml25_md { margin-left: 25px; }
	.ml30_md { margin-left: 30px; }
	.ml40_md { margin-left: 40px; }
	
	/* padding top */
	.pt0_md  { padding-top: 0px; }
	.pt10_md { padding-top: 10px; }
	.pt15_md { padding-top: 15px; }
	.pt20_md { padding-top: 20px; }
	.pt25_md { padding-top: 25px; }
	.pt30_md { padding-top: 30px; }
	.pt40_md { padding-top: 40px; }
	/* padding right */
	.pr0_md  { padding-right: 0px; }
	.pr10_md { padding-right: 10px; }
	.pr15_md { padding-right: 15px; }
	.pr20_md { padding-right: 20px; }
	.pr25_md { padding-right: 25px; }
	.pr30_md { padding-right: 30px; }
	.pr40_md { padding-right: 40px; }
	/* padding bottom */
	.pb0_md  { padding-bottom: 0px; }
	.pb10_md { padding-bottom: 10px; }
	.pb15_md { padding-bottom: 15px; }
	.pb20_md { padding-bottom: 20px; }
	.pb25_md { padding-bottom: 25px; }
	.pb30_md { padding-bottom: 30px; }
	.pb40_md { padding-bottom: 40px; }
	/* padding left */
	.pl0_md  { padding-left: 0px; }
	.pl10_md { padding-left: 10px; }
	.pl15_md { padding-left: 15px; }
	.pl20_md { padding-left: 20px; }
	.pl25_md { padding-left: 25px; }
	.pl30_md { padding-left: 30px; }
	.pl40_md { padding-left: 40px; }
}
@media (min-width: 768px) {
	/* margin top */
	.mt0_sm  { margin-top: 0px; }
	.mt10_sm { margin-top: 10px; }
	.mt15_sm { margin-top: 15px; }
	.mt20_sm { margin-top: 20px; }
	.mt25_sm { margin-top: 25px; }
	.mt30_sm { margin-top: 30px; }
	.mt40_sm { margin-top: 40px; }
	/* margin right */
	.mr0_sm  { margin-right: 0px; }
	.mr10_sm { margin-right: 10px; }
	.mr15_sm { margin-right: 15px; }
	.mr20_sm { margin-right: 20px; }
	.mr25_sm { margin-right: 25px; }
	.mr30_sm { margin-right: 30px; }
	.mr40_sm { margin-right: 40px; }
	/* margin bottom */
	.mb0_sm  { margin-bottom: 0px; }
	.mb10_sm { margin-bottom: 10px; }
	.mb15_sm { margin-bottom: 15px; }
	.mb20_sm { margin-bottom: 20px; }
	.mb25_sm { margin-bottom: 25px; }
	.mb30_sm { margin-bottom: 30px; }
	.mb40_sm { margin-bottom: 40px; }
	/* margin left */
	.ml0_sm  { margin-left: 0px; }
	.ml10_sm { margin-left: 10px; }
	.ml15_sm { margin-left: 15px; }
	.ml20_sm { margin-left: 20px; }
	.ml25_sm { margin-left: 25px; }
	.ml30_sm { margin-left: 30px; }
	.ml40_sm { margin-left: 40px; }
	
	/* padding top */
	.pt0_sm  { padding-top: 0px; }
	.pt10_sm { padding-top: 10px; }
	.pt15_sm { padding-top: 15px; }
	.pt20_sm { padding-top: 20px; }
	.pt25_sm { padding-top: 25px; }
	.pt30_sm { padding-top: 30px; }
	.pt40_sm { padding-top: 40px; }
	/* padding right */
	.pr0_sm  { padding-right: 0px; }
	.pr10_sm { padding-right: 10px; }
	.pr15_sm { padding-right: 15px; }
	.pr20_sm { padding-right: 20px; }
	.pr25_sm { padding-right: 25px; }
	.pr30_sm { padding-right: 30px; }
	.pr40_sm { padding-right: 40px; }
	/* padding bottom */
	.pb0_sm  { padding-bottom: 0px; }
	.pb10_sm { padding-bottom: 10px; }
	.pb15_sm { padding-bottom: 15px; }
	.pb20_sm { padding-bottom: 20px; }
	.pb25_sm { padding-bottom: 25px; }
	.pb30_sm { padding-bottom: 30px; }
	.pb40_sm { padding-bottom: 40px; }
	/* padding left */
	.pl0_sm  { padding-left: 0px; }
	.pl10_sm { padding-left: 10px; }
	.pl15_sm { padding-left: 15px; }
	.pl20_sm { padding-left: 20px; }
	.pl25_sm { padding-left: 25px; }
	.pl30_sm { padding-left: 30px; }
	.pl40_sm { padding-left: 40px; }
}
@media (max-width: 767px) {
	/* margin top */
	.mt0_xs  { margin-top: 0px; }
	.mt10_xs { margin-top: 10px; }
	.mt15_xs { margin-top: 15px; }
	.mt20_xs { margin-top: 20px; }
	.mt25_xs { margin-top: 25px; }
	.mt30_xs { margin-top: 30px; }
	.mt40_xs { margin-top: 40px; }
	/* margin right */
	.mr0_xs  { margin-right: 0px; }
	.mr10_xs { margin-right: 10px; }
	.mr15_xs { margin-right: 15px; }
	.mr20_xs { margin-right: 20px; }
	.mr25_xs { margin-right: 25px; }
	.mr30_xs { margin-right: 30px; }
	.mr40_xs { margin-right: 40px; }
	/* margin bottom */
	.mb0_xs  { margin-bottom: 0px; }
	.mb10_xs { margin-bottom: 10px; }
	.mb15_xs { margin-bottom: 15px; }
	.mb20_xs { margin-bottom: 20px; }
	.mb25_xs { margin-bottom: 25px; }
	.mb30_xs { margin-bottom: 30px; }
	.mb40_xs { margin-bottom: 40px; }
	/* margin left */
	.ml0_xs  { margin-left: 0px; }
	.ml10_xs { margin-left: 10px; }
	.ml15_xs { margin-left: 15px; }
	.ml20_xs { margin-left: 20px; }
	.ml25_xs { margin-left: 25px; }
	.ml30_xs { margin-left: 30px; }
	.ml40_xs { margin-left: 40px; }
	
	/* padding top */
	.pt0_xs  { padding-top: 0px; }
	.pt10_xs { padding-top: 10px; }
	.pt15_xs { padding-top: 15px; }
	.pt20_xs { padding-top: 20px; }
	.pt25_xs { padding-top: 25px; }
	.pt30_xs { padding-top: 30px; }
	.pt40_xs { padding-top: 40px; }
	/* padding right */
	.pr0_xs  { padding-right: 0px; }
	.pr10_xs { padding-right: 10px; }
	.pr15_xs { padding-right: 15px; }
	.pr20_xs { padding-right: 20px; }
	.pr25_xs { padding-right: 25px; }
	.pr30_xs { padding-right: 30px; }
	.pr40_xs { padding-right: 40px; }
	/* padding bottom */
	.pb0_xs  { padding-bottom: 0px; }
	.pb10_xs { padding-bottom: 10px; }
	.pb15_xs { padding-bottom: 15px; }
	.pb20_xs { padding-bottom: 20px; }
	.pb25_xs { padding-bottom: 25px; }
	.pb30_xs { padding-bottom: 30px; }
	.pb40_xs { padding-bottom: 40px; }
	/* padding left */
	.pl0_xs  { padding-left: 0px; }
	.pl10_xs { padding-left: 10px; }
	.pl15_xs { padding-left: 15px; }
	.pl20_xs { padding-left: 20px; }
	.pl25_xs { padding-left: 25px; }
	.pl30_xs { padding-left: 30px; }
	.pl40_xs { padding-left: 40px; }
}
/* Labels / badge *********************************/
.label { font-weight: bold; }
.badge { font-weight: normal; font-size: 80%; }
.table .label { display: block; text-align: center; font-size: 90%; margin-bottom: 3px; }
/* Label / badge Color */
.label_1,  .badge_1  { background-color: #ff9da7; }
.label_2,  .badge_2  { background-color: #fb95c2; }
.label_3,  .badge_3  { background-color: #c3ade8; }
.label_4,  .badge_4  { background-color: #9fa8da; }
.label_5,  .badge_5  { background-color: #95c4fc; }
.label_6,  .badge_6  { background-color: #81D4FA; }
.label_7,  .badge_7  { background-color: #80DEEA; }
.label_8,  .badge_8  { background-color: #6bd3c2; }
.label_9,  .badge_9  { background-color: #aae583; }
.label_10, .badge_10 { background-color: #fce275; }
.label_11, .badge_11 { background-color: #fcc695; }
/*.label_12, .badge_12 { background-color: #FFAB91; }*/
.label_12, .badge_12 { background-color: #FF9676; }
.label_13, .badge_13 { background-color: #BCAAA4; }
.label_14, .badge_14 { background-color: #aaaaaa; }
/*.label_15, .badge_15 { background-color: #B0BEC5; }*/
.label_15, .badge_15 { background-color: #70A6C1; }

.label_16, .badge_16 { background-color: #ff7175; }
.label_17, .badge_17 { background-color: #f967a9; }
.label_18, .badge_18 { background-color: #8b69d3; }
.label_19, .badge_19 { background-color: #054F7E; }
.label_20, .badge_20 { background-color: #2980ff; }
.label_21, .badge_21 { background-color: #29B6F6; }
.label_22, .badge_22 { background-color: #00ACC1; }
.label_23, .badge_23 { background-color: #29c7b0; }
.label_24, .badge_24 {
    background-color: #4CAF50;
}
.label_25, .badge_25 { background-color: #FDC44F; }
.label_26, .badge_26 { background-color: #ffab4c; }
.label_27, .badge_27 { background-color: #FF7043; }
.label_28, .badge_28 { background-color: #8D6E63; }
.label_29, .badge_29 { background-color: #808080; }
.label_30, .badge_30 { background-color: #78909C; }
/* Modal *********************************/
@media (min-width: 768px) {
	.modal-md { width: 750px; }
}
/*.modal-dialog { margin-top: 120px; }*/
.modal-dialog { margin-top: 50px; }
.modal-header { font-size: 24px; font-weight: bold; }
.modal-body   { max-height:600px; overflow:auto; }
.modal-title, .modal-header h3 { font-size: 24px; border: none; padding: 0; margin: 0; font-weight: bold; }
.modal-footer { border: none; }
.modal_height_fix { height: 366px; overflow: auto; }
.modal-lg .modal_height_fix { height: 420px; overflow: auto; }
#measure_savings_summary small, #ma_budget_check small { font-size: 85%; }
.modal-body textarea { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #FFF; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
#customer-modal .modal-body legend { font-weight: normal; border-bottom: none; }
/* Panel  *********************************/
.panel-default { border: none; -webkit-box-shadow: none; box-shadow: none; }
/* .panel-default>.panel-heading { background-color: #fafafa; border-color: #eff2f7; } 
.panel-default>.panel-heading { background-color: #F5F5F5; border-color: #DDD; } */
.panel-default>.panel-heading {
	background: #F5F5F5; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.panel-heading { padding: 15px; }
.panel-title { font-size: 16px; text-transform:uppercase; color: #666; font-weight: 200; /*letter-spacing: 0.04em;*/ }
.panel_title_secondary { text-transform: inherit; }
/* Div, Other Common Parts *********************************/
/* #contents { background: #eaeaea; padding-top: 10px; } */
#contents { background: #E2E2E2; padding-top: 10px; }
.box_rounded { 	background-color: #fff; padding: 15px; border-radius: 4px; margin-bottom: 15px; }
/*.panel-fixed-height { min-height: 240px; }*/
/* dl */
.dl-horizontal {}
.dl-horizontal dt { color: #666; font-weight: normal; }
.dl-horizontal dd {}
@media (max-width: 599px) { .dl-horizontal dd { margin-bottom: 5px; }}
.tag-popover, .tag-popover:hover {
    font-size: 11px;
    color: #666;
}

.popover.list_tag_popover {
    min-width: 100px;
}

    .popover.list_tag_popover .popover-content .label {
        font-size: 90%;
        display: block;
        margin-bottom: 3px;
    }
/* popover common (eg: data table) */
.popover { font-size: 12px; border-color: #ccc; box-shadow: 0 5px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1); min-width: 250px;}
.popover-title { font-size: 12px; background: #F5F5F5; padding: 4px 8px; }
.popover-content { padding: 6px; }
.popover-content ul { padding-left: 20px; }
.dataTable .popover .popover-content ul { padding-left: 0; }
/*.popover-content>div>div { font-size: 11px; } */
.popover-content input[type="text"] { border-radius: 25px; border: 1px solid #ccc; padding: 1px 2px 1px 8px; width: 123px; }
.dataTable .popover .popover-content input[type="text"] { width: 135px; }
.popover-content hr { display: none; }
.popover-content ul { margin: 5px 0 0; }
/* dropdown - common setting */
.dropdown-menu { box-shadow: 0 2px 6px rgba(0,0,0,.175); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.175); }
/*.dropdown-menu>li>a { padding: 4px 8px; }*/
.dropdown-menu>li>a { padding: 8px 18px 8px 12px; }
.dropdown-menu>li>a:hover { background-color: #E0E0E0; }
.dropdown-menu>li>a>span { color: #999; padding-right: 3px; }
/* Pagination *********************************/
.pagination { margin: 0; font-size: 12px; }
.pagination>li>a, .pagination>li>span { color: #666; padding: 5px 10px; }
.pagination>li>a:hover { color: #666; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #eee; border-color: #ddd; color: #666; }

/* Log In / Sign Up  *********************************/
.registration_container { background-color: #EAEAEA; padding: 50px 0 20px; }

/* Logo for Register pages */
/* background and height are set in separate xxx.ui.css file */
.registration_container .company_logo { text-indent: -9999px;  }

.registration_container h1 { font-size: 36px; color: #888; font-weight: normal; text-align: center; }
.registration_form_container { 
	width: 400px;
	padding: 40px 40px 30px;
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 4px 4px 0 0;
	margin-bottom: 20px; 
}
.registration_form_container .checkbox { color: #777; }
.registration_form_container .btn_wide { margin-top: 10px; margin-bottom: 8px; }
.registration_form_container .center { margin-top: 5px; }
.registration_container .footer { text-align: center; color: #999; font-size: 11px; margin-top: 50px; }
.static .footer { text-align: center; color: #999; font-size: 11px; padding-bottom: 15px; }
.registration_container .footer p { margin-bottom: 0px; padding-bottom: 10px; }
.static .footer p { margin-bottom: 0px; padding-bottom: 0px; }
.registration_container .footer_logo, .static .footer_logo { height: 40px; background: url(https://img.p3.enertrek.com/enertrek/logo_p3.png?w=36) top center no-repeat; background-size: 36px 36px; text-indent: -9999px; }
.registration_container .description { width: 700px; margin: 20px auto 30px; padding-left: 50px; }
.registration_container .description_area { width: 800px; margin: 20px auto 30px; }

.jumbotron_white { width: 960px; padding: 30px; background-color: #FFF; border-radius: 4px; margin: 0 auto; }
.jumbotron_white h1 { font-size: 26px; margin-top: 0; }
.jumbotron_white p{ text-align:center}

@media (max-width: 991px) { 
	.jumbotron_white { width: 90%; }
}
/* for Smart Phone */
@media (max-width: 767px) {
	.registration_form_container { width: 90%; }
	.registration_container .description { width: 90%; padding-left:  0; }
}
@media (max-width: 850px) {
	.registration_container .description_area { width: 90%; }	
}
/* Lost Password  *********************************/
.registration_form_container input[type="text"] { 
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.registration_form_container input[type="text"]:focus { 
	border-color: #66afe9; 
	outline: 0; 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); 
	margin-bottom: 5px;
	display: block;
	width: 100%;
	height: 34px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* Side Nav *********************************/
.side_nav {	background-color: #fff; border-radius: 4px; padding: 0; margin: 0 0 15px; list-style-type: none; }
.side_nav li:not(:last-child) { border-bottom: solid 1px #EEEEEE; }
/* .side_nav li a { display: block; padding: 11px 0 11px 36px; font-size: 13px; color: #333333; } */
.side_nav li a { display: block; padding: 11px 0 11px 40px; font-size: 15px; color: #333333; background-size: 16px 16px !important; }
/* .side_nav li a:hover,.side_nav li.active a { background-color: #F5F5F8; border-right: solid 4px #054F7E; text-decoration: none; } */
.side_nav li a:hover,.side_nav li.active a { background-color: rgba(5, 79, 124, .2); border-right: solid 4px #054F7E; text-decoration: none; }
.side_nav li:first-child a:hover, .side_nav li.active:first-child a { border-radius: 4px 4px 0 0; }
.side_nav li:last-child a:hover, .side_nav li.active:last-child a { border-radius: 0 0 4px 4px; }
.side_nav.fa-ul .fa-li { color: #054f7e; left: .5em; top: 1em; }
@media (min-width: 400px) and (max-width: 991px) {
	.side_nav li { width: 50%; float: left; }
	.side_nav li:nth-child(odd) { border-right: solid 1px #EEEEEE; }
	/*.side_nav li:nth-last-child(2) { border-bottom: none; }*/
	/* hover, active */
	.side_nav li:nth-child(odd) a:hover, .side_nav li.active:nth-child(odd) a { border-radius: 0; }
	.side_nav li:nth-child(even) a:hover, .side_nav li.active:nth-child(even) a { border-radius: 0; }
	.side_nav li:first-child a:hover, .side_nav li.active:first-child a { border-radius: 4px 0 0 0; }
	.side_nav li:nth-child(2) a:hover, .side_nav li.active:nth-child(2) a { border-radius: 0 4px 0 0; }
	/*.side_nav li:last-child a:hover, .side_nav li.active:last-child a { border-radius: 0 0 4px 0; }
	.side_nav li:nth-last-child(2) a:hover, .side_nav li.active:nth-last-child(2) a { border-radius: 0 0 0 4px; }*/
}
/* icon */
.side_nav li .side_nav_company  { background: url(../content/img/share/side_icon_company.png) 15px center no-repeat; background-size: 13px 13px; }
.side_nav li .side_nav_file		{ background: url(../content/img/share/side_icon_file.png) 15px center no-repeat; background-size: 12px 12px; }
.side_nav li .side_nav_user		{ background: url(../content/img/share/side_icon_user.png) 15px center no-repeat; background-size: 14px 14px; }
/*.side_nav li .side_nav_home		{ background: url(../content/img/share/side_icon_home.png) 15px center no-repeat; background-size: 14px 14px; }
.side_nav li .side_nav_note		{ background: url(../content/img/share/side_icon_note.png) 15px center no-repeat; background-size: 14px 14px; }
.side_nav li .side_nav_calendar { background: url(../content/img/share/side_icon_cal.png) 15px center no-repeat; background-size: 14px 14px; }
.side_nav li .side_nav_admin	{ background: url(../content/img/share/side_icon_check.png) 15px center no-repeat; background-size: 14px 14px; }
.side_nav li .side_nav_activity { background: url(../content/img/share/side_icon_activity.png) 15px center no-repeat; background-size: 14px 14px; }
.side_nav li .side_nav_setting	{ background: url(../content/img/share/side_icon_setting.png) 15px center no-repeat; background-size: 14px 14px; }*/
/* Cancel Project */
#side_navigation .side_nav_cancel { padding-left: 36px; font-size: 13px; color: #333333; text-decoration: underline; background: url(../content/img/share/side_icon_cancel.png) 15px center no-repeat; background-size: 14px 14px; }
#side_navigation .side_nav_cancel:hover { text-decoration: none; }
@media (max-width: 991px) { #side_navigation p { text-align: right; margin-bottom: 20px; }}
/* Table *********************************/
.table { font-size: 12px; margin-bottom: 0px; }
.table>thead>tr>th, .table>tbody>tr>th { line-height: 1.2; font-size: 13px; color: #666; /* text-align: center; */ }
.table>tbody>tr>td { line-height: 1.3; vertical-align: middle; }
/*.table>thead>tr>th, */.table>tbody>tr>th, .table>thead>tr>td, .table>tbody>tr>td { border-bottom: 1px solid #DDD; }
.max_300 { max-width: 300px; }
.min_31 { min-width: 31px; }
/* table responsive */
.table-responsive { padding-bottom: 30px; }
@media (min-width: 768px) { .table-responsive { overflow-x: inherit; } }
/* data table */
table.dataTable { margin-bottom: 15px !important; }
table.dataTable>caption { text-align: center; font-size: 13px; font-weight: bold; }
table.table>tbody>tr>td>span.text-center { display:block; width:100%; }
table.table>tbody>tr>td>span.text-right { display:block; width:100%; }
.dataTables_length label, .dataTables_filter label { font-size: 85%; }
.dataTables_length select.input-sm { height: 22px; line-height: 22px; }
.dataTables_filter .input-sm { height: 22px; padding: 3px 12px; border-radius: 22px; }
table.dataTable thead th .glyphicon-filter, table.dataTable thead .sorting:after { font-size: 80%; padding-right: 3px; opacity: 0.4; }
table.dataTable thead th .glyphicon-filter-inactive {color: #666; opacity: 0.4; }
table.dataTable thead th .glyphicon-filter-active {color: #198FFF; opacity: 0.5; }
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc:after { color: #198FFF; }
.dataTables_info { font-size: 85%; color: #666; }
.singleactions-cell { width: 18px; min-width: 18px; padding: 0 !important; text-align: center; }
@media (max-width: 767px) { .dataTables_filter { margin-top: 10px; margin-right: 10px; } }
.dataTables_filter { text-align: right !important; }
.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; }
.dataTables_filter label { font-weight: normal; }
/* Saving Summary Details Table */
.summary_table>thead>tr>th { border-bottom-width: 1px; }
.summary_table>thead>tr>th, .summary_table>tbody>tr>th { text-align: center; }
.summary_table>tbody>tr>td { text-align: right; }
/* Table Style ********** */
/* table style common */
.table_style_h, .table_style_v { margin-bottom: 20px; }
.table_style_h, .table_style_v { border-left: none; border-right: none; }
.table_style_h th:first-child, .table_style_h td:first-child, .table_style_v th:first-child, .table_style_v td:first-child { border-left: none; }
.table_style_h th:last-child, .table_style_h td:last-child, .table_style_v th:last-child, .table_style_v td:last-child { border-right: none; }
/* table style vertical */
.table_style_h th, .table_style_h td { text-align: center; }
.table_style_v>thead>tr>th, .table_style_v>tbody>tr>th, .table_style_v>tbody>tr>td { padding-left: 15px; padding-right: 15px; }
/* Gear Icon */
.table .dropdown button {
	display: none;
	background: url(../content/img/share/icon_gear.png);
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	border: none;
}
/* gear icon bigger */
.glyphicon-cog { font-size: 125%; }
.nav .glyphicon-cog { font-size: 100%; }
/* Dropdown *********************************/
/* dropdown common setting */
.hv .dropdown button { display: inherit; }
.dropdown .dropdown-menu, .dropdown-menu { font-size: 12px; min-width: 80px; }
@media (max-width: 991px) { .dropdown .dropdown-menu, .dropdown-menu { font-size: 14px; } }
.dropdown-header { background: #EEEEEE; color: #333; border-top: 1px solid #DDDDDD; font-size: 11px; border-bottom: 1px solid #DDDDDD; font-size: 11px; margin-top: -1px; } 

/* dropdown for inside dataTable */
/*.dataTable .dropdown>.dropdown-menu>li>a { padding: 4px 8px 4px 25px; }*/
.dataTable .dropdown-toggle { background-color: transparent; border: none; color: #999; padding: 0; height: 12px; font-size: 12px; }
.dataTable .dropdown-toggle:focus { background-color: transparent; color: #999; }
.dataTable .open>.dropdown-toggle.btn-default:focus { color: #999; background-color: transparent; border: none; }
.dataTable .btn-group.open .dropdown-toggle { box-shadow: none; -webkit-box-shadow: none; }
.dropdown-toggle .caret { border-top: 6px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; }

/* dropdown icon */
.dropdown_download { background: url(../content/img/share/dropdown_download.png) 7px center no-repeat; background-size: 12px 12px; }
.dropdown_replace  { background: url(../content/img/share/dropdown_replace.png) 7px center no-repeat; background-size: 12px 12px;}
.dropdown_delete   { background: url(../content/img/share/dropdown_delete.png) 7px center no-repeat; background-size: 12px 12px;}
.dropdown_view     { background: url(../content/img/share/dropdown_view.png) 7px center no-repeat; background-size: 12px 12px;}
.dropdown_edit     { background: url(../content/img/share/dropdown_edit.png) 7px center no-repeat; background-size: 12px 12px;}

/* Batch Action */
.batch_action_box { margin-top: 15px; margin-bottom: 15px; }
.batch_action_box .btn { font-size: 13px; padding: 2px 6px; }
.batch_action_box>.dropdown>button, .batch_action_box>.dropdown>button:hover { border: 1px solid #fff; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.batch_action_box>.dropdown>button>span.caret { display: none; }
.batch_action_box>.dropdown>button.active { border: 1px solid #ccc; background-color: #fff; color: #333; }
.batch_action_box>.dropdown>button.active .caret { display: inline-block; }
.batch_action_box>.dropdown>button.inactive { border: 1px solid #fff; }
.batch_action_box>.dropdown>button.inactive .caret { display: none; }
.batch_action_box .open>.dropdown-toggle.btn-default:focus, .batch_action_box .open>.dropdown-toggle.btn-default:hover { background-color: #FFF;}

/* Global Filter */
.global_filter_child>select, .global_filter_child>div { display: none; }
.global_filter_child { display: inline; }
.apply_filter { display: none; }
/* applied filter */
#global_filter .applied_filter_box { padding-left: 0; margin-top: 10px; }
.clear_all, .applied_filter { cursor: pointer;  border-radius: 4px; font-size: 12px; margin-right: 5px; margin-bottom: 5px; display: inline-block; }
.clear_all { border: 1px solid #ccc; background-color: #F3F2F2; color: #999; padding: 3px 10px; }
.clear_all:hover { background-color: #E6E6E6; color: #888; border-color: #CCC; }
.applied_filter { border: 1px solid #ccc; padding: 3px 8px; }
.applied_filter:hover { background-color: #E6E6E6; color: #888; border-color: #CCC; }

/* Progress Bar *********************************/
.progress_bar_short { height: 10px; margin-bottom: 10px; border-radius: 5px; }

/*  *********************************/


/* Header
********************************************************/
/* Header Common Settings */
.navbar { margin-bottom: 0px; padding: 0 15px; }
.navbar-default { border: none; }
.navbar-default .navbar-nav>li>a { color: #777; }
.navbar-default .navbar-nav>li>a>span.glyphicon { color: #999; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #555; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; }
.navbar-default .navbar-nav>.active>a { background-color: transparent; }

/* Layout Common Setting */
.container-fluid { padding: 0; margin-right: 0; margin-left: 0; min-width: inherit; }
#contents { padding: 10px 15px; }

/* for SmartPhone */
@media (min-width: 768px) and (max-width: 900px){ #nav_right { display: none; } }
@media (min-width: 901px) { 
	.navbar { border-radius: 0; }
}
@media (max-width: 900px) {
	/* Search Box Display Setting */
	#search_wide { display: none; }

	/* Sub Navigation Display Setting */
	/*#sub_nav { display: none; }*/
	#sub_nav ul { margin: 0 0 10px; padding: 0; background-color: #F2F2F2; }
	#sub_nav ul li { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #EAEAEA; }
	#sub_nav ul li a { display: block; padding: 5px 10px; color: #666; font-size: 12px; }
	
	#nav_user { font-size: 14px; }
	#nav_right { margin-bottom: 0; }
}

/* for PC */
@media (min-width: 901px){
	/* Header *********************************
	*******************************************/
	.navbar-default { /*border: none;*/ background-color: #fff; min-height: 72px; }
	/* logo ******************************** */
	.navbar-header { position: absolute; }
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px;}
	/* Left Top Logo for all pages */
	.navbar-brand {
		/* background is set in separate xxx.ui.css file */
		width: 180px;
		height: 48px;
		font-size: 10px;
		margin: 18px 0 0 0;
		text-indent: -9999px;
	}
	/* Global Navi ******************************** */
	/* Enable Hover for Nav Dropdowns */
	#nav_center_ma .dropdown:hover .dropdown-menu, #nav_center_admin .dropdown:hover .dropdown-menu { display: block; }
	/* #nav_center_ma	 is for Market Actor
	   #nav_center_admin is for Admin */
	#nav_center_ma, #nav_center_admin {
		margin: 0 auto;
		/*padding-right: 285px;*/ /* value change depends on number of Global Navi contents */
		display: table;
		table-layout: fixed;
		float:none;
		font-size: 11px;
		font-weight: bold;
	}
	#nav_center_ma>li, #nav_center_admin>li {
		width: 110px;
		height: 72px;
		text-align: center;
		margin: 0 15px;
	}
	#nav_center_ma>li>a.active, #nav_center_admin>li>a.active {
		background-color: #f2f2f2;		
	}
	#nav_center_admin>li { margin: 0px; }
	.navbar-nav>li>a { padding-bottom: 0px; }
	
	/* hover opacity setting */
	#nav_center_ma>li>a, #nav_center_admin>li>a { opacity: 0.75; }
	#nav_center_ma>li>a:hover, #nav_center_admin>li>a:hover { opacity: 1; }
	#nav_center_ma>.active>a, #nav_center_ma>.open>a, #nav_center_admin>.active>a, #nav_center_admin>.open>a, #nav_center_ma>li>.active, #nav_center_admin>li>.active { opacity: 1; }
	
	/* Global navi menu */
	#nav_center_ma>li>a,#nav_center_admin>li>a { padding: 50px 0 2px; background-repeat: no-repeat; }
	
	/* Market Actor */
	/*#nav_home		  { background: url(../content/img/share/nav01.png); background-size: 110px 72px; }
	#nav_programs 	  { background: url(../content/img/share/nav02.png); background-size: 110px 72px; }
	#nav_projects 	  { background: url(../content/img/share/nav03.png); background-size: 110px 72px; }
	#nav_participants { background: url(../content/img/share/nav04.png); background-size: 110px 72px; }
	

	#nav_dashboard	  { background: url(../content/img/share/nav05.png); background-size: 110px 72px; }
	#nav_manage 	  { background: url(../content/img/share/nav06.png); background-size: 110px 72px; }
	#nav_payments 	  { background: url(../content/img/share/nav07.png); background-size: 110px 72px; }
	#nav_reports 	  { background: url(../content/img/share/nav08.png); background-size: 110px 72px; }*/
	
	/* Global navi dropdown */
	.dropdown-toggle>a { padding-top: 0px; }
	#global_nav .dropdown-menu { font-size: 14px; min-width: 130px;	padding-top: 8px; padding-bottom: 8px; border: none; }
	#global_nav .dropdown-menu>li>a { padding: 8px 12px; }
    #global_nav {
        margin-top: -60px;
    }
	
	/* right navi ******************************** */
	#nav_right {
		margin-top: -60px;
		font-size: 14px;
	}
	/* right navi for static page */
	.static_page_nav #nav_right {
		margin-top: 12px;
	}
	#nav_right .dropdown-menu { top: 125%; }
	#nav_right .divider { margin: 0; }	
	/* search box */
	/* display setting */
	#search_narrow { display: none; }
	
	/*#search_wide a { background: url(../content/img/share/nav_search.png); background-size: 20px 20px; width: 20px; height: 20px; }*/
	
	#nav_right .navbar-form { padding: 0px; margin: 2px 0 4px; }
	#nav_right .form-control { margin-bottom: 0; }
	#nav_right .popover-content { padding: 3px 5px; }
	/* #nav_right .form-group { margin-right: 2px; } */
	#nav_right .form-group { margin-right: 4px; }
	/* #nav_right .navbar-form .form-control { width: 122px; height: 23px; font-size: 12px; padding: 3px 8px; } */
	#nav_right .navbar-form .form-control { width: 172px; height: 27px; font-size: 12px; padding: 3px 8px; }
	#nav_right .btn { float: right; }
	/* #nav_right .btn-sm { font-size: 11px; padding: 3px 6px; background-color: #eee; border-color: #ddd; } */
	#nav_right .btn-sm { font-size: 11px; padding: 5px 6px; background-color: #eee; border-color: #ddd; }
	/*#nav_right .popover { width: 188px; }*/
	#nav_right .popover { width: 238px; }
	
	/* setting, user */
	.navbar-right>li>a { padding: 0px; }
	.navbar-right>li { padding: 15px 17px 0 0; }
	/* setting */ 
	#nav_setting { padding-left: 0px; }
	#nav_setting>a { width: 20px; background: url(../content/img/share/nav_setting.png); background-size: 20px 20px; text-indent: -9999px; opacity: 0.75; }
	#nav_setting>a:hover {  opacity: 1; }
	/* user */
	#nav_user { 
		padding-left: 23px;
		background: url(../content/img/share/nav_user.png) no-repeat left 14px;
		background-size: 20px 20px;
	}
	/* sub nav ******************************** */
	/* #sub_nav { background-color: #F2F2F2; height: 38px;	} */
	#sub_nav { background-color: #EAEAEA; height: 38px;	}
	#sub_nav ul { 
		margin: 0 auto;
		padding: 0;
		display: table;
		table-layout: fixed;
		list-style-type: none;
		font-size: 12px;
		text-transform: uppercase;
	}
	#sub_nav #sub_nav_ma { width: 530px; } 		/* for Market Actor */
	#sub_nav #sub_nav_admin  { width: 770px; } 	/* for Admin */
	
	#sub_nav ul li { 
		float: left;
	}
	#sub_nav ul li a {
		height: 38px; 
		display: inline-block;
		/* padding: 11px 15px; */
		padding: 11px 20px;
		color: #666;
	}
	#sub_nav ul li a:hover, #sub_nav ul li a.active {
		/* background-color: #EAEAEA; */
		background-color: #E2E2E2;
		text-decoration: none;
	}
}  

/* Logged In Dropdown Menu
********************************************************/
.loggedin-dropdown-menu{min-width: 200px}


/* Splash Page 
********************************************************/
/* background and height are set in separate xxx.ui.css file */
.splash h1 { 
	text-indent: -9999px; 
	margin: 50px 0 30px;
}

/* static page contents (pages are created by Orchard CMS)
********************************************************/
@media (min-width: 768px) {
	.zone-content article.page.content-item { border-top: 1px solid #DDDDDD; }
}
/*.zone-content article.page.content-item { margin: 0 -15px -25px; }*/
.zone-content article.page.content-item header { display: none; }
/*.static { background: #FBFCFC; margin: 0 -15px; }*/
.static { background: #FBFCFC; margin: 0; padding: 0 15px; }
.static h1 { font-size: 32px; font-weight: 200; margin-bottom: 25px; padding-top: 50px; }
.static h2 { font-size: 32px; font-weight: 200; padding: 30px 0 0; border: none; margin: 0 0 20px; color: #333; }
.static p { line-height: 1.7; margin-bottom: 25px; }
.static ol { margin-bottom: 25px; }
.static ol li { line-height: 1.7; margin-bottom: 8px; }
.static ol>li>ol { margin-top: 10px; }

/* Enrollments
******************************************************* */
/* Enrollment Form (pages are created by Orchard CMS) */
div.enrollment-form textarea.form-control {	height: 100px; }
div.enrollment-form .form-field-element { padding-left: 10px; margin-bottom: 20px; }
div.enrollment-form label { font-weight: normal; }
.company-panel .text-right { margin-bottom: 0; }

/* Market Actor Budget Check */
#ma_budget_check {}
#ma_budget_check .modal-body h4 { margin-bottom: 25px; }
#ma_budget_check h5 { text-align: center; margin-bottom: 10px; }
#ma_budget_check td, #ma_budget_check th { text-align: right; }

/* Project Details
******************************************************* */
/* Saving Summary ******************************** */
#saving_summary .box_rounded { padding: 10px; position: relative; }
#saving_summary #total_incentive { 
	background: url(../content/img/share/icon_incentive.png) 12px 8px no-repeat; 
	background-size: 32px 35px;
	padding-left: 50px;
	padding-top: 6px;
}
#saving_summary .glyphicon-info-sign { color: #93B8CA; font-size: 11px; }
#saving_summary p { padding-left: 10px; margin-bottom: 0; }
#saving_summary .total_incentive { font-size: 18px; margin-bottom: 9px; color: #23a81f; }
#saving_summary .total_savings { font-size: 12px; color: #054f7e; list-style: none; margin-left: 0; padding-left: 10px; }
@media (max-width: 991px) {
	#saving_summary p { padding-left: 0px; }
	#saving_summary .total_savings { padding-left: 0; }
	#saving_summary .total_savings li { display: inline; padding-right: 3px; }
	#saving_summary .total_savings li:not(:last-child):after { content: "|"; padding-left: 3px; }
}
#saving_summary.panel .panel-heading .fa-usd { color: #054F7E; }
#saving_summary .modal_open { text-align: right; }
@media (min-width: 600px) and (max-width: 991px) {
	#saving_summary #total_savings { border-top: none; border-left: solid 1px #EEE; padding-left: 15px; }
	#saving_summary #total_savings .line { border-right: none; }
	#saving_summary #total_savings h5 { padding-top: 6px; padding-left: 5px; }
	#saving_summary #total_savings div { padding: 0; }
	#saving_summary #total_savings div p { text-align: left; }
	#saving_summary #total_savings div .modal_open a { right: 15px; }
}
@media (max-width: 599px) {
	.col-xs-4, .col-xs-8 { width: 100%; }
} 
/* Customers Premises Market Actor Summary ******************************** */
#information_summary, #information_summary2 { padding: 0px; }
#information_summary>div, #information_summary2>div { padding: 15px 15px 5px; position: relative; border-right: 4px solid transparent; }
#information_summary>div:not(:last-child) { border-bottom: 1px solid #EEE; }
#information_summary>div:hover:first-child, #information_summary>div.active:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
#information_summary>div:hover:last-child, #information_summary>div.active:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
/* #information_summary div:hover, #information_summary2 div:hover { cursor: pointer; background-color: #F5F5F8; border-right: 4px solid #054F7E; } */
#information_summary div:hover/*, #information_summary2 div:hover*/ { cursor: pointer; background-color: rgba(5, 79, 124, .2); border-right: 4px solid #054F7E; }
#information_summary .ma_information:hover {cursor: inherit; background-color: inherit; border-right: 4px solid transparent; } /* only MA coz no link */
#information_summary div h5, #information_summary2 div h5 { padding-left: 21px; }
#information_summary div p, #information_summary2 div p { font-size: 12px; margin-bottom: 5px; padding-left: 21px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#information_summary div p.text-right, #information_summary2 div p.text-right { margin-top: 15px; }
#information_summary div .badge, #information_summary2 div .badge { position: absolute; top: 13px; right: 15px; font-size: 10px; }
#information_summary .customers_information {}
/* #information_summary .customers_information h5 { background: url(../content/img/share/side_icon_user.png) left center no-repeat; background-size: 14px 14px; }
#information_summary .premises_information h5, #information_summary2 .premises_information h5  { background: url(../content/img/share/side_icon_premises.png) left center no-repeat; background-size: 14px 14px; }
#information_summary .ma_information h5        { background: url(../content/img/share/side_icon_person.png) left center no-repeat; background-size: 14px 14px; } */
#information_summary .dropdown {}
#information_summary .dropdown button { position: absolute; top: 10px; right: 0px; border: none; background-color: transparent; color: #AAA; }
#information_summary .dropdown .dropdown-menu { top: 30px; right: 0px; left: auto; }
#information_summary .fa-stack, #premise_information_for_inspection .fa-stack { position: absolute; top: 2px; left: 3px; }
#information_summary .fa-stack .fa-circle, #premise_information_for_inspection .fa-stack .fa-circle { display: none; }
#information_summary .fa-stack .fa-inverse, #premise_information_for_inspection .fa-stack .fa-inverse { font-size: 13px; color: #054f7e; }
@media (min-width: 768px) and (max-width: 991px) {
	/* Project Detail highlight */
	#information_summary>div:last-child { border-left: 1px solid #EEE; }
	#information_summary>div:not(:last-child) { border-bottom: none; }
	#information_summary>div:hover:first-child, #information_summary>div.active:first-child { border-radius: 4px 0 0 4px !important; }	
	#information_summary>div:hover:last-child, #information_summary>div.active:last-child { border-radius: 0 4px 4px 0 !important; }
	#information_summary>div:hover:nth-child(2), #information_summary>div.active:nth-child(2) { border-radius: 0; }
	#information_summary>div { padding-bottom: 30px; }
	#information_summary>div p.text-right, #premise_information_for_inspection>div p.text-right { position: absolute; bottom: 10px; right: 15px; margin: 0; }
}
/* Inspection Result Left navi ******************************** */
#side_inspection_result { padding-bottom: 5px; }
#side_inspection_result h5 { padding-left: 21px; background: url(../content/img/share/side_icon_inspection.png) left center no-repeat; background-size: 14px 14px; }
#side_inspection_result .panel-title i { color: #054F7E; margin-right: 3px; }
#side_inspection_result .panel-body { padding: 0; }
#side_inspection_result strong { font-size: 14px; }
#side_inspection_result ul { padding: 0; margin: 10px 5px 0 15px; font-size: 12px; }
#side_inspection_result ul li { list-style-type: none; margin-bottom: 5px; }
/*#side_inspection_result ul li a { color: #666; }*/
@media (min-width: 600px) and (max-width: 991px) {
	#side_inspection_result ul li { width: 50%; float: left; }
}
/* Project Summary ******************************** */
@media (min-width: 600px) {
	.dl-horizontal dt {
		float: left; 
		width: 120px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-horizontal dd { margin-left: 130px; }
}
#project_summary .dl-horizontal { margin-bottom: 0px; }
/* popover */
#project_summary .box_rounded { position: relative; }
#project_summary .title { letter-spacing: -0.01em; line-height: 1.2em; }
#project_summary .box_rounded .alert_btn { 
	background: url(../content/img/share/icon_alert.png) center top no-repeat;
	background-size: 20px 20px;
	width: 36px;
	height: 20px;
	position: absolute;
	top: 20px;
	right: 12px;
	border: none;
}
#project_summary .box_rounded .alert_btn span { background-color: #F58E7E; color: #FFF; font-size: 10px; padding: 1px 3px; margin: -10px 0 0 10px; }
/* Tag Management */
/*.tag_area { position: relative; }
.tag_area .glyphicon-pencil { display: none; font-size: 12px; margin-left: 5px; color: #aaa; cursor: pointer; }
.tag_area.active .glyphicon-pencil { display: none; }
.tag_area textarea { height: 23px; overflow-y: hidden; padding: 1px 5px; }
.tag_area ul { list-style: none; position: absolute; top: 0px; left: 5px; }


ul.tagit { margin-left: 0px; border-color: #DDD; }
ul.tagit li.tagit-choice .tagit-label:not(a) { color: #fff; }
ul.tagit li.tagit-choice { border-radius: 3px; -webkit-border-radius: 3px; background-color: #999; border: none; font-size: 12px; }
ul.tagit li.tagit-choice:hover { background-color: #bbb; border: none; }
ul.tagit li.tagit-choice-editable { padding-bottom: 0; }
ul.tagit li.tagit-new { padding: 0; }
ul.tagit li.tagit-choice .tagit-close .text-icon { color: #fff; } */
/* Customers Premises Market Actor Summary for Project Detail ************* */
#project_summary .summary_box { border: 1px solid #ddd; padding: 15px 10px 30px 10px; position: relative; }
#project_summary .summary_box.zero { background-color: inherit; border: 1px solid #ff9676 !important; }
#project_summary .summary_box.active { background-color: inherit; border: 1px solid #ddd !important; }
#project_summary .summary_box h5, #project_summary .summary_box p { padding-left: 48px; }
#project_summary .summary_box p { font-size: 12px; margin-bottom: 0; /*padding-bottom: 20px;*/ /*word-break:break-word; white-space: normal;*/ text-overflow: ellipsis; overflow: hidden;}
#project_summary .summary_box p.text-right { position: absolute; right: 10px; bottom: 8px; margin-bottom: 0; padding-bottom: 0; }
#project_summary .summary_box p.email-word-break { word-break:break-word; white-space: pre-wrap; word-break:break-all; }
#project_summary .summary_box .badge { font-size: 10px; position: absolute; top: 10px; right: 10px; }
#project_summary .summary_box .fa-stack { position: absolute; left: 10px; top: 10px; }
#project_summary .summary_box .fa_users .fa-circle { color: #779bcb; }
#project_summary .summary_box .fa_map .fa-circle { color: #feaf7b; }
#project_summary .summary_box .fa_user .fa-circle { color: #a595cb; }
@media (max-width: 767px) {
	#project_summary .summary_box { margin-bottom: 10px; }
}
/* Inspection Result Left Navigation */
#project_summary_for_inspection, #premise_information_for_inspection { padding-bottom: 10px; position: relative; }
#project_summary_for_inspection .box_rounded { padding: 0; }
#project_summary_for_inspection h5, #premise_information_for_inspection h5, #project_summary_for_inspection p, #premise_information_for_inspection p { padding-left: 21px; }
#project_summary_for_inspection h5 { background: url(../content/img/share/side_icon_project.png) left center no-repeat; background-size: 14px 14px; }
#premise_information_for_inspection h5 { background: url(../content/img/share/side_icon_premises.png) left center no-repeat; background-size: 14px 14px; }
#project_summary_for_inspection p, #premise_information_for_inspection p { font-size: 12px; }
#premise_information_for_inspection p.text-right { margin-bottom: 0; margin-top: 15px; }
#premise_information_for_inspection .badge { position: absolute; top: 13px; right: 15px; font-size: 10px; }

#project_summary_for_inspection .alert_btn { display: none; }
#project_summary_for_inspection .title { font-size: 13px; color: #666666; margin: 0 0 5px; font-weight: normal; }
#project_summary_for_inspection .dl-horizontal { margin-bottom: 0; }
#project_summary_for_inspection dt { display: none; }
#project_summary_for_inspection dd { margin-left: 0; padding-left: 21px; font-size: 12px; }
#project_summary_for_inspection dd ul.tagit { border: none; padding: 0; }
#project_summary_for_inspection dd .tagit-close { display: none; }
#project_summary_for_inspection dd .ui-autocomplete-input { display: none; }

/* Project Calendar in Inspection Result*/
#summary_box_calendar { position: relative; }
#summary_box_calendar h5 { margin-bottom: 10px; }
#summary_box_calendar h5 i { width: 21px; color: #054f7e; }
#summary_box_calendar .badge { position: absolute; top: 0; right: 0; font-size: 10px; }
#summary_box_calendar div {	padding: 3px 0px 3px 28px; font-size: 13px;	position: relative;	}
#summary_box_calendar div i { position: absolute; left: 0px; width: 16px; top: 5px;	color: #054f7e;	}
#summary_box_calendar p.text-right { margin-bottom: 0; margin-top: 15px; }
#summary_box_calendar p.text-right:not(:last-child) { padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
#summary_box_calendar p.text-right a { padding-right: 8px; }

/* Current Status ******************************** */
#current_status .glyphicon { color: #054F7E; font-size: 13px; }
#current_status .panel-body { padding: 25px 15px 19px; }
#current_status h4 { font-size: 16px; border-bottom: none; padding: 0; }
/* Premises Measure Area ******************************** */
.premises_measures_container { background-color: #FFF; border-radius: 4px; margin-bottom: 15px; }
.premises_measures_container .col-md-8 { border-left: 1px solid #DDD;}
.premises_measures_title, .premises_measures_search_sort { border-bottom: 1px solid #DDD; background-color: #F5F5F5; }
.col-md-4 .premises_measures_title { border-top-left-radius: 4px; }
.col-md-8 .premises_measures_title { border-top-right-radius: 4px; }
.col-md-10 .premises_measures_title { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.premises_measures_title { 
	position: relative;
	background: #F5F5F5; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
@media (max-width: 991px) { 
	.premises_measures_title { border-top: 1px solid #eee; } 
	.col-md-10 .premises_measures_large_container { border-top: 1px solid #eee; } /* for Market Actor */
}
.premises_measures_title h3 { font-size: 16px; margin: 0px; padding: 15px 0; text-align: center; }
.premises_measures_title .badge { font-size: 10px; }
.premises_measures_title .btn, .premises_measures_large_container .text-right .btn { padding: 1px 5px !important; }
.premises_measures_title .btn { position: absolute; top: 13px; right: 15px; }
.premises_measures_title span.glyphicon { position: relative; top: auto; right: auto; font-size: 85%; color: #FFF; }
@media (max-width: 599px) { .premises_measures_search_sort .dropdown { padding-left: 15px; margin-top: 10px; } }
@media (min-width: 992px) and (max-width: 1210px) { .premises_measures_title .btn .btn_collapse { display: none; } }
@media (max-width: 380px) { .premises_measures_title .btn .btn_collapse { display: none; } }
/* search, sort common */
.premises_measures_search_sort { padding: 10px 15px;}
.premises_measures_search_sort .search { height: 25px; border-radius: 25px; padding: 3px 12px; margin-bottom: 0; }
.premises_measures_search_sort .dropdown .dropdown-menu, .premises_measures_search_sort .dropdown-menu { min-width: 145px; right: 0px; left: auto; }
.premises_measures_search_sort .dropdown button { background-color: #FAFAFA; line-height: 1.1; width: 100%; }
/* Premises container scroll */
.premises_measures_small_container { overflow: auto; position: relative; }
.mCSB_inside>.mCSB_container { margin-right: 10px; }
.mCSB_scrollTools { width: 10px; top: 4px; bottom: 4px; }

/* Premises Info */
.premises_measures_info:hover, .premises_measures_info.active, .customers_information.active, .premises_information.active, .ma_information.active { background-color: rgba(5, 79, 124, .2); border-right: 4px solid #054F7E !important; }
.premises_measures_info { position: relative; border-right: 4px solid transparent; }
.premises_measures_info .area_link { padding: 15px; display: block; }
.premises_measures_info .area_link:hover { text-decoration: none; }
.premises_measures_info .area_link p { color: #333; }
.premises_measures_info:not(:last-child) { border-bottom: 1px solid #EEE; }
.premises_measures_info p { font-size: 12px; line-height: inherit; margin-bottom: 10px; }
.premises_measures_info p img { margin-top: -3px; }
@media (max-width: 991px) { .premises_measures_info .saving_summary { display: none; } }
.premises_measures_info h6 { color: #054F7E; font-size: 14px; font-weight: bold; margin: 0 0 10px; }
.premises_measures_info .badge { font-size: 10px; }
.premises_measures_info .area_link .saving_summary { font-size: 11px; color: #054F7E; margin-bottom: 0; }
.premises_measures_info .area_link .incentive { position: absolute; top: 43%; right: 17px; text-align: right; color: #999; font-size: 11px; }
.premises_measures_info .area_link .incentive span { font-size: 18px; }
.premises_measures_info .dropdown button { position: absolute; top: 0px; right: 0px; background-color: transparent; border: none; color: #AAA; padding: 10px 19px 15px 22px; font-size: 12px; }
.premises_measures_info .dropdown .dropdown-menu { top: 30px; right: 10px; left: auto; }
/* .premises_measures_info:last-child{margin-bottom: 75px} */
/* Measures */
.premises_measures_large_container { padding: 10px 15px; }
.premises_measures_large_container .well {
	cursor: pointer;
    padding: 15px 15px 5px 15px;
	color: #FFF; 
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border: 1px solid #003A58;
    
   	background-image: linear-gradient(0deg, #046A9D 25%, #00547F 100%);
    background-image: -moz-linear-gradient(top, #046A9D 25%, #00547F 100%);
    background-image: -webkit-linear-gradient(top, #046A9D 25%, #00547F 100%);
    background-image: -o-linear-gradient(top, #046A9D 25%, #00547F 100%);
    background-image: -ms-linear-gradient(top, #046A9D 25%, #00547F 100%);
}
.premises_measures_large_container .well:hover {
	border: 1px solid #046A9D;	
    
	background-image: linear-gradient(0deg, #0B79C2 25%, #046A9D 100%);
    background-image: -moz-linear-gradient(top, #0B79C2 25%, #046A9D 100%);
    background-image: -webkit-linear-gradient(top, #0B79C2 25%, #046A9D 100%);
    background-image: -o-linear-gradient(top, #0B79C2 25%, #046A9D 100%);
    background-image: -ms-linear-gradient(top, #0B79C2 25%, #046A9D 100%);
}
@media (min-width: 992px) { .premises_measures_container .premises_measures_large_container { min-height: 599px; } }
#customer-premises { padding-top: 10px; }
/* Premise Information Collapse area */
.premise_info_collapse { border-radius: 4px; background-color: #F5F5F8; border: 1px solid #DDD; margin-bottom: 25px; }
.premise_info_collapse_title { border-bottom: 1px solid #DDD; }
.premise_info_collapse_title .row { padding: 6px 10px 3px; }
.premise_info_collapse_title .col-xs-10 a { color: #333; display: block; font-size: 12px; font-weight: bold; }
.premise_info_collapse_title a:hover { text-decoration: none; }
.premise_info_collapse_title .dropdown button { border: none; background-color: transparent; }
.premise_info_collapse_title .dropdown button>span { color: #AAA; }
.premise_info_collapse #premise_info_collapse { font-size: 12px; padding: 10px; }
.premise_info_collapse .dl-horizontal { margin-bottom: 0px; }
.premise_info_collapse .dl-horizontal dt, .premise_info_collapse .dl-horizontal dd { padding-bottom: 1px; }
@media (min-width: 600px) {
	.premise_info_collapse .dl-horizontal dt { width: 80px; }
	.premise_info_collapse .dl-horizontal dd { margin-left: 100px; }
}
.premise_info_collapse_title .dropdown .dropdown-menu { right: 0px; left: auto; }
#premise_info_collapse h6 { color: #666; font-size: 12px; margin: 0 0 5px; }
#premise_info_collapse p { font-size: 14px; }
@media (min-width: 600px) and (max-width: 767px) {
	#premise_info_collapse h6, #premise_info_collapse p { float: left; margin-bottom: 0; font-size: inherit; }
	#premise_info_collapse h6 { width: 80px; text-align: right; clear: left; }
	#premise_info_collapse p { padding-left: 20px; }
}
#summary_box_premise .indicator { font-size: 18px; color: #ec940a; position: absolute; left: 20px; bottom: 10px; cursor: pointer; }
/* premise title */
@media (min-width: 992px) { .premises_measures_info .indicator_box { text-align: center; } }
@media (max-width: 991px) { .premises_measures_info .indicator_box { margin-bottom: 10px; } }
.premises_measures_info .indicator_box .fa-history, .premises_measures_info .indicator_box .fa-flag { font-size: 18px; }
.premises_measures_info .indicator_box .fa-history { padding-right: 5px; color: #ec940a; }
.premises_measures_info .indicator_box .fa-flag { color: #70a6c1; }
.premises_measures_info .dropdown button { padding: 15px 19px 15px 22px; }
.premises_measures_info .indicator_box .fa-stack { line-height: 1.7em; }
.premises_measures_info .indicator_box .fa-stack .fa-flag { color: #79d1b0; }
.premises_measures_info .indicator_box .fa-stack .fa-stack-2x { color: #aaaaaa; font-size: 12px; top: 13px; left: 6px; }

/* Premises search, sort */
.premises_measures_large_container .premises_measures_search_sort { padding: 0; border-bottom: none; margin-bottom: 20px; background-color: transparent; }
/* Measure */
.premises_measures_large_container h4 .text-success, .premises_measures_large_container h4 .text-danger { font-weight: normal; font-size: 12px; padding-left: 10px; }
.premises_measures_large_container .measure_title { border-bottom: 1px solid #CCC; margin: 0 0 15px; }
.premises_measures_large_container .measure_title h4 { border-bottom: none; margin-bottom: 0; padding: 0 0 3px; }
.premises_measures_large_container .measure_title .text-right .dropdown button { border: none; background-color: transparent; }
.premises_measures_large_container .measure_title .text-right .dropdown button>span { color: #AAA; }
.premises_measures_large_container .measure_title .text-right .dropdown .dropdown-menu { right: 0px; left: auto; }
.premises_measures_large_container .measure_detail, 
.premises_measures_large_container .premise_detail { padding-left: 20px; }
.premises_measures_large_container .measure_detail>table th, .premises_measures_large_container .measure_detail>table td { text-align: center; }
/* Measure table common */
.premises_measures_large_container .measure_detail .table, 
.premises_measures_large_container .premise_detail .table { border-left: none; border-right: none; }
.premises_measures_large_container .measure_detail .table thead th, 
.premises_measures_large_container .premise_detail .table thead th { border-bottom: 1px solid #DDD; }
.premises_measures_large_container .measure_detail .table th:first-child, 
.premises_measures_large_container .measure_detail .table th:last-child, 
.premises_measures_large_container .measure_detail .table td:first-child, 
.premises_measures_large_container .measure_detail .table td:last-child, 
.premises_measures_large_container .premise_detail .table th:first-child, 
.premises_measures_large_container .premise_detail .table th:last-child, 
.premises_measures_large_container .premise_detail .table td:first-child, 
.premises_measures_large_container .premise_detail .table td:last-child { border-left: none; border-right: none; }
/* Measure Information Collapse area */
.premises_measures_large_container .measure_detail .measure_info_collapse { margin-top: 20px; }
.measure_info_collapse { margin-bottom: 40px; }
.measure_info_collapse_title { border-bottom: 1px solid #CCC; padding: 0!important; }
.measure_info_collapse_title a { color: #333; display: block; padding: 6px 6px 6px 10px; font-size: 12px; font-weight: bold; }
.measure_info_collapse_title a:hover { text-decoration: none; }
.measure_info_collapse div { font-size: 12px; padding: 15px 0 0 20px; }
/*.measure_info_collapse .table th, .premises_measures_large_container .premise_detail .table>tbody>tr>th { font-weight: normal; }*/
.measure_info_collapse .table td { border-left: 1px solid #DDD !important; width: 50%; }
.measure_info_collapse .table>tbody>tr>th, .measure_info_collapse .table>tbody>tr>td { padding: 5px 15px; }
/* Premise table */
.premises_measures_large_container .premise_detail .table { margin-bottom: 40px; }
.premises_measures_large_container .premise_detail .table td { border-left: 1px solid #DDD !important; width: 50%; }
.premises_measures_large_container .premise_detail .table>tbody>tr>th, .premises_measures_large_container .premise_detail .table>tbody>tr>td { padding: 5px 15px; }

/* Premise History
******************************************************* */
.premise_history_modal_contents { margin-left: 20px; margin-bottom: 20px; }
.premise_history_modal_contents .table th { width: 140px; }
.premise_history_modal_contents .table .label { display: inline-block; margin-bottom: 3px; margin-left: 5px; }

/* Project Home
******************************************************* */
.measure_summary th { text-align: center; }
.measure_summary td { text-align: right; }

/* community information */
#community_information .dl-horizontal { font-size: 12px; margin-bottom: 0; }
#community_information .dl-horizontal dt { text-align: left; color: #999; }
@media (min-width: 500px) and (max-width: 767px) { 
	#community_information .dl-horizontal dt { float: left; overflow: hidden; clear: left; width: 185px; margin-bottom: 3px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
	#community_information .dl-horizontal dd { margin-left: 195px; margin-bottom: 3px; }
}
@media (min-width: 768px) { 
	#community_information .dl-horizontal dt { float: inherit; width: 100%; text-overflow: inherit; white-space: inherit; }
	#community_information .dl-horizontal dd { margin-left: 0; margin-bottom: 5px; }
}
div.panel.project-home-info-panel div.row:not(:first-child){ margin-top: 15px; }
/* Rebate Form ******************************** */
.project-home-info-panel form { padding: 24px; }
.project-home-info-panel h1 { font-size: 30px; font-weight: normal; padding: 24px 0px 8px; border-bottom: 1px solid #E6E6E6; margin-bottom: 32px; margin-top: 0; }
.project-home-info-panel h2 { font-size: 18px; font-weight: bold; color: #006BA6; margin: 16px 0px; padding: 0; border-bottom: none; line-height: 1.2; }
.project-home-info-panel h3 { font-size: 16px; font-weight: bold; text-align: center; }
.project-home-info-panel h4 { font-size: 14px; color: rgba(0,0,0,.87); font-weight: bold; margin: 16px 0px 16px; padding: 0; border-bottom: none; }
.project-home-info-panel h5 { margin-bottom: 16px; margin-top: 24px; }
.project-home-info-panel .checklist_area>div { padding: 0px 32px; }
.project-home-info-panel .checklist_area .form-field-element-check-box label { text-indent: -18px; margin-left: 18px; }
.project-home-info-panel .checklist_area .form-group { margin-bottom: 0px; }
.project-home-info-panel .ml25 { border-left: 3px solid #EFEFEF; padding-left: 10px; margin-bottom: 24px; } /* inline group */
.project-home-info-panel legend { border-bottom: none !important; }
.project-home-info-panel .no_border legend { border-bottom: none; height: 0px; margin-bottom: 0; padding-top: 0; }
.project-home-info-panel label, .project-home-info-panel h5 { font-size: 14px; color: rgba(0,0,0,.87); font-weight: bold; }
.project-home-info-panel label { margin-bottom: 8px; }
.project-home-info-panel .radio-inline { font-weight: normal !important; display: block; margin-left: 10px; margin-bottom: 0; padding-bottom: 8px; }
.project-home-info-panel .form-field-element-check-box label { font-weight: normal !important; line-height: 1.75em; }
.project-home-info-panel .form-field-element .form-group  div>label { font-weight: normal !important; }
.project-home-info-panel p { line-height: 1.75em; margin-bottom: 20px; }
.project-home-info-panel p.caption { margin-top: -16px; }
.project-home-info-panel ol, .project-home-info-panel ul { margin-bottom: 28px; }
.project-home-info-panel ol li, .project-home-info-panel ul li { margin-bottom: 8px; line-height: 1.75em; }
.project-home-info-panel .form-group { margin-bottom: 32px; }
.project-home-info-panel .button_group { margin-top: 24px; text-align: right; }
.project-home-info-panel .button_group .btn { margin-left: 8px; }
.project-home-info-panel .btn-file-group { margin-bottom: 5px; }
/* Project Notes ******************************** */
.note_width { max-width: 400px; }
.min_width { min-width: 115px; }
.min_width_long { min-width: 180px; }

/* Project Calendar ******************************** */
/* header */
.fc-day-header { background-color: #f9f9f9; }
.fc .fc-toolbar>.fc-left>.btn-primary { margin-left: 0; }
.fc-left .fc-next-button { display: none; }
.fc-right { padding-top: 4px; }
.fc-right button { font-size: 12px; }
.fc-center button { border: none; }
.fc-toolbar>.fc-center h2 { border-bottom: none; padding: 0; margin: 6px 0 0 0.75em; min-width: 114px; }
.fc-toolbar>*>.fc-state-default { background-color: #FFFFFF; background-image: none; box-shadow: none; text-shadow: none; border-color: #ccc; }
.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover { background-color: #e6e6e6; box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
.fc-toolbar>*>.fc-state-hover, .fc-button-group>.fc-state-hover { background-color: #e6e6e6; box-shadow: none; }
.fc-state-active, .fc-state-down { box-shadow: none; }
.fc-state-default { background-image: none; border-color: #ccc; }
.fc-toolbar>.fc-center>.fc-state-hover { background-color: #eff2f7; box-shadow: none; }
/* calendar table */
.fc-widget-header { font-weight: normal; }
.fc td, .fc th { font-size: 12px; }
.fc th { padding-top: 2px; }
.fc-content { font-size: 12px; padding: 1px 2px 0; }
.fc-content .fa-pencil-square-o { position: absolute; top: 3px; right: 0px; margin-left: 0; padding-left: 3px; }
.fc-unthemed .fc-today { background-color: #F5F5F8; }
/* each event */
.fc-event-container a { color: #FFF; background-color: #6AA7CE; border-color: transparent; }
/* Activity Feed ******************************** */
#activity_feed .dropdown button { background-color: #FAFAFA; line-height: 1.1; width: 100%; }
#activity_feed #activity_feed_contents { margin: 20px 0; }
#activity_feed .activity_date { font-size: 12px; background-color: #F9F9F9; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding-left: 15px; }
#activity_feed .dl-horizontal { font-size: 12px; margin-bottom: 10px; }
#activity_feed .dl-horizontal dt, #activity_feed .user { color: #888; }
@media (min-width: 768px) {
	#activity_feed .dl-horizontal dt { text-align: right; }
}
@media (max-width: 767px) {
	#activity_feed .dl-horizontal dt, #activity_feed .dl-horizontal dd { padding-left: 15px; padding-right: 15px; }
}
/* Inspections 
******************************************************* */
/* Inspection Filter, Project Invoice */
select.multiple_select { height: 97px; }
#inspection_filter .col-sm-1, #invoice_filter .col-sm-1 { padding-top: 93px; }
@media (min-width: 768px) { 
	#inspection_filter .col-sm-4, #invoice_filter .col-sm-4, #inspection_filter .col-sm-3, #invoice_filter .col-sm-3 { padding-right: 5px; }
	#inspection_filter .col-sm-1 .btn, #invoice_filter .col-sm-1 .btn { padding: 5px 0px; width: 100%; }
 }
@media (max-width: 767px) { 
	#inspection_filter .col-sm-1, #invoice_filter .col-sm-1 { padding-top: 0; text-align: right; }
 }
/* Selected Filter */
#selected_filter, #selected_filter .col-sm-4 h6, #selected_filter .col-sm-4 ul { border: 1px solid #EEEEEE; }
#selected_filter { background-color: #F5F5F8; padding: 10px; border-radius: 4px; margin-bottom: 20px; }
#selected_filter h5 { color: #333; margin-bottom: 0px; }
#selected_filter .col-sm-4 h6 { background-color: #F5F5F8; color: #666; font-weight: bold; font-size: 13px; padding: 4px 10px 3px; margin-bottom: -1px; }
#selected_filter .col-sm-4 ul, #selected_filter .col-sm-4 ul li { margin-left: 0; padding-left: 0; }
#selected_filter .col-sm-4 ul { background-color: #FFF; padding: 3px 0 2px; margin-bottom: 0; font-size: 13px; }
#selected_filter .col-sm-4 ul li { list-style: none; padding: 2px 10px; }
#selected_filter .col-sm-4 ul .no_filter { color: #999; font-style: italic; }
/* Query Summary */
.collapse_box .progress { padding-left: 0; margin-bottom: 0; }
.collapse_box .progress-bar { padding-left: 0; }
#query_summary table, #query_summary table th { border-left: none; border-right: none; vertical-align: middle; }
#query_summary table td { border-right: none; }
#query_summary td { min-width: 260px; }
.premises_measures_info .fa-flag { color: #93B8CA; }
.premises_measures_info .fa-history { color: #FDC44F; }
.premises_measures_info .dropdown .fa-history { color: #999; }
.fa-flag { color: #93B8CA; }
.fa-calendar-check-o {
    color: #23a81f;
}
table .fa-stack .fa-stack-1x, table .fa-stack .fa-stack-2x, #side_inspection_result .fa-stack .fa-stack-1x, #side_inspection_result .fa-stack .fa-stack-2x { text-align: left; }
table .fa-stack .fa-stack-1x, #side_inspection_result .fa-stack .fa-stack-1x { color: #79d1b0; } /* flag */
table .fa-stack .fa-stack-2x, #side_inspection_result .fa-stack .fa-stack-2x { color: #aaaaaa; font-size: 8px; top: 13px; left: 6px; } /* checkmark */
@media (max-width: 767px) {	#query_summary table { margin-bottom: 10px; } }
/* Inspections Detail */
#inspection_details .input-sm { margin-right: 20px; margin-left: 5px; width: 25%; }
@media (max-width: 767px) { 
	#inspection_details .input-sm { margin-left:0; width: 100%; }
	#inspection_details .btn { float: right; }
}
#inspection_details label { font-weight: normal; }
#inspection_details .btn { margin-bottom: 5px; }
.inspection_result:not(:last-child) { border-bottom: 1px solid #EEE; margin-bottom: 20px; padding-bottom: 20px; }
.inspection_result .notes-area .pull-right:not(:last-child) { margin-bottom: 20px; }
.premises_measures_large_container .inspection_result .measure_detail .measure_info_collapse { margin-bottom: 20px; }
.premises_measures_large_container h4 span.label { color: #FFF; padding: .2em .6em .2em; margin-left: 5px; }
.premises_measures_large_container .inspection_result .dropdown-menu { right: 0; left: auto; float: right; }
.dropdown-menu .fa-circle { font-size: 55%; }
.dropdown-menu>li>a>span.circle_color_1 { color: #8DCF3C; }
.dropdown-menu>li>a>span.circle_color_2 { color: #29B6F6; }
.dropdown-menu>li>a>span.circle_color_3 { color: #FFAB4C; }
.dropdown-menu>li>a>span.circle_color_4 { color: #FF7175; }
.dropdown-menu>li>a>span.circle_color_5 { color: #B0BEC5; }

.inspection_result .col-xs-10 { padding-left: 0; }
.inspection_result .col-xs-10>h4 { padding-left: 20px; }
.inspection_result .col-xs-10>h4.active { padding-left: 0px; }
    .inspection_result .col-xs-10 > h4.active:before {
        color: #29C7B0;
        padding-left: 3px;
        width: 20px;
        font-family: "Font Awesome\ 5 Free";
        content: "\f00c";
        font-weight: 900;
        font-size: 12px;
        display: inline-block;
    }

#create_random_sample .modal-body { position: relative; padding-bottom: 0; }
#create_random_sample .modal-body .text-center { padding-top: 15px; padding-bottom: 15px; }
#create_random_sample .or { position: absolute; left: 47%; background: #EEE; height: 34px; width: 34px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-weight: bold; padding-top: 8px; padding-left: 10px; font-size: 13px; z-index: 10; }
@media (min-width: 992px) {
	#create_random_sample .or { top: 40%; }
	#create_random_sample .vertical_line { border-right: 1px solid #EEEEEE; }
}
@media (max-width: 991px) {
	#create_random_sample .or { top: 46%; border-right: none; }
	#create_random_sample .vertical_line { margin-bottom: 30px; }
}
#create_random_sample label { display: block; margin-bottom: 8px; }
#create_random_sample input { width: 70px; }

/* Date Picker */
.xdsoft_datepicker .xdsoft_mounthpicker button { opacity: 0.3; }
.xdsoft_scroller_box { font-weight: normal; }
.xdsoft_datetimepicker .xdsoft_label { font-size: 11px; }
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { text-align: center; background-color: #FFF; border: none; }
.xdsoft_datetimepicker .xdsoft_calendar th { font-size: 10px; }
.xdsoft_datetimepicker .xdsoft_calendar td > div { padding: 0; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #eeeeee;
	box-shadow: none;
	color: inherit;
	font-weight: normal;
	border-radius: 4px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { background: #eeeeee; color: inherit; border-radius: 4px; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, 
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: inherit !important; background: #eeeeee !important; border-radius: 4px !important; }

/* calendar event modal display */
.calendardisplay-modal .modal-body div { padding: 5px 5px 5px 28px; font-size: 14px; position: relative; }
.calendardisplay-modal .modal-body div i { position: absolute; left: 0; width: 16px; top: 8px; text-align: center; color: #054f7e; }

/* Participants ******************************** */
/* Batch Action View Email List */
.email_list { background-color: #F5F5F8; border: 1px solid #EEEEEE; border-radius: 4px; padding: 10px; }
/* label color */
.dataTable .label-default { background-color: #B0BEC5; }
/* label link */
.dataTable .label-default a { color: white; text-decoration: underline; }
.dataTable .label-default a:hover { text-decoration: none; }
/* history icon color */
.actionable-row td .fa-history { color: #FDC44F }
/* WYSIWYG Editor */
.note-toolbar .btn-default { background-color: #fff; color: #333;}
.note-btn-group .btn-sm { padding: 2px 10px; font-size: 11px; }
/* Payments ******************************** */
/* Invoie List Table Cell Display Setting */ 
#invoice_list .dataTable tbody td:nth-child(5) .text-center, #invoice_list .dataTable tbody td:nth-child(6) .text-center { text-align: right !important; } 
#invoice_list .dataTable thead th:nth-child(2), #invoice_list .dataTable tbody td:nth-child(2) { text-align: center; }
/* Project Invoice Table Cell Display Setting */
#project_invoice .dataTable thead th:nth-child(3), #project_invoice .dataTable tbody td:nth-child(3) { text-align: center; }
/* When Invoice new row created or deleted */
.row-mask {	position: absolute;	background-color: #ccc;	opacity: 0.6; z-index: 10; }
/* Invoice Information */
#invoice_info {}
#invoice_info .form-group { padding: 0; margin-bottom: 10px; }
/* Invoice Items */
#invoice_items .collapse_box>div { padding-left: 20px; }
#invoice_items .collapse_box>div .table { margin-bottom: 15px; }
#invoice_items .collapse_box>div .table>thead>tr>th { border-bottom: 2px solid #DDD; }
#invoice_items .collapse_box>div .table>tbody>tr>td { vertical-align: middle; }
#invoice_items .collapse_box>div .table>thead>tr>th, 
#invoice_items .collapse_box>div .table>tbody>tr>td  { padding-left: 10px; padding-right: 15px; }
#invoice_items .collapse_box>div .table>thead>tr:last-child>th, 
#invoice_items .collapse_box>div .table>tbody>tr:last-child>td { padding-right: 15px; }
#invoice_items .collapse_box>div .table>tbody>tr>td .glyphicon-trash { cursor: pointer; color: #999; }
#invoice_items .collapse_box>div .table>tbody>tr>td .glyphicon-trash:hover { color: #666; }
#invoice_items .collapse_box>div .table .form-group { padding: 0; margin: 0;}
#invoice_items .collapse_box>div .table .form-group label { font-weight: normal; padding-right: 3px; font-size: 14px; }
#invoice_items .collapse_box>div .table .form-control { margin: 0; }
#invoice_items .collapse_box>div .table .payment_table_description { width: 70%; }
@media (min-width: 720px) and (max-width: 830px) { #invoice_items .collapse_box>div .table .payment_table_description { width: 65%; } }
@media (min-width: 600px) and (max-width: 720px) { #invoice_items .collapse_box>div .table .payment_table_description { width: 55%; } }
#invoice_items .collapse_box>div .table .input-group { padding-left: 0px; }
#invoice_items .collapse_box>div .table .input-group-addon { padding: 6px; }
#invoice_items .collapse_box>div .table .input-group input { text-align: right; padding: 6px; }
#invoice_items #collapseUnpaid .dl-horizontal { margin-bottom: 15px; }
#invoice_items #collapsePaid .dl-horizontal { margin-bottom: 0px; }
#invoice_items .dl-horizontal dt, #invoice_items .dl-horizontal dd { color: #333333; font-weight: bold; margin-bottom: 5px; }
#invoice_items .dl-horizontal .unpaid_total_price, #invoice_items .dl-horizontal .paid_total_price { font-size: 13px; }
#invoice_items .dl-horizontal .selected_total_price { font-size: 15px; color: #054F7C; }
#invoice_items .dl-horizontal .total_price { font-size: 16px; }
#invoice_items .total_amount { border-top: 2px solid #999; padding-top: 10px; }
#invoice_items .total_amount .dl-horizontal { margin-bottom: 0px; }
@media (max-width: 767px) { #invoice_items .dl-horizontal dt { width: 80%; float: left; } #invoice_items .dl-horizontal dd { margin-left: 81%; }}
@media (max-width: 500px) { #invoice_items .dl-horizontal dt { width: 60%; float: left; } #invoice_items .dl-horizontal dd { margin-left: 61%; }}
/* Payment Status and Payment Record responsible setting */
@media (min-width: 768px) and (max-width: 991px) { 
	.pr0_sm_pr15_md { padding-right: 0; }
	.payment_record { min-height: 151px; }
}
/* Payment Status */
.payment_status>tbody>tr>th, .payment_status>tbody>tr>td { text-align: right; padding-right: 15px; }
/* Payment Record */
.payment_record .payment_record_each { font-size: 13px; padding-top: 6px; padding-bottom: 6px; }
.payment_record .payment_record_each .pull-right { padding-right: 15px; }
.payment_record_each .clearfix { cursor: pointer; color: #333333; display: block; background: url(../content/img/share/toggle_icon.png) 10px 2px no-repeat; background-size: 12px 12px; padding-left: 35px; }
.payment_record_each .clearfix.collapsed { background: url(../content/img/share/toggle_icon_collapse.png) 10px 2px no-repeat; background-size: 12px 12px; }
.payment_record .payment_record_each:nth-child(even) { background-color: #f9f9f9; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.payment_record dl { padding-top: 8px; font-size: 12px; margin-bottom: 0; }
.payment_record dl dt, .payment_record dl dd { padding-bottom: 2px; }
.payment_record dl dt { width: 85px; font-weight: bold; color: #666666; }
.payment_record dl dd { margin-left: 95px; padding-right: 15px; }
/* Notes for Invoice */
#payment_view .project_notes_display { display: none; }
/* Complete Payment Modal */
#dialog-payment-amount { font-weight: bold; font-size: 18px; }

/*.zone-content { background-color: #FFF; }*/

/* Global navi common */
#nav, #nav ul {	list-style: none outside none; margin: 0; padding: 0; }
#nav { background-color: white; margin: 0 auto; }
#nav > li > a { color: #777; opacity: 0.75; display: block; text-transform: uppercase; }
#nav li a, #nav li.active a {
	display: block;
	text-decoration: none;
	white-space: normal;
	background-repeat: no-repeat !important;
}
#nav li.active > a, #nav > li:hover > a, #nav > a:hover { color: #555; opacity: 1; }
#nav li.active > a, #nav li.active > a:hover	{ background-color: #EAEAEA !important; }

/* Global Navi common css for PC ***** */
@media (min-width: 901px){
	/* Global navi menu */	
	/*#nav_home		  { background: url(../content/img/share/nav01.png) center center; }
	#nav_dashboard	  { background: url(../content/img/share/nav05.png) center center; }
	#nav_programs 	  { background: url(../content/img/share/nav02.png) center center; }
	#nav_projects 	  { background: url(../content/img/share/nav03.png) center center; }
	#nav_manage 	  { background: url(../content/img/share/nav06.png) center center; }
	#nav_participants { background: url(../content/img/share/nav04.png) center center; }
	#nav_payments 	  { background: url(../content/img/share/nav07.png) center center; }
	#nav_reports 	  { background: url(../content/img/share/nav08.png) center center; } */

	#nav_home	  	   { background: url(../content/img/share/nav01_gray.png) center center; }
	#nav_dashboard	   { background: url(../content/img/share/nav05_gray.png) center center; }
	#nav_programs 	   { background: url(../content/img/share/nav02_gray.png) center center; }
	#nav_projects 	   { background: url(../content/img/share/nav03_gray.png) center center; }
	#nav_manage  	   { background: url(../content/img/share/nav06_gray.png) center center; }
	#nav_participants  { background: url(../content/img/share/nav04_gray.png) center center; }
	#nav_payments 	   { background: url(../content/img/share/nav07_gray.png) center center; }
	#nav_reports 	   { background: url(../content/img/share/nav08_gray.png) center center; }	
	
	#nav li:hover #nav_home, #nav li.active #nav_home					{ background: url(../content/img/share/nav01.png) center center; }
	#nav li:hover #nav_dashboard, #nav li.active #nav_dashboard			{ background: url(../content/img/share/nav05.png) center center; }
	#nav li:hover #nav_programs, #nav li.active #nav_programs 			{ background: url(../content/img/share/nav02.png) center center; }
	#nav li:hover #nav_projects, #nav li.active #nav_projects  			{ background: url(../content/img/share/nav03.png) center center; }
	#nav li:hover #nav_manage, #nav li.active #nav_manage  	   			{ background: url(../content/img/share/nav06.png) center center; }
	#nav li:hover #nav_participants, #nav li.active #nav_participants 	{ background: url(../content/img/share/nav04.png) center center; }
	#nav li:hover #nav_payments, #nav li.active #nav_payments 			{ background: url(../content/img/share/nav07.png) center center; }
	#nav li:hover #nav_reports, #nav li.active #nav_reports    			{ background: url(../content/img/share/nav08.png) center center; }
	
	#nav { display: table; table-layout: fixed; }
	#nav > li {	height: 72px; text-align: center; margin: 0; float: left; }
	/* #nav > li > a {	font-size: 11px; font-weight: bold; padding: 50px 0 0; height: 72px; } */	
	#nav > li > a, #nav > li > a:hover {	font-weight: normal; padding: 50px 0 0; height: 72px; background-size: 110px 72px !important; }
	/* submenu */
	#nav ul.subs { background-color: #FFFFFF; color: #333333; display: none; top: 0px; z-index: 100; width: auto !important; z-index: 1000; position: relative; }
	#nav li:hover > a { color: #555; }
	/*#nav li:hover ul.subs {	display: block;	box-shadow: 0 2px 6px rgba(0,0,0,.175);	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.175);	min-width: 170px; } */
	#nav li:hover ul.subs { display: block; box-shadow: none; -webkit-box-shadow: none;	border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #eee; background-color: #ffffff; }
	/* #nav ul.subs > li {	text-align: left; font-size: 12px; } */
	#nav ul.subs > li {	text-align: center; }
	/* #nav ul.subs > li a { padding: 7px;	color: #777777;	} */
	#nav ul.subs > li a { padding: 10px 5px; color: #777777; text-align: center !important;}
	#nav ul li a:hover { color: #666; background-color: #EAEAEA; }
	
	#nav li:hover ul.subs li a { color: #333; text-align: center; }
	#nav li:hover ul.subs li a:hover { background-color: rgba(40, 87, 115, .2); }
}
/* Global Navi for PC ***** */
@media (min-width: 901px) {
	.navbar-right > #nav_user { padding-right: 10px; }
	#nav_user > a { position: relative; padding-right: 16px; }
	#nav_user > a .caret { position: absolute; top: 30%; right: 0; }	
}
@media (min-width: 901px) and (max-width: 999px) {
	#nav { margin-left: 24%; }
	#nav > li, #nav ul.subs { width: 75px; }
	#nav > li > a, #nav > li > a:hover { font-size: 10px; background-size: 90px 59px !important; }
	#nav ul.subs > li a { font-size: 11px; padding: 8px 5px; }
	.navbar-right>li { padding-right: 10px; }
}
@media (max-width: 1300px) {
	.nav_user_long { font-size: 80%; }
	.nav_user_long > a { padding-right: 10px !important; }
}
@media (max-width: 1150px) {
	.nav_user_long > a .user_name { width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
}
@media (min-width: 1000px) and (max-width: 1089px) {
	#nav > li, #nav ul.subs { width: 90px; }
	#nav > li > a { font-size: 11px; }
	#nav ul.subs > li a { font-size: 12px; }
}
@media (min-width: 1090px){
	#nav > li, #nav ul.subs { width: 100px; }
	#nav > li > a { font-size: 12px; }
	#nav ul.subs > li a { font-size: 13px; }
}/*
@media (min-width: 1090px){ 
	#nav > li, #nav ul.subs { width: 110px; }
	#nav ul.subs > li a { font-size: 13px; }
}*/
/* Fixed Gnavi ************************************************************* */
/*@media (min-width: 768px) {
	.fixed_gnavi { min-height: auto; position: fixed; width: 100%; z-index: 1000; border-bottom: 2px solid #ccc; top: 0; }
	.fixed_gnavi .navbar-brand { background-size: 120px 28px; width: 120px; height: 35px; margin-top: 7px; padding: 0px; }
	.fixed_gnavi #nav > li { height: 42px; }
	.fixed_gnavi #nav > li > a, .fixed_gnavi #nav > li > a:hover, .fixed_gnavi #nav > li.active > a { background-size: 55px 36px !important; background-position: -12px 6px !important; }
	.fixed_gnavi #nav > li { width: auto; }
	.fixed_gnavi #nav > li > a { padding: 13px 8px 0px 30px; height: 42px; }
	.fixed_gnavi #nav ul.subs { top: 42px; }
	.fixed_gnavi #sub_nav { display: none; }
	.fixed_gnavi #nav_right { margin-top: -44px; }
	.fixed_gnavi #nav_right .dropdown-menu { top: 44px; -webkit-box-shadow: 0 5px 6px rgba(0,0,0,.175); box-shadow: 0 5px 6px rgba(0,0,0,.175); }
}*/
/* new Gnavi, side navi layout for smartphone ****************************** */
@media (min-width: 768px) { .navbar-toggle { display: inline; }}
@media (min-width: 901px){ #slide_menu, .navbar-toggle { display: none; } }
@media (max-width: 900px){
	.navbar-header { float: none; }
	body { position: relative; right: 0; overflow-x: hidden; } /* for slide in menu (only for smartphone) */
	body.open { position: fixed; }
	.layer { position: fixed; top: 0; right: 0; z-index: 3; display: none; width: 100%; height: 100%; background-color: #000; opacity: .5; }
	#slide_menu { position: fixed; top: 0; right: -320px; width: 320px; height: 100%; background: #F2F2F2; z-index: 5; border-left: 1px solid #e7e7e7; margin-right: 1px; }

	#nav { background-color: #FFFFFF; margin: 0 -15px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
    #nav > li { float: left; width: 50%; text-align: center; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
	#nav > li:last-child { border-bottom: none; }
	#nav > li > a { padding: 5px 15px; font-size: 14px;	}
    #nav li ul.subs { display: none; }
	#nav > li > a:hover { text-decoration: none; }
	.navbar-right { margin-top: 0; }
	.navbar-right .dropdown .dropdown-menu { font-size: 14px; }

	#search_narrow { padding: 0; font-size: 16px; }
	#search_narrow .form-control { margin-bottom: 0; }
	#search_narrow form { margin-top: 0; }
	#search_narrow .navbar-form { margin: 0; padding: 15px; border-bottom: none; }
	#search_narrow 	button { width: 100%; padding: 5px; }
	
	#slide_menu ul { padding-left: 0; font-size: 16px; margin-bottom: 25px; border-top: 1px solid #e7e7e7; }
	#slide_menu ul li { list-style: none; text-align: center; border-bottom: 1px solid #e7e7e7; }
	#slide_menu ul li.divider { display: none; }
	#slide_menu ul li.logout, #slide_menu ul li.dashboard { margin-top: 25px; border-top: 1px solid #e7e7e7; }
	#slide_menu ul li a { display: block; padding: 8px 0; background-color: #FFFFFF; color: #333; }
	#slide_menu .slide_menu_login { margin-top: 30px; }

	.navbar-brand { text-indent: -9999px; width: 200px; background-position: 7px !important; }

	/* Sub Navigation Display Setting for smartphone */
	#sub_nav ul { padding: 20px 0 0 0; overflow: hidden; }
	#sub_nav ul li { text-align: center; }
	#sub_nav ul.li_2 li { float: left; width: 50%; }
	#sub_nav ul.li_3 li { float: left; width: 33.333%; }
	#sub_nav ul li a { display: block; padding: 10px; color: #666; font-size: 12px; border-top: 2px solid transparent; }
	#sub_nav ul li a:hover { text-decoration: none; }
	#sub_nav ul li a.active { background-color: #EAEAEA; border-top: 2px solid #0054AC; color: #0054AC; }
}
/* Report ****************************** */
/* View Report Modal common */
#query-results .nav.nav-pills>li>a { padding: 2px 15px; }
/* Dashboard */
/*.dashboard-table tr.sector { background-color: inherit; }
.dashboard-table>thead>tr>th { text-align: right; }
.dashboard-table>tbody>tr>td { text-align: right; font-size: 15px; }
.dashboard-table .report_title { text-align: left; width: 180px; padding-left: 20px; }
.dashboard-table .report_button { text-align: left; width: 190px; padding-left: 0; min-width: 190px; }
.font-bold .btn { font-weight: normal; }
.dashboard-table .progress-column { padding-left: 15px; }*/
.progress-column .tooltip {}
.progress-column .tooltip.top .tooltip-arrow {padding-left: 0; border-top-color: #054f7e; }
.progress-column .tooltip.top .tooltip-inner { background-color: #054f7e; }
/* My Reports */
.myreport-table th:first-child { padding-left: 20px; }
.myreport-table .myreport_title { font-size: 15px; padding-left: 20px; }
.myreport-table .myreport_button { width: 200px; min-width: 200px; }
.myreport-table .btn-group { padding-left: 0; }
.myreport-table .report_notes { padding: 15px 0 25px 20px; }
.myreport-table .report_notes div { padding-left: 4px; }
.myreport-table .report_notes .dataTables_info, .myreport-table .report_notes .dataTables_filter label { font-size: 12px; }
.myreport-table .report_notes .popover .arrow { padding-left: 0px; }
.myreport-table .report_notes .popover-content { padding-left: 6px; }

/* Builder common */
.swMain { float: none; }
.actionBar { overflow: hidden; clear: both; background-color: #FFF; padding: 10px 12px 15px 15px; border-radius: 4px; }
.error { color: #DB2E13; }

.swMain .stepContainer .StepTitle { display: none; }
/* Builder Step Progress Bar */
.swMain ul.checkout-bar {}
/* .swMain ul.checkout-bar .stepNumber { display: none; }*/



.checkout-wrap {
  color: #444;
  /* font-family: 'PT Sans Caption', sans-serif; */
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 80px;
  position: relative;
}
/*ul.checkout-bar li:before {*/
.swMain ul.checkout-bar .stepNumber{
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 20px;
  line-height: 33px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 4px;
  width: 35px;
  z-index: 999;
}
ul.checkout-bar li.active {
  color: #3b9ede;
  font-weight: bold;
}
/* ul.checkout-bar li.active:before {*/
ul.checkout-bar a.selected .stepNumber {
  background: #3b9ede;
  /* z-index: 99999; */
  z-index: 100;
}
ul.checkout-bar a.done .stepNumber {
    background: #23a81f;
}
ul.checkout-bar li.visited {
  /* background: #ECECEC; */
  color: #23a81f;
  z-index: 99999;
}
ul.checkout-bar li.visited:before {
  background: #23a81f;
  z-index: 99999;
}
/*ul.checkout-bar li:nth-child(1):before {
  content: "1";
}
ul.checkout-bar li:nth-child(2):before {
  content: "2";
}
ul.checkout-bar li:nth-child(3):before {
  content: "3";
}
ul.checkout-bar li:nth-child(4):before {
  content: "4";
}
ul.checkout-bar li:nth-child(5):before {
  content: "5";
}
ul.checkout-bar li:nth-child(6):before {
  content: "6";
}*/
ul.checkout-bar a {
  /*color: #23a81f;*/
  color: #ccc;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
ul.checkout-bar a.disabled, ul.checkout-bar a.disabled .stepNumber { cursor: default; }
ul.checkout-bar a.selected { color: #3b9ede; }
ul.checkout-bar a.done { color: #23a81f; }
@media all and (min-width: 500px) {
  .swMain ul.checkout-bar li .selected .bar {
  /*.checkout-bar li.active:after {*/
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #3b9ede;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
  }

  .swMain ul.checkout-bar li:last-child .bar { width: 69% !important; border-radius: 15px !important; }

  .checkout-wrap {
    margin: 20px auto;
    height: 50px;
  }

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #23a81f;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 10%;
  }
  ul.checkout-bar li {
    display: inline-block;
    margin: 50px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
  }
  /*ul.checkout-bar li:before {*/
  .swMain ul.checkout-bar .stepNumber {
    height: 45px;
    left: 26%;
    line-height: 42px;
    position: absolute;
    top: -65px;
    width: 45px;
    z-index: 99;
    cursor: pointer;
  }
  ul.checkout-bar li.visited {
    background: none;
  }
  /*ul.checkout-bar li.visited:after {*/
  .swMain ul.checkout-bar li .done .bar {
    background-size: 35px 35px;
    background-color: #23a81f;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 99;
  }
}
@media (max-width: 499px) {
    ul.checkout-bar { padding-left: 0; }
}
/* progress bar circle number position */
@media (min-width: 650px) {
    .swMain ul.checkout-bar .stepNumber { left: 32%; }
}
@media (minx-width: 730px) {
    .swMain ul.checkout-bar .stepNumber { left: 33%; }
}
@media (min-width: 850px) {
    .swMain ul.checkout-bar .stepNumber { left: 35%; }
}
@media (min-width: 950px) {
    .swMain ul.checkout-bar .stepNumber { left: 38%; }
}
@media (min-width: 1200px) {
    .swMain ul.checkout-bar .stepNumber { left: 40%; }
}
/* Builder Action Button */
.swMain .buttonPrevious, .swMain .buttonNext, .swMain .buttonFinish { font: inherit; padding: 6px 25px; width: auto; }
.swMain .buttonPrevious {
	border: 1px solid #CCCCCC;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .3);
    color: #666;    
	background-image: linear-gradient(0deg, #FFFFFF 25%, #DDDDDD 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 25%, #DDDDDD 100%);
    background-image: -webkit-linear-gradient(top, #FFFFFF 25%, #DDDDDD 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 25%, #DDDDDD 100%);
    background-image: -ms-linear-gradient(top, #FFFFFF 25%, #DDDDDD 100%);	
}
.swMain .buttonPrevious:hover {
	border: 1px solid #DDDDDD;	
	background-image: linear-gradient(0deg, #EEEEEE 25%, #E6E6E6 100%);
    background-image: -moz-linear-gradient(top, #EEEEEE 25%, #E6E6E6 100%);
    background-image: -webkit-linear-gradient(top, #EEEEEE 25%, #E6E6E6 100%);
    background-image: -o-linear-gradient(top, #EEEEEE 25%, #E6E6E6 100%);
    background-image: -ms-linear-gradient(top, #EEEEEE 25%, #E6E6E6 100%);
}
.swMain .buttonNext {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border: 1px solid #003A58;    
	background-image: linear-gradient(0deg, #046A9D 25%, #054667 100%);
    background-image: -moz-linear-gradient(top, #046A9D 25%, #054667 100%);
    background-image: -webkit-linear-gradient(top, #046A9D 25%, #054667 100%);
    background-image: -o-linear-gradient(top, #046A9D 25%, #054667 100%);
    background-image: -ms-linear-gradient(top, #046A9D 25%, #054667 100%);	
}
.swMain .buttonNext:hover {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    color: #FFF;
    border: 1px solid #054667;	    
	background-image: linear-gradient(0deg, #0B79C2 25%, #046A9D 100%);
    background-image: -moz-linear-gradient(top, #0B79C2 25%, #046A9D 100%);
    background-image: -webkit-linear-gradient(top, #0B79C2 25%, #046A9D 100%);
    background-image: -o-linear-gradient(top, #0B79C2 25%, #046A9D 100%);
    background-image: -ms-linear-gradient(top, #0B79C2 25%, #046A9D 100%);
}
.swMain .buttonFinish { display: none; }
.swMain .buttonDisabled { color: #666 !important; background-color: #FFF !important; border-color: #ccc !important; opacity: .65; cursor: not-allowed; box-shadow: none; -webkit-box-shadow: none;}
.swMain .buttonNext.buttonDisabled { display: none; }
/* Builder 1 */
#entity-fields, #selected-entity-fields { min-height: 362px; }
#Entity { margin-right: 10px; }
@media (min-width: 992px) {
    #fields-form .col-md-1>div { padding: 173px 0 0; }
    .button_updown { display: none; }
    .button_leftright .btn-toolbar { margin-left: 0 !important;}
    .documentation>.panel-body { min-height: 472px; }
}
@media (max-width: 991px) {
    .button_leftright { display: none; }
}
.documentation>.panel-body .panel-body { padding-bottom: 0; }
.documentation_box {}
.documentation_box .panel {}
.documentation_box .panel-heading { padding: 0; background: none !important; border-bottom: none; }
.documentation_box .panel-heading h4 { text-transform: none; font-size: 13px; font-weight: bold; }
.documentation_box .panel-heading h4 a { color: #333333; display: block; background: url(../content/img/share/toggle_icon.png) left center no-repeat; background-size: 12px 12px; padding-left: 20px; }
.documentation_box .panel-heading h4 a:hover { text-decoration: none; }
.documentation_box .panel-heading h4 a.collapsed { background: url(../content/img/share/toggle_icon_collapse.png) left center no-repeat; background-size: 12px 12px; }
.documentation_box .panel-heading a:after { content: none; }
.documentation_box .panel-body { max-height: 328px; padding-left: 5px; overflow-y: auto; padding-right: 8px; }
.documentation_box .panel-body h4 { font-size: 11px; padding-left: 5px; margin-bottom: 8px; border-color: #eee; }
.documentation_box .panel-body h4 a { color: #333333; display: block; background: url(../content/img/share/toggle_icon.png) left center no-repeat; background-size: 10px 10px; padding-left: 20px; }
.documentation_box .panel-body h4 a.collapsed { background: url(../content/img/share/toggle_icon_collapse.png) left center no-repeat; background-size: 10px 10px; }
.documentation_box .panel-body h4 a:hover { text-decoration: none; }
.documentation_box .panel-body .list-group { font-size: 11px; margin-bottom: 5px; }
.documentation_box .panel-body .list-group .list-group-item { border: none; padding: 0 0 8px; word-wrap: break-word; }
/* Builder 2 */
.report_detail_list ul { padding-left: 15px; font-size: 12px; }
.report_detail_list ul:last-child { margin-bottom: 0; }
#main_panel_aggregates { min-height: 400px; }
/* Builder 3 */
#StandardCustom-add-filter { color: #FFF; }
#main_panel_filters { min-height: 400px; }
/* Builder 4 */
#step-4>.row { clear: both; }
/* Builder 5 */
#step-5>.row { clear: both; }
#report_details ul { margin-bottom: 20px; }
#report_details strong { font-weight: 400; }
#report_information h5 { font-size: 14px; }

/* Project Calendars*/
/*.collapse_box_right h4 {padding: 0px} 
.collapse_box_right h4 a {color: #333333;display: block;background: url(../content/img/share/toggle_icon.png) right center no-repeat;background-size: 12px 12px;} 
.collapse_box_right h4 a.collapsed { background: url(../content/img/share/toggle_icon_collapse.png) right center no-repeat; background-size: 12px 12px; }
.calendars-selectlist{font-size: smaller}*/

/* Program Calendar ******************************************************** */
/* Calendar left column Navigation */
.cal_navi { overflow: auto; }
.cal_navi .search { border-radius: 22px; }
.cal_navi h4 { padding-left: 4px; font-size: 13px; margin-top: 25px; margin-bottom: 10px; position: relative; }
.cal_navi h4 input[type=checkbox] { position: absolute; top: 0px; left: 4px; margin-top: 0; }
.cal_navi h4 a { color: #666; display: block; padding-left: 15px; background: url(../content/img/share/toggle_icon_collapse.png) 98% center no-repeat; background-size: 10px 10px; }
.cal_navi h4 a:hover { text-decoration: none; }
.cal_navi h4 a.collapsed { background: url(../content/img/share/toggle_icon.png) 98% center no-repeat; background-size: 10px 10px; }
.cal_navi ul { font-size: 11px; padding-left: 4px; list-style: none; margin-bottom: 0px; }
.cal_navi ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666;}
/* Color Checkbox */
.cal_navi ul li .cal_navi_check { width: 12px; height: 12px; border: 1px solid transparent; margin-top: 4px; display: inline-block; cursor: pointer; border-radius: 2px; }
/* setting for PC / Tablet / Smartphone */
@media(min-width: 992px){ .col-md-12 { width: 100% !important; } .pr15_md { padding-right: 15px !important; } }
@media(max-width: 991px){ .toggle_cal_navi { padding-bottom: 25px; } }
@media(min-width: 768px) and (max-width: 991px) { .cal_navi .collapse { height: 105px; overflow: auto; } }
/* Event Popover */
#eventPopoverContent { padding: 5px; }
#eventPopoverContent>div { text-indent: -8px; margin-left: 18px; margin-bottom: 8px; }
#eventPopoverContent p:last-child { margin-bottom: 0; }
/* List View */
.cal_listview_table .sorting_disabled { border: none; }
.cal_listview_table .group td { font-size: 16px; }
.toggle_cal_wrapper { min-height: 560px; }

/* Flex 
****************************************************************** */
@media (min-width: 1200px) {
    /* Flex Common Style */
    .flex_wrapper_md { display: flex; justify-content: space-between; }
    .flex_column_md { flex-direction: column; }
    
    /* Project */
    .flex_wrapper_md #saving_summary { flex: 0.46; }
    .flex_wrapper_md #projectsummary_currentstatus { flex: 2.4; margin-left: 15px; }
    
    /* Dashboard */
    .flex_wrapper_md #quick_tasks.admin, .flex_wrapper_md #active_programs { flex: 1; margin-right: 15px; }
    .flex_wrapper_md #tags, .flex_wrapper_md #activity_feed { flex: 0.275; }
    .flex_wrapper_md #quick_tasks.ma { flex: 0.475; margin-right: 15px; }
    .flex_wrapper_md #upcoming_work_schedule { flex: 1; }     
    
    /* Enrollment Detail */
    .flex_wrapper_md .summary-panel { flex: 1; margin-right: 15px; margin-bottom: 20px; }
    .flex_wrapper_md .company-panel { flex: 1; }
}
@media (min-width: 768px) {
    /* Flex Common Style */
    .flex_wrapper_sm { display: flex; justify-content: space-between; }
    
    /* Project */
    .flex_wrapper_sm #project_summary { flex: 2.6; margin: 0 15px 20px 0; }
    .flex_wrapper_sm #current_status { flex: 0.81; }
    .flex_wrapper_sm #project_summary .summary_box { flex: 0.32; }
    
    /* Dashboard */
    #quick_tasks.admin .flex_wrapper_sm a { flex: 0.18; }
    #quick_tasks.ma .flex_wrapper_sm a { flex: 0.48; }
    
    /* Inspection */
    #information_summary.flex_wrapper_sm .summary_box { flex: 1; flex-basis: auto; }
    .flex_wrapper_sm.flex_column_md #project_summary_for_inspection, 
    .flex_wrapper_sm.flex_column_md #premise_information_for_inspection { flex: 0.49; flex-basis: auto; }
}
/* Flex Common Style */
.flex_wrapper_xs { display: flex; justify-content: space-between; }

/* Measure Review 
****************************************************************** */
#measure_review_table>.table>tbody>tr>td { vertical-align: top; }
#measure_review_table>.table>tbody>tr.border { border-top: 2px solid #ddd; }
#measure_review_table .popover { max-width: 450px; }
#measure_review_table .popover-content { height: 300px; overflow: scroll; padding: 0; }
#measure_review_table .popover-content .table-striped>tbody>tr:nth-of-type(odd) { background-color: rgba(5, 79, 124, .1); }
@media (min-width: 768px){ .modal-full { width: 90%; } }

#nav_right {
    margin-top: 0px; /* need to EDIT site.css line 996 */
}

#global_nav {
    margin-top: -60px;
}
/* for Long User Name */
@media (max-width: 767px) {
    #global_nav {
        display: block;
    }

    #nav_right {
        display: none;
    }
}

@media (max-width: 1335px) and (min-width: 1090px) {
    .user_name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 70px;
    }
}

@media (max-width: 1089px) and (min-width: 900px) {
    .user_name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 50px;
    }
}

@media (max-width: 999px) and (min-width: 901px) {
    #nav {
        margin-left: 20%;
    }
}

#nav_right .dropdown .glyphicon-cog {
    font-size: 17px;
}