/**
 * If you are developing a project that makes use of Dijit widgets, you will probably want to include the two files
 * below; otherwise, you can remove them. When building for release, Dojo will automatically combine all of your
 * @imported CSS files into a single file.
 *
 * It is highly, highly recommended that you develop your CSS using Stylus: http://learnboost.github.com/stylus/.
 */
@import 'dojo/resources/dojo.css';

@import 'normalize.css';
@import 'dijit/themes/tundra/tundra.css';

@import 'plugins/accessFold.css';
@import 'components.css';
@import 'styles.css';

@import "dojox/editor/plugins/resources/css/Save.css";
@import 'gridx/resources/claro/Gridx.css';

@import "dojox/editor/plugins/resources/css/PasteFromWord.css";
@import "dojox/editor/plugins/resources/css/SafePaste.css";


:root {
  --company-main-color: #fd8d3c;
  --company-main-border-color: #fd8d3c;
  --company-highlight-color : #f4da73;
  --company-sub-color: #F4A460;
  --company-sub-border-color: #ec6809;
  --company-results-bar-color: #2B4B6F;
}

.gridx { 
    height: 100%;
    width: 100%;
}
.gridxCell {
	text-align:center !important;
}
#customerGrid {
  height: 373px; /* height for 15 lines in customer grid */
  overflow: auto;
  margin-bottom: 6px;
}
#customerGrid .gridxRow,
#searchCustomerGrid .gridxRow,
#siteGrid .gridxRow,
#userGrid .gridxRow{
	cursor: pointer;	
}



.hideBlock{
	display: none;
}
html,body {
	height: 100%;
	width: 100%;
	background-image:url("background.jpg");
}

.gridxBodyEmpty {
	height:30px !important;
}
#globalContainer,#globalStackContainer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
#loginPage, #mainPage{
	width: 98%;
	height: 98%;
}
#loginContainer {
	text-align: center;
	height: 100%;
	vertical-align: middle;
}
#loginInput {
	margin-left: auto;
	margin-right:auto;
	width:630px;
	height:320px;
	margin-top:200px;
	text-align:left;
}

#mainContainer,#mainStackContainer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: auto;
}

#mainStackContainer .dijitStackContainerChildWrapper,  #userStackContainer, #userGrid {
}

#searchPage, #userPage, #sitePage, #customerPage, #userEditPage, #userListPage, #userListContent, #userContent, #siteEditPage, #siteListPage, #customerEditPage, #customerListPage, #dictionaryPage {
	display: block;
}
textarea[id='siteBodyMessage']{
	resize:none !important;
}

fieldset {
	border: 1px solid grey;
	background-color: #FFFFFF;
	margin:3px;
	padding:8px;
}
fieldset legend {
	font-weight: bold;
	background-color: #017781;
	color:white;
	border: 1px solid grey;
	margin:2px;
	padding:5px 10px 5px 10px;
}

form>span:not(.dijitButton) {
	width:150px;
	display:inline-block;
		text-align:right;
		margin:0 0.5em 0 0;
}

#loginContainer form>span:not(.dijitButton) {
	width: 90px;

}
form>textarea {
	max-width:300px;
}

form>.dijitInline {
	margin: 0.2em 0;
}

.blockUnsentResultCount {
	position: absolute;
	right: 0;
	top: 14px;
	text-align: right;    
	border: 0px;
	padding: 3px;
}

.unsentResultCount {
	text-decoration:underline;
	cursor:pointer;
	//background: none repeat scroll 0 0 #FFFFFF;
}
.unsentResultCount:hover {
	color: #007881;
	text-decoration:none;
}
.searchResulSelected, .searchResulSelected:hover{
	font-weight:bold !important;
	color:#01585E;
}
.billableSelected, .billableSelected:hover{
	font-weight:bold !important;
	color:#01585E;
}

/* Dialog css */

div.dijitDialog { 
    border: 1px solid #ADADAD !important;
    min-width: 450px !important;
}
div.dijitDialog .dijitButton .dijitButtonNode {
    border: 0;
    background-image: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;    
    border-radius: 0;
}

div.dijitDialog div.dijitDialogTitleBar {
    border: 0;
    background-image: none;
    font-weight: bold;
}

div.dijitDialog div.dijitDialogPaneContent {
    border: 0;
}
div.dijitDialog div.raDialogFooter {
    background-color: white;
}

div.dijitDialog div.raDialogFooter div.dialog-buttons-container{
		padding: 0.6em;
		text-align: right;
		height:30px;
}

/* Dialog error css */


div.dialog-error div.dialog-container-error {
    color: #F06060;
}

div.dialog-error div.dijitDialogTitleBar, div.dialog-error .dijitButton  .dijitButtonNode{
    background-color: #F06060;
}

div.dialog-error div.dijitDialogTitleBar, div.dialog-error .dijitButton  .dijitButtonNode, div.dialog-error div.dijitDialogTitleBar .dijitDialogTitle{
    color: #6c0202;
}    

/* Dialog info css */
div.dialog-container-info i {
    color: #007881;
}

div.dialog-info div.dijitDialogTitleBar, div.dialog-info  .dijitButton .dijitButtonNode{
    background-color: #007881;
}

div.dialog-info div.dijitDialogTitleBar, div.dialog-info .dijitButton  .dijitButtonNode, div.dialog-info div.dijitDialogTitleBar .dijitDialogTitle{
    color: white;
}

/* Dialog warning css */
div.dialog-warning div.dialog-container-warning {
    color: #FAA80F;
}
div.dialog-warning div.dijitDialogTitleBar, div.dialog-warning .dijitButton .dijitButtonNode{
    background-color: #FAA80F;
}

div.dialog-warning div.dijitDialogTitleBar, div.dialog-warning .dijitButton  .dijitButtonNode, div.dialog-warning div.dijitDialogTitleBar .dijitDialogTitle{
    color: #936103;
}
    

div[class*="dialog-container-"] i[class*="icon-ra-"]{
    float: left;
    margin: 0 0.3em 0 0;
    font-size: 20px;
}



span.highlight {
    background-color: orange;
}

span.companyHighlight{
    background-color: var(--company-highlight-color);
}


div.no-access-container {
	color: red;
	font-weight: bold;
	background: white;
	margin: 1em;
	padding: 1em;
}

div.no-access-container i {
	font-size: 2em;
}

div.no-access-container > span {
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 1em 0.6em;
}

div#searchPage div#totalCustomerContainer {
	padding: 0.5em;
	margin:0.2em 0;
}

div#searchPage div#searchContent div.analyseSummaryWrapper {
	display: table;
}
	div#searchPage div#searchContent div.analyseSummaryWrapper div.analyseSummaryDbWrapper, div#searchPage div#searchContent div.analyseSummaryWrapper ul.analyseSummaryListWrapper {
		display: table-cell;
		font-size: 1.9em;
		font-weight: bold;
		vertical-align: middle;
		padding: 0 0.8em 0 0.4em;
	}
	
div#searchPage div#searchContent div#analysisSummaryContainer, div#searchPage div#searchContent div#srAnalyseResume {
	padding: 0em;
}

div.line-wrapper {
	padding: 0.2em 0;
	clear: both;
}

	div.line-wrapper span.line-label {
		display: inline-block;
		float: left;
		width: 100px;
		text-align: right;
		font-weight: bold;
		padding: 0 0.2em 0 0;
		vertical-align: middle;
		line-height: 27px;
		font-size: 1.1em;
		color: #444;
	}
	
	div.line-wrapper span.line-content {
		line-height: 27px;
		vertical-align: middle;
	}
div#me-buttons-wrapper {
	text-align: right;
}

	div#me-buttons-wrapper > button {
		margin: 0.5em;
	}
	
div#srResultGrid div.gridxBar {
	padding: 0 0.5em;
}

	div#srResultGrid div.gridxBar {
		color: white;
	}
		
	
	.results-bar a.active {
		text-decoration: none;
	}
	
	div#srResultGrid div.gridxBar div.gridxQuickFilter {
		margin: 0 0.5em 0 0;
		text-align: right;
		top: 4px;
	}
	div#srResultGrid div.gridxBar div.gridxQuickFilterInput {
		width: 150px;
	}
	
	div#srResultGrid .cell-active {
		font-weight: bold;
	}


div.dijitDialog div.panel-body {
	background-color: #FFFFFF;
}

div#historyResultStackContainer {
	clear: both;
}

#srRequestToSendGrid {
	border:0px !important;
}
#meBillableGrid {
	border:0px !important;
}
/* ProgressBar css */
div.progress-container {
	line-height: 20px;
}

div.progress-container label.progress-label{
	float: left;
	font-weight: bold;
	margin: 0 0.5em;
	font-size: 1.1em;
	width: 300px;
	text-align: right;
}
div.progress-container span.progress-value-text{
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0.5em;
}

.progress-wrap{
  margin: 0 0.5em;
  float: left;
  margin: 0.4em 0 0;
}

.progress-wrap, .progress-value, .progress-text {
  /* The width and height of your image */
  width: 500px; height: 13px;
}
.progress-wrap, .progress-value{
  background: #279BA4 top left no-repeat;
}

.progress-text {
  position: absolute;
  top:0; left:0;

  padding-top: 2px;

  color: #fff;
  text-align: center;
  width: 100%;
}

h3 .header-small-text {
	text-transform: none;
	font-size: 0.8em;
	font-weight: normal;
}


div.notification {
	background-color: #f4da73;
	border: 0.1em solid #ccb45f;
	padding: 0.5em;
	margin: 0.5em 0;
}
	div.notification h3 {
		margin: 0;
		font-size: 1.2em;
		border-bottom: 1px solid #ccb45f;
	}
		div.notification h3 .header-small-text {
			font-size: 0.7em;
		}

div.notification i.icon-close {
	float:right;
}


span.loading {
	position: absolute;
	top : 45%;
	left: 45%;
	padding: 0.3em 0.9em;
	z-index: 1000;
	line-height: 30px;
	text-align: center;
	background-color: #FFFFFF;
	border:1px solid #DDDDDD;

}
span.loading img {
	line-height: 30px;
	vertical-align: middle;
}

.reminderLib {
	    font-weight: bold;
}

/* .reminderVal { }  //# undef */

/* form.site */
#siteForm .dijitTextBox  {
	width: 600px;	
}


/* 20250430 */
.bolder {
    font-weight: bolder;
    font-color: red;
}


.gridx-header-filter {
  font-size: 13px;
  padding: 2px 6px;
  margin-top: 3px;
  box-sizing: border-box;
  width: 100%;
}

.gridx-header-filter-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    cursor: pointer;
}

.gridx-header-cross-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url('app/resources/img/icon-close.png') no-repeat center center;
    background-size: contain;
    box-sizing: border-box;
    cursor: pointer;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  gap: 4px;
}

.gridxSummary, .gridxPagerStepperBtn {
	padding: 3px 9px;
	color: #FFFFFF;
}

.gridxPagerStepperBtnActive {
    padding: 3px 9px;
	color: #C0C0C0;
}

.gridxPagerSizeSwitchBtn, .gridxPagerSizeSwitchSeparator {
  padding-left: 5px;
  color: #FFFFFF;
}

.button-no-effect {
    background-color: #5e6771 !important;
    border-color: #b3b3b3 !important;
    color: #fff !important;
}