﻿:root {
   overflow-y: auto;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: local('Roboto'), local('Roboto-Regular'), url(../webfonts/Roboto-Regular.woff2) format('woff2');
}

body {
   margin: 0;
   padding: 0;
   font: 10pt 'Roboto';
}

pre {
    white-space: pre-wrap;
}

a img {
	border: none;
}

a {
   color: #006199;
   text-decoration: none;
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
}

a:hover {
   color: #006199;
   text-decoration: underline;
}

a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
   color: inherit;
   text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
   outline: 0;
}

/* hide IE auto clear button */
input[type=text]::-ms-clear {
    display: none;
}

th {
   font-weight: 500;
}

h2 {
   font-family: inherit;
   font-size: inherit;
   font-weight: 600;
   line-height: inherit;
}

.small {
   font-size: smaller;
}

b, strong {
   font-weight: 500;
}

.bold {
   font-weight: bold;
}
.font-italic {
   font-style: italic;
}

.cursor_hand {
   cursor : pointer;
}

.link_disabled:hover
{
   cursor: default;
   color: black;
   text-decoration: none;
}

.autopopulate-row {
   vertical-align: top;
   padding-top: 22px;
}

/* align asp.net CheckBox/RadioButton with their label */
input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
   margin-right: 6px;
}
input[type=radio] {
    bottom: 2px;
}

.page-container {
   background-image: url(images/bkgd_header.gif);
   background-repeat: repeat-x;
   margin: 0 auto;
   margin-top:4px;
   width: 100%;
}

#sticky_nav_wrapper_top {
   height: 105px;
}

.sticky_nav_top {
   background-image: url(images/bkgd_header.gif);
   background-repeat: repeat-x;
   z-index: 10000;
   margin: 0 auto;
   width: 100%;
   height: 105px;

   background-color: #FFF;
   border-bottom: 5px solid #0081cc;
   border-top: 4px solid white;
   border-left: 0;
   border-right: 0;
}

/* -- END CONTAINERS -- */
/* -- BEGIN TOPBAR -- */
.topbar {
	margin:0 auto;
	max-width:880px;
	height:26px;
}
.topbar-office {
   margin: 0;
   padding-top: 6px;
   float: left;
   color: #FFF;
   font-weight: 500;
   font-style: italic;
   text-align: left;
}
.topbar-office a { color:White;}
.topbar-credentials {
	margin:0;
	float:right;
	padding: 6px 10px 0 0;
	text-align:right;
	color:#FFF;
}
.topbar-credentials a { color: white; }
.topbar-logout {
   margin: 0;
   padding: -2px 0 0 0;
   width: 74px;
   height: 22px;
   text-align: center;
   float: right;
   background-image: url(images/bg_logout.gif);
   background-position: center;
   background-repeat: no-repeat;
   font-weight: 500;
}
.topbar-search {
   margin-left: 10%;
   display: inline-block;
}
.topbar-search input {
   margin: 2px 0;
   height: 22px !important;
   width: 200px;
}
.topbar-search-message {
   position: absolute;
   background-color: white;
   z-index: 10000;
   width: 300px;
   margin-top: 5px;
   min-height: 30px;
   border-radius: 6px;
   padding: 10px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
   

/* -- END TOPBAR -- */
/* -- BEGIN NAVIGATION -- */
.nav {
   margin: 0 auto;
   width: 935px;
   height: 25px;
   /*background-color:#999; */
}
/* -- END NAVIGATION -- */
/* -- BEGIN OFFICE BRANDING -- */
.branding {
	margin:0 auto;
	width:840px;
	overflow: hidden;
}
.brand_heading_sub {
   font-size: 16px;
}
.left {
	float: left;
	width: 30px;
	text-align:left;
}
.right {
	padding:0;
	width:780px;
	float:left;
}
.heading_collapse
{
	width:780px;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
}

.collapse_small {
   font-family: inherit;
   font-weight: 500;
   font-size: 16px;
}
img.bg {
	/* Set rules to fill background */
   min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
   width: 100%;
	height: auto;
	/* Set up positioning */
   position: fixed;
	top: 5px;
	left: 0;
	z-index:-1;
}
 @media screen and (max-width: 1024px) {
   img.bg {
	   left: 50%;
	   margin-left: -512px;
   }
}



/* -- END OFFICE BRANDING -- */
/* -- BEGIN CONTENT -- */
.content 
{
	margin:0 auto;
   width: 1060px;
}
.content_exp {
   margin: 0 auto;
   width: 1050px;
}
.content_left {
   float: left;
   width: 220px;
   min-height: 400px;
}
.content_main {
   width: 830px;
   min-height: 300px;
   float: left;
}
.content_right 
{
	float: left;
	width: 240px;
	min-height:300px;
}
.content_width {
   width: 790px;
}
/* -- END CONTENT -- */




.sdMenuTitle {
   background-position: right;
   padding: 5px 0 0 5px;
   margin-top: 2px;
   width: 100%;
   height: 25px;
   color: rgb(255, 255, 255);
   font-weight: 500;
   background-color: rgb(0, 129, 204);
}

.sdMenuTop
{
}

div.sdmenu {
   width: 100%;
   color: rgb(255, 255, 255);
   padding-bottom: 10px;
   line-height: inherit;
}
.menu_section_title {
   overflow: hidden;
   background-color: rgb(143, 182, 204);
   font-weight: 500;
}

div.sdmenu div span {
   padding: 3px 10px;
   color: white;
   display: block;
   cursor: default;
   line-height: inherit;
}
div.sdmenu div a {
   padding: 3px 15px 3px 15px;
   background: rgb(231, 239, 241);
   color: rgb(20, 98, 147);
   display: block;
   text-decoration: none;
}
div.sdmenu div a.current {
   background: white;
   color: rgb(255, 102, 0);
   border-top: rgb(176, 197, 215) solid 1px;
   border-bottom: rgb(176, 197, 215) solid 1px;
}
div.sdmenu div a.current:hover {
   background: rgb(176, 197, 215);
   border-top: transparent solid 1px;
   border-bottom: transparent solid 1px;
}
div.sdmenu div a:hover {
   color: rgb(255, 255, 255);
   background: rgb(176, 197, 215)
}
div.sdmenu_endcap {
   background: rgb(231, 239, 241);
   height: 6px;
   border-radius: 0 0 6px 6px;
}


.menu_bar_detail
{
   float:left;
   width: 15px;
}
.menu_bar_detail_valid
{
   float:left;
   width: 15px;
   min-height:11px;
   padding: 3px 0;
   background: url(images/status_valid.png) no-repeat left;
}
.menu_bar_detail_checked
{
   float:left;
   width: 15px;
   min-height:11px;
   padding: 3px 0;
   background: url(images/menu_checkmark.gif) no-repeat left;
}
.menu_bar_detail_failed_soft
{
   float:left;
   width: 15px;
   min-height:11px;
   padding: 3px 0;
   background: url(images/status_failed_soft.png) no-repeat left;
}
.menu_bar_detail_failed_hard
{
   float:left;
   width: 15px;
   min-height:11px;
   padding: 3px 0;
   background: url(images/status_failed_hard.png) no-repeat left;
}


.login {
   min-height: 230px;
   padding: 30px 70px 50px 70px;
	left: 50%; top: 0; width: 720px; margin-top: 4px; margin: 0 auto;  z-index: 10;
   background-image: url('../images/LoginFields_bg.png');
   background-size: 720px 100%;
}
fieldset {
	padding: 0; border: 0 solid black; text-indent: 0; clear: left;
	margin-left: 50px; 
}
.location {
   font-family: "Times New Roman", Times, serif !important;
   font-size: 30px !important; font-weight: bold; line-height: 28px;
}
fieldset > legend {
	left: 0;

}
.login_fieldset label.office  
{
   margin-left:20px;
   max-width: 517px;
}
.roomy input
{
	padding: 4px !important;
}

.office_list
{
   margin: 0 0 0 15px;
   max-height: 400px;
   overflow:auto;
}
.office_list_small
{
   margin: 0 0 0 15px;
   max-height: 57px;
   overflow:auto;
}
.office_normal
{
   padding: 2px;
   display: block;
   text-decoration: none;
}
.office_hover
{
   padding: 2px;
   display: block;
   text-decoration: none;
   background-color: #F0E68C;
}

.btn-refresh {
   font-weight: bold;
   font-size: 1.2em;
}

.CapsLockWarning
{
   border:solid 1px #F0E68C;
   padding: 5px;
   border-radius: 5px;
   margin-top: 10px;
   margin-left: 170px;
   position:absolute;
   background-color: #ffc;
   padding: 6px;
   text-align: center;
}


.timeSeconds
{
    font-size: 30px;
}

.contSession
{
    width: 220px;
    float: right;
    text-align: center;
    margin: 10px 10px 0 0 ;
}


.clockSession
{
    width: 370px;
    height: 174px;
    margin: auto;
    background: url(images/clockSession.jpg) no-repeat;
}

.infoIcon, .notificationContent
{
    display: inline-block;
    zoom: 1;
    *display: inline;
}


.error { color:#ec0000; }
.information { color:#007bc2; }
.bold { font-weight: bold; }

.search_table
{
}
.search_tr
{
   text-align : center;
}
.search_items
{
   float : left;
   vertical-align : middle;
   text-align : left;
   padding-right : 10px;
}
.wiz_heading { FONT-WEIGHT: bold; font-size:larger; FONT-STYLE: italic }
.wiz_selectedStep { BACKGROUND: #007bc2;  }
.wiz_selectedStep td { color:White; }
.wiz_description1 { COLOR: black }







.data_outer_div {
   /*border: 1px solid orange; */
   /*background-color : #4F7CAA;*/
   text-align: left;
   margin-top: 1px;
   padding: 1px;
   vertical-align: middle;
   border-top: 1px solid orange;
   color: orange;
   line-height: inherit;
}
.data_outer_div::first-line {
   font-size: 11pt;
   font-weight: 500;
   text-align: left;
   vertical-align: middle;
}
.data_outer_div h1 {
   margin: 0;
   display: block;
   font-size: 16px;
   font-weight: bold;
}
.data_outer_div::first-line
{
   font-size:11pt;
   font-weight: 500;
   text-align: left;
   vertical-align: middle;
}

.data_inner_div {
   /*border: 1px solid blue;  */
   text-align: left;
   color: #333;
   /*	background-color: #D0E4FE; */
   vertical-align: middle;
   margin-top: 1px;
   padding: 6px 6px 0 6px;
   line-height: inherit;
}
.data_buttons {
   color: #333;
   font-weight: normal;
   padding-top: 7px;
   padding-bottom: 1px;
   margin-left: 0;
   margin-right: 0;
   text-align: right;
   border-bottom: 2px solid #0081cc;
   line-height: inherit;
}

.data_buttons > .dropdown {
   display: inline-flex;
}

.data_buttons_clear {
   border-bottom: none;
}
.button_container
{
	padding-top : 1px;
	border-bottom: 2px solid #0081cc;
}
.button_left {
   float: left;
   line-height: inherit;
}
.button_right {
   float: right;
   line-height: inherit;
}


.data_popup_outer_div
{
	background-color:  rgb(207, 221, 230);
	font-weight: bold;
	text-align: left;   
	padding: 6px;
	vertical-align: middle;
	border: 1px solid #003163;
	white-space : normal;
	word-wrap:break-word;
   color : Black;
}


.validation_top_div
{
   overflow:hidden;
   background-color:#cfdde6;
   position:relative;
}
.title_validation {
   font-size: 1.1em;
   padding-left: 10px;
   position: absolute;
   float: left;
   top: 25%;
}
.data_buttons_validation 
{
   float:right;
}

.title_bar_div
{
   color:Red;
   text-align:left;
}
.title_bar_div span 
{
    color:#777;
}
.title_bar_text
{
   font-weight:500;
   padding-bottom:1px;
}
.title_bar_text span     
{
   font-size:larger; 
}
.contents_div
{
   /* padding-left:10px; */
}

fieldset.metatab {
   margin-left: 0;
   margin-top: 3px;
   border-top: rgb(176, 197, 215) solid 3px;
}

fieldset.metatab legend {
   float: left;
   padding-top: 8px;
   padding-left: 0;
}

.data_spacer
{
   padding-top:6px;
}

.data_spacer_small {
   padding-top:2px;
}

.data_group 
{
}
.data_group_header_left { margin-bottom:3px;  }
.data_group_header
{
   color:#444;
   font-weight:500;
   padding-top:2px;
   padding-bottom:4px;
   width: 100%;
   margin-bottom: 2px;
   border-top: rgb(176, 197, 215) solid 3px;
}
.data_group_header_thick
{
   color:#444;
   font-weight:500;
   padding-top:2px;
   padding-bottom:4px;
   width: 100%;
   margin-bottom: 2px;
   border-top: rgb(176, 197, 215) solid 3px;
}
.data_group_header_icon 
{
   
}

.data_prompt_optional
{
	text-align : left;
	/*white-space : nowrap;*/
	/*padding-left : 5px; */
	padding-right : 8px;
}

.data_prompt_required
{
	font-weight : 500;
	padding-right : 8px;
	background-image : url('images/DataRequired.gif');
	background-repeat : no-repeat;
	background-position :  right 50%;
}

.data_prompt_required_vert
{
	font-weight : bold;
	padding-left : 10px;
	padding-right : 8px;
	background-image : url('images/DataRequired.gif');
	background-repeat : no-repeat;
	background-position :  left 50%;
}

.data_value_optional { }

.meta_enabled_text, .text, .meta_enabled_textarea, .RadComboBox_Dave, .RadAutoCompleteBox_Dave, .RadMaskedTextBox_Dave {
   background-color: #fafafa;
}

.address_image {
   font-size: 1.5em;
   padding-bottom: 3px;
}

.meta_enabled_datechooser
{
   border: 1px solid #aaa;
   background-color: #fafafa;
}

.meta_enabled_datechooser::placeholder {
   font-size: 0.9em;
}
.meta_disabled_datechooser::placeholder {
   font-size: 0;
}

.tableDateTimeChooser {
   border-collapse: collapse;
}

.datechooser_image {
   color: #608db9;
   cursor: pointer;
   font-size: 1.5em;
   padding-bottom: 3px;
   vertical-align: bottom;
   margin-left: 6px;
   padding-left: 0;
   float: none;
   background-image: none;
   width: auto;
   height: auto;
   display: inline;
}

.dateclear_image {
   float: right;
   padding-left: 4px;
   width: 19px;
   height: 18px;
}

.meta_prompt_opt_horiz_datechooser {
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
}

.meta_value_opt_horiz_datechooser, .meta_value_req_horiz_datechooser
{
   padding-top:2px;
   padding-right:5px;
   padding-bottom:2px;
   white-space: nowrap;
}

.meta_value_opt_vert_datechooser {
   white-space : nowrap;
   padding: 0;
}

.meta_value_opt_vert_datechooser_time {
   white-space: nowrap;
   padding: 0 0 0 5px;
}


.meta_prompt_req_horiz, .meta_prompt_req_horiz_datechooser
{
   font-weight: 500;
   padding-top:2px;
   padding-right:8px;
   background-image : url('images/DataRequired.gif');
	background-repeat : no-repeat;
	background-position : right 50%;
}

.meta_prompt_opt_vert
{
   padding-top:1px;
   padding-right:5px;
   padding-bottom:1px;
}
.metameta_prompt_autocomplete_opt_vert
{
   padding-top:2px;
   padding-bottom:6px;
}
.meta_value_opt_vert
{
   padding-top:1px;
   padding-right:5px;
   padding-bottom:1px;
}

.meta_prompt_opt_horiz
{
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
}
.meta_value_opt_horiz
{
   padding-top:3px;
   padding-right:5px;
   padding-bottom:3px;
}
.meta_prompt_req_vert
{
   padding-top: 1px;
	padding-left : 10px; 
	background-image : url('images/DataRequired.gif');
	background-repeat : no-repeat;
	background-position :  left 50%;
}
.meta_value_req_vert
{
   padding-top:2px;
   padding-right:5px;
   padding-bottom:2px;
}

.meta_value_req_vert span input, .meta_value_req_vert input, .meta_value_req_vert select, .meta_value_req_vert span select
{
   border:1px solid #ff8888 !important;
}
input.meta_value_req_vert, textarea.meta_value_req_vert, select.meta_value_req_vert, input.data_value_required, textarea.data_value_required, select.data_value_required
{
   border:1px solid #ff8888 !important;
}

.meta_value_req_combo_vert .RadComboBox_Dave {
   border:1px solid #ff8888 !important;
} 

.meta-pounds, .meta-ounces {
   width: 30px;
}

.round_corners 
{
   border:solid 1px rgb(176, 197, 215);
   padding: 5px;
   
   border-radius: 10px;
}
.round_corners_solid 
{
   background-color: #ebf4f6;
   border:solid 1px rgb(176, 197, 215);
   padding: 5px;
   
   border-radius: 10px;
}

input[type="text"], input[type="password"], textarea {
   font-family: inherit;
   border: 1px solid #aaa;
   padding: 4px;
   border-radius: 4px;
   line-height: inherit;
}

.meta_enabled_textarea, .meta_disabled_textarea {
   font: inherit;
   width: 90%;
}

textarea {
   height: auto;
   font-size: inherit;
}

select {
   font-family: inherit;
   background-color: #fafafa;
   border: 1px solid #aaa;
   padding: 3px;
   border-radius: 3px;
   line-height: inherit;
}

select[multiple] {
   height: auto;
}


.meta_disabled_text, .meta_disabled_datechooser, .meta_disabled_textarea
{
   color: #666;
   border: 1px solid #bbb;
   background-color:#eee !important;

   padding-left: 3px;
   padding-right: 3px;
}

.meta_disabled_codedropdown
{
   color: #444;
   border: 1px solid #bbb;
   background-color: #eee;
}

.meta_enabled_codedropdown
{
   border: 1px solid #aaa;
   background-color: #fafafa;
}

.meta_value_req_vert_datechooser input
{
   border: 1px solid #ff8888 !important;
}


.meta_failed_hard_edit, .meta_failed_hard_edit .rcbInputCell, .meta_failed_hard_edit .racTokenList
{
   background-color: #ff9090 !important;
}

.meta_failed_soft_edit, .meta_failed_soft_edit .rcbInputCell, .meta_failed_soft_edit .racTokenList
{
   background-color: #ffef90 !important;
}

.list_th td
{
   font-weight:bold;
   padding:8px 3px;
}
.list_th th
{
   text-align: left;
   padding:8px 3px;
}
.list_th_center th {
    padding:8px 3px;
}
.list_th_center td {
    font-weight:bold;
    padding:8px 3px;
}
.list_tr_on td
{
   background-color:#eee;
   padding:3px;   
}

.list_th_lines 
{
     line-height: 22px;     
     text-align: center;   
   border: 1px;
   border-style: solid;
   border-color: #eee;         
}

.list_tr_off td
{   
   padding: 3px;   
}

.list_tr_selected {
   background-color: #FFFFC0;
}
.list_tr_selected:hover {
   background-color: #ffff8a;
}
.list_pager
{
   font-weight:bold;
}

.list_pager td
{
	padding: 5px;
   background-color: rgb(207, 221, 230);
   
   border-radius: 0 0 8px 8px;
   
}

/* show hand when hovering plus/minus button on RadGrid */
.rgExpandCol img {
   cursor: pointer;
}

.RadGrid .rgNumPart a.rgCurrentPage {
   color: black;
   text-decoration: none;
}

.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
   border-spacing: 2px !important;
}

.list_pager_empty td
{
	padding: 5px 10px 5px 10px;
   background-color: rgb(207, 221, 230);
   
   border-radius: 8px 8px 8px 8px;
   
}
.list_pager_first, .list_pager_last, .list_pager a, .list_pager span, .list_pager_first_sel, .list_pager_last_sel
{
   padding: 2px 5px 2px 5px;
}
.list_pager_first:hover, .list_pager_last:hover, .list_pager a:hover
{
   color: white;
   background-color: #006199;
   text-decoration: none;
   
   border-radius: 3px;
   
}  
.total_rows_table
{
   float: right;
}

.list_tr_edit
{
}

.title_tab_table_header {
   color: orange;
}

.validation_grid_header th
{
   white-space:nowrap;
   padding:8px 3px;
}
.validation_grid_itemstyle td
{
   background-color:#eee;
   padding:3px;
}
.validation_grid_alternatingitemstyle td
{
   padding:3px;
}

.validation_holder
{
   padding-top:8px;
}

.code-checkbox-list-check {
   width: 22px;
}

/* style for container of images used in the CodeCheckBoxList with an associated image*/
.table_td_spacer {
   padding-left: 30px;
}

/* divstyle used in the CodeCheckBoxList with an associated image*/
.divstyle {
   padding-top: 2px;
   padding-right: 5px;
}

/* image associated to a CodeCheckBoxList when the XPosition and YPosition of the CodeCheckboxlist have been set to 0 */
.bgimg {
   width: auto;
   line-height: inherit !important;
   padding-left: 25px;
   font-weight: bold;
   background-image: url(../images/bullet.gif);
   background-repeat: no-repeat;
}

.demographics-table {
   background-color: rgb(207, 221, 230);
   border-color: rgb(207, 221, 230); /*rgb(231, 239, 241);*/
}

/* ---------->>> New CSS Styled Buttons <<<---------------------------------------------------------------*/

   a .btn {
   padding-top: 6px;
}

button, input[type="button"], input[type="submit"], input[type="reset"], .btn {
   font-family: inherit;
   margin: 2px;
   padding: 6px;
   display: inline-block;
   outline: none;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   border-radius: 4px;
   color: #fffbf9 !important;
   border: solid 1px #406d99;
   background: #608db9;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .btn:hover
{
   background: #507dA9;
   text-decoration: none;
}

button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .btn:focus
{
   border: solid 1px orange;
   padding: 6px;
}


button:active, input[type="button"]:active, input[type="submit"]:active
{
    border: solid 1px #406d99;
    color: #9bbbe0;
}

.btn:active, .btn:link {
   text-decoration: none;
}

button[disabled], input[type="button"][disabled], input[type="submit"][disabled],
button:hover[disabled], input[type="button"]:hover[disabled], input[type="submit"]:hover[disabled],
.btn.aspNetDisabled,.btn.aspNetDisabled:hover
{
   cursor: auto;
   color: white;
   border: solid 1px #bbb;
   background: #888;
}

.btn-fix {
   font-family: inherit;
   margin: 2px 2px 2px 2px;
   padding: 4px 6px 4px 6px;
   cursor: pointer;
   color: #222 !important;
   background-color: #eee;
   border: solid 1px #666;
   border-radius: 4px;
}
.btn-fix:hover {
   background-color: #ccc;
   text-decoration: none;
}


/* ---------->>> blockUI <<<---------------------------------------------------------------*/

div.growlUI {
   background: url(images/check48.png) no-repeat 10px -2px;
}
div.growlUI h1, div.growlUI h2 
{
   margin-left: 50px;
   font-size:14px;
	color: white; padding: 5px 0 5px 0;text-align: left;
}

div.growlUIPlain h1, div.growlUIPlain h2 
{
   font-size:12px;
	color: white; padding: 5px 5px 5px 5px;text-align: left;
}

div.growlUIError {
   background: url(images/error.png) no-repeat 10px -3px;
}
div.growlUIError h1, div.growlUIError h2 
{
   margin-left: 50px;
   font-size:12px;
	color: white; padding: 5px 0 5px 0;text-align: left;
}

.total_top_border
{
   border-top: black 1px solid;
}


/* ---------->>> Spell Checker <<<---------------------------------------------------------------*/

.spell_checker_cp { 
    padding-left:5px;
    display:inline-block;
    vertical-align:top;
}

.spell_checker_cp_check { 
    width: 16px;
    height: 16px;
    padding: 3px;
    background-image: url(../images/sp_check.png);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration:none;
}

.spell_checker_cp_accept {
    width: 16px;
    height: 16px;
    padding: 3px;
    background-image: url(../images/sp_accept.png);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration:none;
}

.spell_checker_cp_missed {
    width: 16px;
    height: 16px;
    padding: 3px;
    background-image: url(../images/sp_missed.png);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration:none;
}

.sc_misspelled 
{
    color: #FF0000 !important;
}

.suggestionBox {
    border: 1px solid #000000;
    background-color: #ADE4F8;
    z-index: 5000;
    padding: 5px;
    position:absolute;
}

.VIEWSsuggestionBox {
   border: 1px solid #000000;
   background-color: #ADE4F8;
   z-index: 5000;
   padding: 7px;
   position:fixed;
   border-radius: 4px;
}

.VIEWSsuggestionBox ul {
   margin: 0;
   padding-left: 10px;
}

.suggestions {
   display:none;
}

.suggestionBox a.suggestion, .suggestionBox a.addToDictionary {
   display:block; 
}

.suggestion_break {
   height: 1px; 
   background-color: #444;
   border:none
}

.corrected:link {
    color: #009900;
}

.spell_checker_cp_resume { 
	width: 16px;
	height: 16px;
	padding: 3px;
	background-image: url(../images/sp_resume.png);
	background-repeat: no-repeat;
	cursor: pointer;
   text-decoration:none;
}

.spell_checker_cp_working { 
	width: 16px;
	height: 16px;
	padding: 3px;
	background-image: url(../images/sp_working.gif);
	background-repeat: no-repeat;

   display:inline;
   vertical-align:top;
}


.spell_checker_cp_result {
   position: absolute;
   border: 1px solid #666;
   background-color: #FFFFFF;
   white-space: normal;
   overflow: auto;
   margin-left: 1px;
   margin-top: 1px;
   margin-right: 0;
   padding: 3px;
   z-index: 4000;
 
   border-radius: 4px;
}

.popup {
   padding-left: 3px;
   padding-top: 5px;
}

.popup-calendar-fix {
   min-height: 225px;
}

.popup-sm {
   width: 420px;
}
.popup-md {
   width: 625px;
}
.popup-lg {
   width: 810px;
}
.popup-xl {
   width: 950px;
}

/* ---------->>> Rad Customizations <<<---------------------------------------------------------------*/

.RadWindow_Bootstrap table .rwTopLeft,
.RadWindow_Bootstrap table .rwTopRight,
.RadWindow_Bootstrap table .rwFooterLeft,
.RadWindow_Bootstrap table .rwFooterRight,
.RadWindow_Bootstrap table .rwFooterCenter,
.RadWindow_Bootstrap table .rwBodyLeft,
.RadWindow_Bootstrap table .rwBodyRight {
   display: none !important;
}

.RadWindow_Bootstrap .rwIcon {
   margin: 5px !important;
}

.RadToolTip_Bootstrap {
   font-family: inherit !important;
   background-color: #666 !important;
}

.RadToolTip .rtWrapperContent {
   padding: 0 !important;
}

.RadMenu_Metro .rmRootGroup {
   border: 0 !important;
   box-shadow: none !important;
   background: Transparent !important;
}

.RadMenu_Metro .rmGroup .rmLink {
   padding-left: 18px !important;
}

.rmContent {
   padding-left: 14px !important;
}

.RadMenu_Metro .rmItem {
   border: transparent !important;
}

.RadMenu_Metro .rmExpand, .RadMenu_Metro .rmExpandDown {
   background-image: none !important;
}

.rmItem.fa {
   font: inherit;
}

.rmItem.fa:before {
   font: normal normal 900 1.1em 'Font Awesome 5 Free';
   position: absolute;
   left: 0;
   top: 7px;
   z-index: 1;
   padding-left: 6px;
   color: #444;
}

.rmItem.rmExpanded:before {
   color: white;
}

.rmItem.rmSelected:before {
   color: #ddd;
}

/* RadContextMenu */

.RadMenu_Context.rmShadows {
   box-shadow: 0 2px 4px rgba(0,0,0,0.5);
   padding: 0;
}

.RadMenu_Metro .rmRootLink {
   padding-left: 26px !important;
   padding-right: 10px !important;
}


.RadMenu.RadMenu_Context .rmGroup .rmLink {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.rwTopRight {
   height: 0 !important;
}

.RadMaskedTextBox_Dave .radInput {
   height: inherit !important;
}

.RadComboBox_Dave {
   height: inherit !important;
}

.RadComboBox_Dave table tr td.rcbInputCell {
   padding: 0 !important;
   height: auto !important;
   line-height: inherit !important;
}

.RadComboBox_Dave .rcbInput {
   padding: 4px !important;
}

.RadComboBox_Dave .rcbFocused  {
   border-radius: 4px;
   outline: solid !important;
}

.RadAutoCompleteBox_Dave {
   padding-top: 3px !important;
   padding-left: 3px !important;
   padding-bottom: 2px !important;
   padding-right: 2px !important;
}

.RadAutoCompleteBox_Dave .racInput {
   line-height: inherit !important;
}

.rwOkBtn {
   color: #444 !important;
}

.RadGrid, .RadMenu {
   border: none !important;
   outline: none ;
}

.RadMenuPopup {
   z-index: 10001 !important;
}

.RadMenu_Default .rmGroup { 
     background: #006199 !important;  
}


.RadMenu_Default .rmGroup .rmLink {  
   padding-left: 0 !important;   
   background: white !important;  
}  
       
.RadMenu_Default .rmGroup .rmLink .rmText {  
   padding-left: 5px !important;  
}

div.RadMenu .rmGroup .rmText {
    margin:0 0 0 7px;
    padding: 0 14px 0 0;
}

img.autopopulate {
   display: none;
}

a.autopopulate {
   line-height: 1.8em;
   padding-right: 3px;
}

a.autopopulate:after {
   font-family: 'Font Awesome 5 Free';
   content: "\f35a";
   font-size: 1.6em;
}

a.autopopulate:hover {
   text-decoration: none;
}


.fast_link_solid {
   background-color: #f6f8fa;
}

.fast-link-borders {
   border:solid 1px #dbe4e6;
   border-radius: 5px;
}
.fast-link {
   height: 65px;
   cursor: pointer;

   display: flex;
   align-items: center;
}
.fast-link i {
   color:#57adde;
}
.fast-link-borders:hover {
   background-color: #ebf4f6;
   border:solid 1px rgb(176, 197, 215);
}
.fast-link-expand  {
   justify-content: space-between;
}

.fast-link-badge {
   font-weight: normal !important;
   font-size:1em !important;
   position:absolute;
   top:1px;
   right:1px;
}


.lov_outer_div
{
	background-color: #4F7CAA;
	font-weight: bold;
	text-align: left;
	padding: 6px;
	vertical-align: middle;
	border: 1px solid #003163;
	white-space : nowrap;
	background-image : url('images/gradient.jpg');
	background-repeat : repeat-x;
}
.lov_inner_div
{
	background-color: #D0E4FE;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #70849E;
	border-top: 1px solid #70849E;
	padding : 5px;
}
.list_table
{
   border:solid 1px rgb(176, 197, 215);
   margin: 2px 0;
   padding: 3px;
   
   border-radius: 10px;
}

.lov-buttons {
   vertical-align: middle;
   border-collapse: collapse;
}

.lov-buttons-inline {
   display: inline-block;
   margin-top: -2px;
}


.div_for_datagrid
{
   color: Black;
	WIDTH:100%;
   margin-top : 5px;
   margin-left : 2px;
   margin-right : 0;
   margin-bottom : 0;
}
.lov_list_tr_on
{
   border-top : 1px solid #A0A0A0;
   border-bottom : 1px solid #A0A0A0;
   background-color: #E0E0E0;
   text-align: left;
}
.lov_list_tr_off
{
   border-top : 1px solid #FFFFFF;
   border-bottom : 1px solid #FFFFFF;
   background-color: #FFFFFF;
   text-align: left;
}
.lov_hidden
{
   display: none;
}
.lov_selected
{
	background-color : #60748E;
	color : White;
	cursor: hand;
}
.lov_list_tr_on:hover, .lov_list_tr_off:hover, .list_tr_on:hover td, .list_tr_off:hover {
   background-color: #dfdfdf;
   color: black;
   text-decoration: none;
}
.lov_item_hidden
{
	display:none;
}
.lov9
{
   color: #0000A0;
	width:35px;
}
.lov_unselected
{
	background-color : White;
}


.lastUpdatedMessage 
{
   border-radius: 5px;
   
   border: #caca5f solid 1px;
   background-color: #FFFFC0;
   padding: 5px;

   text-align: center;
   margin:0 auto;
   width:550px;   
}

.select_grid_row {
   background-color: #FFFFC0;
  
}
.visited_grid_row {
   background-color: #FFC0C0;
}

.autoscroll_onfocus
{
   background-color: #FFFFB0 !important;
   vertical-align: middle;
   border: #7F9DB9 1px solid;
}


.address_validation {
   line-height: 17px;
}
.address_validation_addr {
   padding: 2px 2px 2px 2px; margin: 2px 0 0 0; border: solid 1px #ddd; background-color: #f4f4f4;
}
.normal { font-weight: normal; }


 
 
div.meter { 
   /*position: relative; /* IE is dumb */
   display: block;                 
   float: left;     
   width: 420px; 
   height: 18px; 
   background: #fff;
   border: #888 solid 1px;
   border-radius: 3px;
}

div.meter div.blue { 
   /*position: relative; */
   margin-left: 0;
   background: #0081cc; 
   height: 16px; 
   width: 75%; 
   text-align:right; 
   display:block;
   float: left;
   border-radius: 2px;
}
div.meter div.red { 
   /*position: relative; */
   background: #f00; 
   height: 16px; 
   width: 75%; 
   text-align:right; 
   display:block;
   float: left;
   border-radius: 2px;
}


.metadebug_visible {
   display: inline-block;
   background:lightgoldenrodyellow;
   border:1px solid #ffe540;
   margin: 2px;
   padding: 2px;
   border-radius: 2px;
}
.metadebug_hidden {
   display: inline-block;
   background:#ccc;
   border:1px dashed #aaa;
   margin: 2px;
   padding: 2px;
   border-radius: 2px;
}


.special-status {
   color: #ee0000 !important; 
   font-weight: bold;
}
.bold-status {
    font-weight: bold;
}

#skipLink a {
   color: white;
   position:absolute;
   display: block;
   left:-10000px; 
   top:auto; 
   width:1px; 
   height:1px; 
   overflow:hidden;
   z-index: 100000;
} 

#skipLink a:focus {
   width: auto;
   height: auto;
   left:45%; 
   top:9px; 
} 

/*#skipLink a {
   display: block;
   position: absolute;
   left: -999px;
   top: -999px;
} 

#skipLink a:focus {
   left: 0;
   top: 0;
   padding: 3px;
   background: black;
   border:1px solid #990000;
}*/ 

.rgAdvPart {
    display: none;
}  

.rgArrPart1 img {
    display: none;
}  

.rgArrPart2 img{
    display: none;
}  

.RadGrid_Office2010Blue .rgMasterTable  .rgHeader {
   font-weight: bold;
   text-align: center;   
}

.RadGrid .rgHeader {
   color: #006199;
}



#addPredicate a {
    background: url(../images/condbtn-addpredicate.png) no-repeat;
    height: 22px; display: block; }

#addPredicate {width: 25px;}

#addPredicate a:hover {
    background: transparent url(../images/condbtn-addpredicate.png)
   -25px  no-repeat;}

#addColumn a {
    background: url(../images/condbtn-addcondition.png) no-repeat;
    height: 22px; display:block; }

#addColumn {width: 23px;margin-left: auto; margin-right:auto}

#addColumn a:hover {
    background: transparent url(../images/condbtn-addcondition.png)
   -25px  no-repeat;}



#deleteColumn a {
    background: url(../images/condbtn-delete.png) no-repeat;
    height: 21px; display: block;}

#deleteColumn {width: 23px;}

 #deleteColumn a:hover {
    background: transparent url(../images/condbtn-delete.png)
   -26px  no-repeat;}


.command {
   display:none;
   width: 100px;
}



.draggable_group_handle {
   margin: 0;
   padding: 2px;
   background-color: #006199;
   color: white;
   cursor: move;
   text-align: center;

   border-radius: 3px;
}

.draggable_layout_links {
   text-align: right;
}

.draggable_content {
   float: left;
   border: rgb(143, 182, 204) 1px solid;
   background-color: rgb(207, 221, 230);
   cursor: move;
   margin: 1px;
   padding: 1px;
   border-radius: 3px;
}

.draggable_content_runtime {
   float: left;
}

.draggable_visible, .draggable_group_visible {
   cursor: pointer;
   background-image: url('../images/visible.png');
   background-repeat: no-repeat;
   float: right;
   border: 0;
   width: 13px;
   height: 14px;
   margin-right: -1px;
}

.draggable_visible_indicator, .draggable_group_visible_indicator {
   background-image: url('../images/visible.png');
   background-repeat: no-repeat;
   background-position: -13px 0;
}

.draggable_group_runtime {
}

.draggable_group_visible {
   cursor: pointer;
   background-image: url('../images/visible.png');
   background-repeat: no-repeat;
   float: right;
   border: 0;
   width: 13px;
   height: 14px;
}

.draggable_content_newline {
   cursor: pointer;
   background-image: url('../images/NewLine.png');
   background-repeat: no-repeat;
   float: right;
   border: 0;
   width: 13px;
   height: 14px;
}

.draggable_content_newline_indicator {
   background-image: url('../images/NewLine.png');
   background-repeat: no-repeat;
   background-position: -13px 0;
}

.draggable_content_newline_on {
   clear: both;
}

.draggable_group {
   border: #006199 1px dashed;
   background-color: #eff7f9;

   margin: 2px;
   padding: 1px;
   width: 100%;
   overflow: auto;

   border-radius: 3px;
}

.draggable_content_placeholder {
   margin: 2px;
   border: green 1px dashed;
   padding: 0.5em;
   border-radius: 3px;

   float: left;
   height: 38px;
   width: 120px;
   background-color: honeydew;
}

.draggable_group_placeholder {
   margin: 2px;
   border: green 1px dashed;
   padding: 0.5em;
   border-radius: 3px;

   float: left;
   height: 100px;
   width: 99%;
   background-color: honeydew;
}

.editable_indicator {
   cursor: pointer;
}
.editable {
   z-index: 100;
}
.editable input {
   font: 8pt/1.13 Arial;
   height: 14px;
}
.editable button {
   text-align: right;
   border: 1px solid #aaa; background: #f6f6f6 50% 50% repeat-x; font-weight: bold; color: #38385c;
}


.scrollup {
   width: 40px;
   height: 40px;
   text-indent: -9999px;
   opacity: 0.3;
   position: fixed;
   bottom: 60px;
   right: 10px;
   display: none;
   background: url('images/icon_top.png') no-repeat;
}
.scrolldown {
   width: 40px;
   height: 40px;
   text-indent: -9999px;
   opacity: 0.3;
   position: fixed;
   bottom: 10px;
   right: 10px;
   display: none;
   background: url('images/icon_bottom.png') no-repeat;
}


.report_cell {
   display: table-cell;
   padding: 0 0 10px 0;
}

.report-container{
 display : block;
 width : 965px;
 overflow : auto;
 margin : 10px auto 0 auto;
}

.report-container .header {
   margin-bottom: 18px;
   border-bottom: 1px solid #8bc0c9;
   color: #006199;
   font: 11pt 'Segoe UI', sans-serif;
   text-transform: uppercase;
}

.reportContent {
   width: 660px;
   clear: inherit;
   float: left;
   margin-top: 35px;
   padding-left: 10px;
}

.leftColumn {
   float: left;
   clear: none;
   height: auto;
   width: 260px;
}

.leftContent {
   float: left;
   clear: none;
   height: auto;

}

.rightContent {
   float: left;
   clear: none;
   height: auto;
   padding-left: 10px;
}
   
.bottomContent {
   float: left;
   clear: none;
   height: auto;
   width: 660px;
   margin-top: 10px;
}

.bottomResults {
   float: left;
   clear: none;
   width: 960px;
}

.criteriaContent {
   float: left;
   clear: none;
   height: auto;
   width: 626px;
   padding-left: 14px;
}

 #jqxMenu  {
    list-style: none;
    padding: 0;
    margin: 0;
}
#jqxMenu li {
    padding: 0;
}
#jqxMenu {
    position: relative;
    height: 2px;
    float: left;
    cursor: default;
}
#jqxMenu > li {
    font-weight: bold;
    height: 10px;
   padding-left: 5px;
    float: left;
    text-align: left;
}

#jqxMenu .combineSel {
      text-decoration: underline;
}

#jqxMenu > li > div {
    position: absolute;
  
    font-weight: normal;
    font-size: 80%;
    display: none;
       line-height: 2.2;
}
#jqxMenu > li:hover > div {
    display: list-item;
    list-style-type: none;
}
#jqxMenu > li > div > ul {
    background: white;
    width: 1px;
    border: 1px solid #000;
    text-align: center;
    padding: 0 18px 0 10px;
    list-style-type: none;
}




.upper-alpha {
   text-transform: uppercase;
}


   .meta_registration_custom {
      position:relative;
      float: left;
      padding-top: 1px;
      padding-bottom: 1px;
   }

   .meta_registration_custom_newline {
      width: 128px;
      color: white;
      font-size: smaller;
      background-color: crimson;
      border-radius: 4px 4px 4px 4px;
   }

   .sortable_item {
      border: cadetblue 1px solid;
      background-color: lightblue;

      margin: 2px;
      padding: 0.5em;
      border-radius: 4px 4px 4px 4px;
   }

   .sortable_item_hidden {
      border: grey 1px solid;
      background-color: gainsboro;
   }

   .new_line {
   }
   .new_line_tag {
      clear: both;
   }

   .sortable_placeholder {
      margin: 2px;
      border: green 1px solid;
      padding: 0.5em;
      border-radius: 4px 4px 4px 4px;

      float: left;
      height: 60px;
      width: 128px;
      background-color: honeydew;
   }

   .sortable_options {
      cursor:pointer; 
      padding-right: 1px; top:1px; 
      overflow:hidden; 
      right:0; 
      position:absolute;
   }

   .editable {
      z-index: 1000 !important;
   }
   .editable input {
      font: 8pt/1.13 Arial;
      height: 20px !important;
   }
   .editable button {text-align: right;
      color: #38385c !important;
   }


.job-parameter-validation-rule {
   border: 1px solid #bbb;
   max-height: 185px;
   overflow-y: auto;
}
.job-parameter-validation-rule-prompt {
   padding-top: 6px;
   vertical-align: top;
}



#signature_div {
	cursor:wait;
}
#signature_canvas {
	border:solid 1px #ccc;
	cursor:pointer;
}

.signature_box {
	width:400px;
	height:170px;
}
.signature {
   position: absolute;
   z-index: 5;
}
.signature_template {
   position: absolute;
   background-image: url(images/SignatureTemplate.png);
   background-position:center;
	background-repeat:no-repeat;
   z-index: 10;
}


.ui-datepicker {
   -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
   -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
   box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current {
   font-weight: bold;
   opacity: 1;
   filter:Alpha(Opacity=100);
   color: #444 !important;
}
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close {
   font-weight: normal;
   opacity: 0.8;
   filter:Alpha(Opacity=80);
   color: #666 !important;
}

.overlay {
  height: 0px;
  overflow: visible;
  pointer-events: none;
  background-image: url(images/overlay.png); 
}

.input-full {
   overflow: visible;
}

.form-control {
   width: 100%;
}


.modal-inline {
   position: relative !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
   z-index: 1 !important;
   display: block !important;
}

.ADAHidden {
   position: absolute;
   left: -10000px;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
}

.super-wrap {
   word-break: break-all;
}

.param-fieldset {
   margin-left: 0;
   margin-top: 5px;
   margin-bottom: 5px;
   border-radius: 5px;
   border: 1px solid #ccc;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #eee;
}

.form-control-plaintext {
   border-color: transparent !important;
   background-color: rgb(235, 235, 228) !important;
}

.preview-certificate {
   float: right;
   padding: 5px;
}

@keyframes spin {
   0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.LargeCheckBox input {
   width: 17px;
   height: 17px;
}

@media (min-width: 768px) {
   .form-inline .radio input[type="radio"],
   .form-inline .checkbox input[type="checkbox"] {
      float: left;
      margin-right: 6px;
   }
}
.text-upper {
    text-transform: uppercase;
}
.ui-widget-content table a {
    color: #006199 !important;
}

.custom-checkbox {
   padding-right: 5px;
   padding-top: 15px;
}

.case-History-label,
.case-History-text {
   width: 50%
}

.case-History-label .meta_prompt_opt_vert::after {
   content: ":";
}

.list_tr_on .RadComboBox_Dave table tr td.rcbInputCell {
   background-color: #ffffff;
}