html {font-size:14px;}
html {position:relative; min-height:100%;}

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

@page       {size:auto; margin:0mm;}

body        {-webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; margin-bottom:60px;}
  
.appTitle   {color:white; font-size:20px;}
.pageTitle  {color:darkblue; font-size:20px;}

a           {color:#007bff; text-decoration:solid;}
.center     {text-align:center; margin:0 auto;}
.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;}

.ChkBox              {font-size:20px!important; width:20px!important; height:20px!important; margin:0px!important; padding-left:0px; padding-top:0px; vertical-align:bottom; display:inline-block;}
input[type=checkbox] {margin:5px 0px 5px 0px; font:inherit; width:18px; height:18px; border:2px solid #00301d;}

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

.divLoading {color:darkred; font-size:18px; font-weight:bold; margin-top:40px;}
.divSearch  {width:auto; margin:0 auto; margin-top:10px;}
.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;}

.txtInfo    {background-color:floralwhite; color:darkblue; font-size:16px; display:inline; text-align:left; padding-left:5px; float:left; margin:2px; width:200px; border:1px solid black;}
.txtInfoRed {background-color:floralwhite; color:darkred;  font-size:16px; display:inline; text-align:left; padding-left:5px; float:left; margin:2px; width:200px; border:1px solid black;}

.TblHdr     {background-color:#358aa6; color:white; font-size:14px; height:10px; font-weight:bold; text-align:center; vertical-align:bottom; border:1px solid #00301d;}

.TaskI      {min-width:400px; background-color:white; font-size:18px; color:black; padding:0px 20px 0px 25px; border:none; border-right:none; border-top:1px solid #00301d;}
.TaskP25    {min-width:400px; background:linear-gradient(to right, white 1%, #F5F86E 6%, #F5F86E 20%, white 30%);  font-size:18px; font-weight:bold; color:black; padding:0px 20px 0px 25px; border:none; border-right:none; border-top:1px solid #00301d; margin-left:20px;}
.TaskP50    {min-width:400px; background:linear-gradient(to right, white 1%, #F5F86E 6%, #F5F86E 40%, white 50%);  font-size:18px; font-weight:bold; color:black; padding:0px 20px 0px 25px; border:none; border-right:none; border-top:1px solid #00301d;}
.TaskP75    {min-width:400px; background:linear-gradient(to right, white 1%, #F5F86E 6%, #F5F86E 70%, white 75%);  font-size:18px; font-weight:bold; color:black; padding:0px 20px 0px 25px; border:none; border-right:none; border-top:1px solid #00301d;}
.TaskC      {min-width:400px; background:linear-gradient(to right, white 1%, #BAE3B4 6%, #BAE3B4 93%, white 100%); font-size:16px; font-weight:bold; color:black; padding:0px 20px 0px 25px; border:none; border-right:none; border-top:1px solid #00301d;}
.TaskD      {min-width:400px; background:linear-gradient(to right, white 1%, #DADDDE 6%, #DADDDE 93%, white 100%); font-size:18px; font-weight:normal; color:black; padding:0px 20px 0px 25px; border:none; border-right:none; border-top:1px solid #00301d;}
.TaskX      {min-width:400px; background:linear-gradient(to right, white 1%, #EDB6B3 6%, #EDB6B3 93%, white 100%); font-size:18px; font-weight:bold; color:black; padding:0px 20px 0px 25px; border:none; border-right:none; border-top:1px solid #00301d;}

.PrintI     {min-width:400px; background-color:white; font-size:18px;}
.PrintP25   {min-width:400px; background:linear-gradient(to right, white 1%, #F5F86E 6%, #F5F86E 20%, white 30%);  font-size:18px; font-weight:bold;}
.PrintP50   {min-width:400px; background:linear-gradient(to right, white 1%, #F5F86E 6%, #F5F86E 40%, white 50%);  font-size:18px; font-weight:bold;}
.PrintP75   {min-width:400px; background:linear-gradient(to right, white 1%, #F5F86E 6%, #F5F86E 70%, white 75%);  font-size:18px; font-weight:bold;}
.PrintC     {min-width:400px; background:linear-gradient(to right, white 1%, #BAE3B4 6%, #BAE3B4 93%, white 100%); font-size:16px; font-weight:bold;}
.PrintD     {min-width:400px; background:linear-gradient(to right, white 1%, #DADDDE 6%, #DADDDE 93%, white 100%); font-size:18px; font-weight:normal;}
.PrintX     {min-width:400px; background:linear-gradient(to right, white 1%, #EDB6B3 6%, #EDB6B3 93%, white 100%); font-size:18px; font-weight:bold;}

.editDIV    {margin-top:10px; margin-bottom:10px;}

.TDCbx{display:block; margin:0px; padding:0px;}

.btnEditAll             {background-color:mediumseagreen; color:white; font-size:12px; height:28px; border:1px solid #5d7fbc; border-radius:5px;}
.btnEditAll:hover       {background-color:darkgreen;}
.btnEditAll:disabled    {background-color:lightgray; color:darkgrey;}

.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; border:1px solid #5d7fbc; border-radius:5px;}
.btnTbl:hover           {color:white; background-color:#9EA3B0; border-radius:5px;}

.btnReset               {background-color:darkred; color:white; font-size:14px; font-weight:normal; height:28px !important; min-width:60px; margin-left:5px; border:1px solid #00301d; border-radius:3px;}
.btnReset:hover         {background-color:#DF4545;}

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

.Status                 {font-size:14px; font-weight:bold; border:1px solid #00301d;}
.StatusCnt              {font-size:14px; font-weight:normal; text-align:center; width:40px; border:1px solid #00301d;}
.StatusB                {font-size:14px; color:darkred; font-weight:bold; border:1px solid #00301d;}
.StatusCntB             {font-size:14px; color:darkred; font-weight:bold; text-align:center; width:40px; border:1px solid #00301d;}

.th                     {background-color:#72a0c1; color:white; text-align:center; border:1px solid #00301d; padding:0px 10px 0px 10px;}
.td                     {text-align:center; border:1px solid #00301d; padding:0px 10px 0px 10px;}
.tx                     {background-color:white; color:white; text-align:center; border:none; border-right:none; padding:0px 10px 0px 10px;}

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

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

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

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

@media (max-width:1px) {
    .btnTaskStatus {width:20px; margin:0px;}

    .TaskI   {width:280px; min-width:100px; font-size:16px;}
    .TaskP25 {width:280px; min-width:100px; font-size:16px;}
    .TaskP50 {width:280px; min-width:100px; font-size:16px;}
    .TaskP75 {width:280px; min-width:100px; font-size:16px;}
    .TaskC   {width:280px; min-width:100px; font-size:16px;}
    .TaskX   {width:280px; min-width:100px; font-size:16px;}
    .TaskD   {width:280px; min-width:100px; font-size:16px;}

    .txtDate {color:black; background-color:white; width:150px; border:1px solid darkgrey; border-radius:5px;}
    .ddlb    {color:black; background-color:white; border:1px solid darkgrey; border-radius:5px;}
}

@media (max-width:468px) 
{
    .TblHdr  {background-color:#358aa6; color:white; font-weight:bold; margin:0 auto; border:1px solid #00301d;}

	.ChkBox     {font-size:20px!important; width:20px!important; height:20px!important; margin:0px!important; padding-left:0px; padding-top:0px; vertical-align:bottom; display:inline-block;}
	input[type=checkbox] {margin:5px 0px 10px 0px; font:inherit; width:22px; height:22px; border:2px solid #00301d;}

    .TaskStatus {padding:0px; margin:0px; padding:0px;}

    .btnTaskStatus {width:19px; margin:0px; padding:0px;}

    .TaskI   	{width:270px; min-width:100px; height:60px; font-size:18px; padding:0px 0px 0px 15px;}
    .TaskP25 	{width:270px; min-width:100px; height:60px; font-size:18px; padding:0px 0px 0px 15px;}
    .TaskP50 	{width:270px; min-width:100px; height:60px; font-size:18px; padding:0px 0px 0px 15px;}
    .TaskP75 	{width:270px; min-width:100px; height:60px; font-size:18px; padding:0px 0px 0px 15px;}
    .TaskC   	{width:270px; min-width:100px; height:60px; font-size:18px; padding:0px 0px 0px 15px;}
    .TaskX   	{width:270px; min-width:100px; height:60px; font-size:18px; padding:0px 0px 0px 15px;}
    .TaskD   	{width:270px; min-width:100px; height:60px; font-size:18px; padding:0px 0px 0px 15px;}

    .txtDate    {color:black; background-color:white; width:150px; border:1px solid darkgrey; border-radius:5px;}
    .ddlb       {color:black; background-color:white; border:1px solid darkgrey; border-radius:5px;}

    .TDCbx{margin-top:10px;}
}

.containerPrint {margin-left:20px !important;}

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

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

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

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