BODY {font-family:Arial,Helvetica,sans-serif;font-size: 10pt;color: black}
TD {font-family:Arial,Helvetica,sans-serif;font-size: 10pt;color: black}
INPUT {font-family:Arial,Helvetica,sans-serif;font-size: 10pt;color: black;}
TEXTAREA {font-family:Arial,Helvetica,sans-serif;font-size: 10pt;color: black}
SELECT {font-family:Arial,Helvetica,sans-serif;font-size: 10pt;color: black}
A { font-size: 10pt; color: rgb(0,0,0); text-decoration: none;}
A:link { font-size: 10pt; color: rgb(0,0,0); text-decoration: none;}
A:visited{ font-size: 10pt; color: rgb(0,0,0); }
A:hover { font-size: 10pt; color: rgb(0,0,0); text-decoration: underline;} 
A:active { font-size: 10pt; color: rgb(255,51,0);text-decoration: none;}

.disclaimer { text-align: center;color: rgb(0,175,0); font-size:8pt;font-style:italic;}

.btnmenu { font-size: 10pt; font-weight: bold; color: rgb(0,0,0); background-color: rgb(230,230,230); width: 175px; height: 45px; text-align: center; }
.btnmenu:hover { color: rgb(255,0,0); }
.btnmenu:disabled { color: rgb(190,190,190);}

.btnmenu_blu { font-size: 10pt; font-weight: bold; color: rgb(255,255,255); background-color: rgb(0,0,255); width: 175px; height: 45px; text-align: center;}
.btnmenu_blu:hover { color: rgb(255,0,0); }
.btnmenu_blu:disabled { color: rgb(190,190,190);}

.btn { font-size: 8pt; color: rgb(0,0,0); background-color: rgb(230,230,230); width: 75px; height: 35px; text-align: center; display: table-cell; vertical-align: middle;}
.btn:hover { color: rgb(255,0,0); }
.btn:disabled { color: rgb(200,200,200);}

.btn_grn { font-size: 8pt; color: rgb(0,0,0); background-color: rgb(0,230,0); width: 75px; height: 25px; text-align: center;}
.btn_grn:hover { color: rgb(255,255,255); }
.btn_grn:active { border: 1pt solid;}
.btn_grn:disabled { color: rgb(200,200,200);}

.btn_blu { font-size: 8pt; color: rgb(255,255,255); background-color: rgb(0,0,255); width: 75px; height: 25px; text-align: center;}
.btn_blu:hover { color: rgb(0,255,0); }
.btn_blu:active { border: 1pt solid;}
.btn_blu:disabled { color: rgb(200,200,200);}

.btnlg_gry { font-size: 8pt; color: rgb(0,0,0); background-color: rgb(230,230,230); width: 175px; height: 35px; text-align: left;}
.btnlg_gry:hover { color: rgb(255,0,0);}
.btnlg_gry:disabled { color: rgb(200,200,200);}

.btnlg_yel { font-size: 8pt; color: rgb(0,0,0); background-color: yellow; width: 175px; height: 35px; text-align: left;}
.btnlg_yel:hover { color: rgb(255,0,0);}
.btnlg_yel:disabled { color: rgb(200,200,200);}

.btnlg_red { font-size: 8pt; color: rgb(255,255,255); background-color: red; width: 175px; height: 35px; text-align: left;}
.btnlg_red:hover { color: rgb(0,255,0);}
.btnlg_red:disabled { color: rgb(200,200,200);}



.maskit { -webkit-text-security: disc;}

.navbar a { font-size: 20pt; color: rgb(0,0,255);}

.divrowhilite { background-color: cyan;}
.divrowhilite:hover { background-color: rgb(230,230,230);}

.divrow:hover { background-color: rgb(230,230,230);}

datalist {
  min-width: 15ch;
  max-width: 30ch;
  border: 1px solid;
  border-radius: 5px;
  font-size: 20pt;
  padding: 5px;
  cursor: pointer;
  background-color: #fff;

}

option {
  font-size: 20pt;
}

.pop_form {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: white;
}
.dot_white {
  height: 12px;
  width: 12px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
}

.dot_red {
  height: 12px;
  width: 12px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  border: 1pt solid black;
}

.dot_yellow {
  height: 12px;
  width: 12px;
  background-color: yellow;
  border-radius: 50%;
  display: inline-block;
  border: 1pt solid black;
}