/** Add css rules here for your application. */


.app-font {
	font-family: tahoma,arial, helvetica,sans-serif;
}

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/* Start of Suggest Box Settings */
.gwt-SuggestBox {
    border: 1px solid #999;
	width: 100%;
}
.gwt-SuggestBoxPopup {
	z-index: 1000000;
}
.gwt-SuggestBoxPopup .item {
	border: 1px dotted #aaa;
}
.gwt-SuggestBoxPopup .item-selected {
	background-color: #C3D9FF;
}
/* End of Suggest Box Settings*/

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

/*Tracker Planner css*/

/* menu and toolbar icons */
.icon-new {
	background: url(./icons/icon_new_doc.gif) no-repeat;
}
.icon-save {
	background: url(./icons/icon_save.gif) no-repeat;
}
.icon-delete {
	background: url(./icons/icon_delete.gif) no-repeat center;
}
.icon-vertical {
	background: url(./icons/icon_vertical.png) no-repeat;
}
.icon-horizontal {
	background: url(./icons/icon_horizontal.png) no-repeat;
}
.icon-person {
	background: url(./icons/person.gif) no-repeat;
}
.icon-doc {
	background: url(./icons/icon_document.gif) no-repeat;
}
.schedule {
	background-color: green;
}
/*.icon-delete {
	background: url(./icons/x_mark.png) no-repeat;
}*/
.icon-maximize {
	background: url(./icons/dashboard/maximizable.gif) no-repeat;
}
.icon-go-back {
	background: url(./icons/dashboard/go-back.gif) no-repeat;
}
.icon-moveUp {
	background: url(./icons/dashboard/move_up.gif) no-repeat;
}
.icon-moveDown{
	background: url(./icons/dashboard/move_down.gif) no-repeat;
}
.icon-colorPicker {
	background: url(./icons/dashboard/palette_view.gif) no-repeat;
}
.icon-SendMail {
	background: url(./icons/dashboard/v-icon-send.gif) no-repeat;
}
.icon-moveNext {
	background: url(./icons/dashboard/move-next.png) no-repeat;
}
.icon-movePrevious {
	background: url(./icons/dashboard/move-previous.png) no-repeat;
}
.icon-home {
	background: url(./icons/dashboard/home.png) no-repeat;
}
.icon-close {
	background: url(./icons/close-icon.png) no-repeat;
}
.icon-search {
	background: url(./icons/tags-search.png) no-repeat;
}
.icon-back {
	background-image: url("./icons/dashboard/back_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}
.icon-print {
	background-image: url("./icons/dashboard/print_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}
.icon-drilldown-enable {
	background-image: url("./icons/dashboard/drilldown_enable_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}
.icon-drilldown-disable {
	background-image: url("./icons/dashboard/drilldown_disable_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}
.icon-image-export {
	background-image: url("./icons/dashboard/export_image_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.icon-send-mail {
	background-image: url("./icons/dashboard/send_mail.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.icon-personalize {
	background-image: url("./icons/widget_personalize_flat_7eaeed_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.icon-refresh {
	background-image: url("./icons/dashboard/refresh_rounded_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.icon-export-excel {
	background-image: url("./icons/dashboard/export_as_excel_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.icon-send-mail-dashboard {
	background-image: url("./icons/dashboard/send_mail_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.icon-expand-all {
	background-image: url("./icons/dashboard/expand_all_flat_4d8cd6_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.icon-collapse-all {
	background-image: url("./icons/dashboard/collapse_all_flat_4d8cd6_16x16.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
}

.assign-btn-title {
	font-size: 12px;
	color: #333333;
}
.assign-btn-mouse-over {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(153, 187, 232);
	border-radius: 5px;
	background-image: -moz-linear-gradient( 119deg, rgb(120,163,215, 0.8) 0%, rgb(157,192,235, 0.8) 55%, rgb(194,220,254, 0.8) 100%);
	background-image: -webkit-linear-gradient( 119deg, rgb(120,163,215, 0.8) 0%, rgb(157,192,235, 0.8) 55%, rgb(194,220,254, 0.8) 100%);
	background-image: -ms-linear-gradient( 119deg, rgb(120,163,215, 0.8) 0%, rgb(157,192,235, 0.8) 55%, rgb(194,220,254, 0.8) 100%);
}

.assign-btn-on-click {
	border-style: solid;
  	border-width: 1px;
  	border-color: rgb(91, 143, 205);
  	border-radius: 5px;
  	background-image: -moz-linear-gradient( 119deg, rgb(120,163,215, 0.8) 0%, rgb(157,192,235, 0.8) 55%, rgb(194,220,254, 0.8) 100%);
	background-image: -webkit-linear-gradient( 119deg, rgb(120,163,215, 0.8) 0%, rgb(157,192,235, 0.8) 55%, rgb(194,220,254, 0.8) 100%);
	background-image: -ms-linear-gradient( 119deg, rgb(120,163,215, 0.8) 0%, rgb(157,192,235, 0.8) 55%, rgb(194,220,254, 0.8) 100%);
}

.critical-transaction {
	background-color: #ffe4c4;
	font-weight: bold;
	color: red !important;
}

.critical {
	font-weight: bold;
	color: red !important;
}

.driver-boq-row-style {
	background-color: #A3A3A3;
	font-weight: bold;
}

.total-row {
	background-color: #faf8c5;
}

.transaction {
	color: #ffe4c4;
}
.icon-docs {
	background: url(./icons/icon-docs.gif) no-repeat;
}
.icon-edit-docs {
	background: url(./icons/task-reschedule.gif) no-repeat;
}
.icon-download {
	background: url(./icons/download-doc-icon.png) no-repeat;
}

/*.icon-link { 
	background: url(./icons/icon-link.gif) no-repeat;
}
*/

.icon-links {
	background: url(./icons/icon-links.gif) no-repeat;
}

.icon-critical {
	background: url(./icons/exclaim.gif) no-repeat;
	float: right;
}

.icon-broken-precedence {
	background: url(./icons/broken_precedence_16x16.png) no-repeat;
}

.icon-exclamation {
	background: url(./icons/exclamation.gif) no-repeat;
}

.icon-alert {
	background: url(icons/alarm-16.png) no-repeat;
	float: right;
}

.icon-attachments {
	background: url(icons/attachments.png) no-repeat;
	float: right;
}

.icon-wait {
	background: url(icons/wait.gif) no-repeat;
}

.grid-view {
	background-color: green;
}

.text-shadow {
	color: #365f76; 
	display: block; 
	margin-bottom: 10px; 
	text-shadow: -7px 6px 1px #aaa; 
	font-size: 24px; 
	letter-spacing: normal; 
	font-weight: 300; 
	margin-bottom: -15px;
}

.icon-add-project {
	background: url(icons/add_project_icon.gif) no-repeat;
}

.icon-delete-project {
	background: url(icons/remove_project_icon.gif) no-repeat;
}

.icon-copy-project {
	background: url(icons/copyicon.png) no-repeat;
}

/* --------------------------Login Page Style Starts here ------------------------*/

#loading {
	display: block;
	position: absolute;
	top: 40%;
	left: 45%;
	vertical-align: middle;	
}

.login-page {
	/*background-color: #23497D;*/
	/*background-color: #FAFAFA;*/
	background-color: #FAFAFA;
}

.login-holder {
	-webkit-box-shadow: 3px 4px 18px rgba(0,0,0,.28); 
	-moz-box-shadow: 3px 4px 18px rgba(0,0,0,.28); 
	box-shadow: 3px 4px 18px rgba(0,0,0,.28); 
	/*border: 1px solid #23497D;*/
}

.login-logo-holder {
	width: 100%;
	height: 50px;
	background: url(./icons/login_logo_post.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	position: absolute;
	top: 35px;
}

.login-poster {
	background: url(./icons/login_poster_360x410.png);
	background-repeat: no-repeat;
	background-position: center;
}

.login-form {
	padding: 12px 32px 10px 32px;
	font-family: tahoma,arial, helvetica,sans-serif;
	background-color: #FFFFFF;
}

.login-client-logo-holder {
	width: 100%;
	height: 27%;
	background-image: url(./icons/client_logo.png);
	background-repeat: no-repeat;
	background-position: center;
}

.login-input-text {
	font-family: tahoma,arial, helvetica,sans-serif;
	font-size: 14px;
	color: #BDBDBD;
}

input.login-input-text:focus {
	color: #23497D
}

input.login-input-text::-webkit-input-placeholder {
	font-size: 14px;
	color: #BDBDBD;
}

input.login-input-text:-moz-placeholder {/*firefox 18-*/
	font-size: 14px;
	color: #BDBDBD;
}

input.login-input-text::-moz-placeholder {/*firefox 19+*/
	font-size: 14px;
	color: #BDBDBD;
}

input.login-input-text:-ms-input-placeholder {
	font-size: 14px;
	color: #BDBDBD;
}

.login-input-field {
	overflow: hidden;
}

.login-input-holder {
	width: 100%;
	height: 22px;
	margin-top: 10px;
}

.login-form > .login-input-holder ~ .login-input-holder {
	margin-top: 30px;
}

.login-error-message {
	padding-left: 25px;
}

.login-message-holder {
	width: 100%;
	height: 12px;
	display: block;
	font-family: tahoma,arial, helvetica,sans-serif;
	font-size: 10px;
	/* font-style: italic; */
	border-bottom: 2px solid #BDBDBD;
}

.login-message-holder-active {
	border-bottom: 2px solid #23497D;
}

.login-message-holder-error {
	color: #EA4843;
	border-bottom: 2px solid #EA4843;
}

.login-server-error-message {
	width: 100%;
	height: 12px;
	color: #EA4843;
	font-family: tahoma,arial, helvetica,sans-serif;
	font-size: 10px;
	/* font-style: italic; */
	display: block;
	margin-top: 15px;
	text-align: center;
}

.login-link-holder {
	width: 100%;
	height: 14px;
	margin-top: 14px;
}

.login-input-holder-onover {
	border-bottom: 2px solid #4D8CD6;
}

.login-input-holder-error {
	border-bottom: 2px solid #EA4843;
}

.login-usename-icon {
	height: 100%;
	width: 24px;
	background-image: url(./icons/username_bdbdbd_18x18.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

.login-password-icon {
	height: 100%;
	width: 24px;
	background-image: url(./icons/password_bdbdbd_18x18.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

.forgot-password-email-icon {
	height: 100%;
	width: 24px;
	background-image: url(./icons/pencil_flat_bdbdbd_16x16.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

.login-button {
	margin-top: 41px;
	display: table;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-spacing: 0px;
  	border-radius: 3px;
  	-webkit-border-radius: 3px; 
  	-moz-border-radius: 3px; 
  	background-color: #4D8CD6; 
  	-webkit-box-shadow: inset 0 0 40px rgba(35,73,125,.33); 
  	-moz-box-shadow: inset 0 0 40px rgba(35,73,125,.33); 
  	box-shadow: inset 0 0 40px rgba(35,73,125,.33); 
  	border: solid 1px #23497D;
  	transition: all 0.4s ease 0s;
  	color: #FFFFFF;
	font-family: tahoma,arial, helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;	
}

.login-loading {
	background-image: url('./icons/loading_dots.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.login-button:hover {
	background-color: #5EA8FF;
}

.login-forgot-password-text {
	color: #BDBDBD;
	font-family: tahoma,arial, helvetica,sans-serif;
	font-size: 14px;
	float: right;
	cursor: pointer;
	line-height: 15px;
}

.login-copy-right-text {
	color: #23497D;
	font-family: tahoma,arial, helvetica,sans-serif;
	font-size: 9px;
	cursor: pointer;
	position: absolute;
	left: 25px;
	bottom: 7px;
}

.remember-me-checkbox-label {
	width: auto !important;
  	float: none !important;
  	clear: none !important;
  	display: inline-block !important;
  	color: #BDBDBD;
  	font-family: tahoma,arial, helvetica,sans-serif;
  	font-size: 14px;
  	line-height: 14px;
}

.remember-me-checkbox-warp {
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	float: left;
}

.ext-webkit .remember-me-checkbox-warp input:focus {
	outline: auto !important;
}

.remember-me-checkbox-warp input[type=checkbox] {
	display: none;
}

.remember-me-checkbox-warp label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 26px;
}

.remember-me-checkbox-warp label:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	border: 1px solid #BDBDBD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background: transparent;
}

.remember-me-checkbox-warp input[type=checkbox]:checked + label:before {
	content: "";
	text-align: center;
    line-height: 14px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
    border: solid 1px #23497D;
    -moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
    background-color: #4D8CD6;
    background-image: url(./icons/tick_ffffff_10x8.png);
    background-repeat: no-repeat;
    background-position: center;
  	-webkit-box-shadow: inset 0 0 4px rgba(35,73,125,.33); 
  	-moz-box-shadow: inset 0 0 4px rgba(35,73,125,.33); 
  	box-shadow: inset 0 0 4px rgba(35,73,125,.33);
}

.remember-me-checkbox-warp input[type=checkbox]:disabled :checked + label:before {
	content: "";
	text-align: center;
    line-height: 24px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
    border: 1px solid #BDBDBD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background-color: #D7D7D7;
	background-image: url(./icons/tick_ffffff_10x8.png);
	background-repeat: no-repeat;
    background-position: center;
}

.remember-me-checkbox-warp input[type=checkbox]:disabled + label:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	border: 1px solid #BDBDBD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background: transparent;
}

/* --------------------------Login Page Style Ends here ------------------------*/

/* Slider Style */
.slider-previous {
	background-image: url("icons/dashboard/previous.png");
	float: left;
	width: 30px;
	height: 300px;
	background-position: left center;
}

.slider-next {
	background-image: url("icons/dashboard/next.png");
	float: right;
	width: 30px;
	height: 300px;
	background-position: right center;
}

.image-slider-previous {
	background-image: url("icons/dashboard/icon_back.png");
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.image-slider-next {
	background-image: url("icons/dashboard/icon_next.png");
	float: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.image-slider-next-disabled {
	background-image: url("icons/dashboard/icon_next_disable.png");
	float: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.image-slider-previous-disabled {
	background-image: url("icons/dashboard/icon_back_disable.png");
	float: left;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.slider-style {
	border-radius: 5px;
	background-image: url("icons/dashboard/WidgetBg.png");
	background-repeat: repeat-x;
	height: 300px;
	background-position: center left;
	background-color: transparent;
	border-color: transparent;
}

.slider-center {
	background-color: transparent;
	border-color: transparent;
	height: 300;
	background-position: left center;
	vertical-align: middle;	
}

.account-slider-slide {
	border-rsdius: 11px, 11px, 11px, 11px;
	margin-left: 10px;
	border-color: #EFEFEF;
}

.account-slider-style-onselect {
	border-rsdius: 11px, 11px, 11px, 11px;
	margin-left: 10px;
	border-color: #EFEFEF;
	background-image: url("icons/dashboard/slider-bottom.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 120px 16px;
}

.project-slider-style {
	background-image: url("icons/dashboard/WidgetBodyBg.png");
	background-repeat: repeat-x;
	height: 160px;
	border-color: #526687;
	background-position: left center;
}

.slider-white-previous {
	background-image: url("icons/dashboard/previous-white.png");
	float : left;
	width: 20px;
	background-repeat: no-repeat;
	background-color: #EFEFEF;
	background-position: left center;
}

.slider-white-next {
	background-image: url("icons/dashboard/next-white.png");
	float: right;
	width: 20px;
	background-repeat: no-repeat;
	background-color: #EFEFEF;
	background-position: left center;
}

.days-to-go {
	background-image: url("icons/dashboard/days-to-go.png");
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	margin-top: 15px;
	font-size: 20px;
	font-family: tahoma,arial, helvetica,sans-serif;
	position: relative;
	padding-left: 7px;
	padding-top: 15px;
}

.slider-image-project {
	border-radius: 11px 11px 11px 11px;	
}


/* Progress Bar */
.flex-table-td {
	overflow: hidden;
}

.progress-bar {
	background-color: #F8F8F8;
	border-color: #536788;
	border-radius: 6px;
	padding: 2px;
	table-layout:fixed;
}

.progress-bar-header {
	background-color: #6BA3DC;
	height: 25px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.progress-bar-header-cell {
	text-align: right;
	color: #394B5f;
}

.progress-bar-text {
	color: #394B5f;
	text-align: left;
	padding-left: 3px;	
}

.progress-bar-body-text {
	color: #394B5f;
	text-align: left;
	font: italic;
	padding-left: 3px;	
}

.progress-bar-value-text {
	text-align: right;
	padding-left: 3px;	
}

.progrss-bar-actual-part {
	background-color: #FAB60D;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 10px;
}

.progrss-bar-actual-full {
	background-color: #FAB60D;
	border-radius: 5px;
	height: 10px;
}

.progrss-bar-planned-part {
	background-color: #148BE8;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 10px;
}

.progrss-bar-planned-full {
	background-color: #148BE8;
	border-radius: 5px;
	height: 10px;
}

.progress-bar-strip {
	background-color: #E0E1E3;
	height: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.project-summary-table {
	border: none;
	background-color: transparent;
}

.project-summary-page {
	background-image: url("icons/dashboard/vertical-background-slice.png");
	background-repeat: repeat-x;
	background-color: #fdfdfd;
	background-position:left bottom;
}

/* Task Details popup*/
.task-details-title-text {
	color: #1ac6ff;
	padding-left: 3px;	
	font-family:verdana;
	font-size:16px;
}

.task-details-header-text {
	color: #394B5f;
	text-align: left;
	padding-left: 3px;	
	padding-right: 3px;	
}

.task-details-value-text {
	text-align: right;
	padding-left: 3px;	
	padding-right: 3px;	
}

.task-no-wrap-up-text {
	white-space: nowrap;	
	overflow: hidden; 
	text-overflow: ellipsis; 
}

.no-task-details-text {
	text-align: center;
	padding-left: 3px;
	font-family:verdana;
	font-size:12px;
}

/* Header Styles */

.nPulse-text {
	text-shadow: 2px -1px 0px #374683;
	font-size: 40px; 
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 40px;
}

.app-header {
	background-image: url("icons/dashboard/bgimage.png");
	background-repeat: repeat-x;
}

.app-header-logo-container {
	/*background-image: url(./icons/nadhi-clipart-logo-FFFFFF-36x36.png);*/
	background-image: url(./icons/bently_nadhi_logo.jpg);
    background-repeat: no-repeat;
    /*background-size: 45px 45px;*/
    background-size: 180px 36px;
    background-position: 10px center; 
    border: none;
}

.app-header-title {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}

.app-header-title-logo {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}

.app-header-hide-logo {
	display: none;
}

.app-header-user-container {
	/*line-height: 49px;*/
}

.app-header-title-container {
	display: table;
	border: none;
	border-spacing: 0px;
    border-collapse: collapse;
}

.app-header-title-container-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;	
	white-space: nowrap;
	border: none;
}

.app-header-title-inline-table {
	display: inline-table;
	height: 100%;
	margin: 0px auto;
	border: none;
	border-spacing: 0px;
    border-collapse: collapse;
}

.app-header-user {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}

.app-header-bim-access-link {
	color: #FFFFFF !important;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
}

.app-header-new-UI-link {
	color: #FFFFFF !important;
	margin-right: 15px;
	font-size: 12px;
	font-weight: bold;
}

/* .nadhi-login-banner {
	background-color: #4686ce;
	background-image: -moz-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(30,96,173) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(30,96,173) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(30,96,173) 100%);
  	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-color: #3D84E1;
	border-style: solid;
	border-width: 0 0 1px 0;
	height: 80px;
} */

.app-header-panel {
	/*background-image: -moz-linear-gradient( 90deg, rgb(14,86,181) 0%, rgb(8,46,127) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(14,86,181) 0%, rgb(8,46,127) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(14,86,181) 0%, rgb(8,46,127) 100%);*/
  	
  	background-image: linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(30,96,173) 100%);
  	background-image: -moz-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(30,96,173) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(30,96,173) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(30,96,173) 100%);
  	background-image: -o-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(30,96,173) 100%);
  
  	/* background-image: -moz-linear-gradient( 90deg, rgb(59,132,217) 0%, rgb(32,66,139) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(59,132,217) 0%, rgb(32,66,139) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(59,132,217) 0%, rgb(32,66,139) 100%); */
  
  	/* background-image: -moz-linear-gradient( 90deg, rgb(70,134,206) 0%, rgb(9,83,167) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(70,134,206) 0%, rgb(9,83,167) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(70,134,206) 0%, rgb(9,83,167) 100%); */
  	
  	/* background-image: -moz-linear-gradient( 90deg, rgb(0,117,194) 0%, rgb(9,83,167) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(0,117,194) 0%, rgb(9,83,167) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(0,117,194) 0%, rgb(9,83,167) 100%); */
  	
  	/* background-image: -moz-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(65,106,163) 100%);
  	background-image: -webkit-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(65,106,163) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(77,140,214) 0%, rgb(65,106,163) 100%); */
  
  	/*background-size: 100% 49px;*/
  	background-size: 100% 39px;
  	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*border-color: #3D84E1;*/
	border-color: #89B8EF;
	border-style: solid;
	border-width: 0 0 1px 0;
	background-position: right top;
}
.app-background {
	background-color: #416AA3;
}

.app-viewer {
	position: relative;
	background-color: #416AA3;
	/*background-color: #23497D;*/
}

.app-container {
	background-color: #DFE8F6;
}

.app-form-panel {
	padding: 5px 10px 0px 10px;
}

.app-white-container {
	background: #FFFFFF;
}

.form-field-set-left-border {
	border-left: none;
}

.form-loading-box {
	background: url(./icons/wait.gif) #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	border: 1px solid #999999;
}

.form-loading-box-disabled {
	background: url(./icons/wait.gif) #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	border: 1px solid #999999;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity =   60);
}

/* Dashboard Image Map Styles */
.my-dashboard-panel1 {
	z-index: 0;
	overflow: auto;
	position: relative;	
}

.my-dashboard-panel2 {
	z-index: 20;
	position: relative;	
}

.my-cpanel-dashboard-task-area {
	border: 3px solid transparent;
	background-color: transparent;
	overflow: auto;
	position: relative;
	filter: alpha(opacity=0);	
	opacity: 0;
}

.my-dashboard-image {
	position: relative;	
}

.my-cpanel-dashboard-outfocus {
	border-color: #99BBE8;
	background-color: transparent;
	border-width: 3px;
	position: relative;	
}

.my-cpanel-dashboard-onfocus {
	background-color: white;
	border: 3px solid #2C50A0;
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: relative;
}

.my-cpanel-dashboard-onfocus-1 {
	background-color:#FC2010;
	border:3px solid #FC2010;
	filter: alpha(opacity=50);
	opacity:0.5;
	position:relative;
}
.different-boq-assigned {
	background-color : #1b85cb;
	font-weight: bold;
}
.same-boq-assigned {
	font-weight: bold;
	color: green !important;
}

.report-icon-button {
	background: url(./icons/page_excel.png) no-repeat;
}

.material-icon-search {
	background: url(./icons/search.png) no-repeat;
}

.icon-loading {
	background: url(./icons/wait.gif) no-repeat;
}

.arrow-left-icon {
	background: url(./icons/arrow-left.png) no-repeat;
	margin-top:130px;
}

.arrow-right-icon {
	background: url(./icons/arrow-right.png) no-repeat;
	margin-top:100px;
}

.popup-screen {
  padding: 5px;
  background-color: white;
  border: 1px solid gray;
}
.check-box-label {
	font: bold 11px tahoma,arial, helvetica,sans-serif;
	color: rgb(21,66,139);
}
.help-icon {
	background: url(./icons/user_help.png) no-repeat;
	width:24px;
}
.agenda-update {
	background-position: center;
	background-size: 100% 100%;	
}

/*Overridden from gxt-all.css*/
.btn_in_detail .x-btn-tl,.btn_in_detail .x-btn-tr,.btn_in_detail .x-btn-tc,
.btn_in_detail .x-btn-ml,.btn_in_detail .x-btn-mr,.btn_in_detail .x-btn-mc,
.btn_in_detail .x-btn-bl,.btn_in_detail .x-btn-br,.btn_in_detail .x-btn-bc {
    background: transparent;
}
/*Overridden from gxt-all.css*/
.btn_in_detail .x-btn-arrow, .btn_in_detail .x-btn-text {
	background:transparent;
	border:none;
}
/*Overridden from gxt-all.css*/
.x-btn-mc em.user-btn-arrow {
	display:block;
    background: url(./icons/trigger-down-FFFFFF-10x10.png) no-repeat right center;
	padding-right:10px;
}
.user-name {
	height: 49px;
	line-height: 49px;
}

.legend_table {
	border:none;
	width:100%;
	height:100%;
}
.legend_table tr td{
	border-collapse:collapse;
	border:1px solid #525757;
	width:33%;
	height:100%;
}
.legend_table tr td .legend_notStarted {
	width:20%;
	height:100%;
	float:left;
	background-image: url(icons/dashboard/progress_view_bg.png);
}
.legend_table tr td .legend_inProgress {
	width:20%;
	height:100%;
	float:left;
	background-color:#FFFF00;
}
.legend_table tr td .legend_completed {
	width:20%;
	height:100%;
	float:left;
	background-color:#00FF00;
}
.legend_table tr td .legendName {
	width:59%;
	height:100%;
	float:left;
	line-height:40px;
	text-align:center;
}

.hide { display:none;}

.image_button {
	cursor: pointer;
}

.boq_list_image {
	cursor: pointer;
}

/*Color picker style starts*/
.subshell-HuePicker {
	margin-left: 5pt;
}

#color-picker-window {
	border: 1px solid #aaaaaa;
	background-color:#ffffff;
	width: 317px;
	display: inline-block;
}
#color-picker-window .x-window-draggable, #color-picker-window .x-window-draggable .x-window-header-text {
	cursor: move;
	height: 25px;
	background-color: #006587;
}
#color-picker-window .x-window-header-text {
	line-height: 25px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10pt;
}

#color-picker-window .dialogContent {
	padding: 0pt;
	background-color: #ffffff;
}

#color-picker-window .color-picker-text-box {
	padding-left:2px;
	margin-bottom: 10px;
	border-radius: 0px;
	border-style: none;
	height: 25px;
	width: 75px;
}

#color-picker-window .color-picker-button {
	margin-bottom: 10px;
	border-radius: 0px;
	border-style: none;
	height: 25px;
	width: 75px;
	background-color: #F6F6F6;
}

#color-picker-window .color-picker-picker-area {
	margin: 5px;
}

#color-picker-window .color-picker-buttons-area {
	width: 75px;
	height: 193px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #E4E4E4;
}
/*Color picker style ends*/

/*Stage selection widget style starts*/
#stage_selection_buttons {
	border-style: none;
}
/*Stage selection widget style ends*/

/*dashboard chart style starts here*/

.vp_not_started_floor {
	background-image: url(icons/dashboard/progress_view_bg.png);
	border:1px solid #525757;
	border-bottom:none;
	height:40px; 
	width:100%;
}

.vp_in_progress_floor {
	background-color:#498FCC;
	height:100%;
}

.vp_completed_floor {
	background-color:#AB3333;
	border:1px solid #525757;
	border-bottom:none;
	height:40px;
	width:100%;
}

.icon-success-message {
	background-image: url("icons/success.png");
	background-repeat: no-repeat;
}

.my-dashboard-panel1 {
	z-index: 0;
	overflow: auto;
	position: relative;	
}

.my-dashboard-panel2 {
	z-index: 20;
	position: relative;	
}

.my-cpanel-dashboard-task-area {
	border-color: transparent;
	background-color: transparent;
	overflow: auto;
	position: relative;	
}

.my-dashboard-image {
	position: relative;	
}

.my-cpanel-dashboard-outfocus {
	border-color: #99BBE8;
	background-color: transparent;
	border-width: 3px;
	position: relative;	
}

.my-cpanel-dashboard-onfocus {
	border-color: #2C50A0;
	border-style: solid;
	background-color: white;
	border-width: 3px;
	position: relative;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.my-cpanel-dashboard-onfocus-1 {
	background-color:#FC2010;
	border:3px solid #FC2010;
	opacity:0.5;
	position:relative;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.scurve-table {
	width: 100%;
	margin: 0 auto;
	color: #555555;
	border-collapse: collapse;
}
.scurve-table tr td {
	padding: 0 2px;
	font-size: 10px;
	text-align: center;
}
.scurve-table tr {
	height: 20px;
}
.scurve-table tr:first-child {
	height: 25px;
	background-color: #EEEEEE;
	border: 1px solid #A8A8A8;
	border-left: none;
	border-right: none;
}
.scurve-table tr:first-child td{
	font-weight: bold;
	background-color: #EEEEEE;
}
.scurve-table tr td:first-child {
	font-weight: bold;
}

.spider-table {
	width: 100%;
	margin: 0 auto;
	color: #555555;
	border-collapse: collapse;
}
.spider-table tr td {
	padding: 0 2px;
	font-size: 10px;
	text-align: center;
}
.spider-table tr {
	height: 20px;
}
.spider-table tr:first-child {
	height: 25px;
	background-color: #EEEEEE;
	border: 1px solid #A8A8A8;
	border-left: none;
	border-right: none;
}
.spider-table tr:first-child td{
	font-weight: bold;
	background-color: #EEEEEE;
}
.spider-table tr td:nth-child(2){
	border-right: 1px solid #A8A8A8;
}
.spider-table tr td:first-child {
	text-align: left;
	padding-left: 10px;
}
.spider-table tr td:nth-child(3) {
	text-align: left;
	padding-left: 10px;
}

.chart-view-header {
	background: #ffffff;
	border: 1px solid #99BBE8;
	border-bottom: none;
	color: #15428B;
	font-family: tahoma,arial,verdana,sans-serif;
	font-weight: bold;
	font-size: 11px;
	overflow: hidden;
    zoom: 1;
    padding: 2px 3px 2px 5px;
    line-height: 21px;
    height: 21px;
}

.x-panel-body .chart-view-body {
	background: #ffffff;
	border-top: 1px solid #99BBE8;
}

.dashboard-flex-table {
	width: 100%;
	height: 100%;
	table-layout: fixed;
  	white-space: nowrap;
  	border-spacing: 2px;
}

.dashboard-preview {
	background-color: #FFFFFF;
}

.dashboard-preview-table {
	border-collapse: separate;
	border-spacing: 2px;
}
.dashboard-width-preview-div {
	background-color: #DFE8F6;
	border-bottom: 1px solid #99BBE8;
}

.dashboard-preview-width-holder {
	background-color: #FFFFFF;
	border: 1px solid #99BBE8;
	margin: 2px;
}
.dashboard-preview-width-header {
	background-color: #4D8CD6;
	color: #FFFFFF;
	fint-size:12px; 
}

.dashboard-preview-width-text {
	background-color: #FFFFFF;
	color: #474747;
	text-align: center;
}

.dashboard-preview-width-text:hover {
	color: #6BAA01;
	cursor: pointer;
}

.dashboard-preview-width-text-box {
	background-color: #FFFFFF;
	color: #6BAA01;
	text-align: center;
}

.dashboard-preview-td {
	border: 1px solid #99BBE8;
	overflow: hidden;
	/*background-position: center;
	text-align: center; 
    vertical-align: middle*/
}

.dashboard-preview-widget-name {
	font-family: Verdana,sans;
	font-size: 12px;
	color: #474747;
	word-wrap: break-word;
}

.dashboard-preview-widget-config-name {
	font-family: Verdana,sans;
	font-size: 10px;
	color: #474747;
	word-wrap: break-word;
}

.dashboard-preview-page-footer {
	font-family: Verdana,sans;
	font-size: 12px;
	color: #474747;
}

.dashboard-dirty-row {
	background-color: #F3AFB3;
}

/*---------------printing page styles starts here------------*/
.print-chart-body {
	font-family: Verdana,sans;
}

.print-chart-title {
	font-size: 12px;
	font-weight: bold;
}

.print-page-title {
	text-align : center;
	font-size: 14px;
	font-weight: bold;
}

.print-page-header {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,sans;
	color: #474747;
	float: left;
	text-align: center;
	/* border: 0px solid #BDBDBD; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.print-chart-header {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana,sans;
	color: #474747;
	float: left;
	text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.print-chart-container {
	float: left;
	text-align: left;
	height: auto;
    position: relative;
}

.print-chart-cell {
	float: left;
	text-align: left;
	border: 0px solid #BDBDBD;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.print-chart-holder {
	float: left;
	text-align: left;
	border: 0px solid #BDBDBD;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.print-page {
	margin: 20px;
}

.not_m_line {
	white-space:pre-wrap;
}

.treegrid_cell {
	white-space:pre-wrap;
}

.nodeval {
	white-space:pre-wrap;
}

/*---------------printing page styles ends here------------*/
/*dashboard chart style ends here*/

.cell-clickable-image:hover {
	cursor: pointer;
}

/*DHTML Overriden class*/
div.gridbox_material.gridbox {
	border:none;
}

/*DHTML Gantt class*/
.gantt_marker .gantt_marker_content {
    margin: 0px 0px 0px 0px;    
}  

.gantt_task_line, .gantt_line_wrapper {
    margin-top: 10px;
}
.gantt_side_content {
    margin-bottom: 7px;
}
.gantt_task_link .gantt_link_arrow {
    margin-top: 6px
}
.gantt_side_content.gantt_right {
    bottom: 0;
}
.status_line .gantt_marker_content{  
  	top: 15%;
}
 .baseline {
    position: absolute;
    border-radius: 2px;
    opacity: 0.6;
    margin-top: -12px;
    height: 12px;
    background: #0075C2;
    border: 1px solid rgb(255,153,0);
}

/* Announcement Screen styles*/
.announcement_screen 
{ 
	max-width: 100%;
	max-height: 100%;

}

.sticky-col {
  position: -webkit-sticky;
  position: sticky;
}

.row-col {
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  left: 0px;
}

.first-col {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  left: 35px;
}

.text-col {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  left: 300px;
}