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:20px;}
.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:14px; padding-left:0px;}
hr.divider  {width:380px; margin:0 auto; margin-top:20px;}
.ftr        {font-size:14px; color:darkgrey; margin-top:10px;}


.tileSettings{width:98%; margin:0 auto;}

.tileSection {border:1px solid black; width:98%; padding-bottom:0px; margin:0 auto; margin-bottom:20px; border-radius:5px;}
.tileHeader  {background-color:#00529b; color:white;  font-size:15px; width:100%; padding:2px 10px 2px 10px; border-top-left-radius:4px;  border-top-right-radius:4px; margin-bottom:10px;}
.tile        {background-color:white; color:black; width:Auto; border:1px solid #00301d; vertical-align:top; border-radius:5px; display:inline-block; margin:5px; padding:0px; margin-bottom:10px; padding-bottom:10px;}
.tileTable   {background-color:white; width:370px; padding-left:12px; padding-right:12px;}
.tile        {background-color:white; color:black; width:Auto; border:1px solid #00301d; vertical-align:top; border-radius:5px; display:inline-block; margin:5px; padding:0px; margin-bottom:10px; padding-bottom:10px; box-shadow:2px 2px 6px 0 #888888;}

.divTile    {background-color:white; color:black; border:1px solid black; border-radius:5px; display:inline-block; margin:5px; padding:15px;}


input {line-height:normal; height:26px;}

.Login          {background-color:#fafbfc; width:320px; padding:12px; border:1px solid black; border-radius:4px; box-shadow:2px 2px 6px 0 #888888;}
.DOBAnniv       {background-color:#fafbfc; width:420px; padding:5px ; border:1px solid black; border-radius:4px; box-shadow:2px 2px 6px 0 #888888;}
.SearchParms    {background-color:#fafbfc; width:420px; padding:10px; margin-top:20px; border:1px solid black; border-radius:4px; box-shadow:2px 2px 6px 0 #888888;}

.email          {width: 220px;}
.phone          {width:118px;}
.address        {width:220px;}
.city           {width:118px;}
.state          {width:42px; border:1px solid rgb(118, 118, 118); border-radius:2px;}
.zip            {width:51px;}
.date           {font-size:15px; padding-left:5px; width:114px; border:1px solid black; border-radius:2px;}
.ddlb           {font-size:15px; padding-left:1px; height:25px!important; padding-right:10px; margin-right:0px; overflow-y:auto; border:1px solid black; border-radius:2px;}
.ddlb:disabled  {background-color:darkgray; color:lightgray}
.comment        {width:220px; margin-right:10px; height:90px;}
.comment2       {width:270px; margin-right:0px; height:90px;}

.pswd           {width:220px;}

.RequiredMsg    {font-size:12px; margin-top:10px;}
.ErrorMsg       {color:darkred; font-size:12px; font-weight:bold; margin-top:10px;}
.ErrorMsgWide   {width:440px!important;}
.alertRed       {background-color:darkred;color:white;}

.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          {font-size:12px; width:auto; margin:0 auto; margin-top:5px;}

.divPasswordReset1  {width:560px; padding:10px 5px  0px 5px; margin:10px 0px 30px 0px; border:1px solid black; border-radius:4px; box-shadow:2px 2px 6px 0 #888888;}
.divPasswordReset2  {width:630px; padding:10px 5px  20px 5px; margin:10px 0px 30px 0px; border:1px solid black; border-radius:4px; box-shadow:2px 2px 6px 0 #888888;}
.divPassword        {width:340px; padding:10px 5px 20px 5px; border:1px solid black; border-radius:4px; box-shadow:2px 2px 6px 0 #888888;}
.divConfirmed       {width:400px; padding:10px 5px 20px 5px; border:1px solid black; border-radius:4px; box-shadow:2px 2px 6px 0 #888888;}
.divFailed          {width:480px; padding:10px 5px 20px 5px; border:1px solid black; border-radius:4px; box-shadow:2px 2px 6px 0 #888888;}

.search              {width:160px;}

.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:25px; font-weight:bold;}

.TitleName  {color:darkblue; font-size:25px; font-weight:bold; margin-bottom:10px;}

.TblHdr     {background-color:#6F8FAF; color:white; height:10px; font-size:12px; font-weight:normal; text-align:center; border:1px solid #00301d; }
.TblDta     {font-size:14px; padding:5px 20px 5px 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:#6F8FAF; 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:#6F8FAF; 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;} .TableDetailTD         {color:darkblue; font-size:15px; font-weight:bold; text-align:left; vertical-align:middle; 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:5px; font-size:12px; font-weight:normal; }
.TDCPrint               {text-align:center; vertical-align:middle; color:BLACK; padding-top:10px;}
.TDR                    {text-align:right;  vertical-align:middle; color:BLACK; padding-top:5px;}

.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:13px; font-weight:normal;   text-align:right; margin-right:5px; vertical-align:middle;}
.labelReqd              {color:DARKRED;  font-size:13px; font-weight:normal;   text-align:right; margin-right:5px; vertical-align:middle;}
.labelReqd2             {color:DARKRED;  font-size:13px; font-weight:normal;   text-align:right; margin-right:5px; vertical-align:middle;}
.labelReqd3             {color:DARKRED;  font-size:15px; font-weight:bold;     text-align:right; margin-right:5px; vertical-align:middle;}
.labelNote              {color:DARKBLUE; font-size:12px; font-weight:normal;   text-align:right; padding-left:3px; padding-right:10px;}
.labelNoteRed           {color:DARKRED;  font-size:12px; font-weight:normal;   text-align:right; padding-left:3px; padding-right:10px;}

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

.MbrImage               {width:290px; margin:5px 0px 10px 0px; 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;}
.btnTaskStatus          {background-color:white; border-bottom:none; width:20px; margin:0px;}   

.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;}

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

.btnFilter              {background-color:ButtonFace; color:black; font-size:14px; font-weight:normal; height:26px; width:26px; text-align:center; vertical-align:top; border:1px solid #00301d; border-radius:3px;}
.btnFilterOn            {background-color:lightgreen; color:black; font-size:14px; font-weight:normal; height:26px; width:26px; text-align:center; vertical-align:top; border:1px solid #00301d; border-radius:3px;}

.btnReset               {background-color:ButtonFace; color:black; font-size:14px; font-weight:normal; height:26px; width:60px; text-align:center; vertical-align:top; border:1px solid #00301d; border-radius:3px;}
.btnReset:hover         {background-color:darkred;    color:white;}
.btnReset:disabled      {background-color:lightgray;  color:darkgrey;}

.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;}

.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:#6F8FAF; color:white; font-size:16px; font-weight:normal; margin-left:8px; border:none;}

@media (max-width:768px) 
{
    .container   {width:99%;}
    .text-center {width:99%;}

    .DOBAnniv       {width:99%;}
    .SearchParms    {width:99%;}

    .divSearch, .divPassword, .divConfirmed, .divFailed, .divPasswordReset1, .divPasswordReset2 {width: 99%;}

    .tileTable   {width:300px; padding-left:12px; padding-right:12px;}

    .TblHdr {background-color:#6F8FAF; color:white; font-weight:normal; text-align:center; border:1px solid #00301d; }
    .TblDta {font-size:12px; padding:5px 20px 5px 20px; border:1px solid #00301d;}

    .btnTbl {height:40px;}

    .search {width:100px; margin-right:5px;}

    .address {width:242px;}
    .city    {width:130px;}
    .state   {background-color:white; color:black; font-size:15px; padding-left:5px; height:26px!important; width:50px; vertical-align:bottom; border:1px solid rgb(118,118,118); border-radius:2px;}
    .zip     {width:55px;}
    .date    {background-color:white; color:black; font-size:15px; padding-left:5px; width:114px; border:1px solid rgb(118, 118, 118); border-radius:2px;}
    .ddlb    {background-color:white; color:black; font-size:15px; padding-left:1px; height:25px!important; padding-right:10px; margin-right:0px; overflow-y:auto; border:1px solid rgb(118, 118, 118); border-radius:2px;}
}

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 {padding:10px;}

.btnModalYes          {background-color:#00a261; color:white; font-size:14px; font-weight:normal; height:28px!important; min-width:100px; margin:0px 5px 0px 0px; cursor:pointer; border:1px solid #00301d; padding-top:10px; padding:3px; border-radius:5px;}
.btnModalYes:hover    {background-color:darkgreen;}
.btnModalYes:disabled {background-color:lightgray; color:darkgray}

.btnModalNo        {background-color:#DF4545; color: white; font-size:14px; font-weight:normal; height: 28px !important; min-width:100px; margin:10px 0px 0px 0px; border:1px solid #00301d; padding:0px 20px 0px 20px; cursor:pointer; border-radius: 5px;}
.btnModalNo:hover  {background-color:darkred;}

.footer               {background-color:#6F8FAF;    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;}

.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;}


.ErrorMsgs {background-color:#fff0f3; width:280px; padding:5px 10px 5px 10px; margin-top:15px; border:1px solid #00301d; border-radius:5px;}
.ErrorTtle {color:black;    font-size:12px; font-weight:bold; margin-bottom:5px; text-align:center; display:block;}
.ErrorItem {color:darkred;  font-size:12px; font-weight:bold; margin-top:2px; text-align:center; display:block;}

                                                                                                                .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;}