/******************************************************************************
 ** Theme to control colors and images:  BLUE                                **
 *****************************************************************************/

fieldset {
	border: 0.0625rem solid #84A0C4;
}

input {
	border: 0.0625rem solid #7F9DB9;
	padding: 0.125rem;
	font-size: inherit;
}

select, select[disabled] {
	border-color: #7F9DB9;
}

select.protected[disabled] {
	color: black;
	background-color: rgb(236, 236, 236);
	border: 0.0625rem solid #7F9DB9;
	padding: 0.0625rem;
	font-size: inherit;
}

input.protected[readonly], select.protected[disabled] {
	background-color: rgb(236, 236, 236);
	border: 0.0625rem solid #7F9DB9;
	padding: 0.125rem;
	font-size: inherit;
}

input.protected1[readonly] {
	background-color: transparent;
	border: transparent;
	padding: 0.125rem;
	font-size: inherit;
}

.inputClone {
	background-color: white;
	border: 0.0625rem solid #7F9DB9;
	padding: 0.125rem;
}

.data_box {
	margin: 0.3125rem;
	border: 0.0625rem solid #84a0c4;
	background-color: #dfe8f6;
	color: black;
	font-size: 0.75em;
}

div.xcontent {
	border: 0.0625rem solid #84A0C4;
}

.box {
	
}

.box1 {
	border-color: #84A0C4;
	background-color: #DFE8F6;
	color: black;
}

/******************************************************************************
 ** Header                                                                   **
 *****************************************************************************/

/******************************************************************************
 ** Navigation                                                               **
 *****************************************************************************/
nav.tab_bar, nav.tab_bar2 {
	background: #ffffff url(../i/background/tabs_bg.gif) repeat-x;
	background-color: white;
}

nav.tab_bar a {
	background-image: url(../i/background/tab.gif);
	background-repeat: repeat-x;
	color: #E3EEFB;
}

nav.tab_bar a:hover {
	color: #FFFFFF;
}

nav.tab_bar a.logout {
	background-image: url(../i/background/tab.gif);
	background-repeat: repeat-x;
}

nav.tab_bar div.info {
	color: #4E8CCF;
}

nav.tab_bar2 a {
	background-image: url(../i/background/tab.gif);
	background-repeat: repeat-x;
	color: #E3EEFB;
}

nav.tab_bar2 a.active {
	background-image: url(../i/background/tab2_active.gif);
	background-repeat: repeat-x;
	background-color: #D0DEF0;
	color: #15428B;
}

nav.tab_bar2 a.disabled {
	color: gainsboro;
	text-decoration: line-through;
}

nav.tab_bar2 a:hover {
	color: #ffffff;
}

nav.tab_bar2 a.disabled:hover {
	color: gainsboro;
	text-decoration: line-through;
}

nav.menu_bar {
	border-bottom-color: #0046AD;
	background-color: #4E8CCF;
	background-repeat: repeat-x;
	background-image: url(../i/background/menu_bar.gif);
}

nav.menu_bar a.scroll_left, nav.menu_bar a.scroll_right {
	color: #e3eefb;
}

nav.menu_bar a.scroll_left:hover, nav.menu_bar a.scroll_right:hover {
	color: #E3EEFB;
}

div.menu_bar a {
	text-decoration: none;
	xcolor: #E3EEFB;
	color: gainsboro;
	border-color: transparent;
}

div.menu_bar a:hover, div.menu_bar a.active:hover {
	color: #FFFFFF;
}

div.menu_bar a.active {
	color: #ffffff;
}

/******************************************************************************
 ** Content                                                                  **
 *****************************************************************************/
.content {
	border-color: #84A0C4;
	background-image: url(../i/background/clear.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.white {
	background-color: #ffffff;
}

.red {
	background-color: red;
}

.blue {
	background-color: #DFE8F6;
}
/******************************************************************************
 ** Tool Bar                                                                 **
 *****************************************************************************/
nav.tool_bar {
	color: #15428B;
	background-color: #D0DEF0;
	border-color: #84A0C4;
}

/******************************************************************************
 ** Request Bar                                                              **
 *****************************************************************************/
.request_bar {
	border-bottom-color: #84A0C4;
	color: #15428B;
	background-color: #D0DEF0;
}

/******************************************************************************
 ** Action Bar                                                               **
 *****************************************************************************/
.action_bar {
	border-top-color: #84A0C4;
	color: #15428B;
	background-color: #D0DEF0;
}

/******************************************************************************
 ** Title Bar                                                                **
 *****************************************************************************/
div.titlebar {
	color: #15428B;
	background-color: #73A4D9;
	background-position: 0% center;
	background-repeat: repeat-x;
	background-image: url(../i/background/blue/title-bar-48.gif);
	border-bottom-color: #99BBE8;
}

.title_bar {
	color: #15428B;
	background-color: #73A4D9;
	background-position: 0% center;
	background-repeat: repeat-x;
	background-image: url(../i/background/blue/title-bar-48.gif);
	border-bottom-color: #99BBE8;
}

/******************************************************************************
 ** Footer                                                                   **
 *****************************************************************************/

/******************************************************************************
 ** Login page                                                               **
 *****************************************************************************/
#login-scroll_area {
	background-image: url(../i/background/clear.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/******************************************************************************
 ** Access Restricted                                                        **
 *****************************************************************************/
.access_restricted {
	
}

.access_restricted_border_top {
	border-top-color: #D0DEF0;
}

/******************************************************************************
 ** List                                                                     **
 *****************************************************************************/
.header_container {
	border-bottom-color: gainsboro;
}

.header_container, .header_row {
	color: #000000;
	background-color: #F1F2F4;
	border-right-color: gainsboro;
	background-image: url(../i/background/column-heading.gif);
	background-repeat: repeat-x;
	background-position: center 1px;
}

.header_row table th, .header_row table td {
	border-left-color: transparent;
	border-right-color: #D0D0D0;
}

.header_row table th:hover, .header_row table td:hover {
	border-color: #AACCF6;
	background-image: url(../i/background/column-heading-hover.gif);
	background-repeat: repeat-x;
	background-position: center 1px;
}

.header_row table th.sortable, .header_row table td.sortable {
	background-image: url(../i/background/column-heading-sortable.gif);
	background-repeat: repeat-x;
	background-position: center 1px
}

.header_row table th.sortable:hover, .header_row table td.sortable:hover
	{
	border-color: #AACCF6;
	background-image: url(../i/background/column-heading-sortable-hover.gif);
	background-repeat: repeat-x;
	background-position: center 1px;
}

.data_row {
	background-color: #F1F2F4;
}

.data_row table tr:nth-child(even), .data_row table.yellow tr:nth-child(even),
	.data_row table.blue tr:nth-child(even) {
	background: #ffffff;
}

.data_row table tr:nth-child(odd) {
	background: #e1ffe1;
}

.data_row table.white tr:nth-child(odd) {
	background: #ffffff;
}

.data_row table.yellow tr:nth-child(odd) {
	background: lightgoldenrodyellow;
}

.data_row table.blue tr:nth-child(odd) {
	background: #cdebff;
}

.data_row table.gainsboro tr:nth-child(odd) {
	background: gainsboro;
}

.data_row table.gainsboro tr:nth-child(even) {
	background: gainsboro;
}

.data_row table tr:hover, .data_row table.white tr:hover, .data_row table.yellow tr:hover,
	.data_row table.blue tr:hover {
	background: gainsboro;
}

.data_row table.white tr:hover {
	background: #ffffff;
}

.data_row table td {
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
}

.data_row table td:hover {
	background: #cde4fe;
}

.data_row table.white td:hover {
	background: #ffffff;
}

.data_row table td._red {
	background-color: #ffcccc;
}

.data_row table td.disabled {
	color: gray;
}

.footer_container {
	border-top-color: gainsboro;
	border-bottom-color: gainsboro;
}

.footer_container, .footer_row {
	color: #000000;
	background-color: #F1F2F4;
	border-right-color: gainsboro;
}

.footer_row table td {
	border-left-color: transparent;
	border-right-color: #D0D0D0;
}

div.header {
	color: #000000;
	background-color: #F1F2F4;
	border-right-color: gainsboro;
}

div.header table {
	
}

div.header table td {
	border-left-color: transparent;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	background-color: #F1F2F4;
	background-image: url(../i/background/column-heading.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

div.header table td.hover {
	border-left-color: #AACCF6;
	border-right-color: #AACCF6;
	border-bottom-color: #AACCF6;
	background-color: #ffffff;
	background-image: url(../i/background/column-heading-hover.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

div.data table {
	
}

div.data table tr {
	
}

div.data table tr.rowStyle1 {
	background-color: #e1ffe1
}

div.data table tr.rowStyle1_red {
	background-color: #ffcccc
}

div.data table tr.rowStyle2 {
	background-color: #ffffff
}

div.data table tr.rowStyle2_red {
	background-color: #ffcccc
}

div.data table tr.rowStyle3 {
	background-color: lightgoldenrodyellow
}

div.data table tr.rowStyle3_red {
	background-color: #ffcccc
}

div.data table tr.rowStyle4 {
	background-color: gainsboro
}

div.data table tr.rowStyle5 {
	background-color: #99ccff
}

div.data table tr.red {
	color: red;
}

div.data table td {
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
}

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

/******************************************************************************
 ** Tab Bar                                                                  **
 *****************************************************************************/
.xtab_bar {
	background: #ffffff url(../i/background/tabs_bg.gif) repeat-x;
}

.tab_bar_info {
	color: #0046ad;
}

.TabLeft {
	background-image: url(../i/background/normal_tab.gif);
	background-repeat: no-repeat
}

.Tab {
	color: #0046ad;
}

.TabHover {
	color: #00255e;
}

.TabRight {
	background-repeat: no-repeat;
	background-image: url(../i/background/tab_right.gif)
}

.activeTabLeft {
	background-repeat: no-repeat;
	background-image: url(../i/background/active_tab.gif)
}

.activeTab {
	color: #FFFFFF;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../i/background/active_tab.gif)
}

.activeTabHover {
	color: #FFFFFF;
}

.activeTabRight {
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(../i/background/active_tab.gif)
}

.disabledTabLeft {
	background-repeat: no-repeat;
	background-image: url(../i/background/tab_left.gif)
}

.disabledTab {
	color: gainsboro;
}

.disabledTabHover {
	color: gainsboro;
}

.disabledTabRight {
	background-repeat: no-repeat;
	background-image: url(../i/background/tab_right.gif)
}

/******************************************************************************
 ** Menu Bar                                                                 **
 *****************************************************************************/

/******************************************************************************
 ** Request Bar                                                              **
 *****************************************************************************/
div.request_bar td {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/******************************************************************************
 ** Tab Bar 2                                                                 **
 *****************************************************************************/
div.tab_bar2 {
	background: #ffffff url(../i/background/tabs_bg.gif) repeat-x;
	clear: both;
	vertical-align: middle;
	line-height: 1.75em;
	height: 1.75em;
	text-align: center;
	font-size: 0.75em;
	font-weight: bold;
	border-bottom: 0.0625rem solid #A9BFD3;
}

div.tab_bar2_info {
	margin-left: 1.250rem;
	text-align: center;
	vertical-align: middle;
	line-height: 1.75em;
	height: 1.75em;
	color: #0046ad;
	overflow: hidden;
	float: left;
	position: relative;
	top: 0.125em;
}

.Tab2Left {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.313em;
	float: left;
	background-image: url(../i/background/normal_tab.gif);
	background-repeat: no-repeat;
}

.Tab2 {
	vertical-align: bottom;
	padding-left: 0.1875rem;
	padding-right: 0.1875rem;
	cursor: pointer;
	color: #0046ad;
	float: left;
}

.Tab2Hover {
	color: #00255e;
	text-decoration: underline
}

.Tab2Right {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.313em;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../i/background/tab_right.gif);
}

.activeTab2Left {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.313em;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../i/background/active_tab2.gif);
	border-bottom: 0.0625rem solid #D0DEF0;
}

.activeTab2 {
	line-height: 1.75em;
	height: 1.75em;
	vertical-align: middle;
	padding-left: 0.1875rem;
	padding-right: 0.1875rem;
	cursor: pointer;
	color: #0046ad;
	float: left;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../i/background/active_tab2.gif);
	border-bottom: 0.0625rem solid transparent;
}

.activeTab2Hover {
	color: #0046ad;
	text-decoration: underline
}

.activeTab2Right {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.313em;
	float: left;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(../i/background/active_tab2.gif);
	border-bottom: 0.0625rem solid #D0DEF0;
}

.disabledTab2Left {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.313em;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../i/background/normal_tab.gif)
}

.disabledTab2 {
	line-height: 1.75em;
	height: 1.75em;
	padding-right: 0.1875rem;
	padding-left: 0.1875rem;
	color: gainsboro;
	float: left
}

.disabledTab2Hover {
	color: gainsboro;
}

.disabledTab2Right {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.313em;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../i/background/tab_right.gif)
}

/******************************************************************************
 ** Menu Bar                                                                 **
 *****************************************************************************/
.MenuOption {
	padding-left: 0.438rem;
	padding-right: 0.438rem;
	cursor: pointer;
	color: #00255e;
	height: 1.5em;
	line-height: 1.5em;
	border: 0.0625rem solid transparent;
	float: left
}

.MenuOptionHover {
	color: #ffffff;
	text-decoration: underline
}

.activeMenuOption {
	padding-left: 0.438rem;
	padding-right: 0.438rem;
	cursor: pointer;
	background-color: #e3eefb;
	color: #00255e;
	height: 1.5em;
	line-height: 1.5em;
	border: 0.0625rem solid #4e8ccf;
	float: left
}

.activeMenuOptionHover {
	text-decoration: underline
}

.disabledMenuOption {
	
}

.disabledMenuOptionHover {
	
}

.popup_actions {
	border-top-color: #D0DEF0;
	border-right-color: #A9BFD3;
	border-bottom-color: #A9BFD3;
	border-left-color: #A9BFD3;
	background-color: #3F75BF;
	background-position: 0% top;
	background-repeat: repeat-x;
	background-image: url(../i/background/actrpt_bg.gif);
}

/******************************************************************************
 ** Request Bar                                                              **
 *****************************************************************************/
div.action_menu {
	border-top: 0.0625rem solid #D0DEF0;
	border-right: 0.0625rem solid #A9BFD3;
	border-bottom: 0.0625rem solid #A9BFD3;
	border-left: 0.0625rem solid #A9BFD3;
	background-color: #3F75BF;
	background-position: 0% top;
	background-repeat: repeat-x;
	background-image: url(../i/background/actrpt_bg.gif);
	padding: 0em 0.313rem 0.313rem 0.313rem;
	font-size: 0.75em;
	-moz-box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	-webkit-box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
		Color='#000000');
}

.annc_title_bar {
	border-bottom: 0.0625rem solid gray;
	cursor: move;
	font-weight: bold;
	color: black;
	background-color: #ffffcc;
}

/******************************************************************************
 ** Section Title Bar                                                        **
 *****************************************************************************/
tr.section_title_bar {
	border-bottom: 0.0625rem solid #73A4D9;
	background-color: #99BBE8;
	cursor: default;
	font-weight: bold;
	color: #15428B;
	background-repeat: repeat-x;
	background-image: url(../i/background/title-bar.gif)
}

/******************************************************************************
 ** Content                                                                  **
 *****************************************************************************/
div.panel_list {
	border: 0.0625rem solid #84A0C4;
	background-color: #DFE8F6;
}

div.panel_white {
	border: 0.0625rem solid #84A0C4;
	background-color: white;
}

table.login {
	border: 0.0625rem solid #86b5e3;
	background-color: #dceaf7;
	height: 7.500em;
	color: black;
	width: 100%
}

/******************************************************************************
 ** Pop Ups                                                                  **
 *****************************************************************************/
.popup {
	border-color: #84A0C4;
	background-color: #DFE8F6;
}

#profile_picture {
	border: 0.0625rem solid #84a0c4;
	background-color: #dbe3ee;
	background-repeat: no-repeat;
	background-image: url(../i/background/profile_picture.gif)
}

/******************************************************************************
 ** Progess Bar                                                              **
 *****************************************************************************/
.Progress-label {
	font-size: 1em;
	font-family: Helvetica, sans-serif;
	display: block;
}

.Progress-main {
	background-color: red;
	display: block;
	width: 100%;
	height: 0.4em;
	margin-top: 0.75em;
}

.Progress-main::-moz-progress-bar {
	background: #17BAB3;
}

.Progress-main::-webkit-progress-bar {
	xbackground: #F2F2F2;
	background: red;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset;
}

.Progress-main::-webkit-progress-value {
	background: #17BAB3;
}

.Progress-main::-ms-fill {
	background: #17BAB3;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset;
}

.Progress-bar {
	margin-top: 0.95em;
	background-color: #F2F2F2;
	height: 0.4em;
}

.Progress-value {
	background-color: #17BAB3;
	display: block;
	height: 0.4em;
}

/******************************************************************************
 ** Google Material Design (Blue)                                            **
 *****************************************************************************/
.md-primary {color:#fff !important; background-color:#2196F3 !important}
.md-50 {color:#000 !important; background-color:#E3F2FD !important}
.md-100 {color:#000 !important; background-color:#BBDEFB !important}
.md-200 {color:#000 !important; background-color:#90CAF9 !important}
.md-300 {color:#000 !important; background-color:#64B5F6 !important}
.md-400 {color:#fff !important; background-color:#42A5F5 !important}
.md-500 {color:#fff !important; background-color:#2196F3 !important}
.md-600 {color:#fff !important; background-color:#1E88E5 !important}
.md-700 {color:#fff !important; background-color:#1976D2 !important}
.md-800 {color:#fff !important; background-color:#1565C0 !important}
.md-900 {color:#fff !important; background-color:#0D47A1 !important}

.md-light {color:#000 !important; background-color:#E3F2FD !important}
.md-dark {color:#fff !important; background-color:#0D47A1 !important}
.md-action {color:#fff !important; background-color:#074b83 !important}

.w3-theme {color:#fff !important; background-color:#2196f3 !important}
.w3-text-theme {color:#2196f3 !important}
.w3-theme-border {border-color:#2196f3 !important}
.w3-hover-theme:hover {color:#fff !important; background-color:#2196f3 !important} 

.material-icons.md-dark {
	color: #0D47A1
}

.material-icons.md-dark.md-inactive {
	color: rgba(0, 0, 0, 0.26);
}