body {
	background: #f1f1f1;
	font-size: 8pt;
	font-family: Verdana;
    margin: 0;
    padding: 0;
}

#HeaderAndMenuPane {
    background: #212c5b;
}

#pageTitle {
    height: 10px;
    padding: 5px;
}

.loginInfoMessage {
	font-family: Verdana;
	color: Maroon;
	margin: auto;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.editor-field input {
	border: 0px solid #5f6e71;
}

.spacer {
	clear: both;
	height: 1px;
}

.errorText {
	color: Red;
	font-weight: bold;
	text-align: center;
}

.footer {
	font-size: 75%;
	text-align: center;
	color: #565656;
}

.labelMandatory {
	Color: #ee3f23;
}

.labelUnique {
	Color: #eea923;
}

.labelDefault {
	Color: #000;
}

.labelWordList {
	Color: #057be8;
}

.fieldTooltip {
    border: 1px solid #bfbfbf;
    text-align: left;
    padding: 4px;
    background-color: white;
    font-weight: normal;
    font: Verdana;
    font-size: 8pt;
    filter: alpha(opacity=90);
    opacity: 0.9;
    color: #000;
    z-index: 12001;
    box-shadow:rgba(0, 0, 0, 0.2)  1px 1px 3px 0px
}

	.fieldTooltip span {
		text-align: left !important;
	}

	.fieldTooltip .tooltipHead {
		font-weight: bold;
	}

#loginForm {
	width: 544px;
	height: 358px;
	background-image: url(images/login_back.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0px;
}

	#loginForm a {
		clear: both;
		margin-left: 150px;
		width: 125px;
		text-align: center;
		color: Gray;
	}

	#loginForm .config-hyperlink {
		margin-left: 117px;
	}

	#loginForm > Form {
		padding: 130px 45px 45px 45px;
	}

	#loginForm .editor-label {
		display: block;		
		font-weight: bold;
		text-align: right;
		width: 144px;
		float: left;
		margin: 6px 6px 0 0;
	}

    #loginForm input {
        float: left;
        margin: 2px 0;                
        font: 8pt Verdana;
        width: 197px;
    }


    #loginForm select {
        float: left;        
        width: 204px;
        height: 21px;
        margin: 5px 0;        
    }

    #loginForm .submitButton {
        clear: both;
        margin-left: 149px;
        width: 125px;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
    }

	#loginForm .cancelButton {
		margin-left: 6px;
		float: left;
		width: 125px;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
	}

	#loginForm > Form Fieldset {
		border: 0px;
	}

	#loginForm .errorIcon {
		width: 14px;
		height: 14px;
		background-image: url(../App_Themes/metasonicDoc/Editors/sprite.png);
		background-position: -126px -34px;
		background-color: transparent;
		background-repeat: no-repeat;
		display: none;
	}

.CustomButton {
	padding: 0;
	margin: 0;
	border: 1px solid #9da0aa;
}

	.CustomButton .dxbButton_Scanview {
		border: 0px;
	}

.SearchControlPanel {
	background-color: #F4F5F6;
}

.ResultList_row {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: 5px 0;
}

.ResultList_label {
	float: left;
	text-align: left;
	margin-right: 10px;
	width: 150px;
}

.ResultList_value {
	float: left;
	text-align: left;
	width: 150px;
}

.ResultList_fontSettings {
	font-size: 8pt;
}

#MainSplitter_PageContent_ContentSplitter_1i0_CC,
#MainSplitter_PageContent_spltrWorkSpace_1 {
    border: 1px #bfbfbf solid;
}

    .IndexMask_row {
        clear: both;
        width: 100%;
        overflow: hidden;
        margin: 5px 0;
    }

.IndexMask_label {
	float: left;
	text-align: left;
	margin-right: 10px;
	width: 150px;
}

.IndexMask_value {
	float: left;
	text-align: left;
	width: 250px;
}

.IndexMask_fontSettings {
	font-size: 8pt;
}

#dialogheader {
	background-image: url(images/DialogBackground3.png);
	padding: 10px;
	border: 1px solid gray;
}

.Calendar_visible {
	position: absolute;
	display: block;
	visibility: visible;
	z-index: 12000;
}

.Calendar_hidden {
	position: absolute;
	display: none;
	visibility: hidden;
	z-index: 12000;
}

.invisible {
	display: none;
}

a.checkout:link {
	color: red;
}

a.checkout:visited {
	color: red;
}

a.checkout:active {
	color: red;
}

a.checkout:hover {
	color: red;
}

.checkout {
	color: red;
}

.fulltext {
	color: green;
}

.userSettingsControlContainer legend {
	padding-bottom: 6px;
    font-size: 1.2em;
}

.userSettingsControlContainer #PanelDiv {
	height: 485px;
	width: 570px;
	margin-left: 10px;
	overflow: auto;
	padding-right: 10px;
}

.userSettingsControlContainer {
	float: left;
	height: 520px;
	width: 570px;
}

.accordion-container {
	position: relative;
	border: 1px solid #CCC;
	padding: 4px 15px 10px 15px;
	margin-top: 20px;
}

	.accordion-container label {
		margin-bottom: 0px;
	}

	.accordion-container .accordion-inner-container {
		height: 0;
		overflow: hidden;
	}

		.accordion-container .accordion-inner-container.active {
			height: auto;
			padding-top: 15px;
		}

.accordion-header {
	background-color: #f1f1f1;
	font-size: 13px;
	left: 10px;
	padding: 0 5px;
	position: absolute;
	top: -11px;
	width: auto;	
	font-weight: bold;
}

.accordion-container .accordion-icon-collapse::before {
	content: url(images/collapse_blue.jpg);
	position: absolute;
	top: -7px;
	right: 6px;
}

.accordion-container .accordion-icon-expand::before {
	content: url(images/expand_blue.jpg);
	position: absolute;
	top: -7px;
	right: 6px;
}

#DocViewerSplitter_ItemPanel_ItemPanelDetailTreeListPopupMenu .dxm-item {
	padding-left: 22px;
	height: 22.5px;
}

	#DocViewerSplitter_ItemPanel_ItemPanelDetailTreeListPopupMenu .dxm-item:last-child .dxm-image {
		position: absolute;
		left: 5px;
	}

.myLoadingDiv {
	height: 200px !important;
}

.main-content-panel-link-popup {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.main-content-panel {
	position: fixed;
	top: 45px;
	bottom: 25px;
	left: 0px;
	right: 0px;
}

.workflow-history-pane {
	position: fixed;
	left: 0px;
	right: 0px;
}

.main-content-footer-panel {
	width: 100%;
	position: fixed;
	bottom: 0px;
	height: 25px;
}

.main-content-header-panel {
	height: 60px;
}


/* User Settings */

.dxpcLite_DevEx .dxpc-mainDiv, .dxpcLite_DevEx.dxpc-mainDiv, 
.dxdpLite_DevEx .dxpc-mainDiv, .dxdpLite_DevEx.dxpc-mainDiv {
    background: none #f1f1f1;
    color: #000;
    border: 1px solid #bfbfbf;
}

.dxpcLite_DevEx .dxpc-header,
.dxdpLite_DevEx .dxpc-header {
    background: none #212c5b;
    color: #fff;
}

.dxWeb_pcCloseButton_DevEx {
    background-position: -130px -268px;
    width: 13px;
    height: 13px;
    margin: 2px 2px 0 0;
}

.dxpc-contentWrapper #NavigationDiv {
    border: 1px solid #bfbfbf;
    background-color: white;
}

.dxbButton {
    background: none #f1f1f1;
}

.dxbButtonHover {
    background: none #bfbfbf;
}/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
* { /*box-sizing:border-box !important*/ }
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { padding: 0 0 10px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page { width: 90%; margin-left: auto; margin-right: auto; }

#header { position: relative; margin-bottom: 0px; color: #000; padding: 0; }

    #header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 32px !important; }

#main { padding: 30px 30px 15px 30px; background-color: #fff; margin-bottom: 30px; _height: 1px; /* only IE6 applies CSS properties starting with an underscore */ }

#footer { color: #999; padding: 10px 0; text-align: center; line-height: normal; margin: 0; font-size: .9em; }

/* TAB MENU   
----------------------------------------------------------*/
ul#menu { border-bottom: 1px #5C87B2 solid; padding: 0 0 2px; position: relative; margin: 0; text-align: right; }

    ul#menu li { display: inline; list-style: none; }

        ul#menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }

        ul#menu li a { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; background-color: #e8eef4; color: #034af3; }

            ul#menu li a:hover { background-color: #fff; text-decoration: none; }

            ul#menu li a:active { background-color: #a6e2a6; text-decoration: none; }

        ul#menu li.selected a { background-color: #fff; color: #000; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0; padding: 1em; border: 1px solid #CCC; }

    fieldset p { margin: 2px 12px 10px 10px; }

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }

input[type="text"] { border: 1px solid #9F9F9F; }

input[type="password"] { width: 200px; border: 1px solid #9F9F9F; }

/* TABLE
----------------------------------------------------------*/

table { border: none; border-collapse: collapse; }

    table td { padding: 0px; border: none; }

    table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: none; }

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }

.error { color: Red; }

#menucontainer { margin-top: 40px; }

div#title { display: block; float: left; text-align: left; }

#logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px; color: White; }

    #logindisplay a:link { color: white; text-decoration: underline; }

    #logindisplay a:visited { color: white; text-decoration: underline; }

    #logindisplay a:hover { color: white; text-decoration: none; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.validation-summary-valid { display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field { margin: 0.5em 0; }

.text-box { width: 30em; }

    .text-box.multi-line { height: 6.5em; }

.tri-state { width: 6em; }

.system-qualifier-label { /*text-align: right;*/ font-weight: bold; }

.ControlsTable > tbody > tr > td { padding: 3px; }

.system-qualifier-control { }

.system-matrix-control { }

.toolTipStyle { text-align: left; font-size: x-small; }

#divMailInfoControls * { box-sizing: border-box; }
#divMailInfoControls { overflow-y: auto; }
#divWorkflowComments textarea { margin: 0 !important; }


.print-loader {
  background-image:url(images/ajax-loader.gif);
  background-repeat:no-repeat;
  padding-top:5px;
  display: inline-block;
  padding-left:5px;
  padding-right:5px;
  background-position:center;
  padding-left: 18px;
  height: 11px;
}

#printProgress {
    height: 15px;
    display: block;
    top: 1px;
    position: absolute;
    right: 38%;
    margin:3px;
    z-index:70000;
    overflow:hidden;
    border:solid 1px lightgrey;
    background:white;
    padding:3px;
    box-sizing: content-box;
}
#printProgress span{
    height: inherit; display: inline-block !important; vertical-align: middle;
    margin:2px;
    vertical-align:top;
}
#printProgress button{
    height:17px;
    margin-left:5px;
    vertical-align:top;
    padding: 1px 10px 1px 10px;
    line-height:normal;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}