/*source: FundSysTool_shared */
/*-------------------------------
  This file is for syles defined in the FundSys Tools only 
  (for controls that can be added to any web see controls.css)
-------------------------------*/


/*-------------------------------
  General layout 
-------------------------------*/

html, body {
  font-size: 1rem;
  font-weight: 400;
  color: #333;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  background-color: White /*#E9EDF5*/;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
h3, h4, h5 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

body body
{
  background-color: Red;
}
input
{
  margin: 0px;
  padding: 0px;
}

a:link, a:visited {
  color: #FF6633;
}
a:hover, a:active {
  color: #b24723;
  text-decoration: underline;
}

a#lbSearch,
a#lbShowAll
{
  display: inline-block;
  color: #333;
  font-size: 12px;
  border: solid 1px #9c9c9c;
  background: #fafafa;
  padding: 3px 4px;
  margin-left: 6px;
}
a#lbSearch:hover,
a#lbShowAll:hover
{
  background: #efefef;
  text-decoration: none;
}
label 
{
  font-size: .85rem;
  margin-right: 10px;
  margin-left: 4px;
}/*.net checkboxes etc.*/

table#rblRecordTypes td
{
  height: 18px;
  line-height: 18px;
  vertical-align: top;
}
table#rblRecordTypes td input
{
  vertical-align: middle;
}
table#rblRecordTypes td label
{
  display: inline-block;
  padding: 0 5px;
  margin-top: -2px;
  vertical-align:top;
}

/* This was originally called Editor_Container but was included in files other than editor, changed and moved to shared.css */
#container_popup
{
  padding: 10px;
  margin: 0px;
  float: left;
  background-color: White;
}
#container_nested
{
  overflow: hidden;
  padding: 10px;
}

.apply_overflow
{   
   overflow:visible !important;   
}  
.FundSys_Panel 
{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: inline-block;
}
.fs_pane_tool_left, 
.fs_pane_tool_top_right,
.fs_pane_tool_bottom_right 
{
  padding: 0;
  margin: 0;
}
.fs_pane_tool_left
{
  overflow: hidden;
}

/*-------------------------------
Tab Control and Actions Menu in main tool area

#wrapper_tabbed_page
{
  padding: 10px;
  float: left;
  display: block;
  height: 100%;
  width: 95%;
  background-color: #E9EDF5;
  border: solid 2px yellow;
}
-------------------------------*/
#container_tabbed_page
{
  display: block;
  float: left;
  height: 100%;
  min-height: 100%;
  width: 100%;
}
#container_tabbed_content
{
  padding: 0 10px;
}


#container_tab
{
  height: 36px;
  height: auto !important;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
#tab_bar
{
  float: left;
  display: inline;
  margin-top: 10px;
  border: none 1px orange;
}
#tab_actions
{
  float: right;
  display: inline;
  border: none 1px pink;
}
#wrapper_tabbed_content
{
  clear: both;
  border: solid 1px #999;
  background-color: White;
  float: left;
  height: 100%;
  margin: 0;
  width: 100%;
  z-index: 1;
}
#tabbed_content
{
  float: left;
  width: 100%;
}
.tab_iframe
{
  background-color: White;
  float: left;
  display: inline-block;
  height: 100%;
}

/*-------------------------------
  Headings
-------------------------------*/
.heading_control
{
  color:#4A4D4A;
  font-size: 9pt;
  font-family: Tahoma, Arial; 
  font-weight: bold;
  position: relative;
} 

#heading_tool, 
.heading_tool
{
  Color: #4A4D4A;
  font-family: Tahoma, Arial; 
  font-weight: bold;
  font-size: 10pt;
  padding: 3px 2px 3px 2px;
  margin: 0px 0px 5px 0px;
  border-bottom: solid 1px whitesmoke;
}


.content_block
{
  clear: both; 
  float: left; 
  margin-bottom:10px; 
  width: 100%;
  border: none 1px red;
}
.separator
{
  padding-bottom: 10px; 
  border-bottom: dotted 2px #DFDFDF;
}

/*-------------------------------
  Panel Items (left expanded menu items)
-------------------------------*/
a.PanelItem:link, 
a.PanelItem:visited
{
  text-decoration: none;
  background-color: white; /*#E9EDF5; #FFC331;*/
  color: black;
  font-size: 11px;
  padding: 3px 0px 3px 10px;
  border-bottom: 1px #999 dotted;
  cursor: pointer;
  width: 100%;
  display: block;
}
a.PanelItem:hover,
a.PanelItem:active
{
  text-decoration: none;
  background: #FFDB6F;
}
.PanelItem_Selected /*, .PanelItem:active can't use active because of initial selected item must be loaded from server*/
{
  text-decoration: none;
  background-color: #FFDB6F;
  color: black;
  font-size: 11px;
  padding: 3px 0px 3px 10px;
  border-bottom: 1px #999 dotted;
  cursor: pointer;
  width: 100%;
  display: block;
}
.PanelItem_Selected:hover,
.PanelItem_Selected a:hover,
.PanelItem_Selected a:active
{
  color: #364ba0;
  text-decoration: none;
}

/*-------------------------------
  Data Lists for Edit (typically used in repeaters etc)
-------------------------------*/
/* remove bullets and list indents */
.DataListTool
{
  margin-top: 0px;
}
.DataListTool UL { 
  list-style: none;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
}

.DataListTool LI
{
  /*border-bottom: solid 1px #bbb;*/
  margin: 8px 0px 2px 4px;
}

Table.DataListTool 
{
  border: none 1px red;
  background-color: White;
}

TD.DataListTool
{
  padding: 5px 5px 5px 0px;
  text-align: left;
  background-color: White;
  /*border: solid 1px green;*/
  border-bottom: solid 1px #efefef;
  min-height: 33px;
  line-height: 33px;
}

TD.DataListTool_Label
{
  vertical-align: top;
  padding: 5px 5px 5px 0px;
  text-align: left;
  background-color: White;
  /*border: solid 1px green;*/
  border-bottom: solid 1px #efefef;
  min-height: 33px;
  line-height: 33px;
}

.DataListTool_Label
{
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
a.DataListTool:link, 
a.DataListTool:visited
{
  text-decoration: none;
  color: #364ba0;
}
a.DataListTool:hover,
a.DataListTool:active
{
  text-decoration: none;
  color: black;
}

.DataListTool_Heading
{
  font-weight: bold;
}

/*-------------------------------
  Other
-------------------------------*/
.Pointer
{
  cursor: pointer;
}
/*-------------------------------
  Data Tables
-------------------------------*/
Table.Data 
{
  width: 100%;
  border: solid 2px #A3B2D6;
  display: table;
}

Table.Data TD
{
  display: table-cell;
  padding-left:3px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:3px;
  height:100%;
  text-align:left;
  border-right: 1px dotted #333; 
  border-top: 1px dotted #333; 
}
Table.Data TR.TopRow TD
{
  border-top: 1px none white; 
  background-color:#E9EDF5;
}
Table.Data TR.TopRow TD.RightCol, Table.Data TD.RightCol
{
  border-right: none; 
}
Table.Data TR.Header TD
{
  font-weight:bold;
}
/*-------------------------------
  Grids
-------------------------------*/

.MasterTableForPopup_FundSys
{
	border: 0px !important;
	overflow: hidden;
	/*
    Note: next line in the MasterTable_Default class caused wrapping issues in the grid in popups
    border-collapse: separate !important;*/
	font: 10px arial, verdana,sans-serif; 
	color: #333 /*#000*/;
}

.MasterTable_FundSys a:link, 
.MasterTable_FundSys a:hover, 
.MasterTable_FundSys a:active, 
.MasterTable_FundSys a:visited
{  
	color: #333333; 
} 

.MasterTableDrag_FundSys
{
	border: 1px solid orange !important;
	overflow: hidden;
	border-collapse: separate !important;
	font: 10px arial, verdana,sans-serif; 
	color: #333;
	/*-moz-user-select: none;*/ /*disables text selecting in Firefox to combat unpleasant visual appearance*/
}

.GridRowDragOver_FundSys TD
{
	padding: 3px 2px 3px 2px;
  border-top: 4px orange solid;
}
.GridRowDragOverLast_FundSys TD
{
	color: White;
	background-color: White;
  border-top: 4px orange solid;
}
.GridRowDrag_FundSys
{
  background: #fff;
}
.GridRowDrag_FundSys td
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;

	border: solid 1px #f7f7f7;
	border-right: solid 1px #ccc;
}
.GridRowLastHidden_FundSys TD
{
	color: White;
	background-color: White;
}

/* pagination controls for sprite image */
/* Individual color themes */

.light .wp-pagenavi a, .light .wp-pagenavi span {
	background-position:0 0;
	color:#717171;
	text-shadow:1px 1px 0 #fff;
}
.light .wp-pagenavi a:hover {
	background-position:0 -27px;
}
.light .wp-pagenavi span.current {
	text-shadow:0 1px 0 #585858;
	color:#fff;
	background-position:-140px 0;
}
.light .nextpostslink {
	background-position:-113px 0 !important;
}
.light .nextpostslink:hover {
	background-position:-113px -27px !important;
}
.light .previouspostslink {
	background-position:-28px 0 !important;
}
.light .previouspostslink:hover {
	background-position:-28px -27px !important;
}
.light .first {
	background-position:-56px 0 !important;
}
.light .first:hover {
	background-position:-56px -27px !important;
}
.light .last {
	background-position:-84px 0 !important;
}
.light .last:hover {
	background-position:-84px -27px !important;
}


.dark .wp-pagenavi a, .dark .wp-pagenavi span {
	background-position:0 -54px;
	color:#fff;
	text-shadow:1px 1px 0 #222527;
}
.dark .wp-pagenavi a:hover {
	background-position:0 -81px;
}
.dark .wp-pagenavi span.current {
	background-position:-140px -54px;
}
.dark .wp-pagenavi span.current {
	text-shadow:0 1px 0 #191b1d;
	color:#fff;
	margin-top:1px;
}
.dark .nextpostslink {
	background-position:-113px -54px !important;
}
.dark .nextpostslink:hover {
	background-position:-113px -81px !important;
}
.dark .previouspostslink {
	background-position:-28px -54px !important;
}
.dark .previouspostslink:hover {
	background-position:-28px -81px !important;
}
.dark .first {
	background-position:-56px -54px !important;
}
.dark .first:hover {
	background-position:-56px -81px !important;
}
.dark .last {
	background-position:-84px -54px !important;
}
.dark .last:hover {
	background-position:-84px -81px !important;
}


/*-------------------------------
  Bootstrap buttons
-------------------------------*/
.btn {
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
  font-family: Tahoma, Arial;
  color: #000;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #C9D1E7;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(68, 140, 138, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary, btn-primary:visited {
  color: #000;
  background-color: #dcdcdc;
  border-color: #cdcdcd;
}

  .btn-primary:hover {
    color: #fff;
    background-color: #C9D1E7;
    border-color: #C9D1E7;
  }

  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(54, 75, 160, 0.5);
  }

  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #FFDB6F;
    border-color: #FFDB6F;
  }

  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #FFDB6F;
    border-color: #FFDB6F;
  }

    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(54, 75, 160, 0.5);
    }

.btn-secondary {
  color: #fff;
  background-color: #888c8b;
  border-color: #888c8b;
}

  .btn-secondary:hover {
    color: #fff;
    background-color: #757978;
    border-color: #6f7271;
  }

  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(154, 157, 156, 0.5);
  }

  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #888c8b;
    border-color: #888c8b;
  }

  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6f7271;
    border-color: #686c6b;
  }

    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(154, 157, 156, 0.5);
    }

.fs-calendar {
  margin-top: 1rem;
}
.fs-calendar .RadCalendar_Default {
  width: 100%;
}
.fs-calendar-quarters {
  display: flex;
  justify-content: space-around;
}
.fs-calendar-quarter {
  flex: none;
  font-size: .9rem;
}