html {display:inline-block;margin:0px auto;text-align:center;align:center;}
.container{ 
	position: relative;font-family:courier New;
	border:2px solid black;border-radius:16px;padding:10px;margin:10px 10px;align:center;
}
.container_inner{ 
	margin-left: auto;
	margin-right: auto;
	position: relative;font-family:courier New;outline: 2px solid black; 
	border:0px solid black;border-radius:8px;padding:10px;margin:10px 10px;align:center;
}
.center {
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
}
.center-border {
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  border:2px solid black;border-radius:16px;
}
td{
	width: auto ;
	border: none ;
	padding: 5px 10px ;
}
.label_Title{
	font-size:125%;
	font-weight:bold;
	margin-bottom:10px;
	display: inline-block;
	padding: 5px 5px;
	border-radius:5px;
}
.label_SubTitle{
	font-size:100%;
	font-weight:bold;
	margin-bottom:1px;
	display: inline-block;
	padding: 5px 5px;
	border-radius:5px;
}
.label_Text{
	font-size:125%;
	border:none;
	padding: 5px 5px;
	border-radius:5px;
}
.label_Data{
	font-size:125%;
	background-color:#cccccc;
	padding: 5px 5px;
	border:none;
	border-radius:5px;
}
.horizontal-center{
	margin:10px;
	position:absolute;
	left:50%;
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.btn_Submit{color:white;background-color:#1a4078;cursor:pointer;
	font-size:125%;font-weight:normal;font-family:Monotype Corsiva;
	width:80%;padding:10px;border:none;border-radius:16px;margin:10px 10px;}
.btn_Submit:hover{color:black;background-color:#ff8080;font-weight:bold;}
input[type=text], input[type=password]{
	width: 100%;
	font-size:100%;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-color:#cccccc;
}
.valid{
  color:#1a4078;
}
.valid:before{
  position:relative;
  left:-35px;
  content:"Ok";
}
.invalid{
  color:#ff8080;
}
.invalid:before{
  position:relative;
  left:-35px;
  content:"No";
}

.caret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  text-align:center;
}
.caret:before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}
.caret-down:before {
  -ms-transform:rotate(90deg); /* IE 9 */
  -webkit-transform:rotate(90deg); /* Safari */'
  transform:rotate(90deg);  
}

.nested {
  display:none;
}
.active {
  display:block;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}