border
html {font-size: 14px;}
html {position: relative; min-height: 100%;}
body {margin-bottom: 60px;}

body {
    font: 0.750em/75% Arial, Arial, sans-serif normal;
    position: relative;
    overflow-x: hidden;
}


@media (min-width: 768px) 
{
  html {font-size: 16px;}
}

.appTitle  {font-size:22px;}
.Spiresoft {font-size:12px;}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;}

a           {color:#007bff; text-decoration:solid; }

.ctr        {text-align:center;}
.bold       {font-weight:bold;}

h5          {font-size:1.0rem!important; padding-left:20px;}
hr.divider  {width:380px; margin:0 auto; margin-top:20px;}
.ftr        {font-size:14px; color:darkgrey; margin-top:10px;}

.iconBtn          {background-color:lightgray; color:darkred; font-size:10px; width:20px; height:21px; margin:0px; padding:0px; padding-bottom:0px; border:1px solid grey}
.iconImg          {background-color:transparent; width:18px; height:18px;}
.iconEdit         {background-color:lightgray; color:darkred; font-size:10px; width:15px; height:15px; margin:0px; padding:0px; margin-left:5px; vertical-align:top; border:none;}
.iconEdit:hover   {cursor:pointer!important;}


.divDOBAnnivLbl      {color:darkblue; font-size:12px; display:inline;}
.btnDOBAnnivShow     {font-size:12px; display:inline; border:1px solid darkgrey; border-radius:3px;}
.divDOBAnniveraries  {width:auto; margin:0 auto; margin-bottom:0px;}

.divSearch           {width:auto; margin:0 auto; margin-top:10px;}

.divParms       {text-align:center; max-width:1100px; height:auto; padding:2px 10px 10px 10px; margin:15px auto; border-radius:5px; border:1px solid #00301d; box-shadow:2px 2px 6px 0 #888888;}

.divLeft   {margin:0; float:left;  text-align:left;  margin-left:20px;}
.divRight  {margin:0; float:right; text-align:right; margin-right:20px;}
.divCenter {margin:0 auto;         text-align:center; width:300px;}

.pageTitle  {color:darkblue; font-size:20px; font-weight:bold; margin:0px 0px 5px 0px;}

xtable xtd    {border:1px solid black;}

.TblHdr     {background-color:#358aa6; color:white; height:12px; font-size:14px; font-weight:normal; text-align:center; padding-left:20px; padding-right:20px; border:1px solid #00301d; }
.TblDta     {font-size:14px; padding:0px 20px 0px 20px; border:1px solid #00301d;}
.TblDtaLrg  {font-size:14px;}
.TblDtaMed  {font-size:14px;}
.TblDtaSml  {font-size:12px;}

.TableDetailTRBarBig    {font-size:16px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#358aa6; color:WHITE; font-weight:bold; text-align:center; vertical-align:bottom;  padding-left:8px; padding-right:8px;}
.TableDetailTRBar       {font-size:14px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:#358aa6; color:WHITE; font-weight:bold; text-align:center; vertical-align:bottom;  padding-left:8px; padding-right:8px;}
.TableDetailTRBarAlert  {font-size:14px; border-top:1px solid #333; border-bottom:1px solid #333; background-color:DARKRED; color:WHITE; font-weight:bold; text-align:center; vertical-align:bottom;  padding-left:8px; padding-right:8px;}
    
.TableEdit              {background-color:WHITE;  width:370px; border:1px solid #333; padding-left:12px; padding-right:12px;}
.TableView              {background-color:WHITE;  width:370px; border:1px solid #333; padding-left:12px; padding-right:12px;}

.TDL                    {text-align:left;   vertical-align:middle; color:BLACK; padding-top:5px;}
.TDLSpace               {text-align:left;   vertical-align:middle; color:BLACK; line-height:22px;}
.TDC                    {text-align:center; vertical-align:middle; color:BLACK; padding-top:5px;}
.TDCMSG                 {text-align:center; vertical-align:middle; color:DARKRED; padding-top:10px; font-size:12px; font-weight:bold; }
.TDCPrint               {text-align:center; vertical-align:middle; color:BLACK; padding-top:10px;}
.TDR                    {text-align:right;  vertical-align:middle; color:BLACK; padding-top:5px;}

.tdcell                 {padding:0px 20px 0px 20px; border:1px solid #00301d;}
.AltClr                 {background-color:#E8E8E8;}
.bold                   {font-weight:bold;}
.ctr                    {text-align: center;}

.labelHeader            {color:WHITE;   font-weight:bold; font-size:32px;}
.labelHeader2           {color:WHITE;   font-weight:bold; font-size:13px; padding-left:5px;}

.labelBlack             {color:black;    font-size:13px; font-weight:normal; text-align:right; margin-right:5px; vertical-align:bottom;}
.labelWhite             {color:WHITE;    font-size:12px; font-weight:bold;   text-align:right; margin-right:5px; vertical-align:middle;}
.labelReqd              {color:DARKRED;  font-size:12px; font-weight:bold;   text-align:right; margin-right:5px; vertical-align:middle;}
.labelReqd2             {color:DARKRED;  font-size:12px; font-weight:bold;   text-align:right; margin-right:5px; vertical-align:middle;}

.lbl         {color:darkblue; font-size:13px; display:inline; text-align:right; margin-left:10px; margin-right:2px;}
.lblReq      {color:darkred;  font-size:13px; display:inline; text-align:right; margin-left:10px; margin-right:2px;}

.email       {width:220px;}
.phone       {width:120px;}

.xtxtBox     {color:black; font-size:15px; text-align:left; width:325px; border:1px solid black; display:block;}
.xcomment    {color:black; font-size:15px; text-align:left; width:325px; border:1px solid black; display:block;}

.textView               {color:darkblue; font-size:16px; font-weight:bold; text-align:left; vertical-align:bottom;}

.MbrImage               {width:290px; margin:10px; border:1px solid darkgrey; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.MbrMap                 {width:290px; margin:10px; border:1px solid darkgrey; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}

.TaskStatus             {background-color:white; border-bottom:1px solid #00301d; margin:0px;}
.btnEditScrim           {width:12px; padding:0px; margin-left:2px; border:none;}

.divForm   {padding:10px; margin-top:10px; margin:0 auto; border:1px solid black; border-radius:5px;}

input {line-height:normal;}

.date           {font-size:15px; width:105px;}
.lblParm        {color:darkblue; font-size:12px; display:inline; text-align:right; margin-right:2px;}
.ddlb           {font-size:15px; min-width:50px; padding-left:5px; padding-right:10px; margin-right:10px; overflow-y:auto;}
.ddlb:disabled  {background-color:darkgray; color:lightgray}

.RequiredMsg    {font-size:12px; margin-top:10px;}
.ErrorMsg       {color:darkred; font-size:12px; font-weight:bold; margin-top:10px;}

.alertRed       {background-color:darkred;color:white;}

.btnTbl                 {font-size:13px; height:28px; vertical-align:middle; border: 1px solid #5d7fbc; border-radius: 5px;}
.btnTbl:hover           {color:white; background-color:#9EA3B0; border-radius:5px;}

.btnTbl2                {font-size:13px; height:46px; vertical-align:middle; margin-top:10px; border:1px solid #5d7fbc; border-radius:5px;}
.btnTbl2:hover          {color:white; background-color:#9EA3B0; border-radius:5px;}

.btnReset               {background-color:#E4B7B2;   color:black; font-size:14px; font-weight:normal; text-align:center; height:24px; width:60px; padding:0px 10px 0px 10px; margin:10px 0px 0px 0px; cursor:pointer; border:1px solid black; border-radius:0px;}
.btnReset:hover         {background-color:darkred;   color:white}
.btnReset:disabled      {background-color:lightgray; color:darkgray}

.btnNew                 {background-color:ButtonFace; color:black; font-size:14px; font-weight:normal; height:32px !important; min-width:100px; margin:0px 5px 0px 5px; border:1px solid #00301d; border-radius:3px;}
.btnNew:hover           {background-color:darkgreen;  color:white;}
.btnNew:disabled        {background-color:lightgray;  color:darkgrey;}

.btnSave                {background-color:ButtonFace; color:black; font-size:14px; font-weight:normal; height:32px !important; min-width:100px; margin:0px 5px 0px 5px; border:1px solid #00301d; border-radius:3px;}
.btnSave:hover          {background-color:darkgreen;  color:white;}
.btnSave:disabled       {background-color:lightgray;  color:darkgrey;}

.btnCancel              {background-color:ButtonFace; color:black; font-size:14px; font-weight:normal; height:32px !important; min-width:100px; margin:0px 5px 0px 5px; border:1px solid #00301d; border-radius:3px;}
.btnCancel:hover        {background-color:darkred;    color:white;}
.btnCancel:disabled     {background-color:lightgray;  color:darkgrey;}

.btnModalYes            {background-color:darkgreen; color:white; font-size:14px; font-weight:normal; height:32px !important; min-width:100px; margin:0px 5px 0px 5px; border:1px solid #00301d; border-radius:3px;}
.btnModalYes:hover      {background-color:mediumseagreen;}
.btnModalYes:disabled   {background-color:lightgray; color:darkgrey;}

.btnModalNo             {background-color:darkred;   color:white; font-size:14px; font-weight:normal; height:32px !important; min-width:100px; margin:0px 5px 0px 5px; border:1px solid #00301d; border-radius:3px;}
.btnModalNo:hover       {background-color:red;}
.btnModalNo:disabled    {background-color:lightgray; color:darkgrey;}

.navBtnLink             {background-color:#358aa6;color:white; font-size:16px; font-weight:normal; border:none; text-transform:none; text-decoration:none;}
.navBtnLink:hover       {font-weight:bold;}

.navLink                {color:white; font-size:16px; font-weight:normal; margin-left:25px; text-transform:none; text-decoration:none;}
.navLink:hover          {color:white; font-weight:bold;}
.navBtn                 {background-color:#358aa6; color:white; font-size:16px; font-weight:normal; margin-left:8px; border:none;}

@media (max-width:768px) 
{
    .TblHdr     {background-color:#358aa6; color:white; font-weight:normal; text-align:center; border:1px solid #00301d; }
    .TblDta     {font-size:12px; padding:0px 20px 0px 20px; border:1px solid #00301d;}

    .btnTbl     {height:40px;}
}

a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {font-size:16px; font-weight:normal; text-transform :none; color:white;}
a.nav-link:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:hover {color:darkgray;}

.modal-header           {background-color:#358aa6; color:white; padding:5px !important;}
.modal-title            {margin:0px auto;}
.modal-form             {max-width:96%;}\

.nav-navbar a {float:left; font-size:16px; color:white; text-align:center; padding:14px 16px; text-decoration:none;}
.nav-dropdown {float:left; overflow:hidden;}
.nav-dropdown .nav-dropbtn {font-size:16px; border:none; outline:none; color:white; padding:14px 16px; background-color:inherit; font-family:inherit; margin:0;}
/* .nav-navbar a:hover, .nav-dropdown:hover .nav-dropbtn {background-color:red;} */
.nav-dropdown-content {display:none; position:absolute; background-color:#f9f9f9; min-width:110px;  margin-top:40px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}
.nav-dropdown-content a {float:none; color:black; padding:12px 16px; text-decoration:none; display:block; text-align:center;}
.nav-dropdown-content a:hover {background-color:#ddd;}
.nav-dropdown:hover .nav-dropdown-content {display:block;}

.footer               {background-color:#358aa6;    color:black; height:42px; position:fixed; left:0; bottom:0; width:100%; text-align:center; padding-top:4px;}

.footerBtn            {background-color:ButtonFace; color:black; font-size:14px; font-weight:normal; height:32px !important; min-width:100px; margin:0px 5px 0px 5px; border:1px solid #00301d; border-radius:3px;}
.footerBtn:hover      {background-color:darkgreen;  color:white;}
.footerBtn:disabled   {background-color:lightgray;  color:darkgrey;}

.footerCancel         {background-color:ButtonFace; color:black; font-size:14px; font-weight:normal; height:32px !important; min-width:100px; margin:0px 5px 0px 5px; border:1px solid #00301d; border-radius:3px;}
.footerCancel:hover   {background-color:darkred;    color:white;}
.footerCancel:disabled{background-color:lightgray;  color:darkgrey;}

.footerReset          {background-color:ButtonFace; color:black; font-size:14px; font-weight:normal; height:32px !important; min-width:100px; margin:0px 5px 0px 5px; border:1px solid #00301d; border-radius:3px;}
.footerReset:hover    {background-color:darkred;    color:white;}
.footerReset:disabled {background-color:lightgray;  color:darkgrey;}