@import url('style.mobile.css');
@import url('style.devexpress.css');
@import url('style.bootstrap.css');
@import url('style.ajaxcontroltoolkit.css');
@import url('style.logo.css');

body.desktop-web-layout,
body.desktop-web-layout table,
body.desktop-web-layout td,
.dxtcLite_Office2010Blue1 {
	font: 10pt Tahoma;
}
/*********************************************************************************
	jQuery Mobile Theme
*********************************************************************************/

.mobile-web-layout .ui-page .ui-header {
    background-color: #1b926c; /*Bfix*/
    color: white;
    text-shadow: 0px 1px 0px #002a4b;
    border-color: #66CDAA; /*Bfix*/
}

/*********************************************************************************
	Custom Control Calendar
*********************************************************************************/
.wuc-calendar-textbox-disabled {
    color: darkgray;
}
.wuc-calendar-textbox {
    border: 1px solid #8ba0bc;
    font: 10pt Tahoma;
}
/*********************************************************************************
	Master page's header and top bar
*********************************************************************************/
div.master-header-topbar {
    background-color: #1b926c; /*Bfix*/
    color: white;
    text-shadow: 0px 1px 0px #002a4b;
    border-color: #66CDAA; /*Bfix*/
}

	div.master-header-topbar.has-subtitle h2 {
		padding: .1em 0;
		font-size: .8em;
	}

	div.master-header-topbar .topbar-button {
		background-color: #f6f6f6;
		border-color: #ddd;
		color: #333;
		text-shadow: 0px 1px 0px #f3f3f3;
	}

	.label-username {
		color: yellow;
        font-family: Tahoma;
	}


/*********************************************************************************
	Master page's header logo and toolbar
*********************************************************************************/

div.master-header-toolbar {
	color: white;
	background-color: #003c6c;
}

	div.master-header-toolbar div.toolbar-cell.back-button {
		color: white;
		background-color: #002a4b;
	}

div.master-header-toolbar-description {
	color: #8facc2;
	background-color: #10558d;
}

div.master-header-toolbar div.toolbar-cell.toolbar-button:hover,
div.master-header-toolbar div.toolbar-cell.toolbar-button-active {
	background-color: #1165AD;
}

div.master-header-toolbar div.toolbar-cell.toolbar-button.selected {
	background-color: #0089ff;
}

div.master-header-toolbar div.toolbar-cell div.toolbar-cell-content a:link {
	color: white;
	text-decoration: none;
}

div.master-header-toolbar div.toolbar-cell div.toolbar-cell-content a:visited {
	color: white;
	text-decoration: none;
}

div.master-header-toolbar div.toolbar-cell div.toolbar-cell-content a:active {
	color: white;
	text-decoration: none;
}

div.master-header-toolbar div.toolbar-cell div.toolbar-cell-content a:hover {
	color: white;
	text-decoration: underline;
}

/*** Customize **************************************************************************/

div.master-header-toolbar div.toolbar-cell.userName div.toolbar-cell-content {
	color: Yellow;
}

/*********************************************************************************
	Home main's top bar - right block
*********************************************************************************/

.home-main-top-bar-right-block .user-info .user-name, .user-name {
    color: yellow;
}

.home-main-top-bar-right-block .user-info .user-menu a:link, .user-menu a:link {
    color: white;
    TEXT-DECORATION: none;
}

.home-main-top-bar-right-block .user-info .user-menu a:visited, .user-menu a:visited {
    color: white;
    TEXT-DECORATION: none;
}

.home-main-top-bar-right-block .user-info .user-menu a:active, .user-menu a:active {
    color: white;
    TEXT-DECORATION: none;
}

.home-main-top-bar-right-block .user-info .user-menu a:hover, .user-menu a:hover {
    color: white;
    TEXT-DECORATION: underline;
}

/*********************************************************************************
	frmMainApplications2
*********************************************************************************/
.frm-main-application-LeftPane {
	border: 1px solid #226cb3;
}

.frm-main-application-RightPane {
	border: 1px solid #226cb3;
}

.frm-main-application-splitter .vsplitbar.active {
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: #555;
}

.frm-main-application-LeftPane {
	background-color: #F4F6F9;
}

#divMenuItemPath {
	background-color: #226cb3;
	color: white;
}

.areaApplication .barApplication {
	background-color: #cee4fb;
	background-image: url(XPgarybanner2.png);
	background-repeat: repeat-y;
	background-position: right;
}

.barMenuSectionArea {
}

.barMenuFavourite {
}

img.toolBarRoundIcon32 {
}

.barMenuSection {
	background-color: #226cb3;
}

	.barMenuSection .barMenuSectionText {
		font-size: 12px;
		color: White;
	}

	.barMenuSection .barMenuSectionNavIconAct {
		background-image: url(black_uf.gif);
	}

	.barMenuSection .barMenuSectionNavIcon {
		background-image: url(black_f.gif);
	}




.menuHeader {
	background-color: #CDE1F5;
}

	.menuHeader span {
		font-size: 12px;
	}

.areaApplication .barApplication .barApplicationNavIcon {
	background-image: url(black_f.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.areaApplication .barApplication .barApplicationNavIconAct {
	background-image: url(black_uf.gif);
	background-position: center;
	background-repeat: no-repeat;
}

.areaApplication .barApplication .barApplicationText {
	font-size: 12px;
}

.barMenuFavourite {
	background-color: #FFFFF2;
}

.areaApplication .groupMenuFavourite .barMenuFavouriteText,
.areaApplication .groupApplication .barMenuItemText {
	font-size: 12px;
}

.areaApplication .barApplication:hover .barApplicationNavIcon {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.areaApplication .barApplication,
.areaApplication .groupApplication .barMenuItem,
.areaApplication .groupMenuFavourite .barMenuFavourite {
	color: #000000;
}

	.areaApplication .barApplication:hover {
		background-color: #D5E8FF;
		color: gray;
	}

	.areaApplication .groupApplication .barMenuItem:hover,
	.areaApplication .groupMenuFavourite .barMenuFavourite:hover {
		background-color: #D5E8FF;
		color: gray;
	}

.areaApplication .groupApplication .barMenuItemAct,
.areaApplication .groupMenuFavourite .barMenuFavouriteAct,
.areaApplication .groupApplication .barMenuItemAct:hover,
.areaApplication .groupMenuFavourite .barMenuFavouriteAct:hover {
	background-color: #E2ECF7;
	color: blue;
}

div.dateFormatExample {
	font-size: 10px;
	color: #CCC;
}

#popoverCulture div.contextMenuItemActive .dateFormatExample,
.changeCultureButton:hover div.dateFormatExample {
	color: Navy;
}

.frm-main-application-LeftPane .spanFavouriteBlankHint {
	color: Gray;
}

div.favouritesStarIcon {
	width: 18px;
	height: 18px;
	background-image: url(star-white-reverse-18.png);
	display: inline-block;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	cursor: pointer;
	background-color: #EEE;
}

	div.favouritesStarIcon:hover {
		background-color: #4195dd;
	}

div.favouritesStarIconActive {
	background-color: #4195dd;
}

/*********************************************************************************
	Search bars
*********************************************************************************/

div.bar-search-auto {
	background-color: azure;
	border-color: steelblue;
}

	div.bar-search-auto .bar-header-text {
		/*color: #dcbd00;*/
	}

	div.bar-search-auto::before {
		border-color: steelblue;
		background-color: steelblue;
	}

	div.bar-search-auto span.separtor::before {
		/*color: #ffdb00;*/
	}

div.bar-search-manual {
	background-color: #CCFFCC;
	border-color: #00EC76;
}

	div.bar-search-manual .bar-header-text {
		color: #02ba5e;
	}

	div.bar-search-manual::before {
		border-color: #00EC76;
		background-color: #00EC76;
	}

	div.bar-search-manual span.separtor::before {
		color: #00EC76;
	}

/*********************************************************************************
	Error and information bar
*********************************************************************************/

div.bar-message.error-bar, .error {
    border-color: #FF8C8C;
    background-color: #FFE6E6;
    color: #990000;
}

div.bar-message.info-bar, .info {
    border-color: #9BE69B;
    background-color: #EFFDEE;
    color: #297E29;
}

div.bar-message.warning-bar, .info {
    border-color: #feb93c;
    background-color: #fefbc7;
    color: #f26f0d;
    white-space: initial;
}

div.bar-message.error-bar::before {
    border-color: red;
    background-color: red;
}

div.bar-message.info-bar::before {
    border-color: blue;
    background-color: blue;
}

div.bar-message.warning-bar::before {
    border-color: orange;
    background-color: orange;
}

div.bar-message.error-bar span.separtor::before {
    color: red;
}

div.bar-message.info-bar span.separtor::before {
    color: blue;
}

div.bar-message.warning-bar span.separtor::before {
    color: orange;
}

/*********************************************************************************
	Tool bar
*********************************************************************************/

div.bar-toolbar {
	background-color: #EEE;
	border-color: #BBB;
}

div.bar-toolbar-item {
	background-color: #EEE;
	border-color: #BBB;
}

div.bar-toolbar .bar-header-text {
	color: #808080;
}

div.bar-toolbar::before {
	border-color: #BBB;
	background-color: #BBB;
}

div.bar-toolbar span.separtor::before {
	color: #BBB;
}

div.bar-navigator {
	background-color: #CCFFCC;
	border-color: #BBB;
}

/*********************************************************************************
	DX-GV Focused Row
*********************************************************************************/
tr.dxgvFocusedRow_Office2010Blue1 a.dxbDisabled_Office2010Blue1 {
	color: #87929f;
}

/*********************************************************************************
	DX-GV Selected Row
*********************************************************************************/

tr.dxgvSelectedRow_Office2010Blue1 td.dxgvCommandColumn_Office2010Blue1 {
	background-color: #003c6c;
}

	tr.dxgvSelectedRow_Office2010Blue1 td.dxgvCommandColumn_Office2010Blue1 a {
		color: white;
	}


/************************************************************************************************************************************************************
	###  WebUserControl - ChangeTransactionStatusButtons  ###
************************************************************************************************************************************************************/

.change-transaction-status-buttons {
	border-color: white;
}

	.change-transaction-status-buttons .current-status {
		background-color: #38c;
		/*background: linear-gradient(#38c, #DDF);*/
		background: linear-gradient(rgb(234, 206, 115), #FFF);
	}

		.change-transaction-status-buttons .current-status span.dx-vam {
			color: black;
			text-shadow: 0 1px 0 #FFF;
		}

/*
.change-transaction-status-buttons .current-status span.dx-vam::before {
	color: black;
}
*/

/*********************************************************************************
	Other
*********************************************************************************/

.form-header-title {
	background-color: #E7F0FA;
}

.form-header-subtitle {
	background-color: #E7F0FA;
	padding-left: 20px;
}

.form-prereport {
	border: solid 1px #FFCC99;
	background-color: #FFFFCC;
}

.form-detail {
	border: 1px solid #E6E6E6;
}

.form-footer {
	background-color: #F0F0F0;
	border: 1px solid #E6E6E6;
}

.divStatus {
	background-color: azure;
	border-color: steelblue;
}

.form-header {
	background-color: azure;
	border-color: steelblue;
}


.dxpnlControl_Office2010Blue1 > .form-header-title {
    font-size: 120% !important;
    margin-top: .3em;
}

.tdBorder {
    border: 1px solid #8ba0bc;
}

.webboard_header {
    background-color: #E7F0FA;
    color: navy;
}

.webboard_header_no {
}

.webboard_header_topic {
}

.webboard_header_topic_name {
}

.webboard_header_topic_writer {
    color: #800000;
}

.webboard_header_topic_date {
    color: #006600;
}

.webboard_header_topic_attach {
}

.webboard_header_topic_attach a {
    text-decoration: underline;
    color: blue;
}

.webboard_detail {
    background-color: #E7F0FA;
}

div.master-header-topbar .back-button:hover{
    color: darkorchid;
}