/*
Colors
    FP Orange = #f0831f
    FP Blue = #2C3848
*/

.fp-tooltip-styling {
    background-color: darkblue;
    color: white
}

.SessionTimoutPanel {
    width: 100%;
    height: 100%;
    background-color: #ACC0E9;
    filter: alpha(opacity=70);
    opacity: .5;
    text-align: center;
    vertical-align: middle;
}

.SessionTimeoutDialogue {
    width: 300px;
    height: 100px;
    background-color: White;
    text-align: center;
    border-color: Black;
    border-width: medium;
    /*vertical-align:middle;*/
    position: absolute;
    top: 50%;
    left: 30%;
}

/* Session Timout Text style */
.SessionTimeoutDialogue span
{
    position:relative;
    top:10px;
    display:block;
}

/* Session Timout Cancel Button style */
.SessionTimeoutDialogue input
{
    position:relative;
    top:40px;
    left:100px;
    display:block;
}

.UIComponentIsBusyOverlay 
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: lightgray;
    opacity: 0.5;
/*    filter: alpha(opacity=80); */
}

.UIComponentIsBusyImage
{
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    z-index: 9999;
}

.UIComponentIsBusyText {
    width: 200px;
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 32px 0 0 -100px;
    text-align: center;
    background-color: lightgray;
    opacity: 1; 
}

BODY
{
    font-family:Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 15px;
    background-color: white;
    /*overflow: hidden;*/
    margin: 0px;
}

textarea 
{
    font-family: Source Sans Pro;
    color: #2C3848;
    resize: vertical;
    min-height: 19px;
    font-size: 15px;
}

.FormHeader
{
    top: 0px;
    /*overflow: auto;  //2015-5-4 AL-removed to implement new tab layout*/
    width: 100%;
    /*position: absolute;*/
}

.FormHeaderSeparatorBar
{
    height: 1px;
    width: 100%;
}

.FormBody
{
    overflow: auto; 
    bottom: 0;
    width: 100%;
    height: 0px;    /*hack to get mobile safari and mobile chrome to report valid form height*/
    -webkit-overflow-scrolling: touch;
}

.FormTabTable {
    padding: 0;
    border-spacing: 0;
    width: 100%;
}

.FormClientAreaPanel 
{
    background-color: white;
    position: relative;
    overflow-x: hidden; /*systemform autosizing IFrame needs horizontal scrollbar suppressed*/
    height: 100%; /*req'd for absolute layout forms*/
}

/* systemtable Tab DIV Settings */
.TableViewSelector
{
    /*margin-left: -1px;
    margin-top: -15px;*/
	position:absolute;
	background-color: #ffffff;
	z-index: 999999;
    border: 1px solid #2C3848;
    padding-right: 30px;
}   

/* systemtable rendered in a formtablefield needs height trimmed to fit small height when the table is empty*/
.FormTableViewSelector
{
    height: 110px; /*capped at 150px so it will fit in formtablefields*/
    overflow-y: auto;
    overflow-x: hidden;
}   


.Tab
{
    cursor: pointer;
	font-size: 14px;
 /*    line-height: 25px; //2015-05-04 AL-removed to implement new tab layout*/
    display: inline-block; /*2015-05-04 AL-added to implement new tab layout*/
}

.Tab:hover{
    color: #ffffff;
    background-color: #2C3848;
}

.FormTabLinkButton 
{
    text-decoration: none;
    color: white;
    padding-left: 3px;
}

.TableTabLinkButton 
{
    text-decoration: none;
    color: black;
    padding-left: 3px;
}

.TableTabLinkButton:hover 
{
    color: white;
}

.TabStripContainer
{
	width: 100%;  /*2015-05-04 AL-changed from 250px; to implement new tab layout*/
	/* border: 1px solid #d6d6d6;  //2015-05-04 AL- removed to implement new tab layout*/
	/*display: none; /*phil undo this*/
}

.TabStrip 
{
	width: 100%;
}

.WorkflowHistoryWrapperPanel 
{
    overflow-x: auto;
    width: 100%;
    height: 100%;
}

.WorkflowHistoryTable
{
    width: 100%;
}

.WorkflowHistoryCell
{
    color: #ffffff;
    white-space: nowrap;
    cursor: pointer;
    display:inline-block; 
    border: solid 1px;
}

.WFTailContainer
{
    width: 10px;
    height: 100%;
    background: url('../Images/ActiveWorkflowHistoryTail.png') left center no-repeat;
}

.WFHistoryStatus
{
    align-items: center;
    padding: 3px 8px;
    background: #f0831f;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 15px;
    color: #FFFFFF;
    border-left: 0px;
}

.WFHeadContainer
{
    height: 100%;
    background: url('../Images/ActiveWorkflowHistoryHead.png') right center no-repeat;
    width: 10px;
}

.WorkflowToolBarBackGround
{
	padding-bottom: 2px;
	color: white;
	padding-top: 2px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.WorkFlowButton
{
    margin-right: 5px;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
    background-image: url('../images/btn_add_blue.png');
    padding-top: 15px;
    cursor: pointer;
    background-position-x: center;
    background-position-y: 10%;
    background-repeat: no-repeat;
    text-align: center;
	color: #405067 !important;
    text-transform: capitalize;
    background-size: 16px 16px;
    border: 1px;
    background-color: #ffffff;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 25px;
}

.WorkFlowButton:hover
{
    background-color: #E5E5E5;
}

.WorkFlowButton.disabled
{
    pointer-events: none;
    opacity: 0.3;
}

/* disable hover color shift */
.WorkFlowButton.disabled:hover
{
    background-color: #ffffff;
}

/* Toolbar Settings */
.ToolBar
{
    overflow-x:auto;    /*req'd for scrolling on phone (narrow form layout)*/
    width: 100%;
}

.TopToolBar
{
    overflow-x:auto;    /*req'd for scrolling on phone (narrow form layout)*/
    width: 100%;
    background-color: #2C3848;
    border-bottom: 1px solid #2C3848
}

.FieldpointSystemTableToolbar
{
    width:100%;
}

.ToolBarButtonContainer 
{
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 14px;
    cursor: pointer;
    width: 50px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #405067 !important;
    background-size: 20px 20px;
    border-radius: 5px;
}

.DesignToolBarButtonContainer {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 18px;
    cursor: pointer;
    width: 50px;
    background-position-x: center;
    background-position-y: 10%;
    background-repeat: no-repeat;
    text-align: center;
    color: #405067 !important;
    background-size: 20px 20px;
}


.ToolBarButtonContainer:hover
{
    background-color: #E5E5E5;
}

.TopToolBarButtonContainer
{
	white-space: nowrap;
	padding: 9px 20px;
    cursor: pointer;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 20px 20px;
    border-radius: 5px;
}

.TopToolBarButtonContainer:hover
{
    background-color: #425572;
}

.ToolBarButtonSpacer
{
    width: 100%; /*used to right justify all buttons to the right of the spacer*/
    padding-left: 0px;
    padding-right: 0px;
}

.ToolBarButtonSeparator
{
    width: 2px;      
    padding-left: 0px;
    padding-right: 0px;
}

.ToolBarButton
{
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
    color: inherit;
    font-size: 12px;
}

.tbar_vspacer {
    background-image: url('../Images/tbar_vspacer.png');
}

/*
    Keep the buttons below in alphabetical order so
    we can find them easier if needed.
    */




.btn_add                    {background-image: url('../Images/btn_add_blue.png');}
.btn_add_inv                {background-image: url('../Images/btn_add.png');}

.btn_addfield               {background-image: url('../Images/btn_addfield_blue.png');}

.btn_addbutton              {background-image: url('../Images/btn_addbutton_blue.png');}

.btn_addlabel               {background-image: url('../Images/btn_addlabel_blue.png');}

.btn_addrow                 {background-image: url('../Images/btn_addrow_blue.png');}

.btn_addsection             {background-image: url('../Images/btn_addsection_blue.png');}

.btn_addtab                 {background-image: url('../Images/btn_addtab_blue.png');}

.btn_addtable               {background-image: url('../Images/btn_addtable_blue.png');}

.btn_browse                 {background-image: url('../Images/btn_browse_blue.png');}
.btn_browse_inv             {background-image: url('../Images/btn_browse.png');}

.btn_cancel                 {background-image: url('../Images/btn_cancel_blue.png');}
.btn_cancel_inv             {background-image: url('../Images/btn_cancel.png');}

.btn_close                  {background-image: url('../Images/btn_close_blue.png');}
.btn_close_inv              {background-image: url('../Images/btn_close.png');}

.wf_cancel                  {background-image: url('../Images/wf_cancel_blue.svg');}
.wf_cancel:hover            {background-image: url('../Images/wf_cancel.svg');}
.wf_cancel_inv              {background-image: url('../Images/wf_cancel.svg');}
.wf_cancel_inv:hover        {background-image: url('../Images/wf_cancel_blue.svg');}

.btn_copy                   {background-image: url('../Images/btn_copy_blue.png');}
.btn_copy_inv               {background-image: url('../Images/btn_copy.png');}

.btn_commit                  {background-image: url('../Images/btn_commit_blue.svg');}
.btn_commit:hover            {background-image: url('../Images/btn_commit.svg');}
.btn_commit_inv              {background-image: url('../Images/btn_commit.svg');}
.btn_commit_inv:hover        {background-image: url('../Images/btn_commit_blue.svg');}

.btn_commitparts             {background-image: url('../Images/btn_commitparts_blue.png');}
.btn_commitparts_inv         {background-image: url('../Images/btn_commitparts.png');}

.btn_converttorelativeform          {background-image: url('../Images/btn_converttorelativeform_blue.png');}

.btn_creditcard {background-image: url('../Images/btn_creditcard.png');}

.btn_CurrentTablePageLink          {text-decoration: none; font-weight: bold; font-size:16px; color: #2C3848; padding: 4px;}
.btn_CurrentTablePageLink:hover    {text-decoration: none; font-size:16px; color: #2C3848; padding: 4px;}

.btn_delete                 {background-image: url('../Images/btn_delete_blue.png');}
.btn_delete_alt             {background-image: url('../Images/btn_delete_blue_alt.png');}
.btn_delete_inv             {background-image: url('../Images/btn_delete.png');}
.btn_delete_alt_inv         {background-image: url('../Images/btn_delete_alt.png');}

.btn_delete_cache           {background-image: url('../Images/btn_Delete_Cache_Blue.png');}
.btn_delete_cache_inv       {background-image: url('../Images/btn_Delete_Cache.png');}

.NavigationRow:hover .btn_delete {background-image: url('../Images/btn_delete.png');}

.btn_design                 {background-image: url('../Images/btn_design_blue.svg');}
.btn_design_inv             {background-image: url('../Images/btn_design.png');}

.btn_design_system          {background-image: url('../Images/btn_design_orange.png');}
.btn_design_system_inv      {background-image: url('../Images/btn_design_orange.png');}

.btn_downloadmultiple        {background-image: url('../Images/btn_downloadmultiple_blue.png');}

.btn_edit                   {background-image: url('../Images/btn_edit_blue.png');}
.btn_edit_inv               {background-image: url('../Images/btn_edit.png');}
/*.btn_edit_inv:hover         {background-image: url('../Images/btn_edit_blue.svg');}*/

.btn_email                   {background-image: url('../Images/btn_email_blue.png');}
.btn_email_inv               {background-image: url('../Images/btn_email.png');}

.btn_email_alt               {background-image: url('../Images/btn_email_alt_blue.png');}
.btn_email_alt_inv           {background-image: url('../Images/btn_email_alt.png');}

.btn_emailsearch             {background-image: url('../Images/btn_emailsearch_blue.png');}
.btn_emailsearch_inv         {background-image: url('../Images/btn_emailsearch.png');}

.btn_tax {background-image: url('../Images/btn_tax.png');}

.btn_excel                  {background-image: url('../Images/btn_excel_blue.png');}
.btn_excel_inv              {background-image: url('../Images/btn_excel.png');}

.btn_first                   {background-image: url('../Images/btn_first_blue.png'); }
.btn_first:hover             {background-image: url('../Images/btn_first.svg'); }
.btn_first_disable           {background-image: url('../Images/btn_first_grey.svg'); }

.btn_forward                 {background-image: url('../Images/btn_forward_blue.png');}
.btn_forward_inv             {background-image: url('../Images/btn_forward.png');}

.btn_fulfill                 {background-image: url('../Images/btn_fulfill_blue.png');}

.btn_gototopofform          {width: 16px; height: 16px;}

.btn_help                   {background-image: url('../Images/btn_help_blue.png');}
.btn_help_inv               {background-image: url('../Images/btn_help.png');}

.btn_last                   {background-image: url('../Images/btn_last_blue.png');}
.btn_last:hover             {background-image: url('../Images/btn_last.svg');}
.btn_last_disable           {background-image: url('../Images/btn_last_grey.svg');}

.btn_layoutform             {background-image: url('../Images/btn_layoutform_blue.png');}

.btn_link_inv               {background-image: url('../Images/btn_link.png');}

.btn_multipleupload          {background-image: url('../Images/btn_uploadmultiple_blue.png');}

.btn_next                   {background-image: url('../Images/btn_next_blue.png');}
.btn_next:hover             {background-image: url('../Images/btn_next.svg');}
.btn_next_disable           {background-image: url('../Images/btn_next_grey.svg');}

.btn_note                   {background-image: url('../Images/btn_note_blue.png');}
.NavigationRow:hover .btn_note {background-image: url('../Images/btn_note.png');}

.btn_noteempty              {background-image: url('../Images/btn_noteempty_blue.png');}
.NavigationRow:hover .btn_noteempty {background-image: url('../Images/btn_noteempty.png');}

.btn_previous                   {background-image: url('../Images/btn_previous_blue.png');}
.btn_previous:hover             {background-image: url('../Images/btn_previous.svg');}
.btn_previous_disable           {background-image: url('../Images/btn_previous_grey.svg');}

.btn_previewaddform         {background-image: url('../Images/btn_previewaddform_blue.png');}

.btn_previewmodifyform      {background-image: url('../Images/btn_previewmodifyform_blue.png');}

.btn_previewinquireform     {background-image: url('../Images/btn_previewinquireform_blue.png');}
.btn_previewinquireform_inv {background-image: url('../Images/btn_previewinquireform.png');}

.btn_print                  {background-image: url('../Images/btn_print_blue.png');}
.btn_print_inv              {background-image: url('../Images/btn_print.png');}

.btn_print_alt              {background-image: url('../Images/btn_print_alt_blue.png');}
.btn_print_alt_inv          {background-image: url('../Images/btn_print_alt.png');}

.btn_properties             {background-image: url('../Images/btn_properties.png');}
.btn_properties_inv         {background-image: url('../Images/btn_properties.png');}
.btn_properties_inverted    {background-image: url('../Images/btn_properties_blue.png');}

.btn_publish                {background-image: url('../Images/btn_publish_blue.png');}
.btn_publish_inv            {background-image: url('../Images/btn_publish.png');}

.btn_publishall             {background-image: url('../Images/btn_publishall_blue.png');}
.btn_publishall_inv         {background-image: url('../Images/btn_publishall.png');}

.btn_maximize               {background-image: url('../Images/btn_maximize_blue.png');}

.btn_minimize               {background-image: url('../Images/btn_minimize_blue.png');}

.btn_recalculate            {background-image: url('../Images/btn_recalculate_blue.png');}
.btn_recalculate_inv        {background-image: url('../Images/btn_recalculate.png');}

.btn_recordproperties       {background-image: url('../Images/btn_recordproperties_blue.png');}

.btn_reply                  {background-image: url('../Images/btn_reply_blue.png');}
.btn_reply_inv              {background-image: url('../Images/btn_reply.png');}

.btn_remove                 {background-image: url('../Images/btn_remove_blue.png');}

.btn_replyall               {background-image: url('../Images/btn_replyall_blue.png');}
.btn_replyall_inv           {background-image: url('../Images/btn_replyall.png');}

.btn_reset                  {background-image: url('../Images/btn_reset_blue.png');}
.btn_reset_inv              {background-image: url('../Images/btn_reset.png');}

.btn_refresh                {background-image: url('../Images/btn_refresh_blue.png');}
.btn_refresh_inv            {background-image: url('../Images/btn_refresh.png');}

.btn_reminder               {background-image: url('../Images/btn_reminder_blue.png');}
.btn_reminder_inv           {background-image: url('../Images/btn_reminder.png');}

.btn_revert                 {background-image: url('../Images/btn_revert_blue.png');}
.btn_revert_inv             {background-image: url('../Images/btn_revert.png');}

.btn_revertall              {background-image: url('../Images/btn_revertall_blue.png');}
.btn_revertall_inv          {background-image: url('../Images/btn_revertall.png');}

.btn_revertall_alt          {background-image: url('../Images/btn_revertall_blue_alt.png');}
.btn_revertall_alt_inv      {background-image: url('../Images/btn_revertall_alt.png');}

.btn_save                   {background-image: url('../Images/btn_save_blue.png');}
.btn_save_inv               {background-image: url('../Images/btn_save.png');}

.btn_saveas                 {background-image: url('../Images/btn_saveas_blue.png');}

.btn_saveandclose           {background-image: url('../Images/btn_saveandclose_blue.png');}
.btn_saveandclose_inv       {background-image: url('../Images/btn_saveandclose.png');}

.btn_search                 {background-image: url('../Images/btn_search_blue.png');}
.btn_search_inv             {background-image: url('../Images/btn_search.png');}

.btn_selectappfeature       {background-image: url('../Images/btn_selectappfeature_blue.png');}

.btn_selectfields           {background-image: url('../Images/btn_selectfields_blue.png');}

.btn_selectbody             {background-image: url('../Images/btn_selectbody_blue.png');}
.btn_selectheader           {background-image: url('../Images/btn_selectheader_blue.png');}

.btn_setfieldorder          {background-image: url('../Images/btn_setfieldorder_blue.png');}

.btn_settaborder            {background-image: url('../Images/btn_settaborder_blue.png');}

.btn_setvisibleinsummary            {background-image: url('../Images/btn_setvisibleinsummary_blue.png');}

.btn_share_inv               {background-image: url('../Images/btn_share.png');}

.btn_showfieldnames          {background-image: url('../Images/btn_showfieldnames_blue.png');}

.btn_spacer                  {background-image: url('../Images/btn_spacer_blue.svg');}
.btn_spacer:hover            {background-image: url('../Images/btn_spacer.svg');}

.btn_tablefieldproperties    {background-image: url('../Images/btn_properties.png');}

.btn_TablePageLink           {text-decoration: none; font-size:16px; color: #2C3848; padding: 4px;}
.btn_TablePageLink:hover     {text-decoration: none; font-size:16px; color: #d6d6d6; padding: 4px;}

.btn_timer                   {background-image: url('../Images/btn_timer_blue.gif');}

.btn_timeSheet               {background-image: url('../Images/btn_timesheet_blue.png');}
.btn_timeSheet_inv               {background-image: url('../Images/btn_timesheet.png');}

.btn_uncommit                {background-image: url('../Images/btn_uncommit_blue.svg');}
.btn_uncommit:hover          {background-image: url('../Images/btn_uncommit.svg');}
.btn_uncommit_inv            {background-image: url('../Images/btn_uncommit.svg');}
.btn_uncommit_inv:hover      {background-image: url('../Images/btn_uncommit_blue.svg');}

.btn_uncommitparts           {background-image: url('../Images/btn_uncommitparts_blue.png');}
.btn_uncommitparts_inv       {background-image: url('../Images/btn_uncommitparts.png');}

.btn_word                    {background-image: url('../Images/btn_word_blue.png');}
.btn_word_inv                {background-image: url('../Images/btn_word.png');}

.btn_workflowhistory         {background-image: url('../Images/btn_workflowhistory_blue.png');}
.btn_workflowhistory_inv        {background-image: url('../Images/btn_workflowhistory.png');}


.FormButton
{
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 21px;
    height: 21px;
}

.FormButtonSmall
{
    background-size: 11px 11px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 11px;
    height: 11px;
}

.TableNavigationButton
{
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 5px;
    width: 21px;
    height: 21px;
}

.FormButton:hover
{
    background-color: #2C3848;
}

.FormBrowserButton          {background-image: url('../Images/btn_browse_blue.svg'); background-size: 18px 18px; z-index:1000/*force over neighbouring labels in abs layout*/; }
.FormBrowserButton:hover    {background-image: url('../Images/btn_browse.svg'); background-size: 18px 18px; filter: invert(0) !important; z-index:1000/*force over neighbouring labels in abs layout*/; }

.FormDateCalendar           {background-image: url('../Images/btn_calendar_blue.svg'); background-size: 18px 18px;}
.FormDateCalendar:hover     {background-image: url('../Images/btn_calendar.svg'); background-size: 18px 18px;}
.NavigationRow:hover .FormDateCalendar {background-image: url('../Images/btn_calendar.svg');}

.SmallButton
{
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 16px;
    height: 16px;
    padding-left: 10px;
}


/*Form Settings*/
.Form
{
	background-color:White;
}

.FormTitleBar
{
	font-size: 27px;
	font-weight: lighter;
	color: rgb(26,26,26);
	white-space: nowrap;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 21px 24px;
    padding-left: 24px;
    cursor:  pointer;
}

.SelectedFormHeaderTable 
{
    /*background-color: #143964 !important;*/  /*darkblue*/
}

.SelectedFormHeaderTable .FormTitleBar
{
    color: #FFFFFF !important; /*white*/
}

.SelectedFormHeaderTable .FormHeaderField
{
    color: #FFFFFF
}

.FormTitleBarUnclickable
{
    cursor: default !important;
}

.FormHeaderCell
{
    justify-content: center;
    align-items: flex-start;
    padding: 0px 15px;
    background: #2C3848;
    border-radius: 5px;
    border: 1px solid #2C3848;
    vertical-align: top;
    min-width: 100px;
}

.FormHeaderLabel
{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
    opacity: 0.7;
    vertical-align: top;
}

.FormHeaderField
{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size:16px;
    line-height: 25px;
    color: #FFFFFF;
    white-space: nowrap;
}

.FormButtonField
{
    height: 20px;
    border: 0px;
    cursor: pointer;
    background-color: white;
    color: #2C3848;
    border: 2px solid #2C3848;
    border-radius: 5px;
    box-shadow: 1px 2px #888888;
    padding: 6px 8px 18px 6px;
}

.IconButton {
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-flex;
    align-items: center;
    padding-left: 40px;
    background-position-x: 5px;
}

.FormButtonField.ReadOnly {
    opacity: 50%;
}

.FormButtonField:hover
{
    box-shadow: 0px 0px #888888
}

.FormLabel
{
	color: #202D41;
    display: table-cell;    /*relative layout*/
    float:left;    /*relative layout*/
    padding-left: 4px;
}

.MandatoryFormLabel
{
	color: #990000;
}

.FormField
{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #47515F;
    border : 0px solid transparent;
    background-color: transparent;
}

.Design
{
    color: #6d6a6a;
}

.InvalidFormField
{
	border: 2px solid #990000;
    border-radius: 5px;
}

.ActiveFormField
{
	border : 1px solid #cccccc;
	background-color: #F3F1F1;
}

.ReadOnlyFormField
{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #47515F;
    border: 0px solid transparent;
    background-color: transparent;
}

.WFHistoryDataCell
{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #47515F;
    border: 0px solid transparent;
    background-color: transparent;
    width: 100%
}

.ReadOnlyFormNotesField
{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #47515F;
    border : 0px solid transparent;
    background-color: transparent;
	overflow-y:auto;
	overflow-x:hidden;
    width:100%;
}

.FormNotesField
{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #47515F;
    border : 0px solid transparent;
    background-color: transparent;
	padding-left:2px;
	overflow-x:hidden;
}

.FormNotesField::placeholder 
{
    color: #8d8d8d;
    font-style: italic;
}

.RecordPropertiesCell
{
    font-family: Segoe UI,Tahoma,Arial;
    font-size: 12px;
	color: #444444;
	padding-left:2px;
}

.BrowserPanel 
{
	display: inline;
}


/*MenuPage Settings*/
.NavigationTitle
{
    font-family: Segoe UI,Tahoma,Arial;
    height: 50px;
    text-align:left; 
    font-size: 27px; 
    font-weight: lighter; 
    color: rgb(26,26,26);
    padding-left: 30px; 
    padding-top: 10px;
    white-space: nowrap;
}

.NavigationTableContainer
{
    white-space: nowrap;
    width: 300px;
}

.TableRow
{
    color: #2C3848;
    background-color: white;
}

.NavigationRow
{
    color: #2C3848;
    background-color: white;
}

.NavigationRow.EditMode
{
    border-bottom: 1px solid #7b9ebd;
}

.NavigationRow:hover
{
    cursor: pointer;
    background-color: #EDF4FF;
}

.AddNewRow 
{
    color: #2C3848;
    background-color: #578EDC;
}

.AddNewRow.EditMode 
{
    border-bottom: 1px solid #7b9ebd;
}

.NavigationRow.EditMode.EdittedNavigationRow 
{
    background-color: cornsilk;
}

.EdittedNavigationRow .TableCell 
{
    border: 2px solid #E4A26A;
    border-left: 0px;
    border-right: 0px;
}
/*Stop the hover styling of .NavigationRow from making readonly fields 
    difficult to read when hovering over the row by applying the same
    hover logic that is applied to other navigation rows that haven't
    been edited
*/
.NavigationRow.EditMode.EdittedNavigationRow:hover
{
    cursor: pointer;
    background-color: #EDF4FF;
}

.NavigationCell {
    font-family: Source Sans Pro, Segoe UI,Tahoma,Arial;
    font-size: 14px;
    font-weight: normal;
    color: inherit;
    text-decoration: none !important;
    border-top: 2px solid #f0831f;
    border-bottom: 2px solid #f0831f;
    height: 50px;
    cursor: pointer;
    padding-right: 20px;
    background-image: url(../images/menu_arrowright_blue.svg);
    background-position-x: 99%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px 24px;
    display: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.TableNavigationFieldWrapperPanel
{
}

.NavigationCell.selected
{
    background-image: url(../images/menu_arrowright.svg);
    background-position-x: 99%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px 24px;
    color: #e6e6e6;
}

.NavigationCell:hover
{
    background-image: url(../images/menu_arrowright.svg);
    background-color: #2C3848;
    color: #e6e6e6;
}

.TableNavigationFieldWrapperTable
{
    width: 100%;
    table-layout: fixed;
}

.NavigationLabel
{
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
}

.NavigationField
{
    width: 60%;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* Table Settings */

.HeaderTable 
{
    width: 100%;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
}

.HeaderSearchTable
{
    width: 100%;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
}

.HeaderSearchTable.EmptyTable
{
    table-layout: auto !important;      /*override HeaderSearchTable to make the header expand to available space */
}

.DataRowsTable 
{
    width: 100%;
}

.NavigationRow:nth-child(even)
{
    background-color: #f5f7fa;
}

.NavigationRow:nth-child(odd)
{
    background-color: #FFF;
}

.NavigationRow.selected
{
    background-color: #2C3848;
    color: #e6e6e6;
}

.NavigationRow.selected textarea
{
    color: #e6e6e6;
}

.DataRowsTable tbody tr:hover
{
    background-color: #e6e8eb;
    color: #2C3848;
}

.DataRowsTable tbody tr:hover textarea {
    color: #2C3848;
}


.DataRowsTableWrapperPanel
{
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.DataRowsWrapperTableRow
{
    width: 100%;
    height: 100%;
} 

.DataRowsWrapperTableCell 
{
    width: 100%;
    height: 100%;
}

.TableContainer
{
    height: 100%;
    width: 100%;
    overflow:hidden;
}

.SystemTableRootTable 
{
    border-spacing: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.TableHeaderPanelTableCell
{
    padding: 0px;
}

.SystemTableBodyTableRow 
{
    border-bottom: 1px dotted #f0831f
}

.RowsAndColumnsWrapperPanel
{
	background-color: white;
    width: 100%;
    overflow-x: auto; /*2015-05-27 This allows horizontal scrolling of the table contents but breaks vertical scrolling of the page on Chrome-Android*/
}

.TableTitleBar /* The Table's title Bar*/
{
    width: 100%;
	font-size:27px;
	font-weight:lighter;
	color: rgb(26,26,26);
	padding-left: 10px;
    table-layout: fixed;
}

.TableViewSelectorTabStripContainer
{
	width: 100%;
}

.TableViewSelectorTabStrip
{
	width: 100%;
}

.SelectedTableTitleBar 
{
    background-color: #2C3848; 
}

.SelectedTableTitleBar .TableTitleBarText
{
    color: #FFFFFF
}

.TableTitleBarText
{
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 10px;
    height: 15px;
    align-items: baseline; 
}

.TableTitleBarText.small
{
    font-size:20px;
    font-weight: 500;
}

.TableTitleBar.SelectedTableTitleBar .TableTitleBarText .TableTitleBarContents {
    display: table-cell;
    color: white;
    padding-right: 5px;
}

.TableTitleBarContents {
    display: table-cell;
    color: #2c3848;
    padding-right: 5px;
}

.TableTitleViewSelector
{
    background-color: white;
    padding: 2px;
}

.TableTitleViewSelector span 
{
    color: #2c3848;
}

.TableTitleBarButtons 
{
    text-align: right;
    display: inline-block;
    float: right;
    margin-left: auto;
}

.ColumnHeadingRow
{
    height: 25px;
    overflow: hidden;
}

.SearchFieldRow
{
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.TableHeading /* The Column Heading that can be clicked to resort the table*/
{
    background: #F5F6F7;
    color: #2C3848;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	padding-left: 4px;
    padding-right: 7px;
}

td.TableHeading 
{
	background-repeat: no-repeat;
	background-position: 100% 0px; 
    overflow-x: hidden; /*TFS#2299*/
}

.WorkflowToolbarLabel
{
    color: #2C3848;
    margin-left: 5px;
    font-weight: 600;
}

.WorkflowToolbarStatusCodes
{
    border-radius: 4px;
    padding: 3px;
    margin-left: 10px;
}

.WorkflowToolBarBackGround .WorkFlowButton
{
    margin-left: 10px;
}

.MandatoryTableHeading /* The Column Heading that can be clicked to resort the table*/
{
	padding-top:2px;
	padding-right:2px;
	color:#990000;
	text-decoration:underline;
	padding-left: 5px;
    white-space: nowrap;   
}

.TableHeading2, .TotalField /* Created to keep styling of TableHeading but remove the underline where not necessary (Firefox fix)*/
{
	padding-top:2px;
	padding-right:2px;
	color:Black;
	text-decoration:none;
	top: 0px;
	padding-left: 4px;
    white-space: nowrap;   
}

.TableHeading2 td 
{
    padding: 0px;
}

.SelectedTableHeading /* The Selected Column Heading that can be clicked to resort the table*/
{
	color:#1E4375;
	cursor: pointer;
	white-space: nowrap;
    text-decoration: none;
}

.TableSearchField /* */
{
    border: 1px solid #7b9ebd;
    border-radius: 3px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
}

.TableSearchFilterType 
{
    background: #FFFFFF;
    color: #2c3848;
}
.TableCell /*The cell(<td>) that contains the table field*/
{
	white-space: nowrap;
    vertical-align: middle;
    padding-right: 8px;
    overflow: hidden; 
}

.TableField /*The input field that shows the data for the tablefield*/
{
    width: 100%;
	font-size:15px;
	font-weight:normal;
	color:#444444;
	padding-left: 2px;
	padding-right: 2px;
    border-width: 0px;
}

.TableField /*this overrides the whitespace setting in .ReadOnlyTableFieldWrapperPanel so we don't get text-wrapping within a connected table*/
{
    white-space: normal; 
}

.InvalidatedTableField /*The input field that shows the data for the tablefield*/
{
	font-size:15px;
	font-weight:normal;
	background-color:red;
	border-width: 0px;
	color:#444444;
	padding-left: 2px;
	padding-right: 2px;
}

.ReadonlyTableFieldWrapperPanel   /* Format panel residing inside the <td> containing everything displayed in readonly table fields */
{
   display: inline; /* don't wrap when placed in first row with workflow or delete button */
   white-space: nowrap; 
}

.ReadonlyTableFieldWrapperPanel textarea
{
    background: transparent;
    /* Remove extra padding above and below the textarea field */
    padding-top: 0px;
    padding-bottom: 0px;
}

.TableFieldHyperLink
{
    cursor: pointer;
    text-decoration: underline;
 /* 2014/5/16 AL - removed because we don't want the click event to fire on the entire cell, just on the hyperlink text      display: block;   */
}

.ReadOnlyTableField     /* Format text displayed in the readonly table fields */
{
	font-size:15px;
	color:#444444;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
    border: 0px;
    background: transparent;
}

.NotesTableFieldPreview /*The text box for previewing Note field text on a table*/
{
    resize: none;
    border: none;
    overflow: hidden;
    background: none;
}

.TableFooter 
{
    color: #2C3848;
    white-space: nowrap;
}

.TableFooter table
{
    width: 100%;
    table-layout: fixed;
}

.TableFooter td:nth-of-type(2) /* used to center the page x of y label (offset the width of the 'rows: ###' label */
{
    text-align: center;
}
.TableFooter td:nth-of-type(3) /* right justify the 'rows: ###' label */
{
    text-align: right;
    padding-right: 7px;
}

.TableFooterText
{
    color: white;
}

.MultiUploadTable
{
    font-family: Arial;
    font-size:11px;
    height:18px;
    white-space:nowrap;
}

.MultiUploadTableField
{
    font-family: Segoe UI,Tahoma,Arial;
	font-size:11px;
}

.ui-dialog /*The outer container of the dialog. */
{
    border: 3px ridge ActiveBorder;
    background-color: white;
}

.ui-dialog-titlebar /*The title bar containing the dialog's title and close button. */
{
    background-color: #f0831f;
}

/*MenuPage Settings*/
.MenuPageTitle
{
    font-family: Segoe UI,Tahoma,Arial;
    height: 50px;
    text-align:left; 
    font-size: 27px; 
    font-weight: lighter; 
    color: rgb(26,26,26);
    padding-left: 30px; 
    padding-top: 10px;
    white-space: nowrap;
}

.MenuPageTableContainer
{
    white-space: nowrap;
}

.MenuPageMenuEntry
{
	font-family: Source Sans Pro, Segoe UI,Tahoma,Arial;
	font-size: 14px;
	font-weight: normal;
	color: #2C3848;
	text-decoration: none;
    border-top: 2px solid #f0831f;
    border-bottom: 2px solid #f0831f;
    height: 50px;
    cursor: pointer;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.SubMenu
{
    background-image: url(../images/menu_arrowright_blue.svg);
    background-position-x: 99%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px 24px;
}

.MenuPageMenuEntry:hover
{
    cursor: pointer;
}

.MenuPageMenuEntryIconCell
{
    cursor: pointer;
    border-top: 2px solid #f0831f;
    border-bottom: 2px solid #f0831f;
    padding-left: 30px;
    min-width: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.MenuPageMenuEntryIcon
{
    width: 24px;
    height: 24px;
}

/* BarChart Settings*/
.BarChart
{
    background: #acc0e9;
	border-width:1px;
	border-color:Navy;
}

.BarcharFont 
{
    font-size:9pt;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    vertical-align:text-bottom;
}


.BarChartLoaderBody
{
	background-color: #acc0e9; 
	margin:0;
	padding:0;
	height:100% !important;	/* 2008.9.8 AL changed from 0px for XHTML support */
	overflow:auto;
}

.BarChartLoaderForm
{
	background-color: #acc0e9; 
	margin:0;
	padding:0;
	/*MIRCEA: commented out because when the chart wouldn't horizontally fit 
    in the frame the form (with this style) would get a horizontal scroll-bar
    and not the iFrame; in this situation if the content wouldn't fit vertically
    either the user has to scroll down to be able to see the form horizontal scroll.
	/*overflow-y:hidden;*/
}

.BarChartTitle
{
	background-color: #7288AC;
	font-family: Segoe UI,Tahoma,Arial;
	font-size: 10pt;
	color:White;
	height:15px;
}

.BarChartLabel
{
	font-family:Arial;
	font-size:11px;
	background-color:Transparent;
	text-align:right;
	color:Black;
	border-width:0px;
	padding:0px 0px 0px 0px;
	height:15px;
}

.BarChartFilterField
{
	font-family:Arial;
	font-size:11px;
	height:18px;		/*XHTML conversion */
}


/* Banner Settings */
.SmallBannerText 
{
	font-size: 11px;
}

.NormalBannerText
{ 
	font-size: 10pt;
}

.LargeBannerText
{
	font-size: 12pt;
	font-weight:bold;
	color: Red;
}

.BannerTitle
{
	font-size:10pt;
	color: Black;
	border-bottom: solid 1px red;
	font-weight: bold;
}

input[type="button"]:disabled {
    background: slategrey;
}

/* Used by the Form Table Field maximize/restore functionality */
.HiddenByMaximizedFormTableField
{
    display: none;
}
/* Used by the Form Table Field maximize/restore functionality */
.ShrunkByMaximizedFormTableField 
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}

/* Used by the Form Table Field maximize/restore functionality */
.FormClientAreaPanelForMaximizedFormTableField
{
    overflow-y: hidden;
}

/* Used to disable Chromium auto-highlighting changes of input fields that are focused */
textarea:focus, input:focus
{
    outline: none;
}

/* Used to change the hilighting of the header fields based on whether the form or table has focus */
.NotFocusedTabHeader .TopToolBar
{
    background-color: #d4d4d4;
}

.NotFocusedTabHeader .TopToolBarButtonContainer
{
    filter: invert(70%);
}

.NotFocusedTabHeader .TopToolBarButtonContainer.btn_design_system_inv
{
    filter: invert(0);
}

.NotFocusedTabHeader .FormHeaderCell
{
    background-color: #d4d4d4;
}
.NotFocusedTabHeader .FormHeaderField
{
    color: #000;
}
.NotFocusedTabHeader .FormHeaderLabel
{
    color: #000;
}
/* End of - Used to change the hilighting of the header fields based on whether the form or table has focus */
}

/* jQuery UI Override Styles section */
.ui-widget-header
{
    color: #fff;
}

/* End of jQuery UI Override Styles section */

.HiddenObject
{
    display: none !important;
}

/*Hide the second error icon on the Rad Date Picker*/
.RadDateTimePicker .RadInputError:after {
    right: -18px !important;
}

.Clickable
{
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}

/*Spacing between table sort directional arrow and the Column Header text*/
.TableHeadingSizingWrapperPanel img
{
    padding-left: 5px;
}

/*defines the control created by the FieldpointBasePage.DisplayBriefMessage javascript function*/
.BriefMessage
{
    background-color: #EBF0F6;
    padding: 10px;
    border: 1px solid #2C3848;
    border-radius: 5px;
}

.NotesPreviewField
{
	width: 100%;
}

.TableNotesWrapper
{
	display: flex;
}

.TableNotesWrapper .FormButton 
{
    float: left;
    margin-top: -3px;
}

.TableWFCheckbox input {
    width: 17px;
    height: 17px;
}

/*
    Made this important to overwrite the deafault telerik skin
*/
.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input
{
    font: normal 16px "Source Sans Pro" !important;
    color:#47515F;
}

.RadUpload .ruRemove
{
    background-position: 9px -70px !important;
    padding-left: 20px !important;
}

span.k-list-item-text:has(> .Fieldpoint_RadComboBox_Default_MultiColTable):before
{
    content: none;
}